:root{--bg:#07111b;--bg2:#091522;--panel:#0d1c2b;--panel2:#112337;--line:#91a9c221;--line2:#91a9c238;--text:#edf5fb;--muted:#8ea4b9;--blue:#4b9cff;--green:#67d7a3;--orange:#f2ba68;--red:#ff858f;--sidebarW:268px}*{box-sizing:border-box}html,body{background:linear-gradient(180deg,var(--bg),var(--bg2));min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{grid-template-columns:var(--sidebarW) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:radial-gradient(circle at 22% 0,#4381ff24,#0000 28%),linear-gradient(#07111d 0%,#081525 48%,#07111c 100%);border-right:1px solid #82a4c71f;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;box-shadow:22px 0 60px #00000024}.brand{letter-spacing:-.02em;border-bottom:1px solid #82a4c71a;align-items:center;gap:12px;padding:21px 17px 18px;font-weight:800;display:flex}.logo{color:#e4f1ff;background:linear-gradient(#3f8bff30,#2a63ba14);border:1px solid #63a4ff3d;border-radius:12px;place-items:center;width:38px;height:38px;font-size:11px;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 24px #2363af1a}.nav{padding:14px 11px 18px;overflow:auto}.group{color:#587188;letter-spacing:.17em;margin:17px 10px 7px;font-size:9px;font-weight:800}.nav a{color:#9fb1c2;letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:8px 9px;font-weight:620;transition:all .18s;display:flex}.nav a:hover{color:#eaf3fb;background:#ffffff09}.nav a.active{color:#fff;background:linear-gradient(90deg,#3e89ff2b,#3e89ff12);border-color:#4c97ff29;box-shadow:inset 0 1px #ffffff06}.icon{background:linear-gradient(#ffffff0b,#ffffff05);border:1px solid #97b7d717;border-radius:10px;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:all .18s;display:grid;box-shadow:inset 0 1px #ffffff09,0 6px 16px #0000001a}.nav a:hover .icon{border-color:#79a9de29;transform:translateY(-1px)}.nav a.active .icon{color:#a8d2ff;background:linear-gradient(#4493ff3d,#3269bf1c);border-color:#60a5ff3b;box-shadow:inset 0 1px #ffffff12,0 8px 20px #1f5db129}.icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.user{color:#7f95aa;background:#ffffff03;border-top:1px solid #82a4c71a;margin-top:auto;padding:15px 17px;font-size:12px}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#07111bc7;border-bottom:1px solid #8caac91a;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.content{padding:27px 28px 42px}.title{letter-spacing:-.045em;margin:0 0 7px;font-size:34px;font-weight:760}.sub{color:var(--muted);margin:0;font-size:13px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.kpi,.section,.card{background:linear-gradient(#0f1f30f5,#0a1623fa);border:1px solid #8fabc81d;border-radius:17px;box-shadow:0 14px 38px #0000001a,inset 0 1px #ffffff05}.kpi{padding:16px}.kpi small{color:#71879c;letter-spacing:.08em;font-size:10px;font-weight:800}.kpi b{margin-top:5px;font-size:27px;display:block}.meta{color:#8fa5b9;margin-top:6px;font-size:11px}.good{color:var(--green)}.warn{color:var(--orange)}.bad{color:var(--red)}.section{margin-top:13px;padding:15px}.section h3{margin:0 0 12px}.row{border-bottom:1px solid #91a9c214;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:12px;display:flex}.row:last-child{border-bottom:0}.muted{color:var(--muted)}.badge{color:#8de4ba;background:#67d7a312;border:1px solid #67d7a329;border-radius:999px;padding:4px 8px;font-size:9px;display:inline-flex}.badge.warn{color:#efc27d;background:#f2ba6812;border-color:#f2ba6829}.btn{border:1px solid var(--line2);color:#e4edf6;cursor:pointer;background:#102235;border-radius:10px;padding:9px 12px}.btn.primary{color:#fff;background:linear-gradient(#338ce5,#2777c8);border-color:#76b9ff40}.control{color:#edf5fb;background:#091522;border:1px solid #91a9c233;border-radius:9px;padding:7px 8px;font-size:11px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.customerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.customer{background:linear-gradient(#0f1e2d,#0c1927);border:1px solid #8fabc81c;border-radius:15px;padding:15px;transition:all .18s;box-shadow:0 10px 28px #00000017}.customer:hover{border-color:#4b9cff6b;transform:translateY(-1px)}.customerLogo{color:#dff0ff;background:#15334d;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:9px;font-weight:800;display:grid}.customer h4{margin:0 0 9px;font-size:14px}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{color:#8da2b7;font-size:11px;font-weight:700}.field input,.field textarea,.field select{color:#eef5fb;background:#0a1724;border:1px solid #91a9c22b;border-radius:11px;width:100%;padding:11px 12px}.field textarea{resize:vertical;min-height:96px}.login{border:1px solid var(--line2);background:linear-gradient(#0f2031,#0a1724);border-radius:18px;max-width:480px;margin:12vh auto;padding:24px}.login h1{margin:12px 0 7px;font-size:28px}.login p{color:var(--muted);font-size:13px;line-height:1.55}@media (max-width:1000px){.kpis,.customerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}@media (max-width:760px){.app{display:block}.sidebar{display:none}.content{padding:16px 12px}.kpis,.customerGrid,.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}}
.linkButton{color:#9fc5eb;cursor:pointer;background:0 0;border:0;padding:7px 0 0}.linkButton:hover{color:#fff}.toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin:18px 0;display:flex}.toolbar .control{min-width:160px}.pipeline{grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.pipelineColumn{border:1px solid var(--line);background:#07101b8c;border-radius:16px;min-height:180px;padding:11px}.pipelineColumn h3{text-transform:uppercase;letter-spacing:.08em;color:#91a8bd;margin:3px 4px 11px;font-size:12px}.deal{border:1px solid var(--line);background:linear-gradient(#11243a,#0c1a29);border-radius:12px;margin-bottom:9px;padding:12px;display:block}.deal strong{font-size:13px;display:block}.dealValue{margin:8px 0 4px;font-size:18px;font-weight:750}.split{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:14px;display:grid}.statRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line2);border-radius:12px;padding:22px}.tag{color:#9dccff;background:#4b9cff1a;border-radius:999px;margin:2px;padding:3px 7px;font-size:10px;display:inline-flex}.table{border-collapse:collapse;width:100%;font-size:12px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.table th{color:#758ca1;text-transform:uppercase;letter-spacing:.07em;font-size:10px}@media (max-width:1100px){.pipeline{grid-template-columns:repeat(4,260px)}.split,.statRow{grid-template-columns:1fr}}