/* CODE ONE / QUANTUM INTERFACE v1.1 — progressive theme layer */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  color-scheme: dark;
  --bg:#070b14;
  --panel:#111a2b;
  --panel2:#162235;
  --border:#25354e;
  --text:#eef6ff;
  --sub:#91a7c5;
  --accent:#677cff;
  --cyan:#45e8d3;
  --purple:#a68aff;
  --green:#44d9b1;
  --red:#ff758d;
  --yellow:#f5bb69;
  --sh:0 20px 65px rgba(0,0,0,.36);
  font-size:13px;
  scrollbar-color:#324562 #0b1422;
}
html{scroll-behavior:smooth}body{color:var(--text);background:#070b14;line-height:1.8}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:
 radial-gradient(ellipse at 92% -11%,rgba(93,89,255,.23),transparent 40%),
 radial-gradient(ellipse at 13% 70%,rgba(8,175,202,.08),transparent 38%),
 linear-gradient(rgba(134,171,225,.019) 1px,transparent 1px),
 linear-gradient(90deg,rgba(134,171,225,.019) 1px,transparent 1px);
 background-size:auto,auto,32px 32px,32px 32px}
#app,.app-shell{position:relative;z-index:1}
.app-shell{background:transparent;gap:0}
.side{width:269px;min-width:269px;background:linear-gradient(164deg,rgba(17,27,47,.96),rgba(8,13,24,.98));border-left:1px solid rgba(108,145,204,.15);padding:23px 13px 15px;box-shadow:-8px 0 65px rgba(0,0,0,.1)}
.side::before{content:"";height:2px;background:linear-gradient(90deg,transparent,#6f78ff,#3de6d4,transparent);position:absolute;top:0;left:0;right:0;opacity:.8}
.brand{font-family:Inter,'Cairo',sans-serif;letter-spacing:1.4px;font-size:17px;padding:8px 12px 29px;color:white}
.brand small{font-size:8px;letter-spacing:2.2px;color:#829bba;font-weight:600}
.logo-mark{background:linear-gradient(140deg,#273c7b,#19223b 60%,#123f4b);border:1px solid rgba(117,153,255,.6);border-radius:14px;box-shadow:0 8px 30px rgba(73,99,255,.23),inset 0 1px rgba(255,255,255,.2);width:45px;height:45px;color:#8eeaff;position:relative}
.logo-mark::after{content:"";position:absolute;inset:-3px;border:1px solid rgba(78,238,218,.2);border-radius:17px}
.side-label{color:#657e9f;text-transform:uppercase;letter-spacing:1.4px;margin:7px 4px 4px;font-size:9px;font-weight:800}
.nav-link{min-height:44px;margin:2px 0;padding:9px 13px;gap:12px;border:1px solid transparent;border-radius:12px;color:#9dafca;font-size:12px;font-weight:600;transition:background .22s,color .22s,transform .22s,border .22s;position:relative}
.nav-link:hover{background:rgba(97,126,174,.12);border-color:rgba(92,133,210,.13);transform:translateX(-2px);color:#f1f8ff}
.nav-link.active{color:white;background:linear-gradient(100deg,rgba(96,94,255,.27),rgba(30,143,207,.11));box-shadow:inset -2px 0 #7d89ff,0 5px 22px rgba(82,91,231,.08);border-color:rgba(119,143,255,.25)}
.nav-link.active .nav-icon{color:#a9b3ff}
.nav-icon{display:grid;place-items:center;min-width:20px;width:20px;height:20px;color:#7f9abb}
.nav-icon svg,.icon-line{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.side-bottom{border-color:rgba(94,127,174,.16)}
.side-user{padding:14px 9px;background:rgba(120,158,210,.065);border:1px solid rgba(116,149,205,.12);border-radius:13px;margin-top:8px}
.avatar{background:linear-gradient(140deg,#677fff,#27cbbf);box-shadow:0 5px 18px rgba(48,145,219,.2);border:1px solid rgba(255,255,255,.17)}
.workspace{padding:0 clamp(17px,2.7vw,46px) 48px;max-width:1770px}
.topbar{position:sticky;top:0;min-height:87px;z-index:12;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(7,11,20,.78);border-bottom:1px solid rgba(120,155,206,.13)}
.top-title{font-size:19px;letter-spacing:-.45px}
.breadcrumb{font:700 10px/1.5 Inter,'Cairo',sans-serif;letter-spacing:1.3px;color:#768bab;direction:ltr;text-align:right;margin-bottom:3px}
.live-chip{display:inline-flex;align-items:center;gap:9px;color:#9ec7c0;background:rgba(64,216,176,.055);border:1px solid rgba(64,216,176,.14);border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700;white-space:nowrap}
.live-chip::before{content:"";height:6px;width:6px;border-radius:50%;background:#47dec0;box-shadow:0 0 12px #47dec0aa}
.top-person{border-right-color:rgba(128,163,216,.18);padding-right:13px}
.top-actions{gap:10px}.searchbox input{width:245px;background:rgba(21,33,53,.85);border:1px solid rgba(117,147,199,.17);border-radius:11px;transition:all .2s;min-height:43px}
.searchbox input:focus{border-color:#7e8dff;box-shadow:0 0 0 3px #6c7aff23;width:275px}
.searchbox kbd{position:absolute;left:11px;top:9px;font:500 10px/1.8 Inter,sans-serif;direction:ltr;border:1px solid #344764;color:#839bbc;border-radius:5px;padding:0 5px}
.round-btn{background:rgba(23,36,57,.85);border-color:rgba(123,160,221,.19);width:40px;height:40px;border-radius:12px;transition:.2s}
.round-btn:hover{background:#263957;border-color:#657cff;transform:translateY(-1px)}
.page-head{position:relative;margin:27px 0 21px;min-height:112px;padding:23px 26px;border:1px solid rgba(99,133,202,.20);border-radius:20px;background:linear-gradient(105deg,rgba(34,44,83,.62),rgba(15,28,45,.64) 65%,rgba(17,65,78,.27));isolation:isolate;overflow:hidden}
.page-head::before{content:"";position:absolute;inset:0 0 0 auto;width:42%;background:radial-gradient(ellipse at 60% -20%,rgba(82,125,255,.31),transparent 66%);z-index:-1;pointer-events:none}
.page-head::after{content:"";position:absolute;left:2.5%;top:-58px;width:160px;height:160px;border:1px solid rgba(100,134,228,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(105,141,239,.022),0 0 0 80px rgba(105,141,239,.016);pointer-events:none}
.page-head h1{font-size:23px;font-weight:800;color:#f8fbff;letter-spacing:-.4px}
.page-head p{font-size:12px;margin-top:7px;color:#a1b3d1}
.btn{border-radius:11px;min-height:41px;background:#1b2b45;border-color:#344b6c;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .17s,filter .17s,border-color .17s,box-shadow .17s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:focus-visible,.round-btn:focus-visible,.nav-link:focus-visible,.tab:focus-visible{outline:2px solid #72dfe5;outline-offset:3px}
.btn.primary{background:linear-gradient(115deg,#6069f9,#5b89ff 60%,#42a7d8);border-color:rgba(140,179,255,.55);box-shadow:0 8px 25px rgba(91,108,249,.23),inset 0 1px 0 #ffffff40}
.btn.ghost{border-color:rgba(127,159,213,.21);background:rgba(15,25,41,.52)}
.cols4,.cols3,.cols2{gap:16px}
.stat,.panel,.project-card,.setting-box,.kanban-col{border:1px solid rgba(109,140,190,.19);background:linear-gradient(146deg,rgba(26,40,64,.9),rgba(11,19,33,.94));border-radius:17px;box-shadow:0 10px 26px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.025);transition:border-color .22s,box-shadow .22s,transform .22s}
.stat:hover,.project-card:hover,.panel:hover{border-color:rgba(117,143,255,.35);box-shadow:0 16px 42px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.035)}
.stat{min-height:144px;padding:18px 19px;isolation:isolate}
.stat::before{content:"";position:absolute;right:0;top:0;width:60px;height:2px;background:linear-gradient(90deg,var(--highlight),transparent);opacity:.95}
.stat:after{opacity:.12;left:-55px;top:-65px}
.stat .meta{color:#9caccc;font-weight:650;font-size:11px}
.stat .meta i{background:rgba(98,122,195,.12);border:1px solid rgba(133,160,235,.12);border-radius:12px;color:var(--highlight);font-size:22px;width:40px;height:40px}
.stat strong{font-size:24px;letter-spacing:-.5px;color:#fcfdff;line-height:1.55}
.stat small{font-size:10px}
.panel{padding:21px}.panel h3{font-size:14px;color:#e6f1ff;font-weight:800}
.panel-sub{margin-top:5px}.ring:after{background:#111d30}.ring{box-shadow:0 0 28px rgba(83,123,240,.09)}
table{font-size:11.5px}thead{background:rgba(75,97,141,.13);color:#afc0db}th{letter-spacing:.06px;font-weight:800}td{border-top-color:rgba(111,142,192,.125);color:#d5e2f8}tbody tr:hover{background:rgba(99,126,190,.08)}
.table-scroll{border:1px solid rgba(102,139,190,.13);border-radius:12px}
.pill{border-radius:999px;padding:4px 11px;font-size:10px;border:1px solid rgba(138,157,232,.12)}
.pill.green{background:#123d37;color:#67e4c4}.pill.yellow{background:#433524;color:#f4d08b}.pill.red{background:#49273a;color:#ff9cb4}.pill.purple{background:#302b53;color:#c6b2ff}
.toolbar select,.toolbar input,.field input,.field textarea,.field select,.filters input,.filters select,.login-card input{background:#101d30;border-color:rgba(127,158,215,.22);border-radius:11px;transition:box-shadow .2s,border-color .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:#7689ff!important;box-shadow:0 0 0 3px rgba(109,121,255,.17)}
.project-card{overflow:hidden}.project-photo{height:146px;background:radial-gradient(ellipse at 68% 9%,rgba(69,221,223,.21),transparent 45%),linear-gradient(130deg,#1a385a,#141f35),repeating-linear-gradient(90deg,#5e88ad16 0 1px,transparent 1px 18px)}
.progress{background:#223852;height:8px}.progress>span{background:linear-gradient(90deg,#7884ff,#3ce1d5)}
.tabs{border-color:rgba(116,151,205,.16)}.tab.active{color:#b3b9ff;border-color:#7884ff}.tab:hover{color:#fff}
.task-card{background:#14233a;border-color:#334963;border-radius:12px}.kanban-col{background:linear-gradient(145deg,#122039,#0e1729)}
.chat-panel{min-height:600px}.chat-messages{scrollbar-width:thin}.msg .bubble{border:1px solid rgba(111,153,218,.17);background:#182b48;box-shadow:0 6px 20px rgba(0,0,0,.1)}.msg.user .bubble{background:linear-gradient(130deg,#414f9b,#29447c)}
.modal-bg{backdrop-filter:blur(13px);background:rgba(2,6,16,.78)}.modal{background:linear-gradient(145deg,#192943,#0d182b);border:1px solid rgba(134,163,255,.4);border-radius:19px;box-shadow:0 35px 140px #0009;overflow:auto}.modal header{background:rgba(101,121,210,.05)}
.setting-box{padding:22px}.setting-box h3{color:#ecf4ff}
.login-wrap{background:radial-gradient(ellipse at 12% 5%,#292e6a2e,transparent 44%),#090e19}
.login-side{background:radial-gradient(ellipse at 70% 42%,#323a9340,transparent 55%),linear-gradient(130deg,#111b37,#081220);border-left:1px solid rgba(98,136,198,.15)}
.login-card{border:1px solid rgba(114,142,221,.14);padding:33px;border-radius:22px;background:linear-gradient(150deg,rgba(25,37,61,.9),rgba(13,23,40,.95));box-shadow:0 35px 100px #0003}
.login-card h2{font-size:27px}.hero-card{border-color:#6c79bb66;background:linear-gradient(145deg,#213d72,#111a31);box-shadow:0 28px 95px #353da23b}
.notifications-pop{border-color:rgba(147,162,237,.3);border-radius:16px;background:#14243c;box-shadow:0 28px 75px rgba(0,0,0,.46)}
.toast{border-radius:12px;background:linear-gradient(120deg,#253c61,#202951);border-color:#5576b8}
/* Keyboard-first navigation */
.palette-backdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:start center;padding:13vh 15px 15px;background:#050916c7;backdrop-filter:blur(13px)}
.palette{width:min(570px,100%);max-height:76vh;overflow:auto;background:linear-gradient(150deg,#1d2b49,#0e1728);border:1px solid #52689d;border-radius:19px;box-shadow:0 35px 100px #000b}
.palette-head{padding:21px 24px;border-bottom:1px solid #324765;display:flex;justify-content:space-between;align-items:center;gap:8px}
.palette-head strong{font-size:17px}.palette-head small{direction:ltr;font:700 10px Inter,sans-serif;color:#8e9db7}
.palette-list{display:grid;gap:5px;padding:12px}.palette-link{display:flex;width:100%;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-radius:10px;text-align:right;background:transparent;color:#d9e5f8;cursor:pointer}
.palette-link:hover,.palette-link:focus-visible{background:#293e60;border-color:#465e85;outline:0}.palette-link .nav-icon{color:#8ea9ff}.palette-footer{padding:11px 22px;border-top:1px solid #2b405f;color:#849ab9;font-size:10px}
@keyframes fadeInUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
#content{animation:fadeInUp .26s ease-out}
@media(max-width:1200px){.side{width:241px;min-width:241px}.workspace{padding:0 20px 38px}.top-actions .live-chip{display:none}}
@media(max-width:850px){.side{right:-290px;width:270px;min-width:270px}.side.open{right:0}.workspace{padding:0 14px 32px}.topbar{min-height:73px}.top-title{font-size:15px}.page-head{padding:20px;min-height:100px}.page-head h1{font-size:19px}.page-head::after{opacity:.35}.stat{min-height:114px}.top-actions .searchbox{display:none}}
@media(max-width:600px){.page-head{align-items:flex-start;gap:13px;flex-direction:column}.head-actions{width:100%}.head-actions .btn{flex:1}.login-card{padding:24px}.panel{padding:15px}.topbar{gap:7px}.stat strong{font-size:22px}.palette-backdrop{padding-top:8vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{body::before,.palette-backdrop{display:none!important}.topbar{position:static}.page-head{border:0;background:white!important;padding:0}.stat,.panel,.project-card{box-shadow:none!important}}

/* Quantum v2 polish */
.quantum-note{display:flex;align-items:center;gap:16px;padding:14px 21px;margin:0 0 18px;border:1px solid rgba(108,132,255,.23);border-radius:16px;background:linear-gradient(110deg,rgba(35,55,111,.55),rgba(24,35,68,.38) 50%,rgba(15,110,116,.20));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.quantum-spark{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;font-size:24px;color:#88f9ec;background:linear-gradient(140deg,#34468f,#163e58);border:1px solid #5d78a955;box-shadow:0 0 22px #5f64ff24}
.quantum-note strong{display:block;letter-spacing:.2px;font:800 15px Inter,'Cairo',sans-serif}.quantum-note small{display:block;color:#92a6c1;font-size:10px}.quantum-badge{margin-right:auto;color:#8ac9c9;font:700 9px Inter,sans-serif;letter-spacing:1.5px;border:1px solid rgba(90,213,198,.3);border-radius:100px;padding:7px 11px;direction:ltr}
.gantt{display:grid;gap:7px;padding:20px 4px}.gantt-row{display:grid;grid-template-columns:minmax(125px,220px) minmax(190px,1fr);align-items:center;gap:20px;padding:11px 6px;border-bottom:1px solid rgba(100,138,191,.12)}.gantt-name{min-width:0}.gantt-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f6ff;font-size:12px}.gantt-name small{color:#89a4bd;font-size:10px}.gantt-track{height:34px;border-radius:8px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(80,119,174,.10) 0 1px,transparent 1px 10%),rgba(20,36,58,.8);border:1px solid #344a684c}.gantt-bar{height:21px;top:5px;position:absolute;border-radius:5px;background:linear-gradient(90deg,#5566a9,#5766cd);border:1px solid #8898f0;box-shadow:0 1px 14px #5c76e846;overflow:hidden;min-width:4px}.gantt-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3be2c7,#659aff);opacity:.6;border-radius:5px}
.page-head{background:linear-gradient(105deg,rgba(33,48,96,.68),rgba(13,29,49,.67) 65%,rgba(17,74,85,.24))}.stat{background:linear-gradient(153deg,rgba(33,48,79,.94),rgba(12,20,34,.96))}.stat strong{font-variant-numeric:tabular-nums}.nav-link.active{font-weight:800}
@media(max-width:800px){.quantum-badge{display:none}.gantt-row{grid-template-columns:minmax(95px,120px) minmax(130px,1fr);gap:9px}.gantt-name small{font-size:9px}.quantum-note{padding:12px}.quantum-note strong{font-size:12px}.quantum-note small{font-size:9px}}

/* Quantum v3 — crisp responsive finance workspace */
.v3-space{margin-top:18px}.v3-policy{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.v3-policy select{min-width:145px;flex:1;padding:12px 14px;background:#101f38;color:#eaf4ff;border:1px solid #324969;border-radius:12px}.v3-policy button{min-width:170px}
.v3-upload{display:grid;gap:10px;margin-top:12px}.v3-upload label{font-weight:700;font-size:12px;color:#acbeda}.v3-upload input,.v3-upload select{border:1px solid #3a5074;border-radius:11px;padding:12px;background:#101b31;color:#e8f5ff;width:100%;min-width:0}
.v3-ai-docs{display:flex;gap:10px;flex-wrap:wrap;padding:11px;margin:6px 0;border:1px solid #31496b;border-radius:11px}.v3-ai-docs small{width:100%;font-size:11px}.v3-ai-docs label{font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:100px;border:1px solid #405271;background:#14243b}.v3-ai-docs input{accent-color:#6b9bff}.v3-pdf-text{white-space:pre-wrap;overflow:auto;max-height:65vh;line-height:1.8;font-family:'Cairo',sans-serif;color:#e5eeff;background:#0a1628;padding:18px;border:1px solid #30486a;border-radius:12px;direction:auto}
.v3-icon{font-size:65px;background:linear-gradient(135deg,#64d5ff,#9e76ff);background-clip:text;color:transparent;text-align:center;line-height:1.7}
@media(max-width:600px){.v3-policy{flex-direction:column}.v3-policy select,.v3-policy button{width:100%}.v3-space{margin-top:13px}}