:root{--brand-primary: #2563eb;--brand-primary-contrast: #ffffff;--brand-primary-hover: #2157cf;--brand-primary-soft: #e9effd;--brand-primary-soft-dark: #102148;--brand-primary-text: #2563eb;--brand-primary-text-dark: #6c97f2;--brand-secondary: #0f172a;--brand-secondary-contrast: #ffffff;--brand-accent: #14b8a6;--brand-accent-contrast: #000000;--brand-accent-soft: #e2f7f4}.brand-scope{--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--text: #0f172a;--text-2: #334155;--muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--danger: #dc2626;--danger-soft: #fef2f2;--success: #15803d;--success-soft: #f0fdf4;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--primary-soft: var(--brand-primary-soft);--primary-text: var(--brand-primary-text);color-scheme:light;color:var(--text)}@media (prefers-color-scheme: dark){.brand-scope:not([data-theme=light]){--surface: #111a2e;--surface-2: #0b1220;--surface-3: #1a2540;--text: #e2e8f0;--text-2: #cbd5e1;--muted: #94a3b8;--border: #23304a;--border-strong: #334155;--danger: #f87171;--danger-soft: #2a1215;--success: #4ade80;--success-soft: #0f2a1a;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--primary-soft: var(--brand-primary-soft-dark);--primary-text: var(--brand-primary-text-dark);color-scheme:dark}}.brand-scope[data-theme=dark]{--surface: #111a2e;--surface-2: #0b1220;--surface-3: #1a2540;--text: #e2e8f0;--text-2: #cbd5e1;--muted: #94a3b8;--border: #23304a;--border-strong: #334155;--danger: #f87171;--danger-soft: #2a1215;--success: #4ade80;--success-soft: #0f2a1a;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--primary-soft: var(--brand-primary-soft-dark);--primary-text: var(--brand-primary-text-dark);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--surface-2);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:24px;line-height:1.25;margin:0;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.muted{color:var(--muted)}.splash{height:100%;background:var(--surface-2)}.brand-logo{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-logo--stacked{flex-direction:column;gap:12px}.brand-logo__img{display:block;width:auto;object-fit:contain}.brand-logo__name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monogram{display:grid;place-items:center;flex-shrink:0;border-radius:22%;background:var(--brand-primary);color:var(--brand-primary-contrast);font-weight:700;line-height:1}.brand-logo--sm .brand-logo__img{height:32px;max-width:170px}.brand-logo--sm .monogram{width:32px;height:32px;font-size:13px}.brand-logo--sm .brand-logo__name{font-size:16px}.brand-logo--md .brand-logo__img{height:40px;max-width:200px}.brand-logo--md .monogram{width:40px;height:40px;font-size:16px}.brand-logo--md .brand-logo__name{font-size:18px}.brand-logo--lg .brand-logo__img{height:56px;max-width:240px}.brand-logo--lg .monogram{width:56px;height:56px;font-size:22px}.brand-logo--lg .brand-logo__name{font-size:20px;white-space:normal;text-align:center}.brand-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;font-size:13px}.brand-footer a{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-primary);color:var(--brand-primary-contrast)}.btn--primary:not(:disabled):hover{background:var(--brand-primary-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:not(:disabled):hover{background:var(--surface-3)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:not(:disabled):hover{background:var(--surface-3)}.btn--block{width:100%;height:42px}.btn--small{height:30px;padding:0 10px;font-size:13px}.icon-button{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.icon-button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:600;color:var(--text-2)}.field__hint{display:block;font-size:12.5px;font-weight:400;color:var(--muted)}.field__error{font-size:12.5px;color:var(--danger)}.required{color:var(--danger)}.field input:not([type=checkbox]):not([type=color]):not([type=file]){height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.field input:focus{outline:2px solid var(--brand-primary);outline-offset:1px;border-color:var(--brand-primary)}.field input[aria-invalid=true]{border-color:var(--danger)}.checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:500;cursor:pointer}.checkbox input{margin-top:3px;accent-color:var(--brand-primary)}.alert{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;border-radius:8px;font-size:14px}.alert--error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.alert--success{background:var(--success-soft);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 25%,transparent)}.alert .btn{margin-left:auto}.badge{padding:2px 8px;border-radius:999px;background:var(--brand-accent);color:var(--brand-accent-contrast);font-size:11px;font-weight:600}.pill{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.app-shell{container-type:inline-size;display:flex;flex-direction:column;height:100%;background:var(--surface-2)}.app-header{display:flex;flex-shrink:0;align-items:center;gap:16px;height:60px;padding:0 16px 0 20px;background:var(--brand-secondary);color:var(--brand-secondary-contrast)}.app-header__brand{display:flex;align-items:center;min-width:0;width:212px;color:inherit;text-decoration:none}.app-header__search{display:flex;flex:1;align-items:center;gap:8px;max-width:520px;height:36px;padding:0 12px;border-radius:8px;background:color-mix(in srgb,currentColor 12%,transparent)}.app-header__search input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.app-header__search input::placeholder{color:inherit;opacity:.7}.app-header__bell{margin-left:auto}.notification-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 2px var(--brand-secondary)}.user-menu{position:relative}.user-menu__button{display:flex;align-items:center;gap:8px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:500;cursor:pointer}.user-menu__button:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand-primary);color:var(--brand-primary-contrast);font-size:13px;font-weight:600}.menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:220px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:0 10px 30px #00000026}.menu__label{margin-bottom:4px;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.menu__item:hover{background:var(--surface-3)}.app-body{display:flex;flex:1;min-height:0}.sidebar{display:flex;flex-direction:column;flex-shrink:0;width:232px;padding:16px 12px;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface)}.sidebar ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--text-2);font-weight:500;text-decoration:none}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary-text)}.sidebar__section{margin:20px 12px 6px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sidebar__footer{margin-top:auto;padding:16px 12px 0}.sidebar__footer .brand-footer{flex-direction:column;align-items:flex-start;color:var(--muted);font-size:12px}.app-content{container:content / inline-size;flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header p{max-width:720px;margin:6px 0 0}.page-header__actions{display:flex;gap:8px}.breadcrumb{margin-bottom:4px;color:var(--muted);font-size:13px}.notice{margin:0 0 16px;padding:8px 12px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px}.data-table{width:100%;border:1px solid var(--border);border-radius:12px;border-spacing:0;background:var(--surface);overflow:hidden}.data-table th{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:0}.data-table .num{text-align:right}.file-name{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.file-name--folder svg{color:var(--brand-primary)}.file-name a{color:var(--text);font-weight:500;text-decoration:none}.file-name a:hover{color:var(--primary-text);text-decoration:underline}@container (max-width: 760px){.sidebar,.app-header__search,.user-menu__name{display:none}.app-header__brand{width:auto}.app-content{padding:20px 16px}.data-table th:nth-child(2),.data-table td:nth-child(2){display:none}}.users-admin>.alert{margin-bottom:16px}.data-table tr.is-new td{background:var(--primary-soft)}.user-cell{display:inline-flex;align-items:center;gap:10px;font-weight:500}.role-badge{padding:2px 10px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:600}.role-badge--admin{background:var(--primary-soft);color:var(--primary-text)}.form-dialog{width:min(520px,94vw);max-height:92vh;padding:24px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0;font-size:18px}.role-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0;padding:0;border:0}.role-options legend{margin-bottom:6px;padding:0}.role-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--border-strong);border-radius:10px;cursor:pointer}.role-option:has(input:checked){border-color:var(--brand-primary);background:var(--primary-soft)}.role-option input{margin-top:3px;accent-color:var(--brand-primary)}.password-row{display:flex;align-items:flex-start;gap:8px}.password-row .field{flex:1;min-width:0}.password-row .btn{height:40px;margin-top:25px}@container content (max-width: 640px){.data-table .hide-narrow{display:none}}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100%;padding:32px 16px}.auth-card{width:100%;max-width:400px;padding:36px 32px 32px;border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 24px 60px #00000047}.auth-card__brand{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;text-align:center}.auth-card__subtitle{margin:6px 0 0;color:var(--muted)}.auth-card .muted{margin:0}.shared-file{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.shared-file__icon{display:grid;flex-shrink:0;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--primary-soft);color:var(--primary-text)}.shared-file__name{font-weight:600;word-break:break-word}.shared-file__meta{color:var(--muted);font-size:13px}.error-card{text-align:center}.error-card h1{margin-bottom:8px;font-size:22px}.error-card p{margin:0 0 24px!important}.branding-admin{display:flex;flex-direction:column;min-height:100%}.branding-admin>.alert{margin-bottom:16px}.branding-admin__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:24px;flex:1}.branding-admin__form{display:flex;flex-direction:column;gap:20px}.branding-admin__preview{position:sticky;top:0}.branding-admin__preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.branding-admin__preview-head h2,.settings-card h2{margin:0;font-size:15px}.settings-card{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.settings-card header{padding:16px 20px;border-bottom:1px solid var(--border)}.settings-card header p{margin:4px 0 0;font-size:13px}.settings-card__body{display:flex;flex-direction:column;gap:18px;padding:20px}.color-field__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.color-field__swatch{width:44px;height:40px;padding:2px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);cursor:pointer}.field input.color-field__hex{width:120px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.contrast-chip{padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600}.asset-field__row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.asset-field__preview{display:grid;place-items:center;width:200px;height:88px;padding:10px;border:1px dashed var(--border-strong);border-radius:10px;font-size:12px}.asset-field__preview img{max-width:100%;max-height:100%;object-fit:contain}.asset-field__preview.is-checker{background-color:#fff;background-image:conic-gradient(#eef2f7 25%,transparent 0 50%,#eef2f7 0 75%,transparent 0);background-size:16px 16px;color:#64748b}.asset-field__preview.is-dark{background:#0f172a;color:#94a3b8}.asset-field__preview.is-dragging{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--primary-soft)}.asset-field__actions{display:flex;gap:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.action-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;margin:24px -32px -28px;padding:12px 32px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.action-bar__status{margin-left:auto;color:var(--muted);font-size:13px}.action-bar__status.is-dirty{color:var(--text);font-weight:600}.action-bar__status.is-dirty:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--brand-accent)}@container content (max-width: 900px){.branding-admin__grid{grid-template-columns:minmax(0,1fr)}.branding-admin__preview{position:static}}@container content (max-width: 640px){.action-bar{flex-wrap:nowrap;gap:6px}.action-bar__status,.action-bar .hide-narrow{display:none}.action-bar .btn{padding:0 12px}.action-bar>.btn:nth-child(3){margin-left:auto}}@container (max-width: 760px){.action-bar{margin:24px -16px -20px;padding:10px 16px}}.preview{display:flex;flex-direction:column;gap:10px}.preview__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.tabs,.segmented{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:9px;background:var(--surface-3)}.tab,.segmented button{padding:6px 10px;border:0;border-radius:7px;background:transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.segmented button{display:grid;padding:6px 8px;color:var(--muted)}.tab.is-active,.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.scaled-frame{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-3);box-shadow:var(--shadow)}.scaled-frame__inner{position:absolute;top:0;transform-origin:top left}.preview__surface{width:100%;height:100%;overflow:hidden;background:var(--surface-2);color:var(--text)}.preview__surface>.auth-page{height:100%}.preview__email{display:block;width:100%;height:100%;border:0;background:#f1f5f9}.preview__message{padding:24px;color:var(--muted)}.modal{padding:0;border:0;border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 30px 80px #00000059}.modal::backdrop{background:#0f172a8c}.preview-modal{width:min(1400px,96vw);height:92vh;max-width:none;max-height:none;padding:14px 18px 18px}.preview-modal[open]{display:flex;flex-direction:column;gap:12px}.preview-modal__head{display:flex;align-items:center;gap:12px}.preview-modal__head .icon-button{margin-left:auto}.preview-modal .preview{flex:1;min-height:0}.preview--contain .scaled-frame{flex:1;min-height:0;border:0;background:transparent;box-shadow:none}.confirm{width:min(440px,92vw);padding:24px}.confirm h2{margin:0 0 8px;font-size:18px}.confirm p{margin:0 0 20px}.confirm__actions{display:flex;justify-content:flex-end;gap:8px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn--danger{background:var(--danger);color:#fff}.btn--danger:not(:disabled):hover{background:color-mix(in srgb,var(--danger) 85%,#000000)}.field select{height:40px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.menu--floating{position:fixed;z-index:60}.menu__item--danger{color:var(--danger)}.files-page{position:relative;min-height:100%}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;color:var(--muted);font-size:13px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary-text);text-decoration:underline}.breadcrumbs__item{display:inline-flex;align-items:center;gap:4px}.file-table td{padding-top:8px;padding-bottom:8px}.file-table tbody tr:hover td{background:var(--surface-2)}.data-table tr.is-muted td{opacity:.6}.th-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.file-name{min-width:0}.file-name__open{overflow:hidden;padding:0;border:0;background:none;color:var(--text);font:inherit;font-weight:500;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.file-name__open:hover{color:var(--primary-text);text-decoration:underline}.file-name__star{flex-shrink:0;color:var(--brand-accent);fill:var(--brand-accent)}.file-name__shared{flex-shrink:0;color:var(--muted)}.file-table td:first-child{max-width:420px}.col-actions{width:48px;text-align:right;white-space:nowrap}.col-actions--wide{width:auto}.col-actions .icon-button,.col-actions .btn{vertical-align:middle}.col-actions .icon-button:hover{background:var(--surface-3)}.location-link{color:var(--muted);text-decoration:none}.location-link:hover{color:var(--primary-text);text-decoration:underline}.link-name{display:flex;flex-direction:column;min-width:0}.link-name__path{font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:56px 24px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface);color:var(--muted);text-align:center}.empty-state h2{margin:6px 0 0;color:var(--text);font-size:17px}.empty-state p{margin:0}.empty-state__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.drop-overlay{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--brand-primary);border-radius:14px;background:color-mix(in srgb,var(--primary-soft) 88%,transparent);color:var(--primary-text);font-size:16px;pointer-events:none}.upload-panel{position:fixed;right:20px;bottom:20px;z-index:50;width:min(380px,calc(100vw - 32px));overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 16px 40px #0003}.upload-panel__head{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;background:var(--brand-secondary);color:var(--brand-secondary-contrast)}.upload-panel__head strong{flex:1;font-size:14px}.upload-panel__list{max-height:280px;margin:0;padding:4px 0;overflow-y:auto;list-style:none}.upload-row{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 14px}.upload-row__main{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.upload-row__name{overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.upload-row__meta{color:var(--muted);font-size:12px}.upload-row--error .upload-row__meta{color:var(--danger)}.upload-row__ok{color:var(--success)}.progress{height:4px;overflow:hidden;background:var(--surface-3)}.progress span{display:block;height:100%;background:var(--brand-primary);transition:width .2s ease}.progress--row{border-radius:999px}.toasts{position:fixed;bottom:20px;left:50%;z-index:70;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));padding:8px 8px 8px 14px;border-radius:10px;background:#1e293b;color:#f8fafc;font-size:14px;box-shadow:0 10px 30px #00000040;pointer-events:auto}.toast--success>svg:first-child{color:#4ade80}.toast--error>svg:first-child{color:#f87171}.toast .icon-button{width:28px;height:28px}.home .page-header p{display:flex;align-items:center;gap:6px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:28px}.quick-action{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.quick-action:hover{border-color:var(--brand-primary);background:var(--primary-soft)}.quick-action>svg{flex-shrink:0;color:var(--primary-text)}.quick-action span{display:flex;flex-direction:column}.quick-action .muted{font-size:13px}.home-section{margin-bottom:28px}.home-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.home-section__head h2{margin:0;font-size:16px}.home-section__head a{color:var(--primary-text);font-size:13px}.share-dialog{width:min(600px,94vw);padding:24px}.share-dialog[open]{display:flex;flex-direction:column;gap:18px}.share-section{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.share-section h3{margin:0;font-size:15px}.share-section>p{margin:0;font-size:13px}.share-add{display:flex;gap:8px}.share-add input,.link-list__url{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.share-list,.link-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.share-list li,.link-list li{display:flex;align-items:center;gap:10px;padding:6px 4px 6px 8px;border:1px solid var(--border);border-radius:10px}.share-list__who{display:flex;flex:1;flex-direction:column;min-width:0}.share-list__who .muted{overflow:hidden;font-size:12px;text-overflow:ellipsis}.link-list__url{height:32px;font-size:13px}.link-list__meta{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;white-space:nowrap}.link-form{display:grid;grid-template-columns:1fr 160px;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.link-form__actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px}.form-dialog--small{width:min(440px,94vw)}.confirm__body{margin:0 0 20px}.confirm .alert{margin-bottom:16px}.notifications{max-height:380px;overflow-y:auto}.notifications__empty{margin:0;padding:10px;font-size:13px}.notification{flex-direction:column;align-items:flex-start;gap:2px}.notification.is-unread .notification__text{font-weight:600}.notification__time{font-size:12px}.role-badge--disabled{margin-left:6px;background:var(--danger-soft);color:var(--danger)}@container content (max-width: 640px){.link-form{grid-template-columns:1fr}.share-add{flex-wrap:wrap}}.viewer{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;border-radius:0;background:#0b0f17;color:#e5e7eb}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#000000d9}.viewer__bar{display:flex;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;background:#111827}.viewer__title{display:flex;flex:1;flex-direction:column;min-width:0}.viewer__title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer__title span{color:#9ca3af;font-size:12px}.viewer .icon-button:disabled{opacity:.35;cursor:default}.viewer__body,.public-view__body{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;overflow:auto}.viewer__image{max-width:100%;max-height:100%;object-fit:contain;background-image:conic-gradient(#1f2937 25%,#111827 0,#111827 50%,#1f2937 0,#1f2937 75%,#111827 0);background-size:20px 20px}.viewer__frame{width:100%;height:100%;border:0;background:#fff}.viewer__media{max-width:100%;max-height:100%}.viewer__audio{width:min(520px,90%)}.viewer__audio audio{width:100%}.viewer__text{box-sizing:border-box;align-self:stretch;width:100%;margin:0;padding:20px 24px;overflow:auto;background:#fff;color:#111827;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.viewer__table-wrap{align-self:stretch;width:100%;overflow:auto;background:#fff;color:#111827}.viewer__table{border-collapse:collapse;font-size:13px}.viewer__table th,.viewer__table td{padding:6px 10px;border:1px solid #e5e7eb;text-align:left;white-space:nowrap}.viewer__table th{position:sticky;top:0;background:#f3f4f6}.viewer__message{padding:16px;color:#9ca3af}.viewer__unsupported{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;color:#d1d5db;text-align:center}.public-view{display:flex;flex-direction:column;height:100%;background:#0b0f17}.public-view__bar{display:flex;flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;background:var(--brand-secondary);color:var(--brand-secondary-contrast)}.public-view__title{display:flex;flex:1;flex-direction:column;min-width:0}.public-view__title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-view__title span{font-size:12px;opacity:.8}.public-view>.brand-footer{padding:8px;color:#9ca3af}@media (max-width: 640px){.public-view__bar{flex-wrap:wrap}.public-view__title{order:3;flex-basis:100%}}img.avatar{object-fit:cover;background:var(--surface-3)}.avatar--md{width:40px;height:40px;font-size:15px}.avatar--lg{width:88px;height:88px;font-size:30px}.storage-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-2);font-size:13px}.storage-strip code{padding:1px 6px;border-radius:6px;background:var(--surface-3);font-size:12px}.storage-strip__meter{width:140px;height:6px;margin-left:auto;overflow:hidden;border-radius:999px;background:var(--surface-3)}.storage-strip__meter span{display:block;height:100%;background:var(--brand-primary)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.filters__search{display:flex;flex:1;align-items:center;gap:8px;min-width:220px;max-width:420px;height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--muted)}.filters__search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;outline:none}.filters select{height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.filters__count{margin-left:auto;font-size:13px}.users-table tr.is-clickable{cursor:pointer}.users-table tr.is-clickable:hover td{background:var(--surface-2)}.user-cell__text{display:flex;flex-direction:column;min-width:0}.user-cell__sub{font-size:12px;font-weight:400}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;color:var(--muted);font-size:13px;text-decoration:none}.back-link:hover{color:var(--primary-text)}.profile-header{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:20px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.profile-header__main{flex:1;min-width:220px}.profile-header__main h1{font-size:22px}.profile-header__main>p{margin:4px 0 0}.profile-header__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.profile-header__actions{display:flex;flex-wrap:wrap;gap:8px}.btn--danger-text{color:var(--danger)}.photo-editor{display:flex;flex-direction:column;align-items:center;gap:10px}.photo-editor__actions{display:flex;flex-direction:column;gap:4px}.facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:14px 0 0}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:2px 0 0;font-weight:500}.facts--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.field textarea{padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;resize:vertical}.field input:disabled{opacity:.7}.role-options--stacked{grid-template-columns:1fr;margin-top:14px}.role-option select{display:block;width:100%;margin-top:6px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}.storage-meter{margin:16px 4px 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:12px}.storage-meter__label{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--text-2);font-weight:600}.storage-meter__bar,.storage-cell__bar{display:block;height:6px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.storage-meter__bar span,.storage-cell__bar span{display:block;height:100%;border-radius:999px;background:var(--brand-primary)}.storage-meter.is-high .storage-meter__bar span,.storage-cell.is-high .storage-cell__bar span{background:#d97706}.storage-meter.is-full .storage-meter__bar span,.storage-cell.is-full .storage-cell__bar span,.storage-cell__bar.is-full span{background:var(--danger)}.storage-meter__text{margin-top:6px;color:var(--muted)}.storage-meter__warn{margin-top:6px;color:var(--danger)}.storage-cell{display:flex;flex-direction:column;gap:4px;min-width:120px;font-size:13px;white-space:nowrap}.storage-strip__default{white-space:nowrap}.link-button{padding:0;border:0;background:none;color:var(--primary-text);font:inherit;text-decoration:underline;cursor:pointer}.storage-limit{display:flex;flex-direction:column;gap:10px;margin-top:18px}.storage-limit__usage{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.storage-limit__usage .storage-cell__bar{max-width:320px}@container content (max-width: 640px){.details-grid{grid-template-columns:1fr}.storage-strip__meter{margin-left:0}}