:root{--navy:#071b5b;--navy2:#0a2e82;--lime:#84cc16;--lime2:#65a30d;--soft:#ecfccb;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#64748b;--border:#e2e8f0;--red:#dc2626;--amber:#f59e0b;--w:250px;--shadow:0 10px 30px rgba(15,23,42,.06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,.brand strong{font-family:Poppins,Inter,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--w);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at top left,rgba(132,204,22,.14),transparent 32%),linear-gradient(180deg,#061844,var(--navy) 50%,#051334);transition:.25s;overflow:hidden}.brand{height:78px;padding:17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.brandmark{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;color:var(--navy);background:linear-gradient(135deg,#a3e635,var(--lime2));font:bold 20px Poppins}.brand strong{display:block;white-space:nowrap}.brand strong span{color:var(--lime)}.brand small{display:block;margin-top:2px;white-space:nowrap;color:rgba(255,255,255,.62);font-size:9px}.sidebar nav{flex:1;padding:12px 8px;overflow-y:auto}.navlink,.navparent{width:100%;min-height:44px;padding:0 13px;display:flex;align-items:center;gap:10px;border:0;border-left:3px solid transparent;border-radius:9px;color:rgba(255,255,255,.82);background:transparent;font-size:13px;font-weight:600;text-align:left}.navparent{justify-content:space-between}.navparent span{display:flex;gap:10px;align-items:center}.navlink:hover,.navlink.active,.navparent:hover,.navgroup.open>.navparent{color:#fff;border-left-color:var(--lime);background:rgba(132,204,22,.14)}.navlink.active{color:var(--navy);background:linear-gradient(90deg,#a3e635,var(--lime));box-shadow:0 8px 20px rgba(132,204,22,.2)}.children{max-height:0;overflow:hidden;transition:.25s}.navgroup.open .children{max-height:260px}.navgroup.open .navparent i{transform:rotate(180deg)}.children a{margin-left:36px;padding:8px 12px;display:block;border-left:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.7);font-size:12px}.children a:hover{color:var(--lime);border-left-color:var(--lime)}.sidebottom{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.sidebottom button,.sidebottom a{display:block;width:100%;padding:8px;border:0;color:rgba(255,255,255,.7);background:transparent;text-align:left;font-size:12px}.main{min-height:100vh;margin-left:var(--w);transition:.25s}.topbar{position:sticky;top:0;z-index:30;height:70px;padding:0 24px;display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.iconbtn{width:38px;height:38px;border:0;border-radius:9px;background:transparent;font-size:18px}.iconbtn:hover{background:#f1f5f9}.search{width:min(410px,42vw);height:40px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;background:#f8fafc}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.actions{margin-left:auto;display:flex;align-items:center;gap:8px}.user{padding-left:10px;display:flex;align-items:center;gap:8px;border-left:1px solid var(--border)}.user>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:var(--soft);font-weight:800}.user strong,.user small{display:block;font-size:11px}.user small{margin-top:2px;color:var(--muted);font-size:9px}.content{padding:26px}.pagehead{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.pagehead h1{margin:0 0 4px;color:#0b1739;font-size:26px}.pagehead p,.muted{margin:0;color:var(--muted);font-size:13px}.date{font-size:12px}.btn{min-height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700}.primary{color:var(--navy);background:linear-gradient(135deg,#a3e635,var(--lime));box-shadow:0 8px 18px rgba(132,204,22,.22)}.primary:hover{color:#fff;background:var(--lime2)}.secondary{color:#fff;background:var(--navy2)}.light{background:#fff;border-color:var(--border)}.full{width:100%}.metrics{margin-bottom:15px;display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px}.metrics article{min-height:112px;padding:16px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.metrics i{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:20px}.purple{color:#6d5bd0;background:#f1efff}.green{color:var(--lime2);background:var(--soft)}.amber{color:var(--amber);background:#fff7e6}.red{color:var(--red);background:#fee2e2}.blue{color:var(--navy2);background:#e8eefc}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{margin-bottom:7px;color:var(--muted);font-size:11px}.metrics strong{margin-bottom:7px;font-size:clamp(18px,1.7vw,24px);white-space:nowrap}.metrics small{color:var(--lime2);font-size:9px}.dashgrid{display:grid;grid-template-columns:1.5fr 1.1fr 1fr;gap:14px}.panel{min-width:0;padding:16px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.span2{grid-column:span 2}.panelhead{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.panelhead h2{margin:0;font-size:14px}.panelhead p{margin:3px 0 0;color:var(--muted);font-size:10px}.panelhead a{color:var(--navy2);font-size:10px;font-weight:700}.panelhead select{padding:7px;border:1px solid var(--border);border-radius:8px;background:#fff}.chart{height:260px}.followlist article{padding:10px;display:grid;grid-template-columns:64px 1fr 30px;align-items:center;gap:7px;border-radius:10px;background:#f8fafc}.followlist article+article{margin-top:8px}.followlist time,.followlist strong,.followlist small{font-size:10px}.followlist strong,.followlist small{display:block}.followlist small{margin-top:3px;color:var(--muted);font-size:9px}.followlist article>a{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--lime2)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:11px 12px;color:var(--muted);background:#f8fafc;text-align:left;white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--border)}td strong,td small{display:block}td small{margin-top:3px;color:var(--muted);font-size:9px}.status{padding:5px 8px;display:inline-flex;border-radius:50px;font-size:9px;font-weight:800}.status.new{color:#1d4ed8;background:#dbeafe}.status.contacted{color:#0f766e;background:#ccfbf1}.status.demo{color:#b45309;background:#fef3c7}.status.proposal_sent{color:#c2410c;background:#ffedd5}.status.negotiation{color:#6d28d9;background:#ede9fe}.status.won{color:#3f6212;background:var(--soft)}.status.lost{color:#b91c1c;background:#fee2e2}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quick a{min-height:76px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:12px;color:var(--navy2);font-size:21px}.quick a span{color:var(--text);font-size:10px;font-weight:700}.quick a:hover{border-color:var(--lime);background:var(--soft)}.filters{margin-bottom:15px;display:grid;grid-template-columns:1fr 180px auto auto;gap:9px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;outline:0;color:var(--text);background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(132,204,22,.13)}.formpanel{padding:22px}.formpanel h2{margin:0 0 4px;font-size:16px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px}.formgrid label,.authcard label,.installcard label{display:block;color:#334155;font-size:11px;font-weight:700}.formgrid input,.formgrid select,.formgrid textarea,.authcard input,.installcard input{margin-top:7px;font-weight:400}.wide{grid-column:1/-1}.formactions{margin-top:20px;padding-top:16px;display:flex;gap:9px;border-top:1px solid var(--border)}.alert{margin-bottom:16px;padding:12px 14px;border-radius:10px;font-size:12px}.danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.successmsg{color:#3f6212;background:var(--soft);border:1px solid #d9f99d}.empty{padding:28px!important;color:var(--muted);text-align:center}.coming{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coming>b,.success>b{width:72px;height:72px;margin-bottom:18px;display:grid;place-items:center;border-radius:22px;color:var(--navy);background:var(--soft);font-size:38px}footer{padding:16px 26px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.collapsed .sidebar{width:76px}.collapsed .main{margin-left:76px}.collapsed .brand>div:last-child,.collapsed .navlink span,.collapsed .navparent span:not(b),.collapsed .navparent i,.collapsed .children,.collapsed .sidebottom{display:none}.collapsed .brand,.collapsed .navlink,.collapsed .navparent{justify-content:center}.backdrop{display:none}
.loginpage{background:#f7f9fc}.loginwrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.loginvisual{padding:45px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(135deg,rgba(132,204,22,.12),transparent 45%),linear-gradient(145deg,#041230,var(--navy) 60%,var(--navy2))}.loginvisual .brand{padding:0;border:0}.herotext{max-width:650px;padding-bottom:10vh}.herotext em,.authcard em{color:var(--lime);font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.herotext h1{margin:12px 0 16px;font-size:clamp(32px,4vw,55px);line-height:1.12}.herotext p{color:rgba(255,255,255,.7);line-height:1.8}.loginform{padding:40px;display:grid;place-items:center}.authcard{width:min(430px,100%);padding:34px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 25px 70px rgba(15,23,42,.1)}.authcard h2{margin:8px 0}.authcard>p{margin-bottom:24px;color:var(--muted);font-size:12px}.authcard label+label{margin-top:14px}.authcard .btn{margin-top:20px}.installpage{padding:35px 16px;display:grid;place-items:start center;background:radial-gradient(circle at top,rgba(132,204,22,.18),transparent 30%),var(--bg)}.installcard{width:min(760px,100%);padding:30px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.installbrand{padding-bottom:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.installbrand strong,.installbrand small{display:block}.installbrand strong span{color:var(--lime2)}.installbrand small{color:var(--muted)}.installcard h3{margin-top:25px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:14px}.success{text-align:center}.success>b{margin-left:auto;margin-right:auto}.success small{display:block;margin-top:20px;color:var(--red)}
@media(max-width:1250px){.metrics{grid-template-columns:repeat(3,1fr)}.dashgrid{grid-template-columns:repeat(2,1fr)}.span2{grid-column:span 1}}@media(max-width:900px){.sidebar{width:min(290px,86vw);transform:translateX(-102%)}.menuopen .sidebar{transform:translateX(0)}.backdrop{position:fixed;inset:0;z-index:35;display:block;visibility:hidden;opacity:0;background:rgba(2,8,23,.55);transition:.2s}.menuopen .backdrop{visibility:visible;opacity:1}.main,.collapsed .main{margin-left:0}.loginwrap{grid-template-columns:1fr}.loginvisual{min-height:340px}.herotext{padding:50px 0 10px}}@media(max-width:680px){.content{padding:18px 13px}.topbar{height:62px;padding:0 12px}.search,.actions .iconbtn,.user div{display:none}.pagehead{align-items:flex-start;flex-direction:column}.metrics,.dashgrid,.formgrid,.quick,.filters{grid-template-columns:1fr}.wide{grid-column:auto}.chart{height:230px}.loginvisual,.loginform{padding:25px 18px}.authcard,.installcard{padding:24px 18px}footer{padding:15px;flex-direction:column;gap:5px}}