*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plex Arabic,IBM Plex Sans Arabic,Plex Sans,IBM Plex Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Plex Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.card{padding:var(--space-6)}.card,.card-surface{background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-family:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);border:1px solid transparent;text-decoration:none;white-space:nowrap;flex-shrink:0}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--fs-xs)}.btn-primary{background:var(--brand-primary);color:var(--fg-on-brand);border-color:var(--brand-primary)}.btn-primary:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover);text-decoration:none;color:var(--fg-on-brand)}.btn-primary:active{background:var(--brand-primary-active)}.btn-primary:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn-secondary{background:var(--bg-surface);color:var(--fg-2);border-color:var(--border-2)}.btn-secondary:hover{background:var(--bg-surface-2);color:var(--fg-1);text-decoration:none}.btn-secondary:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn-ghost{background:transparent;color:var(--fg-3);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--fg-1);text-decoration:none}.btn-danger{background:var(--danger-500);color:#fff;border-color:var(--danger-500)}.btn-danger:hover{background:var(--danger-600);border-color:var(--danger-600);text-decoration:none;color:#fff}.btn-danger:focus-visible{box-shadow:var(--ring-danger);outline:none}.input{display:block;width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-input);border:1px solid var(--border-3);border-radius:var(--radius-md);color:var(--fg-1);font-size:var(--fs-sm);font-family:inherit;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::-moz-placeholder{color:var(--fg-5)}.input::placeholder{color:var(--fg-5)}.input:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.input:disabled{background:var(--bg-surface-2);color:var(--fg-4);cursor:not-allowed}textarea.input{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical}.select{display:block;width:100%;height:36px;padding:0 var(--space-3);background:var(--bg-input);border:1px solid var(--border-3);border-radius:var(--radius-md);color:var(--fg-1);font-size:var(--fs-sm);font-family:inherit;outline:none;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.select:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.label{display:block;color:var(--fg-3);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.label,.pill{font-size:var(--fs-xs);font-weight:var(--fw-medium)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);line-height:1.4;white-space:nowrap}.pill-active{background:var(--status-active-bg);color:var(--status-active-fg)}.pill-pending{background:var(--status-pending-bg);color:var(--status-pending-fg)}.pill-blocked{background:var(--status-blocked-bg);color:var(--status-blocked-fg)}.pill-draft{background:var(--status-draft-bg);color:var(--status-draft-fg)}.pill-info{background:var(--status-info-bg);color:var(--status-info-fg)}.av{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--brand-primary-soft);color:var(--brand-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex-shrink:0;text-transform:uppercase}.av-md{width:32px;height:32px;font-size:var(--fs-sm)}.av-lg{width:40px;height:40px;font-size:var(--fs-base)}.kpi{background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-xs)}.kpi-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-4);margin-bottom:var(--space-2)}.kpi-value{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);font-feature-settings:"tnum";color:var(--fg-1);line-height:1.1}.kpi-delta{font-size:var(--fs-xs);font-weight:var(--fw-medium);margin-top:var(--space-1)}.kpi-delta-up{color:var(--success-600)}.kpi-delta-down{color:var(--danger-600)}.t-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.t-table th{background:var(--bg-surface-2);color:var(--fg-4);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-2);text-align:start;white-space:nowrap}.t-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);color:var(--fg-2);vertical-align:middle}.t-table td.td-name{color:var(--fg-1);font-weight:var(--fw-medium)}.t-table tbody tr:hover{background:var(--bg-hover)}.t-table tbody tr:last-child td{border-bottom:none}.sidebar{width:var(--sidebar-w);border-inline-end:1px solid var(--border-1);flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;position:fixed;inset-block-start:0;inset-inline-start:0;z-index:40}.sidebar,.topbar{background:var(--bg-surface);display:flex;flex-shrink:0}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-1);padding:0 var(--space-5);position:sticky;top:0;z-index:30}.nav-item,.topbar{align-items:center;gap:var(--space-3)}.nav-item{display:flex;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--fg-3);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border:none;background:transparent;font-family:inherit;text-decoration:none;width:100%;text-align:start}.nav-item:hover{background:var(--bg-hover);color:var(--fg-1);text-decoration:none}.nav-item.active{background:var(--bg-selected);color:var(--brand-primary);font-weight:var(--fw-medium)}.nav-item.\!active{background:var(--bg-selected)!important;color:var(--brand-primary)!important;font-weight:var(--fw-medium)!important}.nav-section{font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--fg-5);padding:var(--space-4) var(--space-3) var(--space-2)}.iconbtn{display:inline-flex;align-items:center;gap:4px;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--fg-4);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);justify-content:center;padding:0}.iconbtn:hover{background:var(--bg-surface-2);color:var(--fg-1)}.search-bar{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:0 var(--space-3);height:32px;flex:1;max-width:360px;color:var(--fg-4);font-size:var(--fs-sm)}.search-bar input{background:none;border:none;outline:none;font-size:var(--fs-sm);color:var(--fg-2);font-family:inherit;flex:1;min-width:0}.search-bar input::-moz-placeholder{color:var(--fg-5)}.search-bar input::placeholder{color:var(--fg-5)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.alert-error{background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--danger-700);font-size:var(--fs-sm)}[data-theme=dark] .alert-error{background:rgba(192,57,43,.14);border-color:rgba(192,57,43,.28);color:#f1b8b2}.modal,.page-content{overflow-y:auto}.modal{background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh}.user-block{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-1);margin-top:auto}.user-block .meta{flex:1;min-width:0}.user-block .name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--fg-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-block .\!name{font-size:var(--fs-sm)!important;font-weight:var(--fw-medium)!important;color:var(--fg-1)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.user-block .role{font-size:var(--fs-xs);color:var(--fg-4)}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-1);flex-shrink:0}.brand-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--fg-1);letter-spacing:-.01em}.brand-icon{color:var(--brand-primary)}.filter-tab.\!active{background:var(--bg-surface)!important;color:var(--fg-1)!important;box-shadow:var(--shadow-sm)!important}.filter-tab.active{background:var(--bg-surface);color:var(--fg-1);box-shadow:var(--shadow-sm)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border:2px solid var(--border-2);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .7s linear infinite}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-app)}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/fonts/IBMPlexSansArabic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Plex Sans;src:url(/fonts/IBMPlexSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Sans;src:url(/fonts/IBMPlexSans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Plex Sans;src:url(/fonts/IBMPlexSans-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Plex Sans;src:url(/fonts/IBMPlexSans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/IBMPlexMono-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--brand-olive-50:#f3f6ee;--brand-olive-100:#e4ebd5;--brand-olive-200:#c9d6ac;--brand-olive-300:#a9bd80;--brand-olive-400:#87a058;--brand-olive-500:#678240;--brand-olive-600:#4f6831;--brand-olive-700:#3d5128;--brand-olive-800:#2c3a1d;--brand-olive-900:#1d2613;--brand-clay-50:#fbf3ee;--brand-clay-100:#f3dccd;--brand-clay-200:#e6b89e;--brand-clay-300:#d8956f;--brand-clay-400:#c87a52;--brand-clay-500:#b46140;--brand-clay-600:#964c30;--brand-clay-700:#743a25;--brand-sand-50:#faf7f1;--brand-sand-100:#f3ede0;--brand-sand-200:#e6dcc6;--brand-sand-300:#d4c5a3;--neutral-0:#fff;--neutral-50:#f8f7f4;--neutral-100:#efece6;--neutral-150:#e6e2d9;--neutral-200:#d8d3c7;--neutral-300:#bdb6a6;--neutral-400:#98927f;--neutral-500:#75705f;--neutral-600:#57534a;--neutral-700:#3e3b34;--neutral-800:#292723;--neutral-950:#0e0d0b;--success-50:#ecf6ec;--success-100:#cfe8cf;--success-500:#2f8a3e;--success-600:#246a30;--success-700:#1b5024;--warning-50:#fdf4e2;--warning-100:#f7e1ab;--warning-500:#c98b15;--warning-600:#9d6b0e;--warning-700:#75500a;--danger-50:#fbeceb;--danger-100:#f4cac6;--danger-500:#c0392b;--danger-600:#962b20;--danger-700:#6f1f18;--info-50:#e9f0fa;--info-100:#c3d5ee;--info-500:#2f6bbf;--info-600:#21508f;--info-700:#163a6a;--bg-app:var(--brand-sand-50);--bg-surface:var(--neutral-0);--bg-surface-2:var(--neutral-50);--bg-surface-3:var(--neutral-100);--bg-inset:var(--brand-sand-100);--bg-overlay:rgba(23,22,19,.45);--bg-input:var(--neutral-0);--bg-hover:rgba(79,104,49,.06);--bg-active:rgba(79,104,49,.12);--bg-selected:var(--brand-olive-50);--fg-1:var(--neutral-800);--fg-2:var(--neutral-700);--fg-3:var(--neutral-600);--fg-4:var(--neutral-500);--fg-5:var(--neutral-400);--fg-on-brand:#fff;--fg-link:var(--brand-olive-700);--fg-link-hover:var(--brand-olive-600);--border-1:var(--neutral-150);--border-2:var(--neutral-200);--border-3:var(--neutral-300);--border-strong:var(--neutral-700);--border-brand:var(--brand-olive-600);--border-focus:var(--brand-olive-500);--brand-primary:var(--brand-olive-600);--brand-primary-hover:var(--brand-olive-700);--brand-primary-active:var(--brand-olive-800);--brand-primary-soft:var(--brand-olive-50);--brand-accent:var(--brand-clay-500);--brand-accent-soft:var(--brand-clay-50);--status-draft-fg:var(--neutral-700);--status-draft-bg:var(--neutral-100);--status-active-fg:var(--success-700);--status-active-bg:var(--success-50);--status-pending-fg:var(--warning-700);--status-pending-bg:var(--warning-50);--status-blocked-fg:var(--danger-700);--status-blocked-bg:var(--danger-50);--status-info-fg:var(--info-700);--status-info-bg:var(--info-50);--status-completed-fg:var(--brand-olive-700);--status-completed-bg:var(--brand-olive-50);--font-sans-ar:"Plex Arabic","IBM Plex Sans Arabic","Tahoma",system-ui,sans-serif;--font-sans-en:"Plex Sans","IBM Plex Sans",system-ui,-apple-system,sans-serif;--font-sans:var(--font-sans-ar),var(--font-sans-en);--font-mono:"Plex Mono","IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--font-display:var(--font-sans);--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:16px;--fs-xl:18px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:28px;--fs-5xl:34px;--fs-6xl:42px;--fs-display:56px;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--lh-relaxed:1.65;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-caps:0.06em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:22px;--radius-pill:999px;--radius-full:9999px;--shadow-xs:0 1px 0 0 rgba(23,22,19,.04);--shadow-sm:0 1px 2px rgba(23,22,19,.06),0 0 0 1px rgba(23,22,19,.04);--shadow-md:0 4px 12px rgba(23,22,19,.06),0 1px 2px rgba(23,22,19,.04);--shadow-lg:0 12px 32px rgba(23,22,19,.1),0 2px 4px rgba(23,22,19,.04);--shadow-xl:0 24px 48px rgba(23,22,19,.14),0 4px 8px rgba(23,22,19,.04);--ring-focus:0 0 0 3px rgba(79,104,49,.28);--ring-danger:0 0 0 3px rgba(192,57,43,.25);--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.42,0.64,1);--dur-fast:120ms;--dur-base:180ms;--dur-slow:260ms;--dur-page:360ms;--sidebar-w:248px;--topbar-h:56px;--drawer-w:460px;--content-max:1440px;--bg:var(--bg-app);--surface:var(--bg-surface);--surface2:var(--bg-surface-2);--border:var(--border-1);--text:var(--fg-1);--text-muted:var(--fg-4);--accent:var(--brand-primary);--accent-hover:var(--brand-primary-hover);--danger:var(--danger-500);--success:var(--success-500);--warning:var(--warning-500);--info:var(--info-500);--radius:var(--radius-lg);--sidebar-width:var(--sidebar-w)}[data-theme=dark]{--bg-app:#14140f;--bg-surface:#1c1c17;--bg-surface-2:#232319;--bg-surface-3:#2c2c20;--bg-inset:#18180f;--bg-overlay:rgba(0,0,0,.6);--bg-input:#1c1c17;--bg-hover:hsla(80,32%,62%,.08);--bg-active:hsla(80,32%,62%,.14);--bg-selected:hsla(80,32%,62%,.1);--fg-1:#f1ede0;--fg-2:#d8d2c0;--fg-3:#b1aa97;--fg-4:#898371;--fg-5:#5a5648;--fg-on-brand:#14140f;--fg-link:var(--brand-olive-300);--fg-link-hover:var(--brand-olive-200);--border-1:#2e2e22;--border-2:#3a392b;--border-3:#4a4836;--border-strong:#6b6852;--border-brand:var(--brand-olive-400);--border-focus:var(--brand-olive-300);--brand-primary:var(--brand-olive-400);--brand-primary-hover:var(--brand-olive-300);--brand-primary-active:var(--brand-olive-200);--brand-primary-soft:hsla(80,32%,62%,.12);--brand-accent:var(--brand-clay-400);--brand-accent-soft:rgba(200,122,82,.14);--status-draft-fg:#d8d2c0;--status-draft-bg:#2c2c20;--status-active-fg:#b5d6b8;--status-active-bg:rgba(47,138,62,.16);--status-pending-fg:#f0d495;--status-pending-bg:rgba(201,139,21,.18);--status-blocked-fg:#f1b8b2;--status-blocked-bg:rgba(192,57,43,.18);--status-info-fg:#b8cdf0;--status-info-bg:rgba(47,107,191,.18);--status-completed-fg:#c9d6ac;--status-completed-bg:hsla(80,32%,62%,.12);--shadow-xs:0 1px 0 0 rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);--shadow-lg:0 12px 32px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.4);--shadow-xl:0 24px 48px rgba(0,0,0,.7),0 4px 8px rgba(0,0,0,.4);--ring-focus:0 0 0 3px hsla(80,32%,62%,.36);--bg:var(--bg-app);--surface:var(--bg-surface);--surface2:var(--bg-surface-2);--border:var(--border-1);--text:var(--fg-1);--text-muted:var(--fg-4);--accent:var(--brand-primary);--accent-hover:var(--brand-primary-hover)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg-app);color:var(--fg-2);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=rtl]{font-family:var(--font-sans-ar),var(--font-sans-en)}[dir=ltr]{font-family:var(--font-sans-en),var(--font-sans-ar)}h1{font-size:var(--fs-5xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}h1,h2{line-height:var(--lh-tight);color:var(--fg-1)}h2{font-size:var(--fs-4xl);font-weight:var(--fw-semibold)}h3{font-size:var(--fs-3xl)}h3,h4{line-height:var(--lh-snug);font-weight:var(--fw-semibold);color:var(--fg-1)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg);line-height:var(--lh-snug);font-weight:var(--fw-semibold);color:var(--fg-1)}p{color:var(--fg-2)}a{color:var(--fg-link);text-decoration:none;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--fg-link-hover);text-decoration:underline}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}::-moz-selection{background:var(--brand-olive-200);color:var(--neutral-950)}::selection{background:var(--brand-olive-200);color:var(--neutral-950)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}.t-display{font-family:var(--font-display);font-size:var(--fs-display)}.t-display,.t-h1{line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.t-h1{font-size:var(--fs-5xl)}.t-h2{font-size:var(--fs-4xl);line-height:var(--lh-tight);font-weight:var(--fw-semibold);color:var(--fg-1)}.t-h3{font-size:var(--fs-3xl)}.t-h3,.t-h4{line-height:var(--lh-snug);font-weight:var(--fw-semibold);color:var(--fg-1)}.t-h4{font-size:var(--fs-xl)}.t-h5{font-size:var(--fs-lg);line-height:var(--lh-snug);font-weight:var(--fw-semibold);color:var(--fg-1)}.t-body{font-size:var(--fs-base);font-weight:var(--fw-regular)}.t-body,.t-body-lg{line-height:var(--lh-normal);color:var(--fg-2)}.t-body-lg{font-size:var(--fs-md)}.t-caption{line-height:var(--lh-normal);color:var(--fg-4)}.t-caption,.t-label{font-size:var(--fs-xs)}.t-label{line-height:var(--lh-snug);font-weight:var(--fw-medium);color:var(--fg-3);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.t-mono{font-family:var(--font-mono);font-size:var(--fs-sm);font-feature-settings:"tnum","ss01";color:var(--fg-2)}.t-num{font-feature-settings:"tnum"}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseDot{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:fadeIn var(--dur-slow) var(--ease-out)}.animate-fade-up{animation:fadeUp var(--dur-slow) var(--ease-out)}.animate-float{animation:float 5s ease-in-out infinite}.animate-pulse-dot{animation:pulseDot 2.5s ease-in-out infinite}.sidebar-overlay{display:none;position:fixed;inset:0;background:var(--bg-overlay);z-index:45;animation:fadeIn var(--dur-base) var(--ease-out)}.menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--fg-3);cursor:pointer;flex-shrink:0;transition:background var(--dur-fast) var(--ease-out)}.menu-btn:hover{background:var(--bg-surface-2);color:var(--fg-1)}.app-main{flex:1;margin-inline-start:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll .t-table{min-width:560px}@media (max-width:1023px){:root{--sidebar-w:220px}}@media (max-width:767px){:root{--sidebar-w:260px}.sidebar{transform:translateX(100%);transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out);box-shadow:none}[dir=ltr] .sidebar{transform:translateX(-100%)}.sidebar[data-open=true]{transform:translateX(0)!important;box-shadow:var(--shadow-xl)}.sidebar-overlay[data-open=true]{display:block}.app-main{margin-inline-start:0!important}.menu-btn{display:flex}.search-bar span{display:none}.search-bar{max-width:180px}.page-content{padding:var(--space-4)!important}.page-header{padding:var(--space-3) var(--space-4)!important}.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-cards{grid-template-columns:1fr}.modal{max-width:calc(100vw - 2rem);max-height:92vh}.modal-body{padding:var(--space-4) var(--space-4)}.modal-header{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4)}.page-header,.toolbar{flex-wrap:wrap;gap:var(--space-2)}}@media (max-width:479px){.grid-kpi{grid-template-columns:1fr}.lang-label{display:none}.topbar{padding:0 var(--space-3);gap:var(--space-2)}}@media (max-width:767px){.dash-bottom-grid{grid-template-columns:1fr!important}}:root{--chart-1:#66862f;--chart-2:#2f6bbf;--pipeline-prospect:#e9eef6;--pipeline-qualified:#e7eee0;--pipeline-negotiation:#f5ecdc;--pipeline-active:#d8e7c8;--pipeline-inactive:#ecebe5;--pipeline-lost:#f3dedb}[data-theme=dark]{--chart-1:#87a058;--chart-2:#5b8ed6;--pipeline-prospect:rgba(47,107,191,.14);--pipeline-qualified:rgba(103,130,64,.16);--pipeline-negotiation:rgba(201,139,21,.13);--pipeline-active:rgba(135,160,88,.2);--pipeline-inactive:hsla(46,11%,55%,.12);--pipeline-lost:rgba(192,57,43,.14)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-head h1{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--fg-1);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.page-head .sub{font-size:var(--fs-sm);color:var(--fg-4);margin-top:2px}.page-head .actions{display:flex;gap:var(--space-2);align-items:center}.page-content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);flex:1;min-width:0}@media (max-width:767px){.page-content{padding:var(--space-4);gap:var(--space-4)}}.nav-item .count{margin-inline-start:auto;font-family:var(--font-mono);font-size:11px;color:var(--fg-4);background:var(--bg-surface-2);padding:1px 6px;border-radius:var(--radius-pill)}.nav-item.active .count{color:var(--brand-primary);background:var(--brand-primary-soft)}.progress{height:5px;background:var(--bg-surface-3);overflow:hidden;min-width:56px}.progress,.progress>i{border-radius:var(--radius-pill)}.progress>i{display:block;height:100%;background:var(--brand-primary);transition:width var(--dur-slow) var(--ease-out)}.pill .dot{width:5px;height:5px;border-radius:99px;background:currentColor;flex:none}.kpi .unit{font-size:var(--fs-sm);color:var(--fg-4);font-weight:var(--fw-medium)}.card-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card-head h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--fg-1)}.seg{display:inline-flex;gap:2px;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-md);padding:2px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.seg button{padding:4px 12px;font-size:var(--fs-xs);font-weight:var(--fw-medium);font-family:inherit;border:none;cursor:pointer;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--fg-4);white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast)}.seg button:hover{color:var(--fg-2)}.seg button.on{background:var(--bg-surface);color:var(--fg-1);box-shadow:var(--shadow-xs)}[dir=rtl] .kpi-label,[dir=rtl] .nav-section,[dir=rtl] .t-table th{font-family:var(--font-sans);letter-spacing:0;text-transform:none}@keyframes chatFloatIn{0%{opacity:0;transform:translateY(24px) scale(.9);filter:blur(4px)}55%{opacity:1}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes chatPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes chatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}.chat-thread{flex:1;min-height:0;overflow-y:auto;padding:1.15rem 1.15rem 1.5rem;display:flex;flex-direction:column;gap:.45rem;scroll-behavior:smooth}.chat-msg{display:flex;gap:.55rem;max-width:82%;animation:chatFloatIn .52s cubic-bezier(.22,1.15,.36,1) both;will-change:transform,opacity,filter}.chat-msg.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar,.chat-msg.theirs{align-self:flex-start}.chat-avatar{width:30px;height:30px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;font-size:.7rem;font-weight:700;color:#fff;letter-spacing:0;box-shadow:var(--shadow-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-col{display:flex;flex-direction:column;min-width:0}.chat-bubble{position:relative;padding:.55rem .85rem;border-radius:var(--radius-xl);font-size:.85rem;line-height:1.6;word-break:break-word;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.chat-bubble:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.chat-msg.mine .chat-bubble{background:linear-gradient(135deg,var(--brand-olive-500) 0,var(--brand-olive-700) 100%);color:#fff;border-end-end-radius:var(--radius-xs)}.chat-msg.theirs .chat-bubble{background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border-1);border-end-start-radius:var(--radius-xs)}.chat-author{font-size:.68rem;font-weight:700;color:var(--brand-primary);margin-bottom:2px}.chat-body{white-space:pre-wrap;color:var(--fg-1)}.chat-time{font-size:.6rem;color:var(--fg-4);margin-top:3px;text-align:end;font-family:var(--font-mono)}.chat-msg.mine .chat-body{color:#fff}.chat-msg.mine .chat-time{color:hsla(0,0%,100%,.8)}.chat-msg.pending .chat-bubble{opacity:.6}.chat-msg.newest .chat-bubble{animation:chatBob 3.2s ease-in-out .6s 2}.chat-msg .chat-bubble.internal{background:var(--warning-50);border:1px dashed var(--warning-500)}.chat-bubble.internal .chat-body{color:var(--fg-1)}.chat-bubble.internal .chat-time{color:var(--fg-4)}.chat-note-tag{font-size:.6rem;font-weight:700;color:var(--warning-600);margin-inline-start:6px}.chat-reacts{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;align-items:center}.chat-msg.mine .chat-reacts{justify-content:flex-end}.chat-react{display:inline-flex;align-items:center;gap:3px;cursor:pointer;padding:1px 7px;border-radius:var(--radius-pill);font-size:.7rem;background:var(--bg-surface-2);border:1px solid var(--border-1);color:var(--fg-2);transition:transform .15s var(--ease-out),border-color .15s,background .15s;animation:chatPop .3s var(--ease-out) both}.chat-react:hover{transform:translateY(-1px) scale(1.05)}.chat-react.on{border-color:var(--brand-primary);background:var(--brand-primary-soft);color:var(--brand-primary)}.chat-addreact{opacity:0;background:none;border:none;cursor:pointer;font-size:.82rem;color:var(--fg-5);padding:0 3px;line-height:1;transition:opacity .15s,transform .15s}.chat-msg:hover .chat-addreact{opacity:.65}.chat-addreact:hover{opacity:1;transform:scale(1.15)}.chat-emoji-pop{position:absolute;z-index:20;bottom:calc(100% + 5px);display:flex;gap:1px;padding:.3rem .4rem;background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:chatPop .22s var(--ease-out) both}.chat-msg.mine .chat-emoji-pop{inset-inline-end:0}.chat-msg.theirs .chat-emoji-pop{inset-inline-start:0}.chat-emoji-pop button{background:none;border:none;cursor:pointer;font-size:1.05rem;padding:2px 3px;border-radius:var(--radius-md);line-height:1;transition:transform .13s var(--ease-out)}.chat-emoji-pop button:hover{transform:scale(1.4) translateY(-1px)}.chat-composer{padding:.7rem 1rem;border-top:1px solid var(--border-1);display:flex;gap:8px;align-items:center;background:var(--bg-surface)}.chat-composer .input{flex:1;border-radius:var(--radius-pill)}.chat-send{flex-shrink:0;width:38px;height:38px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .15s var(--ease-out),filter .15s}.chat-send:not(:disabled):hover{transform:scale(1.08) rotate(-8deg)}.chat-send:disabled{opacity:.45;cursor:not-allowed}.notes-list{display:flex;flex-direction:column;gap:10px}.note-item{display:flex;gap:.6rem;align-items:flex-start;animation:chatFloatIn .5s cubic-bezier(.22,1.15,.36,1) both}.note-card{flex:1;min-width:0;background:var(--bg-surface-2);border:1px solid var(--border-1);border-radius:var(--radius-lg);padding:.6rem .8rem;box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.note-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.note-card.pinned{background:var(--brand-primary-soft);border-color:var(--brand-olive-200)}.note-body{font-size:var(--fs-sm);color:var(--fg-1);line-height:1.6;white-space:pre-wrap;word-break:break-word}.note-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.note-author{font-size:var(--fs-xs);color:var(--fg-4)}.note-actions{margin-inline-start:auto;display:flex;gap:2px}.note-pin-flag{color:var(--brand-primary);font-size:var(--fs-xs);font-weight:700}.act-item{animation:chatFloatIn .45s var(--ease-out) both}.act-dot{position:relative}.act-item:first-child .act-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--brand-primary);opacity:.5;animation:pulseDot 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.act-item,.act-item:first-child .act-dot:after,.chat-emoji-pop,.chat-msg,.chat-msg.newest .chat-bubble,.chat-react,.note-item{animation:none}}