:root{--teal:#08ACB9;--teal-soft:#7FD6DD;--lime:#D3E062;--lime-soft:#EAF2B8;--navy:#222E4C;--navy-2:#2E3C5E;--gray:#B5B8B5;--magenta:#9E0063;--orange:#F47B20;--paper:#F4F6F8;--card:#FFFFFF;--line:#E7E9EE;--text:#222E4C;--muted:#6B7787;--radius:14px;--shadow:0 1px 3px rgba(34,46,76,.06),0 8px 24px rgba(34,46,76,.05);--font:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-weight:400;background:var(--paper);color:var(--text)}.muted{color:var(--muted);font-weight:200}.centered{min-height:100vh;display:grid;place-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{font-size:16px;font-weight:600;margin-bottom:6px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.hero{background:linear-gradient(160deg,#222e4c,#1a2540 60%,#16203a);color:#fff;padding:54px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(8,172,185,.35),transparent 70%)}.hero:before{content:"";position:absolute;left:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(211,224,98,.18),transparent 70%)}.logo{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.logo .word{font-weight:700;font-size:30px;letter-spacing:1px}.logo small{display:block;color:var(--teal-soft);font-size:8.5px;letter-spacing:1.6px;font-weight:200;margin-top:3px}.hero h2{font-size:30px;font-weight:600;line-height:1.25;position:relative;z-index:1;max-width:420px}.hero h2 b{color:var(--lime);font-weight:600}.hero p{color:#aeb6c4;font-weight:200;margin-top:14px;max-width:380px;position:relative;z-index:1}.stats{display:flex;gap:34px;position:relative;z-index:1}.stats .n{font-size:24px;font-weight:600;color:#fff}.stats .l{font-size:11px;color:#8a93a3;font-weight:200;letter-spacing:.5px}.panel{display:flex;align-items:center;justify-content:center;padding:40px}.authcard{width:100%;max-width:380px}.authcard h1{font-size:23px;font-weight:600}.authcard .sub{color:var(--muted);font-size:13.5px;font-weight:200;margin-top:6px;margin-bottom:26px}.role{display:inline-flex;align-items:center;gap:7px;background:#08acb91a;color:#0a8a95;font-size:11px;font-weight:600;letter-spacing:.4px;padding:5px 11px;border-radius:999px;margin-bottom:24px}.role i{width:6px;height:6px;border-radius:50%;background:var(--teal)}label{display:block;font-size:12.5px;font-weight:600;margin:14px 0 7px}input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-family:var(--font);font-size:14px;background:#fff;transition:.15s;color:var(--navy)}input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #08acb926}.btn{width:100%;margin-top:22px;padding:13px;border:0;border-radius:10px;background:var(--teal);color:#fff;font-family:var(--font);font-size:14.5px;font-weight:600;cursor:pointer;transition:.15s}.btn:hover{background:#0697a3}.btn:disabled{opacity:.6;cursor:default}.err{background:#9e006314;color:var(--magenta);font-size:12.5px;padding:9px 12px;border-radius:9px;margin-top:16px;border:1px solid rgba(158,0,99,.2)}.foot{margin-top:26px;text-align:center;font-size:11px;color:var(--gray);font-weight:200}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--navy);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;margin-bottom:30px;padding:0 4px}.brand .word{font-weight:700;font-size:26px;letter-spacing:1px;line-height:1}.brand small{display:block;color:var(--teal-soft);font-size:8.5px;letter-spacing:1.5px;font-weight:200;margin-top:3px}.nav a{display:flex;align-items:center;gap:11px;color:#aeb6c4;text-decoration:none;padding:10px 13px;border-radius:10px;font-size:13.5px;margin-bottom:3px;transition:.15s;cursor:pointer}.nav a:hover{background:var(--navy-2);color:#fff}.nav a.active{background:var(--navy-2);color:#fff;box-shadow:inset 3px 0 0 var(--teal)}.nav .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);flex-shrink:0}.nav .section{font-size:9.5px;letter-spacing:2px;color:#5d6b7d;margin:20px 0 8px 13px;font-weight:600}main{flex:1;padding:26px 34px 60px;max-width:1280px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.topbar h2{font-size:24px;font-weight:600}.topbar p{color:var(--muted);font-size:13px;margin-top:4px;font-weight:200}.admin{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 8px 5px 6px;box-shadow:var(--shadow)}.admin .av{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;font-weight:600;display:grid;place-items:center;font-size:13px}.admin .who{display:flex;flex-direction:column;line-height:1.15}.admin .who b{font-size:12.5px;font-weight:600;color:var(--navy);max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin .who small{font-size:9.5px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.admin .out{margin-left:4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--magenta);text-decoration:none;font-size:14px;cursor:pointer}.admin .out:hover{background:#9e006314}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi .label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.3px}.kpi .val{font-size:27px;font-weight:600;margin-top:8px;color:var(--navy)}.kpi .sub{font-size:12px;margin-top:6px;color:var(--teal);font-weight:600}.kpi:after{content:"";position:absolute;right:-18px;top:-18px;width:60px;height:60px;border-radius:50%;background:var(--teal);opacity:.09}.kpi.lime:after{background:var(--lime)}.kpi.orange:after{background:var(--orange)}.kpi.navy:after{background:var(--navy)}.welcome{margin-bottom:16px}.welcome p{margin-top:6px;font-size:13.5px;line-height:1.55}footer{color:var(--muted);font-size:12px;margin-top:24px;text-align:center;font-weight:200}.empty{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:54px 30px;text-align:center;max-width:560px;margin:8px auto}.empty-mark{font-size:40px;color:var(--teal);opacity:.55;line-height:1}.empty h3{font-size:17px;font-weight:600;margin-top:14px}.empty p{color:var(--muted);font-weight:200;font-size:13.5px;margin-top:8px;line-height:1.55}.empty-tag{display:inline-block;margin-top:18px;font-size:10px;font-weight:600;letter-spacing:1px;color:#6f7d1f;background:#d3e06247;padding:4px 11px;border-radius:999px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.btn-ghost{font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--teal);background:#08acb91a;border:0;border-radius:8px;padding:7px 12px;cursor:pointer}.btn-ghost:hover{background:#08acb92e}.utable{width:100%;border-collapse:collapse}.utable th{text-align:left;font-size:10.5px;letter-spacing:1px;color:var(--muted);font-weight:600;text-transform:uppercase;padding:0 10px 10px;border-bottom:1px solid var(--line)}.utable td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.utable tr:last-child td{border-bottom:0}.ucell{display:flex;align-items:center;gap:11px}.uav{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:600;display:grid;place-items:center;font-size:14px;flex-shrink:0}.ucell b{font-size:13.5px;font-weight:600;display:block}.ucell small{font-size:11.5px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.rchip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 4px 4px 10px;border-radius:999px;background:var(--paper);color:var(--navy);border:1px solid var(--line);text-transform:capitalize}.rchip.r-admin{background:#08acb91f;color:#0a7d87;border-color:#08acb94d}.rchip.r-finance{background:#f47b201f;color:#b9550f;border-color:#f47b204d}.rchip.r-manager{background:#9e00631a;color:#9e0063;border-color:#9e006340}.rchip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;width:18px;height:18px;border-radius:50%;opacity:.6}.rchip button:hover{opacity:1;background:#00000014}.rselect{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-family:var(--font);font-size:13px;background:#fff;color:var(--navy);cursor:pointer;width:100%}.rselect:disabled{color:var(--muted);background:var(--paper);cursor:default}.note-card{margin-top:16px;font-size:12.5px;color:var(--muted);font-weight:200;line-height:1.55;background:var(--lime-soft);border:1px dashed var(--lime);border-radius:10px;padding:12px 14px}.note-card b{color:var(--navy);font-weight:600}.mform .fgroup{border:1px solid var(--line);border-radius:12px;padding:18px 18px 6px;margin-bottom:18px}.mform legend{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--teal);padding:0 8px}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}.field{display:flex;flex-direction:column}.field label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin:0 0 6px}.field .reqd{color:var(--magenta);font-weight:700}.field .fhint{margin-left:auto;font-size:9.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#6f7d1f;background:#d3e06247;padding:2px 7px;border-radius:999px}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-family:var(--font);font-size:13.5px;background:#fff;color:var(--navy)}.field input:focus,.field select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #08acb926}.field input.ro{background:var(--paper);color:var(--muted);font-weight:600}.formnote{font-size:12px;color:var(--muted);font-weight:200;line-height:1.55;background:var(--lime-soft);border:1px dashed var(--lime);border-radius:10px;padding:11px 14px;margin:4px 0 18px}.formnote b{color:var(--navy);font-weight:600}.formactions{display:flex;justify-content:flex-end;gap:10px}.lchip{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px}.lchip.active{background:#08acb91f;color:#0a7d87}.lchip.left{background:#9e00631a;color:var(--magenta)}.rowactions{display:flex;gap:6px;justify-content:flex-end}.ibtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px;line-height:1;color:var(--navy)}.ibtn:hover{background:var(--paper);border-color:var(--teal)}.ibtn.danger:hover{background:#9e006314;border-color:var(--magenta);color:var(--magenta)}.ibtn:disabled{opacity:.5;cursor:default}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.barlist{display:flex;flex-direction:column;gap:11px}.brow{display:flex;align-items:center;gap:12px}.blabel{width:110px;flex-shrink:0;font-size:13px;font-weight:500;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btrack{flex:1;height:9px;background:var(--paper);border-radius:99px;overflow:hidden}.btrack i{display:block;height:100%;border-radius:99px}.btrack .acc-teal{background:var(--teal)}.btrack .acc-lime{background:var(--lime)}.btrack .acc-navy{background:var(--navy)}.btrack .acc-orange{background:var(--orange)}.bval{width:34px;text-align:right;font-size:13px;font-weight:600;color:var(--navy)}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.schip{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px}.schip.s-tbd{background:var(--paper);color:var(--muted);border:1px solid var(--line)}.schip.s-deferred{background:#9e00631a;color:var(--magenta)}.schip.s-shortlisted{background:#08acb91f;color:#0a7d87}.flags{display:flex;flex-wrap:wrap;gap:5px}.flag-tag{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:6px;background:#d3e0624d;color:#6f7d1f}.funnel{display:flex;flex-direction:column;gap:10px}.frow{display:flex;align-items:center;gap:12px}.fbar{height:38px;border-radius:8px;display:flex;align-items:center;padding:0 14px;font-weight:600;font-size:13.5px;white-space:nowrap;min-width:fit-content;color:#fff}.fbar.f-applied{background:var(--navy)}.fbar.f-short{background:var(--teal)}.fbar.f-closed{background:var(--orange)}.fmeta{font-size:12px;color:var(--muted);font-weight:600}.pipe-tag{float:right;font-size:10px;font-weight:700;letter-spacing:1px;color:#8a7a2f;background:#d3e06259;padding:4px 11px;border-radius:999px}.funnel-note{margin-top:14px;font-size:12.5px;color:#46566b;font-weight:400;background:#f0f4fa;border:1px solid #dbe4f0;border-radius:10px;padding:11px 14px;line-height:1.5}.churn td{vertical-align:middle}.churn .cnum{font-weight:600;font-size:13.5px;display:inline-block;min-width:34px}.churn .cbar{display:inline-block;width:90px;max-width:30%;height:7px;background:var(--paper);border-radius:99px;overflow:hidden;margin-left:8px;vertical-align:middle}.churn .cbar i{display:block;height:100%;border-radius:99px}.churn .cbar .acc-teal{background:var(--teal)}.churn .cbar .acc-mag{background:var(--magenta)}@media (max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.sidebar{display:none}.fgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:840px){.login{grid-template-columns:1fr}.hero{display:none}.fgrid{grid-template-columns:1fr}}