*{box-sizing:border-box}body,html{margin:0;padding:0;background:#070a0d;color:#f7fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid #1b2631;background:#090d11;padding:18px 12px;flex-direction:column}.brand,.sidebar{display:flex;gap:10px}.brand{align-items:center;padding:3px 8px 18px}.brandMark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#1b2631,#0b1117);display:grid;place-items:center;border:1px solid #263544;color:#7cc7ff;font-weight:800}.brandName{font-size:15px;letter-spacing:.16em;font-weight:800}.nav{display:flex;flex-direction:column;gap:4px}.navBtn{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#93a8bd;padding:10px 11px;border-radius:11px;text-align:left}.navBtn:hover{background:#0e1720;color:#dff4ff}.navBtn.active{background:#12202c;color:#63d7ff;box-shadow:inset 2px 0 #63d7ff}.navBtn svg{width:18px;height:18px}.signout{margin-top:auto}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid #1b2631;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:-webkit-sticky;position:sticky;top:0;background:rgba(7,10,13,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:8}.eyebrow{font-size:11px;letter-spacing:.16em;color:#86a9c4;text-transform:uppercase}.pageTitle{font-size:26px;margin:4px 0 0}.content{padding:24px 26px 40px}.hero{border:1px solid #22313f;border-radius:22px;padding:27px;background:radial-gradient(circle at 90% 20%,rgba(29,160,214,.16),transparent 28%),linear-gradient(180deg,#0c131a,#0a1016);margin-bottom:18px}.hero h2{font-size:28px;margin:7px 0}.muted{color:#8ba2b8}.grid{display:grid;grid-gap:14px;gap:14px}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.card{background:#0d1319;border:1px solid #202d39;border-radius:18px;padding:18px}.card h3{margin:0 0 12px;font-size:16px}.metricLabel{font-size:11px;letter-spacing:.13em;color:#8aa4bc;text-transform:uppercase}.metricValue{font-size:24px;font-weight:800;margin-top:8px}.two{grid-template-columns:1.15fr 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.spacer{flex:1 1}.btn{border:1px solid #263645;background:#101923;color:#eefaff;padding:9px 13px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;font-weight:650}.btn:hover{border-color:#36526a;background:#132130}.btn.primary{background:linear-gradient(180deg,#58d6ff,#23b3ef);color:#03131a;border-color:#62dafa}.btn.danger{border-color:#5f2e36;color:#ff9fae;background:#1c1014}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{border:1px solid #263645;padding:6px 10px;border-radius:999px;color:#92a8bc;background:#0b1117;font-size:12px}.chip.active{color:#68dbff;border-color:#245d77;background:#0b2430}.chip.green{color:#62edb4;border-color:#21644a}.chip.red{color:#ff8e9b;border-color:#6e2934}.chip.amber{color:#ffd078;border-color:#6a5325}.input,.select,.textarea{width:100%;background:#0a1016;border:1px solid #263645;color:#eff8ff;border-radius:11px;padding:10px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#4dbfeb;box-shadow:0 0 0 3px rgba(77,191,235,.11)}.textarea{min-height:110px;resize:vertical}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.field label{display:block;color:#90a6ba;font-size:12px;margin-bottom:6px}.tableWrap{border:1px solid #202d39;border-radius:18px;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7f97aa;text-align:left;font-weight:600;padding:12px 15px;background:#0c1218}.table td{padding:13px 15px;border-top:1px solid #1c2732;color:#dce9f3;vertical-align:middle}.rowHover:hover{background:#0f171f}.progress{height:6px;background:#182530;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#62d8ff;border-radius:999px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#102838;border:1px solid #24495f;color:#86e2ff;font-weight:700;font-size:12px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatarStack{display:flex}.avatarStack .avatar{margin-left:-7px}.avatarStack .avatar:first-child{margin-left:0}.drawerBackdrop,.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(720px,92vw);height:100%;overflow:auto;background:#0a0f14;border-left:1px solid #263645;padding:22px}.modalBackdrop{align-items:center;justify-content:center;padding:20px}.modal{width:min(720px,94vw);max-height:90vh;overflow:auto;background:#0c1218;border:1px solid #293847;border-radius:18px;padding:22px}.modal.sm{width:min(480px,94vw)}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tab{border:1px solid #263645;color:#8fa6ba;background:#0b1117;border-radius:999px;padding:7px 11px}.tab.active{color:#62d8ff;border-color:#2a6f8a;background:#0b2230}.list{display:flex;flex-direction:column}.listRow{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid #1d2832}.listRow:first-child{border-top:0}.listMain{flex:1 1;min-width:0}.listTitle{font-weight:700}.small{font-size:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:90;background:#0e1b24;border:1px solid #315069;color:#e9f9ff;padding:12px 15px;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.empty{padding:48px 20px;text-align:center;color:#7890a4}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sectionHead h3{margin:0}.split{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:16px;gap:16px}.invoice{background:#080b0e;border:1px solid #27313a;border-radius:18px;padding:32px;min-height:620px}.invoice h1{font-size:54px;margin:45px 0}.right{text-align:right}.moneyPlus{color:#61e4b0;font-weight:800}.moneyMinus{color:#ff7d8d;font-weight:800}.loginScreen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 15%,rgba(30,152,213,.18),transparent 30%),#070a0d;padding:20px}.loginCard{width:min(430px,92vw);background:rgba(12,18,24,.95);border:1px solid #253545;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.loginBrand{display:flex;align-items:center;gap:11px;margin-bottom:25px}.preloader{min-height:100vh;display:grid;place-items:center}.pulse{width:58px;height:58px;border-radius:18px;border:1px solid #2d6178;display:grid;place-items:center;color:#73dcff;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.96);box-shadow:0 0 0 rgba(80,200,255,0)}50%{transform:scale(1.03);box-shadow:0 0 34px rgba(80,200,255,.18)}}.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));grid-gap:12px;gap:12px;overflow:auto}.kanbanCol{background:#0a1016;border:1px solid #202d39;border-radius:16px;padding:12px;min-height:260px}.projectCard{border:1px solid #243440;border-radius:13px;background:#0d151c;padding:12px;margin-top:10px}.notice{border:1px solid #315c48;background:#0c1b16;color:#74e6b2;border-radius:13px;padding:12px}.warn{border-color:#6a5325;background:#1b170c;color:#ffd078}.dangerNotice{border-color:#6e2934;background:#1d1014;color:#ff9aa7}.chartCard{height:280px}.drag{cursor:-webkit-grab;cursor:grab}.drag:active{cursor:-webkit-grabbing;cursor:grabbing}.codebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.portal{min-height:100vh;background:#070a0d;padding:36px}.portalShell{max-width:980px;margin:auto}.portalHero{padding:34px;border:1px solid #22313f;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(44,187,240,.18),transparent 35%),#0b1117}.timeline{border-left:1px solid #2b4556;margin-left:9px;padding-left:20px}.timelineItem{position:relative;padding:0 0 20px}.timelineItem:before{content:"";position:absolute;left:-25px;top:5px;width:9px;height:9px;border-radius:50%;background:#63d8ff}.nowrap,.truncate{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis}@media(max-width:1180px){.kpis{grid-template-columns:repeat(3,1fr)}.split,.two{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:-webkit-sticky;position:sticky;z-index:20;border-right:0;border-bottom:1px solid #1b2631;padding:9px}.brand{padding:3px 4px 8px}.nav{flex-direction:row;overflow:auto}.navBtn{width:auto;white-space:nowrap}.navBtn span,.signout{display:none}.topbar{height:64px;padding:0 15px}.content{padding:16px}.kpis{grid-template-columns:repeat(2,1fr)}.formGrid{grid-template-columns:1fr}.invoice h1{font-size:42px}.portal{padding:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}