@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.ttf);font-weight:500 700;font-display:swap}@font-face{font-family:Jost;src:url(/fonts/Jost.ttf);font-weight:100 900;font-display:swap}:root{--navy: #182237;--navy-2: #222E47;--cream: #EFEBE2;--paper: #F8F6F1;--wine: #6E1E2A;--olive: #5E6141;--sand: #CDBBA0;--bg: #F3EFE6;--surface: #FBF9F5;--surface-2: #ECE6DA;--text: #182237;--muted: #727788;--line: rgba(24, 34, 55, .09);--accent: #182237;--accent-text: #F3EFE6;--accent-soft: rgba(24, 34, 55, .07);--side-bg: #ECE6DA;--side-text: #182237;--good: #5E6141;--bad: #8E2B3A;--warn: #A07B45;--shadow: 0 1px 2px rgba(24, 34, 55, .04), 0 12px 32px -18px rgba(24, 34, 55, .22);--shadow-lg: 0 24px 60px -20px rgba(24, 34, 55, .35);--radius: 18px;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}:root[data-theme=dark]{--bg: #111827;--surface: #182237;--surface-2: #202C46;--text: #EFEBE2;--muted: #9AA0B2;--line: rgba(239, 235, 226, .08);--accent: #E6DCC8;--accent-text: #182237;--accent-soft: rgba(239, 235, 226, .07);--side-bg: #0E1422;--side-text: #EFEBE2;--good: #AEB38A;--bad: #D97B88;--warn: #D9B983;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 12px 32px -18px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #111827;--surface: #182237;--surface-2: #202C46;--text: #EFEBE2;--muted: #9AA0B2;--line: rgba(239, 235, 226, .08);--accent: #E6DCC8;--accent-text: #182237;--accent-soft: rgba(239, 235, 226, .07);--side-bg: #0E1422;--side-text: #EFEBE2;--good: #AEB38A;--bad: #D97B88;--warn: #D9B983;--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 12px 32px -18px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Jost,Plex Arabic,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}[dir=rtl] body{font-family:Plex Arabic,Jost,system-ui,sans-serif}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.01em}h2{font-size:24px}h3{font-size:15px;font-weight:600}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.ic{flex:none;display:block}.muted{color:var(--muted)}.late{color:var(--bad)}.good{color:var(--good)}.err{color:var(--bad);margin:0;font-size:14px}.wordmark{font-family:Jost,sans-serif;font-weight:400;letter-spacing:.38em;margin:0}.wordmark.sm{font-size:15px;letter-spacing:.34em}.row{display:flex;align-items:center}.gap{gap:8px}.between{justify-content:space-between}.num{font-family:Jost,sans-serif;font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100dvh}main{flex:1;min-width:0;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.page{max-width:960px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px}.sidebar{display:none}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;color:var(--text);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.tabbar{position:fixed;bottom:0;inset-inline:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px 6px env(safe-area-inset-bottom)}.tabbar a,.tabbar button{position:relative;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 8px;font-size:11px;color:var(--muted);transition:color .2s}.tabbar .ic{transition:transform .35s var(--ease)}.tabbar .active{color:var(--text);font-weight:600}.tabbar .active .ic{transform:translateY(-2px)}.tabbar .active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--accent);animation:pop .35s var(--ease)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:#0a0e1859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;animation:fade .2s}.sheet{width:100%;background:var(--surface);border-radius:24px 24px 0 0;padding:10px 16px calc(92px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);animation:slideUp .35s var(--ease)}.sheet-grip{width:40px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 14px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:16px;font-size:13px}.sheet-item.active{background:var(--accent-soft);font-weight:600}.sheet-ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--surface-2)}@media(min-width:900px){.sidebar{display:flex;flex-direction:column;width:236px;padding:22px 14px;background:var(--side-bg);color:var(--side-text);position:sticky;top:0;height:100dvh;border-inline-end:1px solid var(--line)}.brand-block{display:flex;align-items:center;gap:12px;padding:4px 12px 26px}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;color:color-mix(in srgb,var(--side-text) 72%,transparent);transition:background .2s,color .2s}.nav-item:hover{background:var(--accent-soft);color:var(--side-text)}.nav-item.active{background:var(--accent);color:var(--accent-text);font-weight:500;box-shadow:var(--shadow)}.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;font-size:14px}.topbar,.tabbar,.sheet-bg{display:none}main{padding-bottom:0}.page{padding:36px 32px;gap:16px}}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-size:14px;font-weight:600}.route>.page>*{animation:fadeUp .5s var(--ease) both}.route>.page>*:nth-child(2){animation-delay:.04s}.route>.page>*:nth-child(3){animation-delay:.08s}.route>.page>*:nth-child(4){animation-delay:.12s}.route>.page>*:nth-child(5){animation-delay:.16s}.route>.page>*:nth-child(n+6){animation-delay:.2s}.cards>*{animation:fadeUp .45s var(--ease) both}.cards>*:nth-child(2){animation-delay:.03s}.cards>*:nth-child(3){animation-delay:.06s}.cards>*:nth-child(4){animation-delay:.09s}.cards>*:nth-child(n+5){animation-delay:.12s}.page-title{display:flex;flex-direction:column;gap:2px;padding:4px 2px 6px}.eyebrow{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.card h3{margin-bottom:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.section-head h2{font-size:22px}.cards{display:flex;flex-direction:column;gap:8px}.row-card{text-align:start;width:100%;display:flex;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}@media(hover:hover){.row-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.row-card:active{transform:scale(.99)}.row-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.rc-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.rc-main b{font-weight:600}.rc-sub{font-size:13px}.empty{text-align:center;padding:28px 0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}a.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat b{font-family:Jost,sans-serif;font-size:26px;font-weight:400;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:13px;color:var(--muted)}.stat small{color:var(--muted);font-family:Jost,sans-serif}.stat.hero{background:var(--accent);color:var(--accent-text);border-color:transparent}.stat.hero span,.stat.hero small{color:color-mix(in srgb,var(--accent-text) 70%,transparent)}.grid2{display:grid;gap:14px}@media(min-width:720px){.grid2{grid-template-columns:1fr 1fr}}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:12px;padding:11px 18px;font-weight:500;transition:transform .15s,background .2s,opacity .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn.sm{padding:7px 13px;font-size:14px;border-radius:10px}.btn.block{width:100%}.btn.primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow)}.btn.primary:hover{box-shadow:var(--shadow-lg)}.btn.ghost{background:transparent;border-color:var(--line)}.btn.ghost:hover{background:var(--accent-soft)}.btn.danger{background:transparent;color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}.btn:disabled{opacity:.5;pointer-events:none}.icon-btn{background:var(--accent-soft);border:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:transform .2s}.icon-btn:hover{transform:rotate(90deg)}.seg{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg.wrap{margin-bottom:12px}.seg.center{align-self:center}.seg button{border:0;background:none;padding:7px 13px;border-radius:9px;font-size:13px;color:var(--muted);white-space:nowrap;transition:background .25s var(--ease),color .2s,box-shadow .25s}.seg button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001a}.badge{font-size:12px;padding:3px 10px;border-radius:99px;background:var(--surface-2);white-space:nowrap;font-weight:500}.b-member{background:var(--accent-soft)}.b-doing,.b-making,.b-designing,.b-shipped,.b-new{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.b-done,.b-ready,.b-delivered,.b-published{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.b-sold{background:var(--accent);color:var(--accent-text)}.b-late,.b-returned,.b-cancelled{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden;flex:1}.bar.big{height:10px}.bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transform-origin:left;animation:grow 1s var(--ease) both;transition:width .6s var(--ease)}[dir=rtl] .bar i{transform-origin:right}.hbar{display:grid;grid-template-columns:7fr 8fr 5fr;gap:10px;align-items:center;font-size:13px;padding:5px 0}.hbar b{text-align:end;font-weight:500;font-family:Jost,sans-serif}.phase{display:flex;flex-direction:column;gap:4px}.phase-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.phase-head h3{margin:0}.phase .bar{margin:6px 0 8px;flex:none}.task{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.task.done .task-title{text-decoration:line-through;color:var(--muted)}.tick{flex:none;width:26px;height:26px;border-radius:50%;border:1.6px solid color-mix(in srgb,var(--text) 30%,transparent);background:none;display:grid;place-items:center;padding:0;transition:background .25s,border-color .25s,transform .15s}.tick:active{transform:scale(.85)}.tick.doing{border-color:var(--warn);background:conic-gradient(var(--warn) 0 50%,transparent 0)}.tick.done{background:var(--good);border-color:var(--good);color:var(--surface)}.tick.done .ic{animation:pop .35s var(--ease)}.task-body{flex:1;background:none;border:0;text-align:start;padding:0;display:flex;flex-direction:column;gap:5px}.task-meta{display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}.list-btn{display:flex;justify-content:space-between;gap:8px;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:12px 0;text-align:start;flex-wrap:wrap}.matrix{width:100%;border-collapse:collapse;font-size:14px}.matrix th,.matrix td{padding:10px 6px;text-align:center;border-top:1px solid var(--line)}.matrix th{font-weight:500;color:var(--muted);font-size:12px;border-top:0}.matrix td:first-child,.matrix th:first-child{text-align:start;font-weight:600}.matrix .zero{color:color-mix(in srgb,var(--muted) 50%,transparent)}.scroll-x{overflow-x:auto}.bulk-bar{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));z-index:4;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-lg);animation:slideUp .3s var(--ease)}@media(min-width:900px){.bulk-bar{bottom:20px}}.bulk-bar select{font:inherit;font-size:14px;border-radius:10px;padding:6px 10px;border:0;background:var(--accent-text);color:var(--accent)}.bulk-bar .btn{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent-text) 30%,transparent)}.sel-box{width:22px;height:22px;border-radius:7px;border:1.6px solid color-mix(in srgb,var(--text) 30%,transparent);display:grid;place-items:center;flex:none;transition:background .2s,border-color .2s}.selected .sel-box{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.form{display:flex;flex-direction:column;gap:14px}.form label,.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.form label.check{flex-direction:row;align-items:center;gap:10px;color:var(--text)}input:not([type=checkbox]),select,textarea{font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .2s,box-shadow .2s,background .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:var(--surface)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.form-actions{display:flex;gap:8px;align-items:center;margin-top:6px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0e1873;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}.modal{background:var(--surface);width:100%;max-width:540px;max-height:92dvh;overflow:auto;box-shadow:var(--shadow-lg);border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));animation:slideUp .4s var(--ease)}@media(min-width:640px){.modal-bg{align-items:center}.modal{border-radius:24px;animation:zoomIn .3s var(--ease)}}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{margin:0;font-size:18px;font-weight:500}.login{min-height:100dvh;display:grid;background:var(--bg)}@media(min-width:900px){.login{grid-template-columns:1.1fr 1fr}}.login-brand{display:none;position:relative;overflow:hidden;background:var(--navy);color:var(--cream)}:root[data-theme=dark] .login-brand{background:var(--cream);color:var(--navy)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .login-brand{background:var(--cream);color:var(--navy)}}@media(min-width:900px){.login-brand{display:grid;place-items:center}}.login-brand:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(closest-side,color-mix(in srgb,var(--sand) 35%,transparent),transparent 70%) 30% 30% / 60% 60% no-repeat;animation:drift 18s ease-in-out infinite alternate}.login-brand-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.login-mark{animation:markIn 1.1s var(--ease) both}.login-brand .wordmark{font-size:40px;animation:fadeUp .9s .25s var(--ease) both}.tagline{margin:0;font-family:Jost,sans-serif;font-size:11px;letter-spacing:.4em;opacity:.65;animation:track 1.4s .4s var(--ease) both}.login-panel{display:grid;place-items:center;padding:24px 20px}.login-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px;animation:fadeUp .7s .1s var(--ease) both}.login-mark-sm{color:var(--text);align-self:center;animation:markIn .9s var(--ease) both}@media(min-width:900px){.login-form .login-mark-sm{display:none}}.login-head{text-align:center;display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.login-head h2{font-size:26px}.shake{animation:shake .4s}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}.splash{min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--text)}.splash-mark{animation:breathe 1.4s ease-in-out infinite}@keyframes fade{0%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}@keyframes slideUp{0%{transform:translateY(100%)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes markIn{0%{opacity:0;transform:translateY(16px) scale(.92);filter:blur(6px)}}@keyframes track{0%{opacity:0;letter-spacing:.9em}}@keyframes breathe{50%{opacity:.35;transform:scale(.94)}}@keyframes drift{to{transform:translate(18%,22%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-look=glass]{--glass: rgba(255, 252, 246, .4);--glass-strong: rgba(255, 252, 246, .78);--glass-edge: rgba(255, 255, 255, .7);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 18px 40px -22px rgba(24, 34, 55, .35);--blob-1: rgba(205, 187, 160, .95);--blob-2: rgba(24, 34, 55, .38);--blob-3: rgba(110, 30, 42, .22);--blob-4: rgba(94, 97, 65, .3)}:root[data-look=glass][data-theme=dark]{--glass: rgba(30, 41, 66, .45);--glass-strong: rgba(24, 34, 55, .8);--glass-edge: rgba(239, 235, 226, .1);--glass-shadow: 0 1px 0 rgba(239, 235, 226, .06) inset, 0 18px 40px -22px rgba(0, 0, 0, .8);--blob-1: rgba(205, 187, 160, .22);--blob-2: rgba(80, 104, 160, .35);--blob-3: rgba(110, 30, 42, .3);--blob-4: rgba(94, 97, 65, .25)}@media(prefers-color-scheme:dark){:root[data-look=glass]:not([data-theme=light]){--glass: rgba(30, 41, 66, .45);--glass-strong: rgba(24, 34, 55, .8);--glass-edge: rgba(239, 235, 226, .1);--glass-shadow: 0 1px 0 rgba(239, 235, 226, .06) inset, 0 18px 40px -22px rgba(0, 0, 0, .8);--blob-1: rgba(205, 187, 160, .22);--blob-2: rgba(80, 104, 160, .35);--blob-3: rgba(110, 30, 42, .3);--blob-4: rgba(94, 97, 65, .25)}}[data-look=glass] body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(38% 34% at 18% 22%,var(--blob-1),transparent 70%),radial-gradient(34% 30% at 82% 18%,var(--blob-2),transparent 70%),radial-gradient(30% 32% at 70% 82%,var(--blob-3),transparent 70%),radial-gradient(36% 30% at 24% 80%,var(--blob-4),transparent 70%);filter:blur(30px);animation:aurora 26s ease-in-out infinite alternate}@keyframes aurora{50%{transform:translate(4%,-3%) rotate(6deg) scale(1.05)}to{transform:translate(-4%,3%) rotate(-4deg)}}[data-look=glass] .shell,[data-look=glass] main{background:transparent}[data-look=glass] .card,[data-look=glass] .sidebar,[data-look=glass] .topbar,[data-look=glass] .tabbar,[data-look=glass] .sheet,[data-look=glass] .modal,[data-look=glass] .login-form{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}[data-look=glass] .modal,[data-look=glass] .sheet{background:var(--glass-strong)}[data-look=glass] .sidebar{margin:12px;height:calc(100dvh - 24px);top:12px;border-radius:24px}[data-look=glass] .topbar{border-width:0 0 1px}[data-look=glass] .tabbar{margin:0 10px calc(10px + env(safe-area-inset-bottom));border-radius:22px;padding-bottom:6px}@media(min-width:900px){[data-look=glass] .tabbar{margin:0}}[data-look=glass] .card.warn{background:color-mix(in srgb,var(--warn) 14%,var(--glass))}[data-look=glass] .stat.hero{background:color-mix(in srgb,var(--accent) 88%,transparent)}[data-look=glass] .seg{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}[data-look=glass] .seg button.on{background:var(--glass-strong)}[data-look=glass] input:not([type=checkbox]),[data-look=glass] select,[data-look=glass] textarea{background:color-mix(in srgb,var(--surface) 45%,transparent);border-color:var(--glass-edge)}[data-look=glass] .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-look=glass] .login{background:transparent}[data-look=glass] .login-form{padding:28px 24px;border-radius:28px}[data-look=glass] .login-brand{background:color-mix(in srgb,var(--navy) 88%,transparent)}[data-look=glass] .splash{background:transparent}@media(hover:hover){[data-look=glass] .row-card:hover,[data-look=glass] a.stat:hover{background:var(--glass-strong)}}[data-look=glass] body{background:transparent}.bulk-bar select{width:auto;flex:0 1 auto}.bulk-bar .btn{background:transparent;color:var(--accent-text);border-color:color-mix(in srgb,var(--accent-text) 35%,transparent)}.bulk-bar .btn:hover{background:color-mix(in srgb,var(--accent-text) 12%,transparent)}.bulk-bar select,[data-look=glass] .bulk-bar select{background:var(--accent-text);color:var(--accent);border:0}.chart-wrap{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible;touch-action:pan-y}.chart .grid{stroke:var(--line);stroke-width:1}.chart .baseline{stroke:color-mix(in srgb,var(--text) 25%,transparent);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px;font-family:Jost,sans-serif}.bar-mark{fill:var(--accent);opacity:.85;transform-box:fill-box;transform-origin:bottom;animation:barUp .8s var(--ease) both;transition:opacity .2s}.bar-mark.on{opacity:1}.line-mark{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.4s var(--ease) forwards}.area-mark{fill:var(--accent);opacity:.08;animation:fade 1.4s both}.dot-mark{fill:var(--accent);stroke:var(--surface);stroke-width:2}.crosshair{stroke:color-mix(in srgb,var(--text) 30%,transparent);stroke-dasharray:3 3}.tip{position:absolute;top:0;transform:translate(-50%,-8px);pointer-events:none;z-index:3;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;font-size:12px;white-space:nowrap;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:fade .15s}.tip b{font-weight:600}@keyframes barUp{0%{transform:scaleY(0)}}@keyframes draw{to{stroke-dashoffset:0}}.filters{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}@media(min-width:720px){.filters{grid-template-columns:repeat(4,1fr)}}.st-sum{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}@media(min-width:720px){.st-sum{grid-template-columns:repeat(4,1fr)}}.st-sum>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:var(--accent-soft)}.st-sum span{font-size:12px;color:var(--muted)}.st-sum b{font-family:Jost,sans-serif;font-size:19px;font-weight:500}.st-sum small{color:var(--muted);font-family:Jost,sans-serif}.ledger{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.ledger th{text-align:start;font-weight:500;color:var(--muted);font-size:12px;padding:8px;border-bottom:1px solid var(--line)}.ledger td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.ledger .n{text-align:end;white-space:nowrap}.ledger tbody tr{transition:background .15s}.ledger tbody tr:hover{background:var(--accent-soft)}.print-only{display:none}@media print{@page{size:A4;margin:0}*{animation:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:#fff!important;color:#182237!important}body:before{display:none!important}.sidebar,.topbar,.tabbar,.no-print,.route>.page>*:not(.statement){display:none!important}main,.page{padding:0!important;max-width:none!important}.statement{border:0!important;box-shadow:none!important;background:#fff!important;padding:0 0 22mm!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important}.statement>:not(.print-brand):not(.print-foot){margin-inline:16mm}.print-only{display:flex}.print-brand{justify-content:space-between;align-items:flex-end;gap:24px;background:#182237;color:#efebe2;padding:16mm 16mm 10mm;margin-bottom:10mm;border-bottom:3px solid #CDBBA0}.pb-mark{display:flex;align-items:center;gap:14px;color:#efebe2}.pb-word{font-family:Jost,sans-serif;font-size:26px;letter-spacing:.42em;font-weight:400;line-height:1}.pb-tag{font-family:Jost,sans-serif;font-size:7.5px;letter-spacing:.32em;color:#cdbba0;margin-top:6px}.pb-doc{text-align:end}.pb-title{font-size:20px;font-weight:600;margin-bottom:4px}.pb-meta{font-family:Jost,Plex Arabic,sans-serif;font-size:10.5px;color:#cdbba0}.print-foot{position:fixed;bottom:0;left:0;right:0;justify-content:space-between;padding:5mm 16mm;border-top:1px solid #CDBBA0;font-family:Jost,sans-serif;font-size:9px;letter-spacing:.18em;color:#727788;background:#fff}.st-sum{grid-template-columns:repeat(4,1fr)!important;gap:8px;margin-bottom:8mm}.st-sum>div{background:#f3efe6!important;border-radius:10px;border-inline-start:3px solid #CDBBA0;padding:10px 12px}.st-sum>.st-closing{background:#182237!important;border-color:#182237}.st-sum>.st-closing span,.st-sum>.st-closing small{color:#cdbba0!important}.st-sum>.st-closing b{color:#efebe2!important}.st-sum b{font-size:17px}.scroll-x{overflow:visible}.ledger{min-width:0;font-size:10.5px}.ledger thead th{background:#182237!important;color:#efebe2!important;font-weight:500;padding:8px;border:0}.ledger thead th:first-child{border-start-start-radius:8px;border-end-start-radius:8px}.ledger thead th:last-child{border-start-end-radius:8px;border-end-end-radius:8px}.ledger td{padding:7px 8px;border-bottom:1px solid #ECE6DA}.ledger tbody tr:nth-child(2n) td{background:#f8f6f1!important}.ledger tr{break-inside:avoid}.ledger .good{color:#5e6141!important}.ledger .late{color:#6e1e2a!important}.ledger td b{color:#182237}}
