/* CODE ONE EGYPT — NEXUS ERP v5
   Style architecture: accessible neutral surfaces, restrained neon accents,
   Alexandria Arabic, Inter numerals, responsive workspace, light/dark. */
:root,[data-theme=dark]{
 color-scheme:dark;
 font-family:'Alexandria','Cairo',Tahoma,Arial,sans-serif;
 --nx-bg:#08121d;--nx-bg-2:#0b1724;--nx-side:#0c1926;--nx-surface:#111f2e;
 --nx-surface-2:#17283a;--nx-surface-hover:#203346;--nx-soft:#1b3043;
 --nx-line:rgba(163,192,214,.13);--nx-line-strong:rgba(169,199,222,.22);
 --nx-text:#f0f6fb;--nx-sub:#9babbd;--nx-dim:#72869a;
 --nx-accent:#54ddcc;--nx-blue:#8495ff;--nx-btntext:#052225;
 --nx-alert:#ff829a;--nx-outline:rgba(84,221,204,.38);
 --nx-shadow:0 20px 70px rgba(0,0,0,.22);
 --bg:var(--nx-bg);--panel:var(--nx-surface);--panel2:var(--nx-surface-2);
 --border:var(--nx-line);--text:var(--nx-text);--sub:var(--nx-sub);
 --accent:var(--nx-accent);--cyan:var(--nx-accent);--purple:var(--nx-blue);
 --green:#52d7aa;--red:var(--nx-alert);--yellow:#f0bf6b;--sh:var(--nx-shadow);
 font-size:13px;
}
[data-theme=light]{
 color-scheme:light;
 --nx-bg:#edf4fa;--nx-bg-2:#f3f8fc;--nx-side:#f5f9fc;--nx-surface:#f8fbfd;
 --nx-surface-2:#eaf3f8;--nx-surface-hover:#e2f2f1;--nx-soft:#e5f0f5;
 --nx-line:rgba(37,76,105,.16);--nx-line-strong:rgba(40,82,112,.26);
 --nx-text:#142b3d;--nx-sub:#60768a;--nx-dim:#75899b;
 --nx-accent:#007f76;--nx-blue:#4d55c9;--nx-btntext:#fff;
 --nx-alert:#c93b54;--nx-outline:rgba(0,133,121,.22);
 --nx-shadow:0 14px 48px rgba(27,60,83,.08);
 --green:#068c65;--red:#c93b54;--yellow:#ae771e;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--nx-bg)!important;color:var(--nx-text)!important;font-family:'Alexandria','Cairo',Tahoma,Arial,sans-serif!important;line-height:1.75}
body::before{background:radial-gradient(ellipse at 75% -18%,rgba(52,168,173,.09),transparent 48%),radial-gradient(ellipse at 0 15%,rgba(79,96,206,.06),transparent 40%);opacity:1}
[data-theme=light] body::before{background:radial-gradient(ellipse at 90% 0%,rgba(49,173,173,.085),transparent 45%)}
h1,h2,h3,h4,p,span,button,a,input,textarea,select{font-family:inherit}
button{touch-action:manipulation}
:focus-visible{outline:2px solid var(--nx-accent)!important;outline-offset:3px}
::selection{background:rgba(71,218,201,.3)}
.skip-link{position:fixed;top:-120px;right:20px;z-index:500;padding:10px 20px;background:var(--nx-accent);color:var(--nx-btntext);border-radius:12px}.skip-link:focus{top:12px}

/* Login / secure access */
.auth-shell{isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100svh;background:var(--nx-bg)}
.auth-story{position:relative;display:flex;min-height:100svh;overflow:hidden;background:linear-gradient(135deg,#081b29,#06131e 75%);border-left:1px solid rgba(164,210,221,.14);color:#eef9ff}
.auth-story::before{position:absolute;content:"";width:850px;height:850px;top:-390px;left:-260px;background:radial-gradient(circle,rgba(47,153,151,.18),transparent 65%);pointer-events:none}
.auth-story::after{position:absolute;content:"";width:700px;height:700px;bottom:-490px;right:-320px;background:radial-gradient(circle,rgba(95,96,255,.17),transparent 60%);pointer-events:none}
.auth-story-inner{position:relative;z-index:1;width:min(760px,100%);padding:38px clamp(28px,5.2vw,82px) 36px;margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;gap:34px}
.auth-brand{display:flex;align-items:center;gap:11px;direction:ltr;justify-content:flex-end}
.auth-brand img{width:43px;height:43px;border:1px solid rgba(106,221,222,.14);border-radius:13px}
.auth-brand strong{font:800 20px/1.1 Inter,Arial,sans-serif;letter-spacing:1.2px;display:block}
.auth-brand small{font:600 9px/1.5 Inter,Arial,sans-serif;letter-spacing:2.6px;color:#9bc0cb;display:block;margin-top:5px}
.auth-brand-region{margin-left:auto;font:700 10px Inter,Arial,sans-serif;border:1px solid rgba(148,190,202,.21);color:#abc3ca;padding:7px 10px;border-radius:7px;letter-spacing:1.1px}
.auth-story-main{margin:auto 0;max-width:625px}
.auth-pill{display:inline-flex;align-items:center;gap:9px;direction:ltr;font:700 10px Inter,sans-serif;color:#99d3d0;background:rgba(66,199,185,.08);border:1px solid rgba(76,208,197,.22);border-radius:40px;padding:9px 13px;letter-spacing:1.25px}
.auth-pulse,.auth-secure-dot,.side-chip-dot,.live-orb{height:7px;width:7px;border-radius:50%;background:#5be4c6;box-shadow:0 0 0 4px rgba(65,226,182,.12);display:inline-block;flex-shrink:0}
.auth-story h1{font-size:clamp(35px,3.9vw,59px);line-height:1.42;letter-spacing:-2px;margin:21px 0 14px;font-weight:700}
.auth-story h1 span{background:linear-gradient(90deg,#a4b3ff,#51dbc7 80%);background-clip:text;color:transparent}
.auth-story-main>p{font-size:clamp(11px,1.03vw,14px);color:#a6b8c9;line-height:2.1;max-width:550px}
.auth-dashboard{position:relative;margin-top:26px;border:1px solid rgba(158,196,214,.23);padding:17px 20px 13px;border-radius:21px;background:linear-gradient(145deg,rgba(28,54,66,.85),rgba(13,28,41,.98));box-shadow:0 35px 115px #0005,inset 0 1px rgba(255,255,255,.045);transform:perspective(1100px) rotateX(2.4deg) rotateY(-2deg)}
.auth-dash-heading,.auth-dash-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#96afc2}
.auth-dash-heading span{font:600 9px Inter,sans-serif;letter-spacing:1.9px;color:#a3b5c4}
.auth-dash-heading>div{display:flex;gap:5px}
.auth-window-dot{width:7px;height:7px;border-radius:50%;background:#ef8b90;display:block}.auth-window-dot:nth-child(2){background:#e3bf72}.auth-window-dot:nth-child(3){background:#61c99d}
.auth-mini-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0 18px}
.auth-mini-cards>div{position:relative;overflow:hidden;min-width:0;background:rgba(28,55,68,.76);border:1px solid rgba(145,192,203,.13);border-radius:11px;padding:13px 12px 10px}
.auth-mini-cards span{font-size:10px;color:#91afbb;display:block;margin-bottom:6px}
.auth-mini-cards strong{display:block;font:800 clamp(10px,1.2vw,15px) Inter,sans-serif;color:#f5fbff;letter-spacing:.5px}
.auth-mini-growth{position:absolute;left:12px;top:9px;font-style:normal;color:#70e0c9}
.auth-viz-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;color:#d9ebf4}
.auth-viz-head small{font:500 8px Inter,sans-serif;letter-spacing:1.25px}
.auth-chart{height:clamp(125px,15vw,178px);width:100%;display:block;margin-top:11px;transform:scaleX(-1)}
.auth-dash-footer{justify-content:start;gap:16px;border-top:1px solid rgba(176,205,225,.1);padding-top:12px;font-size:9px;flex-wrap:wrap}
.auth-dash-footer span{white-space:nowrap}.auth-dash-footer .auth-live-indicator{margin-right:auto;color:#64d9c0;font:650 8px Inter,sans-serif;letter-spacing:.5px}
.auth-legend{height:7px;width:7px;display:inline-block;border-radius:50%;margin-left:3px}.auth-legend.teal{background:#45e6d3}.auth-legend.violet{background:#8088ff}
.auth-story-foot{display:flex;gap:9px 22px;flex-wrap:wrap;color:#809aaa;font-size:10px}
.auth-entry{display:flex;position:relative;flex-direction:column;justify-content:space-between;gap:35px;padding:36px clamp(28px,4.3vw,76px) 25px;min-height:100svh;background:var(--nx-bg-2)}
.auth-actions,.auth-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-secure{direction:ltr;display:inline-flex;gap:10px;align-items:center;color:var(--nx-sub);font:700 10px Inter,sans-serif;letter-spacing:1.25px}
.auth-actions .theme-switch{margin-right:auto}
.theme-switch{background:var(--nx-surface);border:1px solid var(--nx-line-strong);width:43px;height:43px;border-radius:13px;color:var(--nx-text);font:700 22px Inter,sans-serif;display:grid;place-items:center;transition:transform .16s,border-color .16s}
.theme-switch:hover,.round-btn:hover{border-color:var(--nx-accent)!important;transform:translateY(-1px)}
.auth-form-holder{width:100%;display:grid;place-items:center;flex:1}
.auth-login{display:flex;flex-direction:column;gap:0;width:min(437px,100%);padding:0;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.auth-mobile-brand{display:none;align-items:center;gap:10px;font:800 15px Inter,sans-serif;letter-spacing:1px;direction:ltr;justify-content:flex-end;margin:0 0 25px}
.auth-welcome-icon{height:50px;width:50px;border:1px solid rgba(86,210,198,.35);background:linear-gradient(135deg,rgba(84,221,204,.17),rgba(97,119,234,.11));border-radius:15px;display:grid;place-items:center;color:var(--nx-accent);font:800 26px Inter,sans-serif;margin-bottom:24px;box-shadow:0 14px 30px rgba(37,149,141,.09)}
.auth-login .eyebrow{font:800 10px Inter,sans-serif;letter-spacing:2.15px;color:var(--nx-accent);margin-bottom:8px}
.auth-login h2{font-size:clamp(27px,2.8vw,37px);letter-spacing:-.9px;line-height:1.6;font-weight:750;margin:0 0 5px;color:var(--nx-text)}
.auth-welcome-punct{color:var(--nx-accent)}
.auth-login>p{font-size:12px;color:var(--nx-sub);line-height:2.1;margin:0 0 31px}
.auth-label-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
.auth-label-line label{font-size:11px;font-weight:700;color:var(--nx-text);margin:0}
.auth-small-link{border:0;background:transparent;padding:0;font-size:10px;font-weight:700;color:var(--nx-accent)}.auth-small-link:hover{text-decoration:underline}
.auth-field{display:flex;align-items:center;gap:4px;position:relative;border:1px solid var(--nx-line-strong);border-radius:13px;background:var(--nx-surface);height:55px;margin-bottom:20px;transition:border-color .2s,box-shadow .2s}
.auth-field:focus-within{border-color:var(--nx-accent);box-shadow:0 0 0 3px var(--nx-outline)}
.auth-field input{width:100%;min-width:0;height:100%;border:0!important;outline:none!important;box-shadow:none!important;padding:0 11px;background:transparent!important;color:var(--nx-text)!important;border-radius:13px;font:500 13px Inter,'Alexandria',sans-serif;text-align:left;letter-spacing:.1px}
.auth-field input::placeholder{color:var(--nx-dim);opacity:.8}
.auth-field .field-leading{min-width:35px;display:grid;place-items:center;color:var(--nx-dim);font:800 17px Inter,sans-serif;order:1}
.auth-field input{order:2}
.auth-reveal{order:3;background:transparent;color:var(--nx-sub);border:0;width:38px;height:40px;display:grid;place-items:center;margin-left:5px}.auth-reveal svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.65}.auth-reveal.active{color:var(--nx-accent)}
.auth-remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--nx-sub);font-size:10px;margin:0 0 20px}
.auth-remember input{accent-color:var(--nx-accent);height:15px;width:15px;margin:0}
.auth-caps{color:var(--yellow);font-size:10px;margin:-12px 0 15px}
.auth-submit{width:100%;min-height:54px!important;border-radius:13px!important;justify-content:space-between;padding:12px 20px!important;font-size:12px!important;background:linear-gradient(115deg,#5de9d5,#7ce5da)!important;color:#083136!important;border:0!important;box-shadow:0 14px 35px rgba(39,192,172,.14)!important;font-weight:800!important}
.auth-submit:hover{background:linear-gradient(115deg,#8ff3e7,#8bdcf1)!important;transform:translateY(-2px)}
.auth-submit:disabled{opacity:.7;filter:grayscale(.35);cursor:wait}
.auth-error{font-size:11px;line-height:1.9;min-height:21px;margin-top:10px!important;color:var(--nx-alert)}
.auth-form-divider{display:flex;align-items:center;gap:11px;color:var(--nx-dim);font-size:10px;margin-top:18px}.auth-form-divider::before,.auth-form-divider::after{content:"";height:1px;background:var(--nx-line);flex:1}
.auth-safe-row{display:flex;align-items:center;gap:9px;padding:16px 0 0}.auth-shield{color:var(--nx-accent);font-size:18px}.auth-safe-row p{color:var(--nx-sub);font-size:10px;margin:0}
.auth-entry-footer{color:var(--nx-dim);font:600 9px Inter,'Alexandria',sans-serif;letter-spacing:.25px}
.auth-otp-hint{font-size:10px;color:var(--nx-sub);line-height:2;margin-top:16px}
.auth-help-panel{background:var(--nx-soft);padding:13px 14px;border:1px solid var(--nx-line-strong);border-radius:12px;font-size:10px;color:var(--nx-sub);line-height:2;margin-top:8px}

/* Navigation + shell */
.app-shell{background:var(--nx-bg)!important;min-height:100vh;align-items:stretch}
.side{position:sticky;top:0;height:100dvh;min-height:0;width:262px;min-width:262px;display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--nx-side)!important;border-left:1px solid var(--nx-line)!important;box-shadow:none;z-index:30}
.side-brand{min-height:91px;display:flex;align-items:center;gap:11px;padding:20px 19px 16px;direction:ltr;justify-content:flex-end;border-bottom:1px solid var(--nx-line)}
.side-brand img{flex-shrink:0;box-shadow:0 9px 24px rgba(31,150,143,.12);border-radius:13px}
.side-brand-text{min-width:0}.side-brand-text strong{color:var(--nx-text);font:800 16px Inter,sans-serif;letter-spacing:1px;display:block}.side-brand-text span{font:650 8px Inter,sans-serif;letter-spacing:1.5px;color:var(--nx-sub)}
.brand-v{font:800 8px Inter,sans-serif;border:1px solid var(--nx-line-strong);border-radius:6px;padding:4px 6px;color:var(--nx-accent);margin-left:auto}
.side-scroll{flex:1;min-height:0;overflow:auto;padding:17px 12px 15px;scrollbar-width:thin;scrollbar-color:var(--nx-line-strong) transparent}
.side-workspace-chip{border:1px solid var(--nx-line);border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;color:var(--nx-text);background:var(--nx-surface);font-size:10px;font-weight:700;margin:0 1px 15px}
.side-chip-dot{height:6px;width:6px}.side-chip-chevron{margin-right:auto;color:var(--nx-dim)}
.nav-section-title{margin:19px 10px 7px;color:var(--nx-dim);font-size:9px;font-weight:800;letter-spacing:.12px}
.nav-link{border:1px solid transparent!important;border-radius:10px!important;color:var(--nx-sub)!important;min-height:41px!important;font-size:10.5px!important;font-weight:600!important;padding:9px 12px!important;gap:12px!important;margin:3px 0!important}
.nav-link .nav-icon{width:20px;min-width:20px;color:var(--nx-dim);height:20px;display:grid;place-items:center}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-link:hover{background:var(--nx-surface-hover)!important;color:var(--nx-text)!important}.nav-link.active{background:linear-gradient(95deg,rgba(75,221,201,.12),rgba(73,126,158,.06))!important;color:var(--nx-text)!important;border-color:rgba(90,204,187,.16)!important;box-shadow:inset -2px 0 var(--nx-accent)!important;font-weight:800!important}.nav-link.active .nav-icon{color:var(--nx-accent)}
.nav-count{margin-right:auto;background:rgba(245,188,105,.16);color:#e3b77b;border-radius:8px;padding:2px 6px;font:750 10px Inter,sans-serif}
.side-bottom{margin-top:0;border-top:1px solid var(--nx-line);padding:12px 12px 15px;background:var(--nx-side)}
.side-bottom-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.side-minilink{background:var(--nx-surface);border:1px solid var(--nx-line)!important;border-radius:9px;min-height:34px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;color:var(--nx-sub);font-size:9px;white-space:nowrap}.side-minilink:hover{color:var(--nx-text);background:var(--nx-soft)}
.side-user{padding:8px 4px!important;cursor:default!important}.side-user-text{flex:1;min-width:0;overflow:hidden}.side-user-text b{font-size:10px;color:var(--nx-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-user-text small{font-size:9px;color:var(--nx-dim)}
.side-logout{color:var(--nx-sub);background:transparent;border:1px solid var(--nx-line)!important;border-radius:9px;height:33px;min-width:32px;font-size:17px}.side-logout:hover{color:#ff8898;border-color:#ff889855!important}
.avatar{background:linear-gradient(135deg,#0b8f8e,#6277dd)!important;border:1px solid rgba(197,230,242,.15);box-shadow:0 5px 20px rgba(0,150,145,.12)}
.workspace{max-width:1800px;padding:0 clamp(16px,2.5vw,40px) 32px!important;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
.workspace #content{flex:1}.workspace-footer{display:flex;justify-content:space-between;align-items:center;color:var(--nx-dim);font-size:9px;border-top:1px solid var(--nx-line);padding-top:20px;margin-top:30px;gap:10px}
.topbar{position:sticky;top:0;z-index:19;background:color-mix(in srgb,var(--nx-bg) 91%,transparent);backdrop-filter:blur(15px);min-height:88px!important;border-bottom:1px solid var(--nx-line)!important}
.top-title{color:var(--nx-text)!important;font-size:20px!important;font-weight:700!important}.breadcrumb{color:var(--nx-dim)!important;font:600 9px 'Alexandria',sans-serif;letter-spacing:.3px;margin-bottom:4px}.breadcrumb span{padding:0 6px;color:var(--nx-accent)}
.top-actions{gap:10px!important}.live-chip{border:1px solid var(--nx-line)!important;border-radius:999px!important;background:var(--nx-surface)!important;color:var(--nx-sub)!important;padding:7px 11px!important;font:750 9px Inter,sans-serif;letter-spacing:1.3px;display:flex;gap:9px;align-items:center}.live-orb{height:6px;width:6px}
.round-btn{color:var(--nx-sub)!important;border:1px solid var(--nx-line-strong)!important;background:var(--nx-surface)!important;border-radius:11px!important;width:39px!important;height:39px!important;font-size:17px!important;box-shadow:none!important}
.searchbox input{background:var(--nx-surface)!important;border:1px solid var(--nx-line-strong)!important;border-radius:11px!important;color:var(--nx-text)!important;min-height:39px;padding-top:8px;padding-bottom:8px;font-size:10px;width:235px}.searchbox input::placeholder{color:var(--nx-dim)}
.top-person{border-color:var(--nx-line)!important;font-size:10px;color:var(--nx-text)}
.page-head{background:linear-gradient(115deg,var(--nx-surface) 15%,color-mix(in srgb,var(--nx-surface) 88%,#258f97))!important;border:1px solid var(--nx-line)!important;border-radius:19px!important;box-shadow:none!important;margin:25px 0 17px!important;padding:23px 27px!important;min-height:105px!important}.page-head::after{opacity:.18!important}
.page-head h1{font-size:20px!important;line-height:1.6;color:var(--nx-text)!important}.page-head p{color:var(--nx-sub)!important;font-size:10px!important}
.quantum-note{background:linear-gradient(110deg,rgba(75,188,186,.085),rgba(83,96,172,.07))!important;border:1px solid var(--nx-line)!important;border-radius:15px!important}.quantum-note strong{color:var(--nx-text)!important;font-family:'Alexandria',sans-serif!important;font-size:13px!important}.quantum-note small{color:var(--nx-sub)!important;font-size:10px!important}.quantum-spark{background:rgba(49,185,174,.13)!important;border:1px solid rgba(49,185,174,.22)!important;color:var(--nx-accent)!important}.quantum-badge{color:var(--nx-accent)!important}
.stat,.panel,.project-card,.setting-box,.kanban-col{border:1px solid var(--nx-line)!important;background:var(--nx-surface)!important;border-radius:16px!important;box-shadow:var(--nx-shadow)!important}
.stat{min-height:134px!important;padding:20px!important}.stat:before{width:50px!important;background:var(--nx-accent)!important}.stat:after{opacity:.04!important}
.stat .meta{color:var(--nx-sub)!important;font-size:10px!important}.stat .meta i{color:var(--nx-accent)!important;background:var(--nx-soft)!important;border:1px solid var(--nx-line)!important;font-size:19px!important}.stat strong{color:var(--nx-text)!important;font-family:Inter,'Alexandria',sans-serif!important;font-size:24px!important;font-weight:750!important;letter-spacing:-.5px}.stat small{color:var(--nx-dim)!important}
.panel{padding:20px!important}.panel h3{color:var(--nx-text)!important;font-size:12px!important;font-weight:700!important}.panel-sub,.panel small{color:var(--nx-sub)}
.btn{font-size:10px!important;border:1px solid var(--nx-line-strong)!important;border-radius:10px!important;background:var(--nx-surface-2)!important;color:var(--nx-text)!important;box-shadow:none!important;min-height:37px!important;font-weight:700!important}.btn:hover{border-color:var(--nx-accent)!important;transform:translateY(-1px)}
.btn.primary{background:linear-gradient(120deg,#53dbc9,#69ead8)!important;color:#043138!important;border-color:transparent!important;box-shadow:0 5px 17px rgba(37,180,164,.11)!important}
.btn.danger{background:#612739!important;color:#ffc7d1!important;border-color:rgba(229,96,121,.3)!important}.btn.green{background:rgba(68,184,134,.15)!important;color:var(--green)!important}
.inline-link{color:var(--nx-accent)!important;font-weight:700}
.table-scroll{border:1px solid var(--nx-line)!important;border-radius:12px!important;overflow:auto}
table{font-family:'Alexandria',sans-serif;font-size:10px!important;color:var(--nx-text)!important}thead{background:var(--nx-surface-2)!important;color:var(--nx-sub)!important}th{color:var(--nx-sub)!important;border-color:var(--nx-line)!important;font-size:10px!important;padding:13px!important}td{color:var(--nx-text)!important;border-color:var(--nx-line)!important;padding:13px!important}tbody tr:hover{background:var(--nx-soft)!important}
.pill{background:var(--nx-soft)!important;color:var(--nx-blue)!important;border:1px solid var(--nx-line)!important}.pill.green{background:rgba(53,182,132,.11)!important;color:var(--green)!important}.pill.yellow{background:rgba(210,153,65,.13)!important;color:var(--yellow)!important}.pill.red{background:rgba(219,90,116,.12)!important;color:var(--red)!important}
input,select,textarea{accent-color:var(--nx-accent)}
.toolbar select,.toolbar input,.field input,.field textarea,.field select,.filters input,.filters select,.v3-upload input,.v3-upload select,.v3-policy select,.task-card footer select{color:var(--nx-text)!important;background:var(--nx-surface-2)!important;border:1px solid var(--nx-line-strong)!important;border-radius:10px!important;box-shadow:none;font-size:11px}
.toolbar select option,.field select option{background:var(--nx-surface)!important;color:var(--nx-text)!important}
.field label{color:var(--nx-sub)!important;font-size:10px!important}
.modal-bg{background:rgba(4,13,24,.72)!important}.modal{background:var(--nx-surface)!important;border:1px solid var(--nx-line-strong)!important;border-radius:18px!important}.modal header,.modal footer{border-color:var(--nx-line)!important}.modal header h2{color:var(--nx-text)!important}.modal header{background:var(--nx-surface-2)!important}
.tabs{border-color:var(--nx-line)!important}.tab{color:var(--nx-sub)!important;font-size:11px!important}.tab.active{color:var(--nx-accent)!important;border-color:var(--nx-accent)!important}
.chat-form,.prompt,.msg .bubble,.notice,.task-card,.mini-stats .pair{border-color:var(--nx-line)!important;background:var(--nx-surface-2)!important;color:var(--nx-text)!important}.chat-form textarea{color:var(--nx-text)!important}
.msg.user .bubble{background:color-mix(in srgb,var(--nx-accent) 16%,var(--nx-surface))!important}.notice.warning{color:var(--yellow)!important;background:rgba(219,159,60,.10)!important}.notice.success{color:var(--green)!important;background:rgba(59,163,125,.10)!important}
.kanban-col{box-shadow:none!important}.task-card{box-shadow:none!important}.task-card h4{color:var(--nx-text)!important}.task-card p{color:var(--nx-sub)!important}
.setting-box{box-shadow:none!important}.setting-box h3{color:var(--nx-text)!important}
.notifications-pop{background:var(--nx-surface)!important;border-color:var(--nx-line-strong)!important;color:var(--nx-text)!important}.notif-item{border-color:var(--nx-line)!important}
.palette-backdrop{background:rgba(4,13,26,.65)!important}.palette{background:var(--nx-surface)!important;border-color:var(--nx-line-strong)!important}.palette-head,.palette-footer{border-color:var(--nx-line)!important}.palette-link{color:var(--nx-text)!important}.palette-link:hover{background:var(--nx-soft)!important}
.empty{color:var(--nx-sub)!important}.empty h3{color:var(--nx-text)!important}
.project-photo{background:linear-gradient(135deg,rgba(51,191,177,.17),rgba(92,96,221,.13)),var(--nx-surface-2)!important}
.gantt-track{border-color:var(--nx-line)!important;background:var(--nx-soft)!important}.gantt-row{border-color:var(--nx-line)!important}.gantt-name b{color:var(--nx-text)!important}.v3-pdf-text{background:var(--nx-surface-2)!important;color:var(--nx-text)!important;border-color:var(--nx-line)!important}
.progress{background:var(--nx-soft)!important}.ring:after{background:var(--nx-surface)!important}
[data-theme=light] .auth-story{color:#eef9ff}
[data-theme=light] .auth-login{color:var(--nx-text)}
[data-theme=light] .stat strong,[data-theme=light] .panel h3,[data-theme=light] .page-head h1{color:var(--nx-text)!important}
[data-theme=light] .notice,[data-theme=light] .footnote,[data-theme=light] .mini-stats .pair{color:var(--nx-sub)!important}
[data-theme=light] .pill{color:#4543b7!important}
[data-theme=light] .pill.green{color:#027751!important}
[data-theme=light] .pill.yellow{color:#9a660d!important}
[data-theme=light] .pill.red{color:#ae3446!important}
[data-theme=light] .msg.user .bubble{color:var(--nx-text)!important}
.chat-grid{grid-template-columns:minmax(0,1fr) minmax(300px,340px)!important}
.ai-service-list{width:100%;min-height:330px;border:1px solid var(--nx-line-strong)!important;border-radius:13px;background:var(--nx-surface-2)!important;color:var(--nx-text)!important;padding:7px;font:600 11px/1.8 inherit;outline:none}.ai-service-list:focus{border-color:var(--nx-accent)!important;box-shadow:0 0 0 3px var(--nx-outline)}.ai-service-list option{padding:10px 9px;border-radius:8px;white-space:normal;background:var(--nx-surface-2);color:var(--nx-text)}.ai-service-list option:checked{background:var(--nx-soft);color:var(--nx-accent);font-weight:800}.ai-service-help{margin:10px 2px 0;color:var(--nx-dim);font-size:10px;line-height:1.8}
@media(max-width:950px){.chat-grid{grid-template-columns:1fr!important}.ai-services{min-width:0}.ai-service-list{min-height:48px;height:48px;font-size:12px}.chat-panel{min-height:520px}}
@media(max-width:600px){.workspace{padding-inline:10px!important}.chat-grid{gap:10px!important}.panel.chat-panel,.ai-services{padding:13px!important}.chat-compose-footer{align-items:stretch;flex-direction:column;gap:8px}.chat-compose-footer .btn{width:100%}.chat-compose-footer small{text-align:center}.ai-service-list{height:50px;min-height:50px;font-size:11px}.ai-service-help{font-size:10px}.chat-messages{min-height:260px}.msg .bubble{max-width:92%;font-size:12px}}
.ai-services{min-width:290px}.ai-capabilities{display:grid;gap:8px;max-height:590px;overflow:auto;padding-left:3px}.ai-capability{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:right;border:1px solid var(--nx-line)!important;background:var(--nx-surface-2)!important;color:var(--nx-text)!important;border-radius:11px;padding:11px 13px;cursor:pointer;transition:all .18s}.ai-capability:hover{border-color:var(--nx-accent)!important;transform:translateX(-2px);background:var(--nx-soft)!important}.ai-capability strong{font-size:11px}.ai-capability span{grid-column:1/-1;color:var(--nx-sub);font-size:10px;line-height:1.65}.ai-capability i{grid-column:2;grid-row:1/3;align-self:center;color:var(--nx-accent);font-style:normal}.chat-compose{display:flex;flex-direction:column;gap:8px;width:100%}.chat-compose label{font-size:11px;font-weight:700;color:var(--nx-text)}.chat-compose textarea{width:100%;min-height:94px;resize:vertical;background:transparent!important;border:0!important;color:var(--nx-text)!important;padding:4px 2px;line-height:1.9}.chat-compose textarea::placeholder{color:var(--nx-dim)}.chat-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--nx-line);padding-top:9px}.chat-compose-footer small{font-size:10px;color:var(--nx-dim)}.msg .bubble p{margin:0 0 9px}.msg .bubble h3,.msg .bubble h4{margin:4px 0 8px;color:var(--nx-text)}.msg .bubble h3{font-size:14px}.msg .bubble h4{font-size:12px}.msg .bubble strong{color:var(--nx-accent);font-weight:800}.msg .bubble code{font-family:monospace;color:var(--nx-blue);background:var(--nx-soft);border-radius:4px;padding:1px 4px}.ai-bullet,.ai-step{margin:5px 0;padding-right:14px;position:relative}.ai-bullet:before{content:'•';position:absolute;right:0;color:var(--nx-accent);font-weight:800}.ai-step{padding-right:0}
@media(max-width:1280px){.auth-story-inner{padding-inline:clamp(26px,4vw,56px)}.auth-mini-growth{display:none}.side{width:240px;min-width:240px}}
@media(max-width:950px){.auth-shell{grid-template-columns:1fr 1fr}.auth-story-inner{padding-inline:25px}.auth-story h1{font-size:34px}.auth-dashboard{padding:14px}.auth-entry{padding-inline:27px}.side{position:fixed;right:-280px;width:265px;min-width:265px;transition:right .25s;height:100dvh}.side.open{right:0}.workspace{width:100%}.app-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:28}.mobile-menu{display:grid}.topbar{min-height:74px!important}.top-person,.searchbox{display:none}.page-head{min-height:96px!important}}
@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-entry{min-height:100svh;padding:23px 22px 18px;gap:22px}.auth-mobile-brand{display:flex}.auth-form-holder{align-items:center}.auth-login{padding:0 1vw}.auth-entry-footer{flex-wrap:wrap}.auth-actions{justify-content:space-between}.auth-login h2{font-size:30px}.top-actions{gap:7px!important}.top-title{font-size:15px!important}.live-chip{display:none!important}.workspace{padding:0 13px 24px!important}.page-head{padding:18px!important;align-items:flex-start!important;flex-direction:column!important}.head-actions{width:100%}.head-actions .btn{flex:1}.stat{padding:17px!important}.panel{padding:16px!important}.workspace-footer{flex-direction:column;text-align:center;gap:4px}.side{width:min(285px,84vw)}.auth-error{font-size:10px}.cols2,.cols3,.cols4{grid-template-columns:1fr}}
@media(max-width:420px){.auth-login h2{font-size:26px}.auth-form-holder{place-items:center}.auth-entry{padding-inline:17px}.top-actions .round-btn{width:33px!important;height:35px!important}.topbar{gap:4px}.top-context{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.side,.topbar,.workspace-footer,.auth-entry-footer{display:none!important}body,.workspace,.app-shell{color:#131f2d!important;background:#fff!important}.panel,.stat,.project-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}td,th,.panel h3,.stat strong{color:#131f2d!important}}
