:root{--bg:#07111f;--panel:#0d1a2b;--panel2:#101f33;--line:#20314a;--text:#eef5ff;--muted:#8ea0b8;--blue:#4da3ff;--cyan:#45e0d0;--green:#2bd67b;--red:#ff6577;--amber:#ffbd4a;--shadow:0 18px 50px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh;background:radial-gradient(circle at 80% -10%,#183558 0,#07111f 38%)}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:rgba(6,15,28,.88);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:5;backdrop-filter:blur(16px)}.brand{font-size:19px;letter-spacing:-.3px;margin:0 10px 28px}.brand span{color:var(--cyan)}.brand small{display:block;color:#60738d;font-size:8px;letter-spacing:2px;margin:4px 0 0 24px}nav{display:grid;gap:6px}nav a{padding:12px 13px;border-radius:12px;color:#9fb0c7;transition:.18s}nav a:hover{background:#13243a;color:#fff;transform:translateX(2px)}nav a:first-child{background:linear-gradient(90deg,#123458,#10243a);color:#fff;box-shadow:inset 3px 0 var(--cyan)}.sidebar-user{margin-top:auto;padding:14px;border:1px solid var(--line);background:#0b1728;border-radius:14px;display:grid;gap:2px}.sidebar-user small{color:var(--muted)}.sidebar-user a{margin-top:10px;color:#b9c8db}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 30px;background:rgba(7,17,31,.75);backdrop-filter:blur(14px);position:sticky;top:0;z-index:4}.global-search{flex:1;display:flex;max-width:600px}.global-search input{width:100%;border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;background:#0b1829;color:#fff;padding:11px 14px;outline:none}.global-search button{width:48px;border:1px solid var(--line);border-radius:0 12px 12px 0;background:#10233b;color:#fff}.user-chip{white-space:nowrap;color:#c5d2e3}.mobile-brand{display:none}.content{padding:30px;max-width:1500px;margin:auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:2px}.hero h1{font-size:32px;line-height:1.05;margin:5px 0 8px;letter-spacing:-1.2px}.hero p{color:var(--muted);margin:0}.hero-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#102037;color:#e9f2ff;padding:10px 14px;border-radius:10px;font-weight:700}.btn:hover{filter:brightness(1.15)}.btn.primary{border:0;background:linear-gradient(135deg,#2388ff,#45b9ff);box-shadow:0 8px 25px rgba(35,136,255,.25)}.btn.success{background:#123d2b;border-color:#1d6b4a;color:#7ff0b0}.btn.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:linear-gradient(145deg,#0f2034,#0b1728);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.stat-card.accent{border-color:#245b83}.stat-card small,.detail-grid small{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:29px;margin:5px 0}.stat-card span{color:#6f829b;font-size:11px}.danger-card strong{color:#ff8795}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.panel,.form-card{background:linear-gradient(145deg,#0d1a2b,#0a1625);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title h3,.panel h3,.form-card h3{margin:0 0 15px}.panel-title a{color:#72baff;font-size:12px}.pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.pipe{background:#0b1728;border:1px solid #1b2d45;border-radius:12px;padding:14px 8px;text-align:center}.pipe span{display:block;color:#8da1ba;font-size:10px}.pipe b{display:block;font-size:22px;margin-top:3px}.priority-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #192a40}.priority-row:last-child{border:0}.dot{width:8px;height:8px;border-radius:50%;display:block}.dot.hot{background:var(--red)}.dot.warm{background:var(--amber)}.dot.cold{background:#6e91c4}.table-wrap{overflow:auto}.table-wrap.inner{margin:0 -20px}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{color:#71859e;font-size:10px;text-transform:uppercase;letter-spacing:1px;text-align:left}.table-wrap th,.table-wrap td{padding:13px 20px;border-bottom:1px solid #18283d}.table-wrap td small{display:block;color:var(--muted);margin-top:2px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#172940;color:#b7c9df;font-size:10px;font-weight:800}.badge.hot{background:#3a1720;color:#ff8797}.badge.warm{background:#3a2c12;color:#ffc65c}.badge.cold{background:#182b45;color:#8eb6e8}.badge.status{background:#14263d;color:#8ec6ff}.nowrap{white-space:nowrap}.icon-btn{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:#12253c;margin-right:4px}.icon-btn.wa{background:#103a2d;color:#69e4a7}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-card{display:flex;flex-direction:column;gap:7px}.form-card h3{margin-bottom:8px}.form-card input,.form-card select,.form-card textarea,.auth-card input,.filters input,.filters select{width:100%;padding:11px 12px;border:1px solid #263b56;background:#091625;color:#fff;border-radius:10px;outline:none}.form-card textarea{min-height:120px;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.auth-card input:focus{border-color:#398bd2;box-shadow:0 0 0 3px rgba(57,139,210,.12)}label{color:#91a5bd;font-size:11px;margin-top:5px}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-grid b{display:block;margin-top:3px}.panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.activity{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #192a40}.activity-icon{width:34px;height:34px;border-radius:10px;background:#122942;display:grid;place-items:center;color:var(--cyan);flex:none}.activity small{display:block;color:var(--muted);margin-top:3px}.activity p{margin:8px 0 0;color:#c1cede}.filters{display:grid;grid-template-columns:1fr 180px auto auto;gap:8px;margin-bottom:18px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px;border:1px solid}.alert.success{background:#0d3023;border-color:#1c674a;color:#78efb2}.alert.danger{background:#381822;border-color:#6b2637;color:#ff9aaa}.login-page{min-height:100vh;background:radial-gradient(circle at 25% 30%,#123e65 0,#07111f 42%);display:grid;place-items:center}.login-wrap{width:min(980px,92vw);display:grid;grid-template-columns:1fr 380px;gap:70px;align-items:center}.login-copy h1{font-size:60px;line-height:.98;letter-spacing:-3px;margin:24px 0}.login-copy h1 em{font-style:normal;color:#52d6c8}.login-copy p{font-size:17px;color:#8ea4bf}.login-points{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px;color:#a9bed5;font-size:12px}.brand-big{font-size:20px;font-weight:900;color:#fff}.auth-card{background:rgba(13,26,43,.94);border:1px solid #263c57;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.4)}.auth-card h2{margin:0 0 4px;font-size:24px}.auth-card form{display:grid;gap:7px;margin-top:18px}.center{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.center .auth-card{width:min(420px,92vw)}
@media(max-width:1100px){.sidebar{width:215px}.main{margin-left:215px;width:calc(100% - 215px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:repeat(4,1fr)}.form-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:68px;padding:7px 8px;background:#081525;border-top:1px solid var(--line);border-right:0}.brand,.sidebar-user{display:none}nav{display:flex;justify-content:space-around;gap:2px}nav a{padding:8px 6px;text-align:center;font-size:18px;flex:1}nav a span{display:block;font-size:9px;margin-top:2px}.main{margin-left:0;width:100%;padding-bottom:68px}.topbar{height:62px;padding:0 14px;gap:8px}.mobile-brand{display:block;font-weight:900;white-space:nowrap;font-size:13px}.global-search{max-width:none}.user-chip{display:none}.content{padding:18px 14px}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:28px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:23px}.dashboard-grid,.grid2,.form-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.login-wrap{grid-template-columns:1fr;gap:20px}.login-copy{display:none}.auth-card{padding:22px}.table-wrap table{min-width:700px}}
/* v2.1 premium login */
.pro-login{overflow:hidden;position:relative;background:#030a16!important;background-image:radial-gradient(circle at 14% 22%,rgba(0,125,255,.22),transparent 32%),radial-gradient(circle at 84% 78%,rgba(47,219,191,.12),transparent 30%)!important}
.login-noise{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.login-shell{position:relative;width:min(1180px,94vw);min-height:700px;display:grid;grid-template-columns:1.15fr .75fr;gap:60px;align-items:center;padding:42px}
.login-hero{padding:20px 10px}.brand-mark{display:flex;align-items:center;gap:11px}.brand-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#29e0b0,#1879ff);box-shadow:0 12px 35px rgba(27,165,255,.25);font-size:24px}.brand-mark strong{font-size:22px;letter-spacing:-.5px}.brand-mark small{display:block;color:#6f87a4;font-size:8px;letter-spacing:2px;margin-top:2px}.hero-copy{margin-top:90px;max-width:650px}.live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #20415f;background:#08192d;border-radius:999px;color:#8db7dc;font-size:9px;font-weight:900;letter-spacing:1.5px}.live-pill i{width:6px;height:6px;border-radius:50%;background:#2bd67b;box-shadow:0 0 12px #2bd67b}.hero-copy h1{font-size:66px;line-height:.94;letter-spacing:-4px;margin:22px 0 18px;color:#f4f8ff}.hero-copy h1 b{background:linear-gradient(90deg,#54b5ff,#52dbc7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:520px;color:#91a8c2;font-size:16px;line-height:1.7}.mini-metrics{display:flex;gap:12px;margin-top:42px}.mini-metrics div{min-width:125px;padding:15px 18px;border:1px solid #17314c;background:rgba(8,22,39,.68);border-radius:14px}.mini-metrics b{display:block;font-size:22px;color:#f1f7ff}.mini-metrics span{font-size:10px;color:#7188a2}.hero-foot{display:flex;gap:22px;margin-top:42px;color:#6e87a4;font-size:10px}.pro-auth{width:100%;padding:34px;border-radius:26px!important;background:linear-gradient(150deg,rgba(14,29,48,.96),rgba(7,17,30,.96))!important;border-color:#23415e!important;box-shadow:0 35px 100px rgba(0,0,0,.48)!important}.auth-top{display:flex;align-items:center;gap:9px;color:#8ba5c0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.secure-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#0e2942;color:#52c8ff}.pro-auth h2{font-size:29px!important;letter-spacing:-1px;margin-top:28px!important}.pro-auth .muted{font-size:12px}.pro-auth form{gap:8px;margin-top:24px!important}.pro-auth label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.input-wrap{position:relative}.input-wrap>span{position:absolute;left:13px;top:11px;color:#65809e;font-size:13px}.pro-auth input{padding:13px 40px 13px 36px!important;background:#071321!important;border-color:#1d3852!important}.pro-auth input:focus{border-color:#39aaff!important;box-shadow:0 0 0 4px rgba(57,170,255,.09)!important}.eye{position:absolute;right:7px;top:5px;width:34px;height:34px;border:0;background:transparent;color:#6e88a5}.login-options{display:flex;justify-content:space-between;align-items:center;margin:6px 0 9px}.check{display:flex!important;align-items:center;gap:6px;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;color:#7f95ad!important}.check input{width:14px!important;height:14px;padding:0!important;accent-color:#2e9cff}.hint{font-size:9px;color:#5f7894}.login-btn{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:13px;padding:14px 16px;color:#fff;font-weight:900;background:linear-gradient(110deg,#147cff,#24b9e9);box-shadow:0 12px 30px rgba(19,137,255,.24);transition:.2s}.login-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.login-btn b{font-size:20px}.auth-bottom{display:flex;justify-content:center;gap:9px;margin-top:25px;color:#516a84;font-size:9px}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;gap:20px;padding:20px}.login-hero{padding:15px}.hero-copy{margin-top:55px}.hero-copy h1{font-size:50px}.mini-metrics{margin-top:28px}.hero-foot{margin-top:25px}.pro-auth{max-width:500px;justify-self:center}.login-shell{min-height:auto;padding-top:55px;padding-bottom:55px}}
@media(max-width:560px){.login-shell{width:100%;padding:22px 16px}.login-hero{display:none}.pro-auth{padding:25px 20px;border-radius:22px!important}.pro-auth h2{font-size:26px!important}.auth-bottom{font-size:8px}.pro-login{place-items:center}}