:root{--color-bg:#f7fafc;--color-surface:#fff;--color-surface-muted:#f1f6fa;--color-border:#d9e3ea;--color-border-strong:#b8c8d4;--color-text:#101828;--color-text-muted:#526173;--color-heading:#0b1324;--color-primary:#206e9f;--color-primary-hover:#17577e;--color-primary-soft:#e4f2fa;--color-danger:#b42318;--color-danger-soft:#fff1f0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 8px 24px #0f172a0f;--shadow-md:0 18px 44px #0f172a1a;--shadow-lg:0 24px 70px #0f172a29;--text:var(--color-text);--text-h:var(--color-heading);--bg:#fff;--border:var(--color-border);--code-bg:#f3f8ff;--accent:var(--color-primary);--accent-bg:var(--color-primary-soft);--accent-border:#206e9f59;--social-bg:#e1ebf599;--shadow:var(--shadow-sm);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:var(--color-text);--text-h:var(--color-heading);--bg:#fff;--border:var(--color-border);--code-bg:#f3f8ff;--accent:var(--color-primary);--accent-bg:var(--color-primary-soft);--accent-border:#206e9f59;--social-bg:#e1ebf599;--shadow:var(--shadow-sm)}#social .button-icon{filter:invert()brightness(2)}}html{background:var(--color-bg);min-height:100%;position:relative;overflow-x:hidden}html:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#f7fafc94,#f7fafc94),url(/assets/3-RXzavG_-.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body{isolation:isolate;background:0 0;min-height:100vh;margin:0;position:relative;overflow-x:hidden}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;line-height:1.3}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{letter-spacing:.3px;margin:0;line-height:1.6}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),[tabindex]:focus:not(:focus-visible){outline:none}.skip-link{z-index:3000;background:var(--color-heading);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .18s;position:absolute;top:12px;left:16px;transform:translateY(-180%)}.skip-link:focus,.skip-link:focus-visible{outline:3px solid var(--color-primary-soft);outline-offset:3px;transform:translateY(0)}input,select,textarea{box-sizing:border-box}.form-error{color:var(--color-danger);text-align:left;margin:0;font-weight:700}.form-success{color:#17643a;text-align:left;margin:0;font-weight:800}.primary-btn,.secondary-btn,.danger-btn{border-radius:var(--radius-md);border:1px solid #0000;padding:14px 18px;font-weight:700;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.primary-btn{background:var(--color-primary);color:#fff}.primary-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 14px 28px #206e9f33}.secondary-btn{background:var(--color-surface-muted);color:var(--color-heading);border-color:var(--color-border)}.secondary-btn:hover{border-color:var(--color-border-strong);background:#e8f0f6;transform:translateY(-1px)}.danger-btn{background:var(--color-danger-soft);color:var(--color-danger);border-color:#b423182e}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.primary-btn:disabled:hover,.secondary-btn:disabled:hover,.danger-btn:disabled:hover{box-shadow:none;transform:none}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden!important}::-webkit-scrollbar{background:0 0;width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0}*{scrollbar-width:none}header{background:var(--color-surface);color:var(--color-heading);border-bottom:1px solid var(--color-border);z-index:1000;box-shadow:var(--shadow);padding:12px clamp(12px,3vw,40px);position:sticky;top:0;left:0;right:0}nav{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-link{cursor:pointer;background:0 0;border:0;align-items:center;margin-top:10px;padding:0;display:inline-flex}.logo-image{object-fit:contain;width:auto;max-width:min(72vw,380px);height:clamp(42px,5.2vw,56px);display:block}.nav-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:6px;transition:opacity .2s,transform .2s;display:inline-flex}.nav-icon{width:28px;height:28px}.nav-button:hover{opacity:.75;transform:translateY(-1px)}.nav-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=640px){header{padding:12px 16px}.logo-image{max-width:68vw;height:40px}}.landing-page{box-sizing:border-box;background:0 0;justify-content:center;align-items:center;min-height:calc(100vh - 96px);padding:40px 20px 80px;display:flex}.landing-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:min(900px,100%);padding:0 12px;display:flex;transform:translateY(-40px)}.reef-logo{filter:drop-shadow(0 2px 4px #00000040);width:min(560px,92vw);height:auto;margin:0;display:block}.landing-panel h1{color:var(--color-heading);margin:0;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02}.landing-panel p{max-width:680px;color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.8}.landing-login-button{color:#fff;background:#1f6ea1;border-radius:999px;justify-content:center;align-items:center;min-width:130px;margin-top:8px;padding:.9rem 1.7rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.landing-login-button:hover{opacity:.92;transform:translateY(-1px)}.landing-login-button:focus-visible{outline-offset:3px;outline:2px solid #1f6ea1}.error-popup{border-radius:var(--radius-md);background:var(--color-danger-soft);width:100%;color:var(--color-heading);box-sizing:border-box;text-align:left;border:1px solid #b423183d;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid;box-shadow:0 12px 28px #b423181a}.error-popup-icon{background:var(--color-danger);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.9rem;font-weight:900;line-height:1;display:inline-grid}.error-popup-copy{gap:2px;min-width:0;display:grid}.error-popup-copy strong{color:var(--color-danger);font-size:.92rem;line-height:1.3}.error-popup-copy p{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.45}.error-popup-close{width:28px;height:28px;color:var(--color-danger);background:#ffffffb3;border:1px solid #b4231833;border-radius:50%;place-items:center;padding:0;font-size:1.2rem;font-weight:800;line-height:1;display:inline-grid}.error-popup-close:hover{background:#fff;border-color:#b4231861}.login-page{box-sizing:border-box;background:0 0;justify-content:center;align-items:flex-start;min-height:calc(100vh - 96px);padding:clamp(48px,10vh,92px) 20px 40px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(480px,100%);box-shadow:var(--shadow-md);text-align:left;padding:32px}.login-card h1{color:var(--color-heading);margin:0 0 12px;font-size:clamp(28px,2.6vw,34px)}.login-card p{color:var(--color-text-muted);margin:0 0 24px;line-height:1.6}.login-form{gap:16px;display:grid}.login-error-popup{justify-self:stretch;width:100%;max-width:none;padding:12px 14px}.login-form label{color:var(--color-heading);gap:8px;font-weight:500;display:grid}.login-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);width:100%;color:var(--color-heading);box-sizing:border-box;padding:13px 16px;font-size:16px}.login-form input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-error{color:var(--color-danger);text-align:center;margin:0;font-weight:600}.login-submit,.home-button{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;width:100%;padding:13px 18px;font-size:16px;font-weight:600;transition:background .2s}.login-submit:hover{background:var(--color-primary-hover)}.login-footnote{color:var(--color-text-muted);margin:20px 0 0;font-size:14px}@media (height<=760px){.login-page{padding-top:32px}.login-card{padding:28px}}@media (width<=640px){.login-page{padding:28px 16px}.login-card{padding:24px}}.account-page{background:0 0;justify-content:center;align-items:flex-start;min-height:100vh;padding:32px clamp(20px,4vw,64px);display:flex}.account-container{gap:24px;width:min(1180px,100%);display:grid}.account-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f6fbfe 0%,#eef7fb 54%,#f8fbf5 100%);border:1px solid #206e9f2e;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px;display:grid}.account-avatar{background:var(--color-primary);color:#fff;letter-spacing:0;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:900;display:grid;box-shadow:0 14px 28px #206e9f2e}.account-hero h1{color:var(--color-heading);letter-spacing:0;margin:0 0 6px;font-size:1.75rem;line-height:1.2}.account-hero p,.account-panel-header p{color:var(--color-text-muted);margin:0;line-height:1.5}.account-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:18px;display:grid}.account-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;gap:18px;padding:22px;display:grid}.account-side-panel{gap:24px}.account-actions,.account-settings{gap:14px;display:grid}.account-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-panel-header h2{color:var(--color-heading);margin:0 0 6px;font-size:1.08rem;line-height:1.2}.info-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:0;display:grid}.info-item{grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);align-items:center;gap:18px;padding:14px 0;display:grid}.info-item+.info-item{border-top:1px solid var(--color-border)}.info-item label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:900}.info-item span{min-width:0;color:var(--color-heading);overflow-wrap:anywhere;font-size:1rem;font-weight:800}.action-buttons{gap:12px;display:grid}.action-btn,.settings-btn,.logout-btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;width:100%;min-height:46px;padding:12px 16px;font-size:.96rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.action-btn{background:var(--color-primary);color:#fff}.action-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 14px 28px #206e9f33}.settings-btn{background:var(--color-surface-muted);color:var(--color-heading);border-color:var(--color-border)}.settings-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.account-form{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);gap:14px;padding:18px;display:grid}.account-form label{color:var(--color-heading);text-align:left;gap:8px;font-weight:700;display:grid}.account-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-heading);padding:12px 14px}.account-form input:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.account-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.logout-btn{background:var(--color-heading);color:#fff;justify-self:end;width:min(220px,100%)}.logout-btn:hover{background:var(--color-primary);transform:translateY(-1px)}@media (width<=900px){.account-layout{grid-template-columns:1fr}.account-hero{grid-template-columns:auto minmax(0,1fr)}.account-form-actions{grid-template-columns:1fr}}@media (width<=640px){.account-page{padding:20px 12px}.account-hero,.account-panel{padding:16px}.account-hero h1{font-size:1.45rem}.info-item{grid-template-columns:1fr;gap:5px}.logout-btn{width:100%}}.admin-page{background:0 0;justify-content:center;align-items:flex-start;min-height:100vh;padding:32px clamp(20px,4vw,64px);display:flex}.admin-shell{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:24px 32px;width:min(1480px,100%);display:grid}.admin-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:left;gap:8px;padding:14px;display:grid;position:sticky;top:112px}.admin-sidebar p{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:.8rem;font-weight:800}.admin-sidebar button{border-radius:var(--radius-md);width:100%;color:var(--color-heading);text-align:left;background:0 0;border:1px solid #0000;padding:10px;font-weight:800}.admin-sidebar button:hover,.admin-sidebar button.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.admin-content{min-width:0}.admin-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);text-align:left;padding:32px}.admin-card h2{color:var(--color-heading);margin:0 0 12px;font-size:1.6rem}.admin-card p{color:var(--color-text-muted);margin:0 0 28px;line-height:1.6}.admin-form{gap:18px;max-width:720px;display:grid}.admin-form label{color:var(--color-heading);gap:10px;font-weight:600;display:grid}.admin-form input,.admin-form select{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;color:var(--color-heading);padding:12px 14px;font-size:.95rem}.admin-form input:focus,.admin-form select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.admin-form .primary-btn,.admin-form .secondary-btn{min-height:48px;padding:12px 16px}.selected-company{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted);gap:8px;padding:12px 14px;display:grid}.selected-company span{color:var(--color-text-muted);font-size:.85rem;font-weight:700}.selected-company strong{color:var(--color-heading);font-size:1rem}.admin-modal-backdrop{z-index:2200;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.company-picker,.company-manage-modal{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(560px,100%);max-height:min(720px,100vh - 48px);box-shadow:var(--shadow-lg);padding:28px;position:relative;overflow:auto}.company-manage-modal{width:min(680px,100%)}.company-picker-header{text-align:center;justify-items:center;gap:8px;padding-right:48px;display:grid;position:relative}.company-picker-header h2{margin:0}.company-picker-header p{color:var(--color-text-muted);margin:0}.company-picker-header .modal-close{position:absolute;top:0;right:0}.company-picker-controls{grid-template-columns:1fr 160px;gap:14px;margin-top:24px;display:grid}.company-picker-controls label{color:var(--color-heading);gap:8px;font-weight:700;display:grid}.company-picker-controls input,.company-picker-controls select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);width:100%;color:var(--color-heading);padding:12px 14px}.company-rename-form,.company-grant-form{gap:12px;margin-top:20px;display:grid}.company-rename-form label,.company-grant-form label{color:var(--color-heading);gap:8px;font-weight:700;display:grid}.company-rename-form input,.company-grant-form input{box-sizing:border-box;width:100%}.company-rename-form .secondary-btn,.company-grant-form .secondary-btn{justify-self:start}.company-picker-list{gap:10px;margin-top:20px;display:grid}.company-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);width:100%;color:var(--color-heading);text-align:left;padding:14px 16px;font-weight:700}.company-option:hover,.company-option.selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.upload-list,.company-list,.login-list{margin-top:24px}.upload-list h3,.company-list h3,.login-list h3{color:var(--color-heading);margin:0 0 14px;font-size:1rem}.upload-list ul,.company-list ul,.login-list ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.upload-list li,.company-list li,.login-list li{border-radius:var(--radius-lg);background:var(--color-surface-muted);border:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.upload-list li span,.login-list li span{color:var(--color-text-muted);font-size:.9rem}.upload-list li strong,.login-list li{color:var(--color-heading)}.company-table-controls{grid-template-columns:minmax(0,1fr) 160px;gap:14px;margin-bottom:14px;display:grid}.company-table-controls label{color:var(--color-heading);gap:8px;font-weight:700;display:grid}.company-table-controls input,.company-table-controls select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);width:100%;min-height:46px;color:var(--color-heading);padding:11px 13px;font-size:.95rem}.company-table-controls input:focus,.company-table-controls select:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.company-table{gap:8px;margin:0;padding:0;list-style:none;display:grid}.company-table-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-heading);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;display:grid}.company-table-row span:first-child{overflow-wrap:anywhere;min-width:0;font-weight:800}.company-row-action{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;min-height:34px;padding:7px 12px;font-size:.82rem;font-weight:800}.company-row-action:hover{border-color:var(--color-primary);color:var(--color-heading)}.company-row-action.danger{color:#b91c1c;border-color:#b91c1c38}.company-row-action.danger:hover{background:#fef2f2;border-color:#b91c1c6b}.company-users-panel{gap:14px;margin-top:24px;display:grid}.company-users-header,.company-user-list li,.company-manage-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.company-users-header h3{color:var(--color-heading);margin:0}.company-users-header span,.company-user-list span{color:var(--color-text-muted);font-size:.88rem;font-weight:700}.company-user-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.company-user-list li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:13px 16px}.company-user-list li div{text-align:left;gap:4px;min-width:0;display:grid}.company-user-list strong{color:var(--color-heading);overflow-wrap:anywhere}.company-manage-actions{margin-top:24px}.danger-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#b91c1c;border:1px solid #b91c1c47;min-height:44px;padding:11px 16px;font-weight:800}.danger-btn:disabled{cursor:not-allowed;opacity:.5}.danger-btn:not(:disabled):hover{background:#991b1b}.company-table-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center;padding:18px 16px;font-weight:700}.company-pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.company-pagination span{color:var(--color-text-muted);font-size:.9rem;font-weight:700}.company-pagination button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:40px;color:var(--color-heading);padding:8px 13px;font-weight:800}.company-pagination button:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.company-pagination button:disabled{cursor:not-allowed;opacity:.55}.settings-card{gap:24px;display:grid}.admin-card>.settings-hero{margin-bottom:24px}.settings-card>.settings-hero{margin-bottom:0}.settings-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f6fbfe 0%,#eef7fb 54%,#f8fbf5 100%);border:1px solid #206e9f2e;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px;display:grid}.settings-hero h2{margin-bottom:6px}.settings-hero p{margin:0}.settings-avatar{background:var(--color-primary);color:#fff;letter-spacing:0;border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:900;display:grid;box-shadow:0 14px 28px #206e9f2e}.settings-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:18px;display:grid}.settings-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:18px;padding:20px;display:grid}.settings-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-panel h3{color:var(--color-heading);margin:0 0 6px;font-size:1.05rem;line-height:1.2}.settings-panel p{color:var(--color-text-muted);margin:0;font-size:.94rem;line-height:1.5}.settings-panel-header .secondary-btn{white-space:nowrap;min-height:42px;padding:9px 14px}.admin-settings{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:0;display:grid}.settings-detail{grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);align-items:center;gap:18px;padding:14px 0;display:grid}.settings-detail+.settings-detail{border-top:1px solid var(--color-border)}.settings-detail span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:900}.settings-detail strong{min-width:0;color:var(--color-heading);overflow-wrap:anywhere}.access-panel{background:#fbfdff}.settings-actions{gap:12px;display:grid}.settings-actions .secondary-btn{width:100%;min-height:50px;color:var(--color-heading);letter-spacing:0;text-transform:none;padding:13px 16px;font-size:.96rem}.settings-form{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);gap:13px;padding:16px;display:grid}.settings-form label{color:var(--color-heading);gap:8px;font-weight:800;display:grid}.settings-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-heading);padding:10px 12px}.settings-form input:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.settings-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=1120px){.admin-shell{grid-template-columns:132px minmax(0,1fr);gap:24px 28px}}@media (width<=840px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{align-items:center;gap:8px;padding:10px;display:flex;position:static;overflow-x:auto}.admin-sidebar p{flex:none;margin:0 8px 0 0}.admin-sidebar button{text-align:center;white-space:nowrap;flex:none;width:auto;min-height:40px;padding:8px 12px;font-size:.92rem}.company-picker-controls,.company-table-controls{grid-template-columns:1fr}.company-table-row{padding:12px}.company-pagination{justify-content:space-between}.settings-layout{grid-template-columns:1fr}.settings-hero{grid-template-columns:auto minmax(0,1fr)}}@media (width<=560px){.admin-sidebar{margin-inline:-2px}.settings-hero,.settings-panel{padding:16px}.settings-panel-header{display:grid}.settings-panel-header .secondary-btn,.settings-actions .secondary-btn{width:100%}.settings-detail{grid-template-columns:1fr;gap:5px}.settings-form-actions{grid-template-columns:1fr}}.upload-pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.upload-pagination span{color:var(--color-text-muted);font-size:.9rem;font-weight:700}.upload-pagination .secondary-btn{min-height:40px;padding:8px 12px}.upload-search{color:var(--color-heading);gap:8px;margin-bottom:14px;font-weight:700;display:grid}.upload-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);width:100%;min-height:42px;color:var(--color-heading);font:inherit;padding:10px 12px}.upload-search input:focus{border-color:#206e9f6b;outline:3px solid #206e9f29}.upload-search-empty{color:var(--color-text-muted);margin:8px 0 0}.upload-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;overflow:hidden}.upload-table-head,.upload-table-row{display:table-row}.upload-table-head{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border)}.upload-table-head th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:left;padding:12px 14px;font-size:.8rem;font-weight:800}.upload-table-row{border-bottom:1px solid var(--color-border)}.upload-table-row:last-child{border-bottom:none}.upload-table-row td{vertical-align:middle;padding:12px 14px}.upload-table-row strong{color:var(--color-heading);overflow-wrap:anywhere}.upload-table-row em{color:var(--color-heading);font-style:normal}.upload-table-row span{color:var(--color-text-muted);font-size:.9rem}@media (width<=860px){.upload-table-head{display:none}.upload-table-row{grid-template-columns:1fr;gap:6px}}.calibration-page{background:0 0;justify-content:center;align-items:flex-start;min-height:100vh;padding:32px clamp(20px,4vw,64px);display:flex}.calibration-shell{gap:24px;width:min(1180px,100%);display:grid}.calibration-back-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:auto;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);justify-self:start;padding:10px 14px;font-weight:800}.calibration-back-btn:hover{color:var(--color-primary);border-color:#206e9f57}.calibration-hero{border-radius:var(--radius-lg);text-align:left;background:linear-gradient(135deg,#f6fbfe 0%,#eef7fb 54%,#f8fbf5 100%);border:1px solid #206e9f2e;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.calibration-hero h1{letter-spacing:0;margin:0 0 6px;font-size:1.75rem;line-height:1.2}.calibration-hero p,.calibration-file p,.calibration-empty p{color:var(--color-text-muted);margin:0}.calibration-hero span{color:#17643a;white-space:nowrap;background:#e9f7ee;border:1px solid #bfe5ca;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:900}.calibration-list{gap:12px;display:grid}.calibration-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) 220px;gap:14px;padding:18px;display:grid}.calibration-controls label{color:var(--color-text);text-transform:uppercase;gap:8px;font-size:.82rem;font-weight:900;display:grid}.calibration-controls input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--color-text);font:inherit;text-transform:none;background:#fff;padding:10px 12px}.calibration-controls input:focus{border-color:#206e9f6b;outline:3px solid #206e9f29}.calibration-search-all-btn{align-self:end;min-height:42px}.calibration-file,.calibration-empty{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.calibration-file span{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.82rem;font-weight:900;display:inline-flex}.calibration-file h2,.calibration-empty h2{margin:0 0 6px;font-size:1.08rem}.calibration-file .primary-btn{white-space:nowrap;width:auto;min-width:150px}.calibration-empty{justify-content:stretch;display:grid}@media (width<=700px){.calibration-controls{grid-template-columns:1fr}.calibration-hero,.calibration-file{display:grid}.calibration-file .primary-btn{width:100%}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{width:100%;max-width:100%;position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:90%;max-width:420px;height:auto;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{box-sizing:border-box;flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;width:100%;padding:90px 20px 20px;display:flex}@media (width<=1024px){#center{gap:18px;padding:100px 20px 24px}}@media (width<=640px){#center{gap:16px;padding:100px 16px 16px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-backdrop-dismiss{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.account-popover-backdrop{z-index:2000;background:0 0;position:fixed;inset:0}.account-modal{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(520px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);color:var(--color-heading);padding:32px;position:relative;overflow:auto}.account-modal form{margin-top:22px}.account-popover{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(360px,100% - 32px);box-shadow:var(--shadow-lg);color:var(--color-heading);padding:22px;position:absolute;top:86px;right:24px}.account-popover h2{margin:0;font-size:22px}.account-popover p{color:var(--color-text-muted);margin:0;line-height:1.5}.modal-close{background:var(--color-surface-muted);width:40px;height:40px;color:var(--color-heading);cursor:pointer;border:none;border-radius:50%;font-size:22px;position:absolute;top:18px;right:18px}.modal-copy{gap:16px;display:grid}.modal-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--color-primary);margin:0;font-size:14px}.account-modal h2{margin:0;font-size:28px}.account-modal p{color:var(--color-text-muted);margin:0;line-height:1.6}.modal-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.modal-primary,.modal-secondary{cursor:pointer;border:1px solid #0000;border-radius:14px;flex:1;min-width:140px;padding:14px 18px;font-size:16px;font-weight:600}.modal-primary{background:var(--color-primary);color:#fff}.modal-primary:hover{background:var(--color-primary-hover)}.modal-secondary{background:var(--color-surface-muted);color:var(--color-heading);border-color:var(--color-border)}.modal-secondary:hover{background:#e8f0f6}.account-menu{gap:10px;margin-top:20px;display:grid}.account-menu button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);width:100%;color:var(--color-heading);text-align:left;cursor:pointer;padding:14px 16px;font-size:15px;font-weight:700}.account-menu button:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.account-menu button:last-child{color:var(--color-danger)}@media (width<=640px){.account-popover{width:auto;top:78px;left:16px;right:16px}}