@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Cairo:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-50: #ECFDF5;--brand-100: #D1FAE5;--brand-200: #A7F3D0;--brand-300: #6EE7B7;--brand-400: #34D399;--brand-500: #10B981;--brand-600: #059669;--brand-700: #047857;--brand-800: #065F46;--brand-900: #064E3B;--brand-950: #022C22;--neutral-0: #FFFFFF;--neutral-25: #FAFBFB;--neutral-50: #F5F7F7;--neutral-100: #EEF1F1;--neutral-150: #E5E9E9;--neutral-200: #DBE0E0;--neutral-300: #C4CCCB;--neutral-400: #9AA5A3;--neutral-500: #71807C;--neutral-600: #566461;--neutral-700: #3F4C49;--neutral-800: #2A3633;--neutral-900: #1A2421;--neutral-950: #0F1714;--bg-canvas: #F4F6F6;--bg-surface: #FFFFFF;--bg-subtle: #F5F7F7;--bg-inset: #EEF1F1;--bg-hover: #F0F3F2;--bg-active: #E8ECEB;--border-subtle: #EAEDED;--border: #DEE3E2;--border-strong: #CBD2D0;--text-primary: #0F1714;--text-secondary:#465751;--text-muted: #5E6F69;--text-faint: #93A09B;--text-on-accent:#FFFFFF;--text-link: #047857;--accent: #059669;--accent-hover: #047857;--accent-strong: #065F46;--accent-text: #047857;--accent-subtle-bg:#ECFDF5;--accent-subtle-border:#A7F3D0;--focus-ring: rgba(5,150,105,.35);--success: #15803D;--success-bg: #E7F6EC;--success-border: #BFE6CC;--warning: #B45309;--warning-bg: #FCF1E2;--warning-border: #F3D8AE;--danger: #C0362C;--danger-bg: #FBEAE8;--danger-border: #F2C7C2;--danger-hover: #A52A22;--info: #1D6FB8;--info-bg: #E8F1FA;--info-border: #C2DCF2;--review: #5B4BC4;--review-bg: #EDEBFA;--review-border: #D3CDF2;--scheduled: #0E7490;--scheduled-bg: #E3F2F4;--scheduled-border: #BBE0E5;--neutral-fg: #566461;--neutral-bg: #EEF1F1;--neutral-border: #DBE0E0;--money-pos: var(--text-primary);--money-neg: #C0362C;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs: 0 1px 2px rgba(15,23,20,.04);--shadow-sm: 0 1px 2px rgba(15,23,20,.06), 0 1px 3px rgba(15,23,20,.05);--shadow-md: 0 4px 8px rgba(15,23,20,.06), 0 2px 4px rgba(15,23,20,.05);--shadow-lg: 0 12px 24px rgba(15,23,20,.1), 0 4px 8px rgba(15,23,20,.06);--shadow-xl: 0 24px 48px rgba(15,23,20,.16), 0 8px 16px rgba(15,23,20,.08);--font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sidebar-bg: #0B1D16;--sidebar-bg-rail: #0A1A14;--sidebar-text: #C7D6CF;--sidebar-text-muted:#7E948B;--sidebar-item-hover:#13291F;--sidebar-item-active:#0E3A28;--sidebar-active-text:#FFFFFF;--sidebar-active-bar:#10B981;--sidebar-section: #5E776C;--bg: var(--bg-canvas);--surface: var(--bg-surface);--surface-2: var(--bg-subtle);--surface-3: var(--bg-inset);--text: var(--text-primary);--primary: var(--accent);--primary-hover: var(--accent-hover);--primary-dim: var(--accent-subtle-bg);--primary-light: var(--brand-200);--accent-dark: var(--accent-strong);--accent-bg: var(--accent-subtle-bg);--accent-border: var(--accent-subtle-border);--sidebar: var(--sidebar-bg);--sidebar-hover: var(--sidebar-item-hover);--sidebar-active:var(--sidebar-item-active);--purple: var(--review);--purple-bg: var(--review-bg);--teal: var(--scheduled);--teal-bg: var(--scheduled-bg);--radius: var(--radius-md);--mono: var(--font-mono)}[data-theme=dark]{--bg-canvas: #0A1310;--bg-surface: #10201A;--bg-subtle: #16271F;--bg-inset: #0D1A15;--bg-hover: #18291F;--bg-active: #1E3328;--border-subtle: #1C2D25;--border: #233A2F;--border-strong: #30503F;--text-primary: #EAF2EE;--text-secondary:#A9BAB2;--text-muted: #7E9189;--text-faint: #5C6E66;--text-on-accent:#FFFFFF;--text-link: #34D399;--accent: #059669;--accent-hover: #10B981;--accent-strong: #34D399;--accent-text: #34D399;--accent-subtle-bg:#0E3024;--accent-subtle-border:#1C5840;--focus-ring: rgba(16,185,129,.4);--success: #4ADE80;--success-bg: #11301F;--success-border: #1E5235;--warning: #FBBF5C;--warning-bg: #33260F;--warning-border: #5C4516;--danger: #F4736A;--danger-bg: #38191A;--danger-border: #5E2A29;--danger-hover: #FF8A82;--info: #62B0F0;--info-bg: #122838;--info-border: #1F476A;--review: #A99CF0;--review-bg: #211E3A;--review-border: #3A3466;--scheduled: #4BC3D6;--scheduled-bg: #0E2C33;--scheduled-border: #1A4E59;--neutral-fg: #A9BAB2;--neutral-bg: #1A2B23;--neutral-border: #2A4034;--money-pos: var(--text-primary);--money-neg: #F4736A;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 10px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.35);--shadow-lg: 0 14px 28px rgba(0,0,0,.55), 0 4px 10px rgba(0,0,0,.4);--shadow-xl: 0 28px 56px rgba(0,0,0,.65), 0 8px 18px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:background .12s,border-color .12s,color .12s,box-shadow .12s,opacity .12s}.btn:hover{background:var(--bg-subtle);border-color:var(--neutral-400)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);border-color:transparent;color:var(--text-primary)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--bg-subtle)}.btn-danger-soft{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.btn-danger-soft:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{padding:6px 11px;font-size:13px;border-radius:var(--radius-sm)}.btn-sm+.btn-sm{margin-left:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-pad{padding:20px}.status-pill,.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.005em;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--neutral-bg);color:var(--neutral-fg)}.badge--square{border-radius:var(--radius-sm)}.badge--outline{background:transparent;border-color:var(--border-strong);color:var(--text-secondary)}.tone-neutral{background:var(--neutral-bg);color:var(--neutral-fg);border-color:var(--neutral-border)}.tone-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.tone-review{background:var(--review-bg);color:var(--review);border-color:var(--review-border)}.tone-accent{background:var(--accent-subtle-bg);color:var(--accent-text);border-color:var(--accent-subtle-border)}.tone-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.tone-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.tone-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.tone-scheduled{background:var(--scheduled-bg);color:var(--scheduled);border-color:var(--scheduled-border)}.tone-purple{background:var(--review-bg);color:var(--review);border-color:var(--review-border)}.tone-teal{background:var(--scheduled-bg);color:var(--scheduled);border-color:var(--scheduled-border)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.dot--pulse{animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.filter-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 8px 4px 10px;border-radius:999px;background:var(--accent-bg);color:var(--primary);border:1px solid var(--accent-border)}.filter-pill button{background:none;border:none;cursor:pointer;color:inherit;font-size:14px;line-height:1}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:248px;flex-shrink:0;background:var(--sidebar);color:#e6f4ee;display:flex;flex-direction:column;padding:12px 10px;gap:2px;transition:width .18s ease;overflow:hidden;height:100vh}.nav-collapsed .sidebar{width:68px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;font-size:18px;font-weight:800;color:#fff}.sidebar-brand img{width:30px;height:30px;border-radius:8px;flex-shrink:0}.brand-name{white-space:nowrap;overflow:hidden}.nav-collapsed .sidebar-brand{padding:6px 0 14px;justify-content:center}.nav-collapsed .brand-name,.nav-collapsed .sidebar-brand img{display:none}.nav-collapse-btn{margin-left:auto;background:#ffffff14;color:#e6f4ee;border:none;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:14px;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-collapse-btn:hover{background:#ffffff2e;color:#fff}.nav-collapsed .nav-collapse-btn{margin:0}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px}.nav-collapsed .sidebar-nav{overflow:visible}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.nav-link{position:relative;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;font-weight:600;border:none;background:none;width:100%;text-align:left;font-size:14px}.nav-link:hover{background:var(--sidebar-item-hover);color:#fff}.nav-link.active{background:var(--sidebar-item-active);color:var(--sidebar-active-text)}.nav-link.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--sidebar-active-bar)}.nav-link .ico{width:18px;text-align:center;opacity:.9;flex-shrink:0;color:var(--sidebar-text-muted)}.nav-link.active .ico{color:var(--brand-300);opacity:1}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-stage{margin-left:auto}.nav-group{display:flex;flex-direction:column}.nav-group-head{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:#e6f4eed1;cursor:pointer;font-weight:600;border:none;background:none;width:100%;text-align:left;font-size:14px}.nav-group-head:hover{color:#fff;background:var(--sidebar-hover)}.nav-group-head.has-active{color:#fff}.nav-group-head .ico{width:18px;text-align:center;opacity:.9;flex-shrink:0}.nav-chevron{margin-left:auto;font-size:10px;transition:transform .15s;opacity:.7}.nav-chevron.open{transform:rotate(180deg)}.nav-group-items{position:relative;display:flex;flex-direction:column;gap:1px;margin:1px 0 4px}.nav-group-items:before{content:"";position:absolute;left:19px;top:3px;bottom:5px;width:1px;background:var(--sidebar-item-hover)}.nav-group-items .nav-link{padding-left:38px;font-size:13px;font-weight:500;color:var(--sidebar-text-muted)}.nav-group-items .nav-link.active{font-weight:600}.nav-group-items .nav-link.active:before{display:none}.nav-rail-group{position:relative}.nav-rail-group .nav-link{justify-content:center}.nav-flyout{position:absolute;left:calc(100% + 8px);top:0;z-index:400;min-width:184px;background:var(--sidebar);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;display:none}.nav-flyout:before{content:"";position:absolute;left:-8px;top:0;width:8px;height:100%}.nav-rail-group:hover .nav-flyout{display:block}.nav-flyout-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#e6f4ee8c;padding:6px 10px 8px}.nav-flyout-item{display:block;width:100%;text-align:left;border:none;background:none;color:#e6f4eed9;font:inherit;font-weight:600;font-size:14px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;white-space:nowrap}.nav-flyout-item:hover{background:var(--sidebar-hover);color:#fff}.nav-flyout-item.active{background:var(--sidebar-active);color:#fff}.nav-collapsed .sidebar-nav .nav-link{justify-content:center;padding:10px 0}.nav-collapsed .nav-label,.nav-collapsed .nav-stage{display:none}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:56px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.topbar h1{font-size:16px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-item{position:relative}.topbar-date{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;padding:0 4px}.caret{font-size:10px;opacity:.8}.icon-btn{position:relative;padding:7px 10px}.notif-dot{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.nav-menu-btn,.nav-scrim{display:none}.content{flex:1;overflow:auto;padding:24px}.user-btn{display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;background:none;border-radius:var(--radius);padding:4px 8px 4px 4px;font:inherit;color:var(--text);max-width:220px}.user-btn:hover{background:var(--surface-3)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.avatar-lg{width:52px;height:52px;font-size:18px}.user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.2}.user-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-sub{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.drop-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:201;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;max-height:70vh;overflow:auto}.drop-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;cursor:pointer;font:inherit;padding:9px 10px;border-radius:var(--radius);color:var(--text);font-weight:600}.drop-item:hover{background:var(--surface-3)}.drop-ico{width:18px;text-align:center;opacity:.85;flex-shrink:0}.drop-sub{font-size:12px;color:var(--text-muted);font-weight:500;margin-left:4px}.drop-divider{height:1px;background:var(--border);margin:4px 2px}.notif-row{padding:8px 10px;border-bottom:1px solid var(--border)}.notif-row:last-child{border-bottom:none}.notif-title{font-weight:600;font-size:13px}.notif-body{font-size:12px;color:var(--text-muted)}.page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--text-muted);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:64px 24px;background:var(--surface-2)}.page-empty h2{color:var(--text);margin:4px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{padding:18px}.stat .label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:26px;line-height:30px;font-weight:600;letter-spacing:-.02em;margin-top:8px;font-family:var(--mono);font-variant-numeric:tabular-nums}.dash{display:flex;flex-direction:column;gap:16px}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-h{font-size:14px;font-weight:700;margin:0 0 12px}.dash-sub{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.dash-kpi{text-align:left;cursor:pointer;border:1px solid var(--border);transition:border-color .15s,box-shadow .15s}.dash-kpi:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.dash-kpi-sub{font-size:12px;color:var(--text-muted);margin-top:6px;font-weight:600}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-ico{width:28px;height:28px;border-radius:8px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.kpi-ico--warning{background:var(--warning-bg);color:var(--warning)}.kpi-ico--info{background:var(--info-bg);color:var(--info)}.kpi-ico--danger{background:var(--danger-bg);color:var(--danger)}.kpi-ico--accent{background:var(--accent-subtle-bg);color:var(--accent-text)}.kpi-ico--success{background:var(--success-bg);color:var(--success)}.kpi-ico--neutral{background:var(--bg-inset);color:var(--text-muted)}.dash-timeline{display:flex;flex-direction:column}.dash-tl-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.dash-tl-row:last-child{border-bottom:none}.dash-tl-label{font-weight:600}.dash-tl-amt{font-family:var(--mono);font-weight:700;text-align:right}.dash-tl-count{grid-column:1 / -1;font-size:11px;color:var(--text-muted)}.dash-bd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dash-bar-row{margin-bottom:10px}.dash-bar-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:4px}.dash-bar-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-bar-val{font-family:var(--mono);color:var(--text-secondary);white-space:nowrap}.dash-bar{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}.dash-bar-fill{height:100%;border-radius:999px;background:var(--primary);min-width:2px}.dash-mini{font-size:13px}.dash-mini th{background:transparent;padding:6px 8px}.dash-mini td{padding:8px}@media (max-width: 760px){.dash-grid-2{grid-template-columns:1fr}}.kebab{position:relative;display:inline-block}.kebab-btn{padding:4px 9px;font-size:17px;line-height:1;letter-spacing:1px}.kebab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.kebab-menu{position:fixed;z-index:1101;min-width:150px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.kebab-item{display:block;width:100%;text-align:left;border:none;background:none;font:inherit;font-weight:600;color:var(--text);cursor:pointer;padding:8px 10px;border-radius:6px;white-space:nowrap}.kebab-item:hover{background:var(--surface-3)}.kebab-item.danger{color:var(--danger)}.kebab-item.danger:hover{background:var(--danger-bg)}.table-container{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}table.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0}.table td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-hover)}.table .t-id{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap}.table .t-strong{color:var(--text-primary);font-weight:600}.table th.t-num,.table td.t-num{text-align:right}.table td.t-num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap}.table td.t-num.t-neg{color:var(--money-neg)}.table .t-muted{color:var(--text-muted);white-space:nowrap}.table .t-actions{text-align:right;white-space:nowrap}@media (max-width: 640px){.table-container:has(.cards){border:none;background:transparent;overflow:visible}table.table.cards thead{display:none}table.table.cards,.table.cards tbody,.table.cards tr,.table.cards td{display:block;width:100%}.table.cards tr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:10px;padding:4px 2px}.table.cards tr:hover td{background:transparent}.table.cards td{border:none;padding:7px 14px;text-align:right;white-space:normal;display:flex;align-items:center;justify-content:space-between;gap:12px}.table.cards td[data-label]:before{content:attr(data-label);flex:0 0 auto;text-align:left;font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:11px;letter-spacing:.03em}.table.cards td.t-actions{justify-content:flex-end;flex-wrap:wrap;gap:8px;padding-top:10px}.table.cards td.t-actions:before{content:none}.table.cards td.t-block{flex-direction:column;align-items:stretch;text-align:left;gap:4px}.table.cards .t-id,.table.cards .t-strong{font-size:14px}}@media (max-width: 640px){.btn-sm{padding:9px 14px}.btn-sm+.btn-sm{margin-left:0}.filter-input,.filter-val,.search-input{width:100%}.filter-bar__right{margin-left:0;width:100%}.modal-overlay{padding:16px 10px}.modal{max-width:100%}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1 1 auto}}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-label .req{color:var(--danger);margin-left:2px}.form-hint{font-size:12px;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{font:inherit;padding:9px 11px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);width:100%;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:var(--neutral-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.check-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow:auto;border:1px solid var(--border-strong);border-radius:var(--radius);padding:8px 10px}.check-item{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check-item input{width:auto}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px}.perm-matrix th,.perm-matrix td{text-transform:capitalize}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#061a1473;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;z-index:1000;overflow:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:560px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-subtle)}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);line-height:1}.banner-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);padding:10px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}.banner-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning);padding:10px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,var(--surface-3),var(--bg));padding:20px}.login-card{width:100%;max-width:400px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.login-brand img{width:52px;height:52px;border-radius:12px}.login-brand .name{font-size:24px;font-weight:800}.login-brand .tag{color:var(--text-muted);font-size:13px}.dev-user-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.dev-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;width:100%;font:inherit}.dev-user:hover{border-color:var(--primary);background:var(--primary-dim)}.dev-user .who{font-weight:600}.dev-user .meta{font-size:12px;color:var(--text-muted)}.stack-lg{display:flex;flex-direction:column;gap:28px}.section-divider{height:1px;background:var(--border);margin:18px 0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.pay-summary{display:flex;flex-direction:column;gap:2px;padding:10px 14px;margin-bottom:14px;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);background:var(--primary-dim)}.inbox-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:16px;border:1px solid var(--border);transition:border-color .15s,background .15s}.inbox-hero--drag{border:2px dashed var(--primary);background:var(--primary-dim)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:28px 20px;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-2);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--primary)}.dropzone--active{border-color:var(--primary);background:var(--primary-dim)}.dropzone-icon{font-size:26px;line-height:1;color:var(--primary)}.quick-list{display:flex;flex-direction:column;gap:12px;max-height:52vh;overflow:auto;padding-right:4px}.quick-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);padding:12px 14px}.quick-card--error{border-color:var(--danger-border)}.quick-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-file{display:flex;align-items:center;gap:10px;min-width:0}.quick-thumb{width:38px;height:38px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;background:var(--surface-3);display:flex;align-items:center;justify-content:center}.quick-thumb--icon{font-size:18px}.quick-file-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-fieldset{border:0;padding:0;margin:10px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}.quick-grid .form-field{margin-bottom:10px}.quick-span{grid-column:1 / -1}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip:hover{border-color:var(--primary)}.chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.chip--toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chip--toggle input{width:auto}.chip--clear{color:var(--danger);border-color:var(--danger-border, var(--border-strong))}.chip--clear:hover{border-color:var(--danger);background:var(--danger-bg, var(--surface-2))}.filter-bar__right{margin-left:auto;display:flex;gap:8px;align-items:center}.search-box{position:relative;display:inline-flex;align-items:center}.search-box__icon{position:absolute;left:10px;font-size:12px;opacity:.55;pointer-events:none}.search-input{width:230px;padding:7px 11px 7px 30px;font-size:13px;border-radius:999px}.filter-select{width:auto;min-width:140px;padding:7px 11px;font-size:13px;border-radius:999px;color:var(--text-secondary)}.filter-toolbar{margin-bottom:16px}.filter-toolbar>.filter-bar{margin-bottom:0}.filter-toggle{display:inline-flex;align-items:center;gap:6px}.filter-toggle.has-active{border-color:var(--primary);color:var(--primary)}.filter-toggle__caret{font-size:10px;opacity:.7}.filter-panel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.filter-combo{display:inline-flex}.filter-input{width:170px;padding:7px 11px;font-size:13px;border-radius:999px}.filter-num{display:inline-flex;align-items:center;gap:4px}.filter-num__label{font-size:12px;color:var(--text-muted);font-weight:600}.filter-op{width:auto;min-width:52px;padding:7px 8px;font-size:13px;border-radius:999px}.filter-val{width:120px;padding:7px 11px;font-size:13px;border-radius:999px}@media (max-width: 640px){.search-box{flex:1 1 100%}.search-input{width:100%}}.report-export{position:relative;display:inline-flex;align-items:center;gap:4px}.report-export__err{color:var(--danger);cursor:help}.logo-preview{width:140px;height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.banner-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success);border-radius:var(--radius);padding:9px 12px;font-size:13px;font-weight:600;margin-bottom:12px}.row-clickable{cursor:pointer}.attach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.attach-list li{display:flex;align-items:center;gap:8px;font-size:13px}.attach-list a{color:var(--primary);text-decoration:none;font-weight:600}.attach-list a:hover{text-decoration:underline}.comment-thread{display:flex;flex-direction:column;gap:10px;margin:10px 0;max-height:240px;overflow:auto}.comment{background:var(--surface-2);border-radius:var(--radius);padding:8px 12px;font-size:13px}.comment--event{background:transparent;padding:2px 0}.comment-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}@media (max-width: 900px){.sidebar{position:fixed;top:0;left:0;z-index:300;height:100vh;width:248px;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.nav-collapsed .sidebar{width:248px}.nav-collapsed .brand-name{display:inline}.nav-collapsed .sidebar-nav .nav-link{justify-content:flex-start;padding:9px 10px}.nav-collapsed .nav-label,.nav-collapsed .nav-stage{display:inline}.nav-collapse-btn{display:none}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#061a1473}.nav-menu-btn{display:inline-flex}.user-meta{display:none}.topbar{padding:0 12px}}@media (max-width: 560px){.topbar-date{display:none}.content{padding:16px}}@media (max-width: 760px){.form-row,.form-grid-2{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.inbox-hero{flex-direction:column;align-items:flex-start}}:lang(ar),[dir=rtl]{font-family:Cairo,Plus Jakarta Sans,system-ui,sans-serif}[dir=rtl] body{font-family:Cairo,Plus Jakarta Sans,system-ui,sans-serif}[dir=rtl] .nav-link,[dir=rtl] .nav-group-head,[dir=rtl] .drop-item,[dir=rtl] .dash-kpi,[dir=rtl] .table th,[dir=rtl] .table.cards td:before,[dir=rtl] .nav-flyout-item{text-align:right}[dir=rtl] .dash-tl-amt{text-align:left}[dir=rtl] .nav-stage,[dir=rtl] .nav-chevron,[dir=rtl] .filter-bar__right{margin-left:0;margin-right:auto}[dir=rtl] .notif-dot{right:auto;left:2px}[dir=rtl] .drop-menu{right:auto;left:0}[dir=rtl] .search-box__icon{left:auto;right:10px}[dir=rtl] .search-input{padding:7px 30px 7px 11px}@media (max-width: 900px){[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.open{transform:none}}