:root{--font-display: "Bricolage Grotesque", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-ui: "Inter", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--sidebar-w: 248px;--topbar-h: 52px;--ease: cubic-bezier(.2, .8, .2, 1)}:root[lang=ar]{--font-display: "IBM Plex Sans Arabic", "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--sidebar: #0f0f0f;--surface: #141414;--surface-2: #1a1a1a;--hover: #1f1f1f;--border: #262626;--border-strong: #333333;--text: #fafafa;--text-2: #a3a3a3;--text-3: #737373;--primary: #fafafa;--primary-text: #0a0a0a;--red: #f87171;--red-bg: rgba(248, 113, 113, .1);--amber: #fbbf24;--amber-bg: rgba(251, 191, 36, .1);--green: #4ade80;--green-bg: rgba(74, 222, 128, .1);--blue: #93c5fd;--blue-bg: rgba(147, 197, 253, .1);--wave-a: #2a2a2a;--wave-b: #0a0a0a;--mascot-filter: invert(1);--mascot-blend: screen;--shadow: 0 20px 50px -20px rgba(0, 0, 0, .7)}:root[data-theme=light]{color-scheme:light;--bg: #fafafa;--sidebar: #f5f5f5;--surface: #ffffff;--surface-2: #f7f7f7;--hover: #f0f0f0;--border: #e5e5e5;--border-strong: #d4d4d4;--text: #0a0a0a;--text-2: #525252;--text-3: #8a8a8a;--primary: #0a0a0a;--primary-text: #fafafa;--red: #dc2626;--red-bg: rgba(220, 38, 38, .08);--amber: #b45309;--amber-bg: rgba(217, 119, 6, .1);--green: #15803d;--green-bg: rgba(22, 163, 74, .09);--blue: #1d4ed8;--blue-bg: rgba(37, 99, 235, .08);--wave-a: #d4d4d4;--wave-b: #f5f5f5;--mascot-filter: none;--mascot-blend: multiply;--shadow: 0 20px 50px -24px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .25s var(--ease),color .25s var(--ease)}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.num{font-variant-numeric:tabular-nums}:root[dir=rtl] .flip-rtl{transform:scaleX(-1)}.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex:none;background:var(--sidebar);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;gap:4px;position:sticky;top:0;height:100vh;height:100dvh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 12px}.mascot{width:30px;height:30px;border-radius:8px;flex:none;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.mascot img{width:26px;height:26px;filter:var(--mascot-filter);mix-blend-mode:var(--mascot-blend)}.brand-name{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.02em;line-height:1}.brand-sub{font-size:11px;color:var(--text-3);margin-top:3px}.search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;margin:0 2px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-3);font-size:13px}.search kbd{margin-inline-start:auto;font-family:var(--font-ui);font-size:11px;color:var(--text-3)}.nav{display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;font-size:13.5px;border:0;background:none;text-align:start;width:100%;transition:background-color .15s,color .15s}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.nav-item .count{margin-inline-start:auto;font-size:11.5px;color:var(--text-3)}.nav-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:16px 10px 6px}:root[lang=ar] .nav-label{letter-spacing:0}.shortcut-badge{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:10px;display:flex;align-items:center;gap:10px;padding-inline:8px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-weight:600;font-size:12px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:8px;padding:0 24px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:8px;color:var(--text-2);font-weight:500}.topbar-end{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.sync-dot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);margin-inline-end:6px}.sync-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}.icon-btn{height:32px;min-width:32px;padding:0 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--hover)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:2px;gap:2px}.seg button{border:0;background:none;height:26px;min-width:30px;padding:0 8px;border-radius:4px;color:var(--text-3);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px}.seg button.on{background:var(--hover);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.page{padding:28px 32px 64px;max-width:1280px;width:100%;margin:0 auto}.btn{height:34px;padding:0 12px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:7px;font-weight:500;font-size:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background-color .15s,border-color .15s,transform .1s}.btn:hover{background:var(--hover);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.primary:hover{opacity:.9}.btn svg{color:var(--text-3)}.btn.primary svg{color:inherit}.hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:28px 28px 24px;isolation:isolate}.hero-wave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 85% 120%,var(--wave-a) 0%,transparent 55%),radial-gradient(70% 70% at 110% 10%,var(--wave-a) 0%,transparent 60%);opacity:.85}:root[dir=rtl] .hero-wave{transform:scaleX(-1)}.hero-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.eyebrow{font-size:12.5px;color:var(--text-3);font-weight:500}.hero h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;font-size:clamp(26px,3.2vw,36px);line-height:1.1;margin:6px 0}:root[lang=ar] .hero h1{letter-spacing:0;line-height:1.35}.hero p{margin:0 0 18px;color:var(--text-2)}.actions{display:flex;flex-wrap:wrap;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin-top:16px;overflow:hidden}.stat{padding:16px 18px;border-inline-start:1px solid var(--border);display:flex;flex-direction:column;gap:6px;transition:background-color .15s}.stat:first-child{border-inline-start:0}.stat:hover{background:var(--surface-2)}.stat-label{font-size:12.5px;color:var(--text-3);display:flex;align-items:center;gap:6px}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.stat-value small{font-size:14px;color:var(--text-3);font-weight:500;margin-inline-start:4px}.stat-foot{font-size:12px;color:var(--text-3)}.stat-foot.warn{color:var(--red)}.grid-2{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);display:flex;flex-direction:column;min-width:0}.panel-head{display:flex;align-items:center;gap:8px;padding:14px 16px 10px}.panel-head h2{font-size:14px;font-weight:600;margin:0}.panel-head .link{margin-inline-start:auto;font-size:12.5px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px}.panel-head .link:hover{color:var(--text)}.panel-body{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.group-label{font-size:11.5px;font-weight:600;color:var(--text-3);padding:6px 6px 2px}.group-label.red{color:var(--red)}.task{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);transition:border-color .15s}.task:hover{border-color:var(--border-strong)}.task.overdue{box-shadow:inset 2px 0 0 var(--red)}:root[dir=rtl] .task.overdue{box-shadow:inset -2px 0 0 var(--red)}.check{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);background:none;flex:none;padding:0;display:grid;place-items:center;color:var(--primary-text)}.check.on{background:var(--primary);border-color:var(--primary)}.task-main{min-width:0;flex:1}.task-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task.done .task-title{text-decoration:line-through;color:var(--text-3)}.task-sub{font-size:12px;color:var(--text-3)}.task-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3);flex:none}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-2);white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.pill.red{color:var(--red);background:var(--red-bg);border-color:transparent}.pill.amber{color:var(--amber);background:var(--amber-bg);border-color:transparent}.pill.green{color:var(--green);background:var(--green-bg);border-color:transparent}.pill.blue{color:var(--blue);background:var(--blue-bg);border-color:transparent}.pill.plain:before{display:none}.event{display:flex;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);align-items:center}.event-date{width:44px;flex:none;text-align:center;border-inline-end:1px solid var(--border);padding-inline-end:10px}.event-date b{display:block;font-family:var(--font-display);font-size:20px;line-height:1}.event-date span{font-size:11px;color:var(--text-3);text-transform:uppercase}.event-title{font-weight:500}.event-sub{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:6px}table{width:100%;border-collapse:collapse}th{text-align:start;font-size:12px;font-weight:500;color:var(--text-3);padding:8px 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr{transition:background-color .15s}tbody tr:hover{background:var(--surface-2)}.proj{display:flex;align-items:center;gap:10px;font-weight:500}.proj-mark{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px}.progress{width:120px}.progress-bar{height:4px;background:var(--border);border-radius:99px;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--text);border-radius:99px}.progress small{font-size:11.5px;color:var(--text-3)}.row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:.55;transition:opacity .15s}tr:hover .row-actions{opacity:1}.row-actions button{border:0;background:none;width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--text-3)}.row-actions button:hover{background:var(--hover);color:var(--text)}.inv{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2)}.inv-no{font-weight:600;font-size:13px}.inv-amt{margin-inline-start:auto;text-align:end;font-weight:600}.inv-amt small{display:block;font-size:11.5px;color:var(--text-3);font-weight:400}.preview-note{margin-top:14px;font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:6px}.mobile-top,.tabbar{display:none}.grid-2.wide{grid-template-columns:1.7fr 1fr}@media(max-width:1100px){.grid-2.wide,.grid-2{grid-template-columns:1fr}}@media(max-width:860px){.sidebar,.topbar{display:none}.mobile-top{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-top .topbar-end{gap:6px}.page{padding:16px 16px 96px}.hero{padding:20px 18px}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-inline-start:0}.stat:nth-child(n+3){border-top:1px solid var(--border)}.stat-value{font-size:24px}.hide-sm{display:none}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;z-index:10;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--sidebar) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.tabbar button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--text-3);padding:6px 0;border-radius:8px}.tabbar button.on{color:var(--text)}.task-meta .date{display:none}}.red{color:var(--red)!important}.muted{color:var(--text-3)}.block{display:block}.only-sm{display:none}.stack{display:flex;flex-direction:column;gap:12px}.page.narrow{max-width:920px}.page.wide-page{max-width:1440px}a.nav-item,a.stat,a.brand,a.sidebar-foot,a.inv,a.doc-row,a.card{color:inherit}button.event,button.inv,button.search{width:100%;text-align:start;font:inherit;color:inherit;cursor:pointer}.event:hover,.inv:hover{border-color:var(--border-strong)}.nav-item .count.red{color:var(--red)}.nav-item .proj-mark{width:20px;height:20px;font-size:11px;border-radius:5px}.sidebar-foot{border-radius:var(--radius-sm);padding-block:10px 4px;transition:background-color .15s}.sidebar-foot:hover,.sidebar-foot.active{background:var(--hover)}.brand{border-radius:var(--radius-sm)}.stat-value.red{color:var(--red)}tr.click{cursor:pointer}.link-u{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong)}.link-u:hover{text-decoration-color:currentColor}.prose-text{margin:0 6px 12px;color:var(--text-2);white-space:pre-wrap}.page-head{margin-bottom:18px}.page-head-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-title{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,2.6vw,30px);letter-spacing:-.025em;line-height:1.15;margin:0}:root[lang=ar] .page-title{letter-spacing:0}.page-sub{color:var(--text-2);margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crumb-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-size:13px;margin-bottom:10px}.crumb-back:hover{color:var(--text)}.title-input{font:inherit;color:inherit;background:none;border:0;border-bottom:1px dashed transparent;padding:0;width:min(100%,640px);outline:none}.title-input:hover,.title-input:focus{border-bottom-color:var(--border-strong)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:none;padding:9px 10px;color:var(--text-3);font-weight:500;font-size:13.5px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--text)}.tab-count{font-size:11px;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:0 6px}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.danger svg{color:#fff}.btn.danger-ghost{color:var(--red);border-color:transparent;background:none}.btn.danger-ghost svg{color:var(--red)}.btn.danger-ghost:hover{background:var(--red-bg)}.icon-ghost{border:0;background:none;width:30px;height:30px;border-radius:6px;display:inline-grid;place-items:center;color:var(--text-3);flex:none}.icon-ghost:hover{background:var(--hover);color:var(--text)}.icon-ghost:disabled{opacity:.3}.link-btn{border:0;background:none;padding:0;color:var(--text-2);text-decoration:underline;font-size:12px}.seg.big button{height:32px;padding:0 14px;font-size:13px}.input{width:100%;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s;outline:none}textarea.input{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}select.input{padding-inline-end:6px}.input:focus{border-color:var(--text-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 8%,transparent)}.input.sm{height:32px;width:auto;min-width:130px;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field.span{grid-column:1 / -1}.field-label{font-size:12px;font-weight:500;color:var(--text-2)}.field-hint{font-size:11.5px;color:var(--text-3)}.sub-head{font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:18px 0 8px}:root[lang=ar] .sub-head{letter-spacing:0}.contact-row{display:grid;grid-template-columns:1.2fr 1fr 1.4fr 1.1fr auto;gap:6px;margin-bottom:6px}.contact-card{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin-bottom:6px}.inline-add{display:flex;gap:8px;flex-wrap:wrap}.inline-add .input{flex:1;min-width:180px}.notes{min-height:360px;border:0;background:none;box-shadow:none!important;font-size:14.5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fade .15s var(--ease)}.modal-backdrop.top{place-items:start center;padding-top:12vh}.modal{width:min(520px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:pop .18s var(--ease)}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:center;gap:8px;padding:14px 16px 10px 18px}.modal-head h2{margin:0;font-size:16px;font-weight:600;flex:1}.modal-body{padding:4px 18px 16px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.985)}}.toasts{position:fixed;bottom:20px;inset-inline-end:20px;z-index:60;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius);background:var(--primary);color:var(--primary-text);font-weight:500;font-size:13px;box-shadow:var(--shadow);animation:pop .2s var(--ease)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px 16px;color:var(--text-3);font-size:13.5px}.empty-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.search-input{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-3);flex:1;min-width:160px;max-width:320px}.search-input input{border:0;background:none;outline:none;color:var(--text);font:inherit;font-size:13px;width:100%}.task{cursor:pointer}.task-list{display:flex;flex-direction:column;gap:6px}.task-meta .date.red{color:var(--red)}.task-meta .row-actions{opacity:0}.task:hover .row-actions{opacity:1}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.board-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px;display:flex;flex-direction:column;gap:8px;min-height:220px}.board-head{font-size:12.5px;font-weight:600;color:var(--text-2);display:flex;justify-content:space-between;padding:2px 4px 4px}.board-head span{color:var(--text-3);font-weight:500}.card-task{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:grab;display:flex;flex-direction:column;gap:4px}.card-task:hover{border-color:var(--border-strong)}.card-task.overdue{box-shadow:inset 2px 0 0 var(--red)}:root[dir=rtl] .card-task.overdue{box-shadow:inset -2px 0 0 var(--red)}.card-task .task-title{white-space:normal}.card-task-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:4px}.kv{display:grid;grid-template-columns:auto 1fr;margin:0 6px}.kv>span,.kv>b{padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.kv>span{color:var(--text-3);padding-inline-end:16px}.kv>b{font-weight:500;text-align:end;min-width:0;overflow-wrap:anywhere}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stats div{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--surface-2);display:flex;flex-direction:column;gap:2px}.mini-stats span{font-size:12px;color:var(--text-3)}.mini-stats b{font-family:var(--font-display);font-size:18px;font-weight:600}.stage-dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--text-2);flex:none}.stage-dot.on{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.stage-name{font:inherit;font-weight:600;font-size:14px;color:var(--text);background:none;border:1px solid transparent;border-radius:6px;padding:3px 6px;min-width:0;flex:0 1 320px;outline:none}.stage-name:hover,.stage-name:focus{border-color:var(--border);background:var(--surface-2)}.ptask{display:grid;grid-template-columns:1fr 130px 80px 32px;gap:6px;align-items:center}.ptask.head{font-size:11.5px;color:var(--text-3);padding:0 2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.card h3{margin:6px 0 0;font-size:15px;font-weight:600}.card p{margin:4px 0 0;color:var(--text-2);font-size:13px;line-height:1.5;flex:1}.card-icon{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center;color:var(--text-2)}.card-foot{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.process-flow{display:flex;gap:3px;margin-inline-start:auto}.process-flow i{width:14px;height:4px;border-radius:99px;background:var(--border-strong)}.doc-card{padding:0;overflow:hidden}.doc-thumb{height:150px;overflow:hidden;padding:14px 16px;background:#fff;color:#333;border-bottom:1px solid var(--border);font-size:7px;line-height:1.4;pointer-events:none;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.doc-thumb h1{font-size:13px;margin:0 0 4px;color:#111}.doc-thumb h2{font-size:9px;margin:6px 0 2px}.doc-thumb p,.doc-thumb ul,.doc-thumb table{margin:2px 0}.doc-thumb td,.doc-thumb th{padding:1px 3px;border:1px solid #ddd}.doc-card-body{padding:12px 16px 14px}.doc-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);margin-top:6px}.doc-row:hover{border-color:var(--border-strong)}.notice{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13px;margin-bottom:14px}.notice svg{flex:none}.notice .btn{margin-inline-start:auto}.notice.amber{border-color:transparent;background:var(--amber-bg);color:var(--amber)}.doc-editor{display:grid;grid-template-columns:1fr;gap:14px}.doc-editor.write .doc-paper,.doc-editor.preview .doc-src{display:none}@media(min-width:1200px){.doc-editor.write{grid-template-columns:1fr 1fr}.doc-editor.write .doc-paper{display:block}}.doc-src{min-height:70vh;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.6}.doc-paper{background:#fff;color:#111;border-radius:var(--radius-lg);border:1px solid var(--border);padding:48px 56px;min-height:70vh;box-shadow:var(--shadow)}.prose{font-size:14px;line-height:1.7}.prose h1{font-family:var(--font-display);font-size:30px;letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}.prose h2{font-family:var(--font-display);font-size:19px;margin:28px 0 8px}.prose h3{font-size:15px;margin:20px 0 6px}.prose p{margin:0 0 10px}.prose ul,.prose ol{margin:0 0 12px;padding-inline-start:22px}.prose li.cb{list-style:none;margin-inline-start:-20px;display:flex;gap:8px;align-items:center}.prose .box{width:12px;height:12px;border:1.5px solid #888;border-radius:3px;display:inline-block}.prose .box.on{background:#111;border-color:#111}.prose hr{border:0;border-top:1px solid #e5e5e5;margin:20px 0}.prose table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:13px}.prose th,.prose td{border:1px solid #e5e5e5;padding:7px 10px;text-align:start;white-space:normal;background:none;color:#111}.prose th{background:#f7f7f7;font-weight:600}.prose tbody tr:hover{background:none}.prose mark{background:#fff1b8;color:#111;border-radius:3px;padding:0 3px}.prose code{background:#f2f2f2;padding:1px 4px;border-radius:4px;font-size:.92em}.legend{margin-inline-start:auto;display:flex;gap:12px;font-size:12px;color:var(--text-3)}.legend span{display:inline-flex;align-items:center;gap:6px}.sw{width:10px;height:10px;border-radius:3px;display:inline-block}.sw.a,.bars i.a{background:var(--text-3);opacity:.55}.sw.b,.bars i.b{background:var(--text)}.chart{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;height:220px;padding:8px 18px 16px;align-items:end}.chart-col{height:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.chart-col span{font-size:11.5px;color:var(--text-3)}.bars{flex:1;width:100%;display:flex;gap:4px;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--border)}.bars i{width:min(22px,40%);border-radius:4px 4px 0 0;min-height:2px;transition:height .4s var(--ease)}.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.items{display:flex;flex-direction:column;gap:6px}.item{display:grid;grid-template-columns:minmax(0,1fr) 70px 120px 120px 32px;gap:6px;align-items:center}.item.head{font-size:11.5px;color:var(--text-3)}.item textarea.input{min-height:36px;resize:vertical}.item-amt{text-align:end;font-weight:500;font-size:13px;padding-inline-end:4px}.totals>div{display:flex;justify-content:space-between;padding:8px 6px;font-size:13.5px;color:var(--text-2);border-bottom:1px solid var(--border)}.totals>div:last-child{border-bottom:0}.totals b{color:var(--text);font-weight:500}.totals .grand{color:var(--text);font-weight:600}.totals .grand b{font-family:var(--font-display);font-size:18px;font-weight:600}.pay-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.cal-nav{display:flex;align-items:center;gap:6px}.cal-title{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0 8px;letter-spacing:-.01em}.month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.month-dow{padding:8px 10px;font-size:12px;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--surface-2)}.month-cell{min-height:112px;padding:6px;border-inline-end:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:0;transition:background-color .15s}.month-cell:nth-child(7n){border-inline-end:0}.month-cell:hover{background:var(--surface-2)}.month-cell.out{opacity:.45}.month-num{align-self:flex-start;border:0;background:none;font-size:12.5px;font-weight:500;width:24px;height:24px;border-radius:50%;color:var(--text-2);padding:0}.month-cell.today .month-num{background:var(--primary);color:var(--primary-text)}.month-ev{border:0;text-align:start;font-size:11.5px;padding:3px 6px;border-radius:5px;background:var(--blue-bg);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 2px 0 0 var(--blue)}:root[dir=rtl] .month-ev{box-shadow:inset -2px 0 0 var(--blue)}.month-ev span{color:var(--text-2)}.month-more{border:0;background:none;font-size:11px;color:var(--text-3);text-align:start;padding:0 6px}.tgrid{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.tgrid-head,.tgrid-body{display:grid;grid-template-columns:56px repeat(var(--cols),minmax(0,1fr))}.tgrid-head{border-bottom:1px solid var(--border);background:var(--surface-2)}.tgrid-day{padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--text-3)}.tgrid-day b{font-family:var(--font-display);font-size:18px;color:var(--text);font-weight:600;width:30px;height:30px;display:grid;place-items:center;margin-top:2px}.tgrid-day.today b{color:var(--primary-text);background:var(--primary);border-radius:50%}.tgrid-body{max-height:68vh;overflow-y:auto}.tgrid-hours span{display:block;font-size:11px;color:var(--text-3);text-align:end;padding:0 8px;transform:translateY(-7px)}.tgrid-col{position:relative;border-inline-start:1px solid var(--border)}.tgrid-slot{border-bottom:1px solid var(--border);cursor:pointer}.tgrid-slot:hover{background:var(--surface-2)}.tgrid-ev{position:absolute;inset-inline:3px;border:0;border-radius:6px;padding:4px 7px;text-align:start;overflow:hidden;display:flex;flex-direction:column;gap:1px;background:var(--blue-bg);box-shadow:inset 2px 0 0 var(--blue);font-size:11.5px;color:var(--text)}:root[dir=rtl] .tgrid-ev{box-shadow:inset -2px 0 0 var(--blue)}.tgrid-ev b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tgrid-ev span{color:var(--text-2)}.settings-sec{padding:16px 18px 18px;margin-bottom:14px}.settings-sec h2{font-size:15px;margin:0 0 14px;font-weight:600}.data-row{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.data-row div{flex:1}.data-row p{margin:2px 0 0;color:var(--text-3);font-size:12.5px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080;animation:fade .15s}.sidebar.drawer{display:flex;position:absolute;inset-block:0;inset-inline-start:0;width:min(300px,86vw);height:100%;overflow-y:auto;animation:slideIn .2s var(--ease)}:root[dir=rtl] .sidebar.drawer{animation-name:slideInR}@keyframes slideIn{0%{transform:translate(-100%)}}@keyframes slideInR{0%{transform:translate(100%)}}.drawer-close{position:absolute;top:14px;inset-inline-end:10px}.palette{width:min(620px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;animation:pop .15s var(--ease)}.palette-input{display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-bottom:1px solid var(--border);color:var(--text-3)}.palette-input input{flex:1;border:0;background:none;outline:none;color:var(--text);font:inherit;font-size:15px}.palette-list{max-height:50vh;overflow-y:auto;padding:6px}.palette-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:none;padding:9px 12px;border-radius:var(--radius-sm);text-align:start}.palette-list button.on{background:var(--hover)}.palette-list small{color:var(--text-3);font-size:11.5px}.splash{height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--text-3)}.splash .mascot{width:56px;height:56px;border-radius:14px}.splash .mascot img{width:46px;height:46px}.print-root{min-height:100vh;background:#e9e9e9;color:#111;padding:24px 16px 48px}.print-bar{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.print-bar .btn{background:#fff;color:#111;border-color:#ddd}.print-bar .btn.primary{background:#111;color:#fff;border-color:#111}.sheet{width:210mm;min-height:297mm;margin:0 auto;background:#fff;padding:18mm 18mm 16mm;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;font-size:13px;color:#111}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:2px solid #111;margin-bottom:22px}.sheet-brand{display:flex;align-items:center;gap:12px}.sheet-brand img{width:52px;height:52px}.sheet-name{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:26px;letter-spacing:-.03em;line-height:1}.sheet-meta{font-size:11px;color:#666;margin-top:6px}.sheet-doc{text-align:end;position:relative}.sheet-kind{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;text-transform:uppercase}:root[lang=ar] .sheet-kind{text-transform:none;letter-spacing:0}.sheet-no{color:#555;margin-top:2px}.stamp{display:inline-block;margin-top:8px;border:2px solid #15803d;color:#15803d;font-weight:700;padding:2px 10px;border-radius:6px;transform:rotate(-4deg);text-transform:uppercase;font-size:12px}.sheet-grid{display:grid;grid-template-columns:1fr auto;gap:24px;margin-bottom:22px}.sheet-label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#777;margin-bottom:4px}:root[lang=ar] .sheet-label{letter-spacing:0}.sheet-strong{font-size:16px;font-weight:600}.sheet-muted{color:#666;font-size:12px}.sheet-dates{display:flex;flex-direction:column;gap:8px;text-align:end}.sheet-items{width:100%;border-collapse:collapse}.sheet-items th{background:#111;color:#fff;border:0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px}.sheet-items td{border-bottom:1px solid #e5e5e5;padding:10px;vertical-align:top;white-space:normal}.sheet-items .r{text-align:end;white-space:nowrap}.sheet-items tbody tr:hover{background:none}.sheet-totals{width:280px;margin-inline-start:auto;margin-top:14px}.sheet-totals div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #eee}.sheet-totals .grand{border-bottom:2px solid #111;font-weight:700;font-size:15px}.sheet-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.sheet-notes p{margin:0;white-space:pre-wrap;color:#333}.sheet-foot{margin-top:auto;padding-top:24px;font-size:11px;color:#777;text-align:center}@media print{@page{size:A4;margin:0}html,body{background:#fff!important}.no-print{display:none!important}.print-root{padding:0;background:#fff}.sheet{box-shadow:none;margin:0;width:auto;min-height:297mm}}@media(max-width:1100px){.invoice-layout{grid-template-columns:1fr}.board{grid-template-columns:repeat(4,240px)}}@media(max-width:860px){.form-grid{grid-template-columns:1fr}.contact-row{grid-template-columns:1fr 1fr}.page-actions{margin-inline-start:0;width:100%}.only-sm{display:block}.item{grid-template-columns:1fr 56px 90px 28px}.item .item-amt,.item.head span:nth-child(4){display:none}.ptask{grid-template-columns:1fr 100px 56px 28px}.month-cell{min-height:74px;padding:3px}.month-ev{font-size:10px;padding:2px 4px}.month-ev span{display:none}.tgrid-head,.tgrid-body{grid-template-columns:40px repeat(var(--cols),minmax(0,1fr))}.doc-paper{padding:24px 20px}.tabbar a,.tabbar button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--text-3);padding:6px 0;border-radius:8px}.tabbar a.on,.tabbar button.on{color:var(--text)}.toasts{bottom:84px;inset-inline:16px}.sheet{width:100%;min-height:0;padding:20px}.sheet-notes,.sheet-grid{grid-template-columns:1fr}.sheet-dates{text-align:start}}@media(max-width:860px){.task-meta .row-actions{display:none}.task-title{white-space:normal}.task{align-items:flex-start}.task-meta{flex-direction:column;align-items:flex-end;gap:4px}}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.one{grid-template-columns:1fr}.snapshot-note{font-size:12px;color:var(--text-3);margin-top:8px}.input-group{display:flex;gap:6px}.input-group select{width:84px;flex:none}.check-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.tag{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:99px;border:1px solid var(--border);margin-inline-start:4px;color:var(--text-2)}.item{grid-template-columns:minmax(0,1fr) 70px 120px 120px 32px;align-items:start}.item-text{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:600}.item>input,.item>.item-amt{margin-top:0}.item-amt{padding-top:10px}.totals .equiv{font-size:12.5px;color:var(--text-3)}.rate-panel{margin-bottom:14px}.rate-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:14px!important}.rate-row>div{flex:1;min-width:220px}.rate-row p{margin:2px 0 0;font-size:12.5px}.rate-input{display:inline-flex;align-items:center;gap:8px;font-weight:600}.rate-input .input{width:120px}.pdf-preview{display:flex;flex-direction:column;gap:12px;min-width:0}.pdf-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.pdf-pages{display:flex;flex-direction:column;gap:16px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;max-height:78vh;overflow-y:auto}.pdf-page{width:100%;max-width:640px;height:auto;box-shadow:0 6px 24px #00000040;background:#fff}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.contract-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.filebox{border:1px dashed transparent;border-radius:var(--radius);transition:border-color .15s,background-color .15s}.filebox.drag{border-color:var(--brand-blue);background:var(--blue-bg)}.filebox-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:2px 4px 10px}.filebox-head .muted{font-size:12px;margin-inline-end:auto}.file-list{display:flex;flex-direction:column;gap:6px}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.file-grid .file-row{flex-direction:column;align-items:stretch}.file-grid .file-thumb{width:100%;height:130px}.file-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);min-width:0}.file-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}.file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);color:var(--text-3);flex:none}.board-cover{height:150px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--surface-2);place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.board-cover img{width:100%;height:100%;object-fit:cover}.board-cover .swatches{position:absolute;inset-inline:0;bottom:0;display:flex;height:10px}.board-cover .swatches i{flex:1}.swatch-edit{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.swatch{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;color:transparent}.swatch:hover{color:#fff}.swatch-edit input[type=color]{width:36px;height:32px;border:1px solid var(--border);border-radius:8px;background:none;padding:2px}.sidebar-timer{margin-top:auto;padding:8px 0 6px}.sidebar-timer+.sidebar-foot{margin-top:0}.track-btn{width:100%;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-weight:500}.track-btn:hover{color:var(--text);background:var(--hover)}.timer-on{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.rec{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.4s ease-in-out infinite;flex:none}@keyframes pulse{50%{opacity:.3}}.sidebar{overflow-y:auto}@media(max-width:1100px){.contract-layout{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}@media(max-width:860px){.form-grid.three{grid-template-columns:1fr}.item{grid-template-columns:1fr 56px 90px 28px}.pdf-pages{padding:8px;max-height:none}}:root{--font-display: "Bricolage Grotesque", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-ui: "Bricolage Grotesque", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "IBM Plex Sans Arabic", "Bricolage Grotesque", system-ui, sans-serif;--radius-sm: 10px;--radius: 12px;--radius-lg: 20px}:root[lang=ar]{--font-display: "IBM Plex Sans Arabic", "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "IBM Plex Sans Arabic", "Bricolage Grotesque", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", system-ui, sans-serif}body{font-size:14px;letter-spacing:-.005em}:root[lang=ar] body{letter-spacing:0}.hero p,.page-sub,.prose-text,.empty,.card p,.field-hint,.notice,.data-row p,.task-sub,.event-sub,.stat-foot,.brand-sub,.modal-body p{font-family:var(--font-body)}.btn{height:38px;padding:0 16px;border-radius:12px;font-weight:500;font-size:13.5px}.btn.sm{height:32px;padding:0 12px;border-radius:10px}.btn.primary{border-radius:999px;padding:0 20px}.btn.primary.sm{padding:0 14px}.icon-btn{height:34px;min-width:34px;border-radius:10px}.seg{border-radius:12px;padding:3px}.seg button{border-radius:9px;height:28px;font-weight:500}.input{height:38px;border-radius:10px}.input.sm{height:34px}.search,.search-input{border-radius:10px;height:36px}.hero{border-radius:24px;padding:32px}.stats,.panel,.card,.board-col,.month,.tgrid,.modal,.palette{border-radius:var(--radius-lg)}.task,.event,.inv,.doc-row,.card-task,.pay-row,.contact-card,.mini-stats div{border-radius:14px}.nav-item{border-radius:10px;height:36px;font-weight:500}.mascot{border-radius:10px}.hero h1{font-weight:500;letter-spacing:-.035em;font-size:clamp(30px,3.6vw,44px)}.page-title{font-weight:500;letter-spacing:-.03em;font-size:clamp(28px,3vw,38px)}:root[lang=ar] .hero h1,:root[lang=ar] .page-title{font-weight:600;letter-spacing:0}.stat-value{font-weight:500;letter-spacing:-.03em;font-size:30px}.brand-name{font-weight:800}.panel-head h2,.eyebrow,.nav-label,.sub-head,.settings-sec h2{font-family:var(--font-ui)}.panel-head h2:before,.eyebrow:before,.nav-label:before,.settings-sec h2:before{content:"//";color:var(--text-3);margin-inline-end:6px;font-weight:400}.panel-head h2{font-weight:500;font-size:14.5px}.nav-label{text-transform:none;letter-spacing:0;font-size:12px}.eyebrow{font-size:13px}@font-face{font-family:Switzer;src:url(/brand/Switzer-Regular.ttf) format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Switzer;src:url(/brand/Switzer-Bold.ttf) format("truetype");font-weight:600 800;font-display:swap}:root{--font-ui: "Switzer", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Switzer", "IBM Plex Sans Arabic", system-ui, sans-serif;--brand-blue: #0445ff}:root[data-theme=dark],:root:not([data-theme]){--brand-blue: #5b85ff}:root[data-theme=light]{--brand-blue: #0445ff}.panel-head h2,.eyebrow,.nav-label,.sub-head,.settings-sec h2{font-family:var(--font-display)}.money{color:var(--brand-blue)!important}.cur-tag{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:6px;background:var(--blue-bg);color:var(--brand-blue);margin-inline-end:6px}@font-face{font-family:Bricolage Grotesque;src:url(/brand/Bricolage-Bold.ttf);font-weight:600 900;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/brand/Arabic.ttf);font-weight:400 500;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/brand/Arabic-Bold.ttf);font-weight:600 900;font-display:swap}:root{--sidebar-w:224px;--radius-lg:16px;--font-ui:"Bricolage Grotesque","IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif}:root[data-theme=light]{--bg:#f7f7f7;--sidebar:#eeeeee;--text-3:#696969;--border:#dfdfdf}:root[data-theme=dark]{--text-3:#a5a5a5;--bg:#111111;--sidebar:#151515;--surface:#1b1b1b;--surface-2:#232323;--border:#353535}::selection{background:#d8e8a6;color:#171b10}input,textarea{caret-color:var(--text)}:focus-visible{outline:2px solid var(--text);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sidebar{overflow-y:auto;position:sticky;top:0;height:100dvh;padding:20px 12px;gap:7px}.brand{margin-bottom:12px}.brand-sub{font-size:11px}.nav-item{height:34px;font-size:13px}.sidebar-timer{margin-top:20px}.sidebar-foot{margin-top:8px;flex-shrink:0}.main{min-width:0}.page{padding:30px 34px;max-width:1600px;margin:0 auto;width:100%;min-width:0}.page-title{font-size:32px}.page-actions{flex-wrap:wrap}.page-head-row{gap:20px}.hero-wave,.hero-grain{display:none}.command-page .hero{padding:4px 0 26px;border:0;background:none;border-radius:0;overflow:visible}.command-page .hero h1{font-size:clamp(26px,2.6vw,38px);font-weight:600;margin:9px 0}.command-page .hero p{margin:0 0 16px}.command-page>.stats{display:none}.command-page .hero .eyebrow{font-size:12px}.command-page .hero .actions{margin-top:15px}.command-page .hero .btn{height:34px;font-size:12px}.pulse-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0;margin-bottom:25px;border-block:1px solid var(--border)}.pulse-strip>a{display:flex;flex-direction:column;gap:7px;padding-inline:22px;border-inline-end:1px solid var(--border)}.pulse-strip>a:first-child{padding-inline-start:0}.pulse-strip>a:last-child{border:0}.pulse-strip span{font-size:12px;color:var(--text-2)}.pulse-strip strong{font-size:34px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.pulse-strip small{color:var(--text-3);display:flex;align-items:center;gap:5px}.attention-strip{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-bottom:28px}.attention-strip section{min-width:0}.attention-strip h2{font-size:14px;display:flex;gap:8px;align-items:center;margin:0 0 12px}.attention-strip a{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.attention-strip b{font-size:13px;font-weight:500;flex:1}.attention-strip time{font-size:12px;color:var(--text-2)}.attention-strip .empty{padding:20px 12px;min-height:80px;background:var(--surface);border-radius:10px;border:1px dashed var(--border)}.panel-head{min-height:54px}.panel-body{padding:18px}.contact-actions{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}.contact-card .contact-actions{margin:10px 0 0}.contact-actions .btn{font-family:var(--font-body)}.access-summary{display:flex;gap:18px;padding:25px 0 30px;align-items:center}.access-summary h2{font-size:21px;margin:0 0 6px}.access-summary p{margin:0;color:var(--text-2)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 28px}.check-label{margin-block:6px}.check-label input{accent-color:var(--text)}.delivery-toolbar{display:flex;justify-content:space-between;align-items:center;margin:15px 0 24px;gap:16px}.delivery-list{border-top:1px solid var(--border)}.delivery-row{padding:24px 0;border-bottom:1px solid var(--border)}.delivery-row-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.delivery-row h3{font-size:20px;font-weight:500;margin:6px 0 10px}.delivery-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px;color:var(--text-2);font-size:13px}.delivery-meta>span{display:flex;align-items:center;gap:6px}.revision-entry{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--surface);margin:8px 0;border-radius:10px}.revision-entry p{flex:1;margin:0;white-space:pre-wrap}.revision-entry>span{font-size:11px;color:var(--text-2)}.pricing-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px;margin-bottom:30px;align-items:start}.price-result{padding:30px;background:var(--primary);color:var(--primary-text);border-radius:16px}.price-result>span{font-size:13px;opacity:.8}.price-result>strong{display:block;font-size:36px;font-weight:500;margin:12px 0 28px;font-variant-numeric:tabular-nums}.price-result dl>div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid currentColor}.price-result dt{font-size:12px}.price-result dd{margin:0}.price-result p{font-size:12px;line-height:1.8;margin-top:25px}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:8vw;max-width:1300px;margin:auto;padding:70px 6vw}.auth-intro strong{font-family:var(--font-display);font-size:30px;display:flex;gap:20px;align-items:center}.auth-intro strong span{font-size:12px;font-weight:400;color:var(--text-2)}.auth-intro>img{width:42px;height:42px;object-fit:contain;margin-bottom:16px}.auth-intro h1{font-family:var(--font-display);font-size:clamp(44px,5.4vw,72px);line-height:1.08;white-space:pre-line;letter-spacing:-.035em;margin:55px 0 24px}.auth-intro p{max-width:380px;font-size:16px;line-height:1.9;color:var(--text-2)}.auth-form{display:flex;flex-direction:column;gap:18px;padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.auth-form-top{display:flex;justify-content:space-between;align-items:center}.auth-form h2{font-size:24px;margin:8px 0 0;font-weight:500}.auth-form p{color:var(--text-2);margin:0;line-height:1.8}.auth-form small{color:var(--text-3);font-size:12px;line-height:1.8}.auth-form>.btn{width:100%;height:43px}.auth-form .notice{margin:0;font-size:12px}.spatial-board{border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;background:var(--surface);margin-bottom:24px}.canvas-top{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}.canvas-top>span{font-size:13px}.canvas-top .actions{gap:6px}.canvas-top .btn{height:29px;padding:0 9px}.canvas-surface{height:580px;position:relative;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);background-size:22px 22px;touch-action:none}.canvas-world{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;pointer-events:none;direction:ltr}.canvas-item{position:absolute;border:1px solid var(--border-strong);border-radius:6px;padding:18px;pointer-events:auto;-webkit-user-select:none;user-select:none;color:#272719;cursor:grab;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-item.selected{outline:2px solid #2d5bd1;outline-offset:2px}.canvas-image{padding:0;background:var(--surface)}.canvas-image img{display:block;width:100%;height:100%;max-height:500px;object-fit:contain;pointer-events:none}.canvas-link{background:var(--surface);color:var(--text)}.canvas-link a{color:var(--text);text-decoration:underline}.canvas-group{background:transparent;color:var(--text-2);border:1px dashed var(--text-3);z-index:0}.canvas-note,.canvas-color,.canvas-image,.canvas-link{z-index:1}.canvas-item-actions{position:absolute;top:6px;left:0;display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface);white-space:nowrap;cursor:default}.canvas-item-actions .icon-btn{height:26px;min-width:26px}.canvas-tools{display:flex;justify-content:center;padding:10px;gap:3px;border-top:1px solid var(--border);flex-wrap:wrap}.canvas-tools button{display:flex;align-items:center;gap:7px;padding:8px 12px;background:transparent;border:0;border-radius:8px;font-size:12px}.canvas-tools button.on{background:var(--primary);color:var(--primary-text)}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-2);text-align:center;pointer-events:none;padding:30px}.canvas-empty h3{font-size:22px;font-weight:500;max-width:350px}.canvas-empty p{font-size:13px;max-width:340px}.tool-hand{cursor:grab}.tool-note,.tool-group,.tool-color{cursor:crosshair}.btn:disabled{opacity:.45;cursor:not-allowed}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}.input,textarea{max-width:100%}.table-wrap{overflow-x:auto}.toolbar{flex-wrap:wrap}.toolbar>.input{width:auto;min-width:120px;flex:1}.form-grid>*{min-width:0}@media(max-width:1100px){:root{--sidebar-w:205px}.page{padding:24px}.pulse-strip>a{padding-inline:14px}.auth-screen{gap:4vw;padding-inline:4vw}.price-result{padding:24px}.canvas-top>span{display:none}}@media(max-width:810px){.page{padding:22px 16px}.pulse-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.pulse-strip>a:nth-child(2){border:0}.pulse-strip>a:nth-child(3){padding-inline-start:0}.attention-strip,.pricing-layout,.permission-grid{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr;padding:32px 22px;gap:24px}.auth-intro h1{font-size:38px;margin:20px 0 12px}.auth-intro p{display:none}.auth-intro strong{font-size:24px}.auth-intro>img{display:none}.auth-form{padding:24px}.canvas-surface{height:460px}.canvas-tools button{padding:9px}.canvas-tools button span{display:none}.canvas-top{padding:10px}.revision-entry{flex-wrap:wrap}.revision-entry p{min-width:60%}.page-head-row,.access-summary{align-items:start}.page-title{font-size:28px}.contact-actions{gap:6px}.contact-actions .btn{padding:0 10px}.price-result>strong{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.canvas-item.selected{padding-top:52px}.canvas-item.selected img{margin-top:0}