:root{color-scheme:light;--surface: #F8FAFC;--surface-raised: #FFFFFF;--surface-sunken: #ecf0f5;--surface-hover: #f0f4f8;--surface-selected: #e7f1f1;--surface-overlay: rgba(11, 31, 58, .55);--nav-surface: #0B1F3A;--nav-ink: #FFFFFF;--nav-ink-muted: #7689a4;--nav-hover: #23354e;--nav-selected: #0d4f57;--nav-line: #32435a;--ink: #1E293B;--ink-muted: #5e6d82;--ink-faint: #5e6d82;--ink-inverse: #FFFFFF;--ink-placeholder: #64748B;--line: #E2E8F0;--line-strong: #bbc4cf;--control-border: #8b8f94;--accent: #0F766E;--accent-hover: #0c615a;--accent-ink: #FFFFFF;--accent-soft: rgba(15, 118, 110, .12);--focus-ring: 0 0 0 3px rgba(15, 118, 110, .45);--success: #117c38;--success-fill: #12873d;--success-ink: #FFFFFF;--success-soft: rgba(22, 163, 74, .16);--warning: #b24b34;--warning-fill: #FF6B4A;--warning-ink: #1E293B;--warning-soft: rgba(255, 107, 74, .18);--danger: #d02424;--danger-fill: #DC2626;--danger-hover: #b41f1f;--danger-ink: #FFFFFF;--danger-soft: rgba(220, 38, 38, .12);--info: #0F766E;--info-soft: rgba(15, 118, 110, .12);--neutral-soft: rgba(30, 41, 59, .08);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--row-h: 40px;--tap: 44px;--sidebar-w: 268px;--topbar-h: 56px;--content-max: 1360px;--font-ui: "IBM Plex Sans Arabic", "Segoe UI", "Noto Sans Arabic", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", "Consolas", "SF Mono", Menlo, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--radius: 6px;--radius-sm: 4px;--radius-pill: 999px;--hairline: 1px solid var(--line);--shadow-float: 0 8px 24px rgba(11, 31, 58, .16), 0 1px 2px rgba(11, 31, 58, .1);--shadow-dialog: 0 24px 64px rgba(11, 31, 58, .3), 0 2px 6px rgba(11, 31, 58, .14);--ft-medical: #e2efee;--ft-company: #eceef1;--ft-real_estate: #e2e4e7;--ft-legal: #e3f4e9;--ft-financial: #ffede9;--ft-tax: #fbe5e5;--ft-hr: #cfe4e2;--ft-insurance: #e0e3e8;--ft-personal: #ced2d8;--ft-education: #d0eddb;--ft-government: #ffe1db;--ft-project: #f8d4d4;--ft-client: #bcd9d6;--ft-vendor: #d4d8df;--ft-vehicle: #bbc0c8;--ft-home: #bee5cc;--ft-estate: #ffd6cc;--ft-investment: #f5c2c2;--ft-loan: #a9cecb;--ft-compliance: #c7cdd5;--ft-ip: #a7aeb8;--ft-research: #abdebe;--ft-archive: #ffcabe;--ft-shared: #f2b1b1;--ft-confidential: #95c3bf;--ft-custom: #bbc2cc}:root[data-theme=dark]{color-scheme:dark;--surface: #0B1F3A;--surface-raised: #1c2f48;--surface-sunken: #071426;--surface-hover: #283a52;--surface-selected: #193f50;--surface-overlay: rgba(3, 10, 20, .66);--nav-surface: #071426;--nav-ink: #FFFFFF;--nav-ink-muted: #90a8c9;--nav-hover: #202c3c;--nav-selected: #0b454a;--nav-line: #2f3a49;--ink: #F8FAFC;--ink-muted: #90a8c9;--ink-faint: #90a8c9;--ink-inverse: #1E293B;--ink-placeholder: #90a8c9;--line: #37475d;--line-strong: #546275;--control-border: #697a92;--accent: #18b9ad;--accent-hover: #1bd4c5;--accent-ink: #1E293B;--accent-soft: rgba(15, 118, 110, .26);--focus-ring: 0 0 0 3px rgba(24, 185, 173, .5);--success: #1abf57;--success-fill: #1abf57;--success-ink: #1E293B;--success-soft: rgba(22, 163, 74, .24);--warning: #ff835a;--warning-fill: #FF6B4A;--warning-ink: #1E293B;--warning-soft: rgba(255, 107, 74, .24);--danger: #ff7f7f;--danger-fill: #ff7f7f;--danger-hover: #ffa5a5;--danger-ink: #1E293B;--danger-soft: rgba(220, 38, 38, .24);--info: #18b9ad;--info-soft: rgba(15, 118, 110, .24);--neutral-soft: rgba(248, 250, 252, .1);--shadow-float: 0 8px 24px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-dialog: 0 24px 64px rgba(0, 0, 0, .62), 0 2px 6px rgba(0, 0, 0, .45);--ft-medical: #194051;--ft-company: #2d4058;--ft-real_estate: #182b45;--ft-legal: #1b4b48;--ft-financial: #523d48;--ft-tax: #4a2d40;--ft-hr: #184654;--ft-insurance: #33455d;--ft-personal: #172a44;--ft-education: #1a5449;--ft-government: #654249;--ft-project: #592c3d;--ft-client: #174b57;--ft-vendor: #394b63;--ft-vehicle: #152942;--ft-home: #1a5d49;--ft-estate: #774749;--ft-investment: #692b3a;--ft-loan: #16515a;--ft-compliance: #3f5068;--ft-ip: #142741;--ft-research: #196749;--ft-archive: #894c49;--ft-shared: #782b38;--ft-confidential: #16535b;--ft-custom: #40526a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface: #0B1F3A;--surface-raised: #1c2f48;--surface-sunken: #071426;--surface-hover: #283a52;--surface-selected: #193f50;--surface-overlay: rgba(3, 10, 20, .66);--nav-surface: #071426;--nav-ink: #FFFFFF;--nav-ink-muted: #90a8c9;--nav-hover: #202c3c;--nav-selected: #0b454a;--nav-line: #2f3a49;--ink: #F8FAFC;--ink-muted: #90a8c9;--ink-faint: #90a8c9;--ink-inverse: #1E293B;--ink-placeholder: #90a8c9;--line: #37475d;--line-strong: #546275;--control-border: #697a92;--accent: #18b9ad;--accent-hover: #1bd4c5;--accent-ink: #1E293B;--accent-soft: rgba(15, 118, 110, .26);--focus-ring: 0 0 0 3px rgba(24, 185, 173, .5);--success: #1abf57;--success-fill: #1abf57;--success-ink: #1E293B;--success-soft: rgba(22, 163, 74, .24);--warning: #ff835a;--warning-fill: #FF6B4A;--warning-ink: #1E293B;--warning-soft: rgba(255, 107, 74, .24);--danger: #ff7f7f;--danger-fill: #ff7f7f;--danger-hover: #ffa5a5;--danger-ink: #1E293B;--danger-soft: rgba(220, 38, 38, .24);--info: #18b9ad;--info-soft: rgba(15, 118, 110, .24);--neutral-soft: rgba(248, 250, 252, .1);--shadow-float: 0 8px 24px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-dialog: 0 24px 64px rgba(0, 0, 0, .62), 0 2px 6px rgba(0, 0, 0, .45);--ft-medical: #194051;--ft-company: #2d4058;--ft-real_estate: #182b45;--ft-legal: #1b4b48;--ft-financial: #523d48;--ft-tax: #4a2d40;--ft-hr: #184654;--ft-insurance: #33455d;--ft-personal: #172a44;--ft-education: #1a5449;--ft-government: #654249;--ft-project: #592c3d;--ft-client: #174b57;--ft-vendor: #394b63;--ft-vehicle: #152942;--ft-home: #1a5d49;--ft-estate: #774749;--ft-investment: #692b3a;--ft-loan: #16515a;--ft-compliance: #3f5068;--ft-ip: #142741;--ft-research: #196749;--ft-archive: #894c49;--ft-shared: #782b38;--ft-confidential: #16535b;--ft-custom: #40526a}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-base);line-height:1.45;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0 0 var(--sp-3)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}[hidden]{display:none!important}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;inset-inline-start:var(--sp-3);inset-block-start:-100%;z-index:1000;padding:var(--sp-2) var(--sp-3);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);box-shadow:var(--focus-ring);text-decoration:none;transition:inset-block-start .1s ease-out}.skip-link:focus-visible{inset-block-start:var(--sp-3)}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.danger-text{color:var(--danger)}.success-text{color:var(--success)}.warning-text{color:var(--warning)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;align-items:center;gap:var(--sp-2)}.row-wrap{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:var(--sp-2)}.grow{flex:1 1 auto;min-inline-size:0}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.mt-2{margin-block-start:var(--sp-2)}.mt-4{margin-block-start:var(--sp-4)}.mt-5{margin-block-start:var(--sp-5)}.mb-2{margin-block-end:var(--sp-2)}.mb-4{margin-block-end:var(--sp-4)}.break{overflow-wrap:anywhere}.bidi-plain{unicode-bidi:plaintext}.stretch{align-self:stretch}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;block-size:100%}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-3);padding-inline:var(--sp-4);background:var(--nav-surface);color:var(--nav-ink);border-block-end:1px solid var(--nav-line);position:sticky;inset-block-start:0;z-index:20}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--fs-md);color:var(--nav-ink);letter-spacing:.01em}.brand:hover{text-decoration:none}.brand-mark{inline-size:26px;block-size:26px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;flex:none}.topbar-search{flex:1 1 320px;max-inline-size:560px}.topbar .input{background:#ffffff1a;border-color:var(--nav-line);color:var(--nav-ink)}.topbar .input::placeholder{color:var(--nav-ink-muted)}.topbar .input:focus{background:#ffffff29;border-color:var(--accent)}.topbar .search-box svg{color:var(--nav-ink-muted)}.topbar .btn-ghost{color:var(--nav-ink)}.topbar .btn-ghost:hover{background:var(--nav-hover)}.topbar .user-menu-trigger{color:var(--nav-ink)}.topbar .user-menu-trigger:hover{background:var(--nav-hover)}.topbar .avatar{background:#ffffff24;color:var(--nav-ink);border-color:var(--nav-line)}.sidebar{background:var(--nav-surface);color:var(--nav-ink);border-inline-end:1px solid var(--nav-line);overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-4)}.main{overflow-y:auto;min-inline-size:0}.page{padding:var(--sp-5);max-inline-size:var(--content-max);margin-inline:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-block-end:var(--sp-5);flex-wrap:wrap}.page-head h1{font-size:var(--fs-lg)}.page-head .sub{color:var(--ink-muted);margin-block-start:var(--sp-1)}.nav-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--nav-ink-muted);padding-inline:var(--sp-2);margin-block-end:var(--sp-1);font-weight:600}.nav-link{display:flex;align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--radius);color:var(--nav-ink);min-block-size:32px}.nav-link:hover{background:var(--nav-hover);text-decoration:none}.nav-link.active{background:var(--nav-selected);color:var(--nav-ink);font-weight:600}.nav-link svg{flex:none;color:var(--nav-ink-muted)}.nav-link.active svg{color:var(--nav-ink)}.tree{font-size:var(--fs-sm)}.tree-node{display:flex;align-items:center;gap:2px;min-block-size:28px;border-radius:var(--radius-sm);padding-inline-end:var(--sp-1)}.tree-node:hover{background:var(--surface-hover)}.tree-node.active{background:var(--accent-soft);font-weight:600}.tree-toggle{inline-size:20px;block-size:20px;border:0;background:none;color:var(--ink-faint);display:grid;place-items:center;cursor:pointer;border-radius:var(--radius-sm);flex:none;padding:0}.tree-toggle.leaf{visibility:hidden}.tree-label{display:flex;align-items:center;gap:6px;flex:1;min-inline-size:0;color:var(--ink);padding-block:4px;border:0;background:none;cursor:pointer;text-align:start;font:inherit}.tree-label:hover{text-decoration:none}.tree-label svg{flex:none;color:var(--ink-muted)}.tree-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-children{padding-inline-start:14px;border-inline-start:1px dashed var(--line);margin-inline-start:9px}.tree-node.disabled .tree-label{color:var(--ink-faint);cursor:not-allowed}.sidebar .tree-label{color:var(--nav-ink)}.sidebar .tree-label svg{color:var(--nav-ink-muted)}.sidebar .tree-toggle{color:var(--nav-ink-muted)}.sidebar .tree-node:hover{background:var(--nav-hover)}.sidebar .tree-node.active{background:var(--nav-selected)}.sidebar .tree-children{border-inline-start-color:var(--nav-line)}.sidebar .tree-node.disabled .tree-label{color:var(--nav-ink-muted)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:30;border:0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:34px;padding:0 var(--sp-3);border-radius:var(--radius);border:1px solid var(--control-border);background:var(--surface-raised);color:var(--ink);cursor:pointer;white-space:nowrap;font-weight:500;text-decoration:none}.btn:hover{background:var(--surface-hover);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--danger-ink)}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-hover)}.btn-sm{min-block-size:28px;padding-inline:var(--sp-2);font-size:var(--fs-sm)}.btn-icon{inline-size:34px;padding:0}.btn-icon.btn-sm{inline-size:28px}.btn-link{border:0;background:none;color:var(--accent);padding:0;cursor:pointer;min-block-size:auto}.btn-link:hover{text-decoration:underline;background:none}.input,.select,.textarea{inline-size:100%;min-block-size:34px;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--control-border);background:var(--surface-raised);color:var(--ink)}.textarea{min-block-size:96px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.input[aria-invalid=true]{border-color:var(--danger)}.field{display:flex;flex-direction:column;gap:4px}.field>label,.label{font-size:var(--fs-sm);font-weight:600;color:var(--ink-muted)}.field .hint{font-size:var(--fs-xs);color:var(--ink-faint)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3) var(--sp-4)}.form-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;margin-block-start:var(--sp-4);flex-wrap:wrap}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.checkbox input{inline-size:16px;block-size:16px;accent-color:var(--accent);margin:0}.search-box{position:relative}.search-box .input{padding-inline-start:34px}.search-box>svg{position:absolute;inset-inline-start:10px;inset-block-start:50%;transform:translateY(-50%);color:var(--ink-faint);pointer-events:none}.panel{background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-block-end:var(--hairline);flex-wrap:wrap}.panel-head h2,.panel-head h3{font-size:var(--fs-md)}.panel-body{padding:var(--sp-4)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-3)}.tile{background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4)}.tile .tile-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-weight:600}.tile .tile-value{font-size:var(--fs-xl);font-weight:600;font-family:var(--font-mono);margin-block-start:2px;overflow-wrap:anywhere}.tile .tile-sub{font-size:var(--fs-sm);color:var(--ink-muted)}.tile.tone-success{border-inline-start:3px solid var(--success)}.tile.tone-warning{border-inline-start:3px solid var(--warning)}.tile.tone-danger{border-inline-start:3px solid var(--danger)}.tile.tone-neutral{border-inline-start:3px solid var(--line-strong)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px var(--sp-4);font-size:var(--fs-sm);margin:0}.kv dt{color:var(--ink-muted)}.kv dd{margin:0;min-inline-size:0;overflow-wrap:anywhere}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-raised);display:flex;gap:var(--sp-2);align-items:flex-start;overflow-wrap:anywhere}.alert-warning{background:var(--warning-soft);border-color:var(--warning)}.alert-danger{background:var(--danger-soft);border-color:var(--danger)}.alert-success{background:var(--success-soft);border-color:var(--success)}.alert-info{background:var(--info-soft);border-color:var(--info)}.chip{display:inline-flex;align-items:center;gap:4px;block-size:22px;padding-inline:8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;background:var(--neutral-soft);color:var(--ink);white-space:nowrap;line-height:1}.chip svg{inline-size:12px;block-size:12px}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-ft{background:var(--ft-bg, var(--neutral-soft));color:var(--ink);border:1px solid var(--line);font-weight:500}.chip-removable{padding-inline-end:4px}.chip-x{border:0;background:none;inline-size:16px;block-size:16px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:inherit;padding:0}.chip-x:hover{background:var(--neutral-soft)}.chip-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-block-size:34px;padding:4px 8px;border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface-raised);cursor:text}.chip-input:focus-within{box-shadow:var(--focus-ring);border-color:var(--accent)}.chip-input input{flex:1;min-inline-size:80px;border:0;background:none;outline:none;padding:2px}.ft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;max-block-size:320px;overflow-y:auto;padding:2px}.ft-option{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-raised);cursor:pointer;text-align:start;font-size:var(--fs-sm);color:var(--ink)}.ft-option:hover{background:var(--surface-hover)}.ft-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft);font-weight:600}.ft-swatch{inline-size:12px;block-size:12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--ft-bg);flex:none}.table-wrap{overflow-x:auto;border:var(--hairline);border-radius:var(--radius);background:var(--surface-raised)}table.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{text-align:start;padding:0 var(--sp-3);block-size:var(--row-h);border-block-end:var(--hairline);vertical-align:middle}.table th{background:var(--surface-sunken);font-weight:600;color:var(--ink-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;inset-block-start:0;z-index:1}.table tbody tr:last-child td{border-block-end:0}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr[aria-selected=true]{background:var(--surface-selected)}.table td.num,.table th.num{text-align:end;font-family:var(--font-mono)}.table td.num{unicode-bidi:plaintext}.table .cell-name{display:flex;align-items:center;gap:var(--sp-2);min-inline-size:0}.table .cell-name a{color:var(--ink)}.table .cell-name svg{flex:none;color:var(--ink-muted)}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--ink)}.table td.actions{text-align:end;white-space:nowrap}.table td.wrap{white-space:normal;overflow-wrap:anywhere;block-size:auto;padding-block:8px}.pager{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-block-start:var(--hairline);font-size:var(--fs-sm);color:var(--ink-muted);flex-wrap:wrap}.col-check{inline-size:36px}.row-clickable{cursor:pointer}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3)}.grid-card{position:relative;background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);min-block-size:120px}.grid-card:hover{background:var(--surface-hover)}.grid-card[aria-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface-selected)}.grid-card .card-icon{display:flex;align-items:center;justify-content:center;color:var(--ink-muted);block-size:44px}.grid-card .card-name{font-weight:500;overflow-wrap:anywhere;text-align:center}.grid-card .card-name a{color:var(--ink)}.grid-card .card-check{position:absolute;inset-block-start:8px;inset-inline-start:8px}.grid-card .card-menu{position:absolute;inset-block-start:6px;inset-inline-end:6px}.grid-card .card-meta{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:var(--fs-sm);color:var(--ink-muted)}.crumbs a{color:var(--ink-muted);padding:2px 4px;border-radius:var(--radius-sm)}.crumbs a:hover{background:var(--surface-hover);text-decoration:none;color:var(--ink)}.crumbs .current{color:var(--ink);font-weight:600;padding:2px 4px}.crumbs .sep{color:var(--ink-faint)}.toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-block-end:var(--sp-3)}.toolbar .seg{display:inline-flex;border:1px solid var(--control-border);border-radius:var(--radius);overflow:hidden}.toolbar .seg button{border:0;background:var(--surface-raised);min-block-size:32px;inline-size:34px;display:grid;place-items:center;cursor:pointer;color:var(--ink-muted)}.toolbar .seg button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.toolbar .seg button+button{border-inline-start:1px solid var(--line)}.sel-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);margin-block-end:var(--sp-3);flex-wrap:wrap}.dropzone{position:relative;min-block-size:240px;border-radius:var(--radius)}.page{position:relative}.page.drag-over:after{content:attr(data-drop-label);position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;display:grid;place-items:center;font-weight:600;font-size:var(--fs-md);border:2px dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);z-index:5;pointer-events:none}tr.drop-target>td{background:var(--accent-soft)}tr.drop-target>td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.menu{position:fixed;z-index:60;min-inline-size:180px;background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:4px}.menu-item{display:flex;align-items:center;gap:8px;inline-size:100%;border:0;background:none;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;text-align:start;color:var(--ink);font-size:var(--fs-sm)}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-hover);box-shadow:none}.menu-item.danger{color:var(--danger)}.menu-item svg{color:var(--ink-muted);flex:none}.menu-item.danger svg{color:var(--danger)}.menu-item:disabled{opacity:.5;cursor:not-allowed}.menu-sep{block-size:1px;background:var(--line);margin:4px 0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface-overlay);z-index:50;display:grid;place-items:center;padding:var(--sp-4)}.dialog{background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-dialog);inline-size:min(100%,520px);max-block-size:calc(100vh - 32px);display:flex;flex-direction:column}.dialog.wide{inline-size:min(100%,760px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-block-end:var(--hairline)}.dialog-head h2{font-size:var(--fs-md)}.dialog-body{padding:var(--sp-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}.dialog-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-block-start:var(--hairline);flex-wrap:wrap}.toasts{position:fixed;inset-block-start:calc(var(--topbar-h) + 8px);inset-inline-end:16px;z-index:70;display:flex;flex-direction:column;gap:8px;max-inline-size:380px}.toast{background:var(--surface-raised);border:var(--hairline);border-inline-start:3px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:10px 12px;display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-sm);overflow-wrap:anywhere}.toast-success{border-inline-start-color:var(--success)}.toast-error{border-inline-start-color:var(--danger)}.toast-warning{border-inline-start-color:var(--warning)}.toast-info{border-inline-start-color:var(--info)}.tray{position:fixed;inset-block-end:16px;inset-inline-end:16px;inline-size:min(380px,calc(100vw - 32px));background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-float);z-index:40;overflow:hidden}.tray-head{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-sunken);border-block-end:var(--hairline);font-weight:600;font-size:var(--fs-sm)}.tray-list{max-block-size:280px;overflow-y:auto}.tray-item{padding:8px 12px;border-block-end:var(--hairline);font-size:var(--fs-sm);display:flex;flex-direction:column;gap:4px}.tray-item:last-child{border-block-end:0}.progress{block-size:4px;background:var(--neutral-soft);border-radius:var(--radius-pill);overflow:hidden}.progress>span{display:block;block-size:100%;background:var(--accent);transition:inline-size .2s}.progress.error>span{background:var(--danger)}.progress.done>span{background:var(--success-fill)}.progress.paused>span{background:var(--ink-faint)}.tabs{display:flex;gap:2px;border-block-end:var(--hairline);margin-block-end:var(--sp-4);overflow-x:auto}.tab{border:0;background:none;padding:8px 12px;cursor:pointer;color:var(--ink-muted);font-weight:500;border-block-end:2px solid transparent;margin-block-end:-1px;white-space:nowrap}.tab[aria-selected=true]{color:var(--ink);border-block-end-color:var(--accent)}.tab:hover{color:var(--ink)}.doc-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:var(--sp-4);align-items:start}.preview-frame{background:var(--surface-sunken);border:var(--hairline);border-radius:var(--radius);min-block-size:320px;display:grid;place-items:center;overflow:hidden}.preview-frame iframe,.preview-frame video{inline-size:100%;block-size:70vh;border:0;background:var(--surface-sunken)}.preview-frame img{max-block-size:70vh;object-fit:contain}.preview-frame audio{inline-size:90%}.text-view{white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--fs-sm);max-block-size:60vh;overflow:auto;padding:var(--sp-3);background:var(--surface-sunken);border-radius:var(--radius);border:var(--hairline);line-height:1.6;overflow-wrap:anywhere}.auth-wrap{min-block-size:100%;display:grid;place-items:center;padding:var(--sp-5);background:var(--surface)}.auth-card{inline-size:min(100%,420px);background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.auth-card .brand{justify-content:center;margin-block-end:var(--sp-2)}.auth-card form{display:flex;flex-direction:column;gap:var(--sp-3)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);color:var(--ink-muted);border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty svg{color:var(--ink-faint)}.empty h3{color:var(--ink)}.spinner{inline-size:18px;block-size:18px;border:2px solid var(--line-strong);border-block-start-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex:none}.spinner-lg{inline-size:32px;block-size:32px}.spinner-wrap{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-6);color:var(--ink-muted)}@keyframes spin{to{transform:rotate(360deg)}}.avatar{inline-size:64px;block-size:64px;border-radius:50%;background:var(--surface-sunken);border:var(--hairline);object-fit:cover;display:grid;place-items:center;color:var(--ink-faint);font-weight:600;font-size:var(--fs-lg);overflow:hidden;flex:none}.avatar.lg{inline-size:96px;block-size:96px}.avatar.sm{inline-size:32px;block-size:32px;font-size:var(--fs-sm)}.avatar img{inline-size:100%;block-size:100%;object-fit:cover}.repeat-row{display:grid;grid-template-columns:130px 1fr auto;gap:var(--sp-2);align-items:center}.copy-box{display:flex;gap:var(--sp-2);align-items:center}.copy-box .input{font-family:var(--font-mono);font-size:var(--fs-sm)}.token-box{background:var(--surface-sunken);border:1px solid var(--warning);border-radius:var(--radius);padding:var(--sp-3);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:var(--fs-sm)}.search-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-4);align-items:start}.result{padding:var(--sp-3) var(--sp-4);border-block-end:var(--hairline);display:flex;flex-direction:column;gap:4px}.result:last-child{border-block-end:0}.result .result-title{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.result .result-title a{color:var(--ink)}.result .snippet{font-size:var(--fs-sm);color:var(--ink-muted);overflow-wrap:anywhere;unicode-bidi:isolate}.result .snippet mark{background:var(--accent-soft);color:inherit;font-weight:600}.result .result-meta{font-size:var(--fs-xs);color:var(--ink-muted)}.disclosure>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-muted);min-block-size:32px}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:"›";display:inline-block;transition:transform .15s;font-size:var(--fs-md)}[dir=rtl] .disclosure>summary:before{content:"‹"}.disclosure[open]>summary:before{transform:rotate(90deg)}[dir=rtl] .disclosure[open]>summary:before{transform:rotate(-90deg)}.disclosure>.disclosure-body{display:flex;flex-direction:column;gap:var(--sp-3);padding-block-start:var(--sp-3)}.dirty-note{font-size:var(--fs-xs);color:var(--warning);font-weight:600}.ambiguous-block{border:1px solid var(--warning);background:var(--warning-soft);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin-block-end:var(--sp-3)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-4);align-items:start}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);align-items:start}.status-dot{inline-size:8px;block-size:8px;border-radius:50%;display:inline-block;background:var(--ink-faint);flex:none}.status-dot.on{background:var(--success)}.status-dot.off{background:var(--danger)}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:none;padding:4px 8px 4px 4px;border-radius:var(--radius-pill);cursor:pointer;color:var(--ink)}.user-menu-trigger:hover{background:var(--surface-hover)}.forbidden{text-align:center;padding:var(--sp-7)}.forbidden .code{font-family:var(--font-mono);font-size:48px;color:var(--ink-faint)}.list-plain>li{padding:8px 0;border-block-end:var(--hairline);display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.list-plain>li:last-child{border-block-end:0}.list-plain a{color:var(--ink)}.picker-list{max-block-size:320px;overflow-y:auto;border:var(--hairline);border-radius:var(--radius)}.picker-item{display:flex;align-items:center;gap:8px;inline-size:100%;padding:8px 10px;border:0;border-block-end:var(--hairline);background:none;text-align:start;cursor:pointer;color:var(--ink)}.picker-item:last-child{border-block-end:0}.picker-item:hover{background:var(--surface-hover)}.picker-item[aria-selected=true]{background:var(--accent-soft)}.nav-badge{margin-inline-start:auto;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;line-height:1;min-inline-size:20px;block-size:18px;padding-inline:6px;display:inline-flex;align-items:center;justify-content:center;flex:none}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--control-border);background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-pill);padding-inline:var(--sp-3);min-block-size:30px;cursor:pointer;font-size:var(--fs-sm)}.filter-chip:hover{background:var(--surface-hover)}.filter-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.filter-chip .count{font-family:var(--font-mono);font-size:var(--fs-xs)}.review-list{display:flex;flex-direction:column;gap:var(--sp-3)}.review-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius)}.review-row[aria-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface-selected)}.review-check{inline-size:16px;block-size:16px;accent-color:var(--accent);margin:0;margin-block-start:4px;flex:none}.review-main{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-inline-size:0}.review-title{font-weight:600;overflow-wrap:anywhere}.review-title a{color:var(--ink)}.review-reasons{display:flex;flex-wrap:wrap;gap:6px}.review-why{font-size:var(--fs-sm);color:var(--ink-muted);margin:0;overflow-wrap:anywhere}.review-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);font-size:var(--fs-xs);color:var(--ink-muted)}.review-detail{margin-block-start:var(--sp-3);padding-block-start:var(--sp-3);border-block-start:var(--hairline)}.field-row{display:flex;flex-direction:column;gap:2px}.field-row .field-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.skip-row{align-items:flex-start}.meter{block-size:8px}.progress.warn>span{background:var(--warning-fill)}.rule{border:0;border-block-start:var(--hairline);margin:0;inline-size:100%}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:var(--topbar-h) 0;inset-inline-start:0;inline-size:min(84vw,var(--sidebar-w));z-index:35;transform:translate(-100%);transition:transform .2s}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.doc-layout,.search-layout,.two-col{grid-template-columns:1fr}.topbar-search{flex-basis:160px}.page{padding:var(--sp-4)}}@media(min-width:901px){.only-mobile{display:none!important}}@media(max-width:600px){:root{--topbar-h: 104px}.topbar{flex-wrap:wrap;align-content:center;padding-block:6px;row-gap:6px}.topbar-search{order:10;flex:1 1 100%;max-inline-size:none}.table-wrap.cards table,.table-wrap.cards thead{display:block}.table-wrap.cards thead{display:none}.table-wrap.cards tbody{display:grid;gap:var(--sp-2);padding:var(--sp-2)}.table-wrap.cards tr{display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px;border:var(--hairline);border-radius:var(--radius);background:var(--surface-raised);align-items:center}.table-wrap.cards td{display:block;block-size:auto;padding:0;border:0}.table-wrap.cards td.col-check{inline-size:auto;flex:0 0 auto}.table-wrap.cards td.cell-name-col{flex:1 1 60%;min-inline-size:0}.table-wrap.cards .cell-name{flex-wrap:wrap}.table-wrap.cards .cell-name a{flex:1 1 60%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.table-wrap.cards td:empty{display:none}.table-wrap.cards td.actions{margin-inline-start:auto}.topbar .hide-sm{display:none}.tray{inset-inline:8px;inset-block-end:8px;inline-size:auto}.repeat-row{grid-template-columns:1fr}}@media(pointer:coarse){.btn{min-block-size:var(--tap);padding-inline:var(--sp-4)}.btn-sm{min-block-size:40px;padding-inline:var(--sp-3)}.btn-icon{inline-size:var(--tap)}.btn-icon.btn-sm{inline-size:40px}.btn-link{min-block-size:var(--tap);display:inline-flex;align-items:center}.input,.select,.textarea{min-block-size:var(--tap)}.textarea{min-block-size:96px}.chip-input{min-block-size:var(--tap)}.checkbox input,.table input[type=checkbox],.card-check{inline-size:22px;block-size:22px}.col-check{inline-size:44px}.menu-item{min-block-size:var(--tap);padding:10px 12px}.nav-link{min-block-size:var(--tap);padding-block:10px}.tree-node{min-block-size:40px}.tree-toggle{inline-size:32px;block-size:32px}.tab{padding:12px 14px;min-block-size:var(--tap)}.picker-item{min-block-size:var(--tap);padding-block:12px}.ft-option{min-block-size:40px}.chip-x{inline-size:22px;block-size:22px}.crumbs a,.crumbs .current{padding:8px 6px}.toolbar .seg button{min-block-size:40px;inline-size:var(--tap)}.user-menu-trigger{min-block-size:var(--tap)}.table th,.table td{block-size:48px}.table td.actions>*{margin-inline-start:var(--sp-2)}.list-plain>li{padding-block:12px;gap:var(--sp-3)}}@media(min-width:601px){.hide-wide{display:none!important}}
