:root{--bg:#08080c;--panel:#111117;--panel2:#15151c;--line:#272731;--text:#f7f7fa;--muted:#858792;--violet:#a068ff;--cyan:#2de2ff;--green:#56f2a2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:265px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:24px 17px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0b0b10,#08080c)}.logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.15em;font-size:14px}.logo:before{content:"K";display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#09090d}.logo span{display:block;color:#656773;font-size:7px;letter-spacing:.27em;margin-top:4px}.workspace{margin-top:32px;font-size:8px;color:#535560;text-transform:uppercase;letter-spacing:.16em}.nav{display:grid;gap:5px;margin-top:10px}.nav a{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:12px;color:#9a9ca6;font-size:12px}.nav a:hover,.nav a.active{background:#17171f;color:#fff}.nav a.active:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.side-bottom{position:absolute;bottom:18px;left:17px;right:17px;display:grid;gap:6px}.side-bottom a{padding:11px 13px;border:1px solid #252630;border-radius:11px;color:#858792;font-size:11px}.main{padding:34px 40px 70px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.top h1{font-size:30px;letter-spacing:-.045em;margin:0}.top p{color:#686a75;font-size:11px;margin:5px 0}.top-actions{display:flex;align-items:center;gap:9px}.view-site,.badge{padding:9px 13px;border:1px solid var(--line);border-radius:10px;font-size:10px;color:#a9aab2}.view-site{background:#fff;color:#111;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#121219,#0d0d12)}.metric:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#a068ff18;filter:blur(30px);right:-50px;top:-50px}.metric b{font-size:30px;letter-spacing:-.04em}.metric span{display:block;color:#71737e;font-size:10px;margin-top:7px}.metric small{display:block;margin-top:15px;color:#555762;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.panel{margin-top:17px;border:1px solid var(--line);border-radius:19px;background:var(--panel);overflow:hidden}.panel-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:13px;margin:0}.panel-head span,.panel-head a{font-size:9px;color:#777985}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:13px 17px;border-bottom:1px solid #202029;font-size:11px;vertical-align:top}.table th{font-size:8px;color:#5f616b;text-transform:uppercase;letter-spacing:.1em}.table tr:last-child td{border-bottom:0}.table small{color:#686a75}.status{display:inline-flex;padding:6px 9px;border:1px solid #2d2e39;border-radius:999px;font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:19px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:9px;color:#747680;text-transform:uppercase;letter-spacing:.08em}.form-grid input,.form-grid textarea,.form-grid select,.table input,.table select{width:100%;margin-top:7px;padding:11px 12px;border-radius:10px;border:1px solid #2b2c36;background:#0d0d12;color:#fff;font:inherit;font-size:11px;outline:none}.form-grid textarea{min-height:115px}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:850;cursor:pointer;background:linear-gradient(105deg,var(--violet),var(--cyan));color:#09090d;font-size:10px}.notice{padding:11px 13px;border:1px solid #343642;background:#12131a;border-radius:11px;font-size:10px;margin-bottom:15px}.split-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:17px}.quick-list{padding:5px 18px 18px}.quick-list a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #22232b;font-size:11px}.quick-list a:last-child{border:0}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#08080c}.login-art{position:relative;overflow:hidden;padding:55px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 25% 25%,#a068ff2e,transparent 28%),radial-gradient(circle at 80% 75%,#2de2ff20,transparent 25%),#0b0b10}.login-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--cyan));color:#08080c;font-weight:950;font-size:19px}.login-brand strong{letter-spacing:.18em}.login-brand small{display:block;font-size:7px;letter-spacing:.28em;color:#6f717d;margin-top:5px}.login-copy{position:relative;z-index:2;max-width:630px}.login-copy span{font-size:9px;letter-spacing:.18em;color:var(--cyan)}.login-copy h1{font-size:clamp(45px,5.2vw,78px);line-height:.92;letter-spacing:-.055em;margin:18px 0}.login-copy h1 em{font-style:normal;color:#696b77}.login-copy p{color:#868893;line-height:1.7;max-width:530px;font-size:13px}.login-security{position:relative;z-index:2;display:flex;gap:20px;color:#666874;font-size:9px}.login-side{display:grid;place-items:center;padding:35px;background:#0d0d12}.login-card{width:min(430px,100%)}.login-card .mini{font-size:9px;letter-spacing:.15em;color:#666873}.login-card h2{font-size:34px;letter-spacing:-.04em;margin:12px 0 7px}.login-card>p{color:#777985;font-size:11px;line-height:1.6;margin-bottom:28px}.login-card label{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#71737e}.login-card input{width:100%;padding:13px 14px;margin:8px 0 15px;border:1px solid #2b2c36;border-radius:11px;background:#09090d;color:#fff;font:inherit}.login-card .btn{width:100%;height:45px}.login-foot{display:flex;justify-content:space-between;margin-top:19px;color:#545660;font-size:8px}.lock-note{margin-top:18px;padding:11px;border:1px solid #24252d;border-radius:11px;color:#636570;font-size:9px;line-height:1.5}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.workspace{display:none}.nav{grid-template-columns:repeat(3,1fr);margin-top:20px}.side-bottom{position:static;margin-top:15px;grid-template-columns:1fr 1fr}.main{padding:25px}.cards{grid-template-columns:1fr 1fr}.split-panels{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-art{min-height:360px;padding:35px}.login-security{display:none}.login-side{padding:35px 20px}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.top{align-items:flex-start;gap:15px}.top-actions{display:grid}.login-copy h1{font-size:45px}}

/* V14 Studio */
.mini-chart{height:210px;padding:24px 24px 18px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end}
.bar-col{height:160px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-col b{font-size:9px;color:#8e909b}.bar-col i{display:block;width:min(34px,70%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--violet));box-shadow:0 0 20px #7c5cff20}.bar-col span{font-size:8px;color:#5d5f69}

.table td small{white-space:pre-line;line-height:1.45}

.insight-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.insight-strip>div{padding:17px;border:1px solid #262730;border-radius:15px;background:#101016}.insight-strip span{display:block;font-size:7px;letter-spacing:.12em;color:#666873;margin-bottom:8px}.insight-strip b{font-size:13px}@media(max-width:760px){.insight-strip{grid-template-columns:1fr}}

.case-admin-list{padding:12px}.admin-case{border:1px solid #262730;border-radius:15px;background:#0d0d13;margin:9px 0;overflow:hidden}.admin-case summary{cursor:pointer;list-style:none;padding:17px;display:flex;justify-content:space-between;align-items:center}.admin-case summary::-webkit-details-marker{display:none}.admin-case summary b{font-size:12px}.admin-case summary small{display:block;color:#656772;font-size:8px;margin-top:4px}.admin-case summary>span{font-size:7px;color:#8259dd}.case-editor{padding:20px;border-top:1px solid #24252d}.case-editor textarea{min-height:90px}.editor-actions{display:flex;gap:10px;align-items:center}.btn.danger{background:#2a1217;color:#ff8d9b}.editor-actions a{font-size:9px;color:#9a78e9}.new-case{border-color:#5d438f}

/* V19 CRM Pipeline */
.crm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.crm-metrics>div{padding:18px;border:1px solid #262730;border-radius:16px;background:#101016}.crm-metrics span{display:block;font-size:7px;letter-spacing:.13em;color:#656772;margin-bottom:9px}.crm-metrics b{font-size:20px}
.crm-filters{display:grid;grid-template-columns:1fr 190px auto auto;gap:8px;padding:15px;border-bottom:1px solid #24252d}.crm-filters input,.crm-filters select{background:#0d0d13;border:1px solid #2b2c35;color:#ddd;border-radius:10px;padding:10px}.crm-filters>a{align-self:center;font-size:8px;color:#777985}
.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:9px;padding:14px;overflow-x:auto}.pipeline-col{min-height:480px;background:#0b0b10;border:1px solid #202129;border-radius:14px;padding:9px}.pipeline-col>header{display:flex;justify-content:space-between;padding:8px 5px 13px}.pipeline-col>header b{font-size:9px}.pipeline-col>header span{font-size:8px;background:#20212a;padding:3px 7px;border-radius:10px}
.lead-card{border:1px solid #282932;border-radius:12px;background:#111118;margin-bottom:8px;overflow:hidden}.lead-card summary{list-style:none;cursor:pointer;padding:13px}.lead-card summary::-webkit-details-marker{display:none}.lead-card summary small{display:block;color:#7955c5;font-size:7px;margin-bottom:6px}.lead-card summary b{display:block;font-size:10px;margin-bottom:8px}.lead-card summary>span{font-size:8px;color:#777985}.lead-detail{padding:13px;border-top:1px solid #25262e}.lead-detail>p{font-size:8px;color:#858791;line-height:1.55;max-height:90px;overflow:auto}.contact-mini{display:grid;gap:4px;margin:10px 0 15px;font-size:8px}.lead-detail form{display:grid;gap:8px}.lead-detail label{font-size:7px;color:#73757f}.lead-detail input,.lead-detail select,.lead-detail textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px;border:1px solid #292a33;border-radius:8px;background:#0b0b10;color:#ddd;font-size:8px}.lead-detail textarea{min-height:65px}.lead-actions{display:flex;gap:6px}.lead-actions .btn{font-size:7px;padding:8px}
.follow-list{padding:8px 18px 18px}.follow-list>div{display:grid;grid-template-columns:55px 1fr 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #22232b;align-items:center}.follow-list span{font-size:9px;color:#9b70ef}.follow-list b{font-size:10px}.follow-list small{font-size:8px;color:#747680}.empty-mini{font-size:9px;color:#666873;padding:15px 0}
@media(max-width:900px){.crm-metrics{grid-template-columns:1fr 1fr}.crm-filters{grid-template-columns:1fr}.pipeline-board{grid-template-columns:repeat(6,240px)}}

/* V20 Business OS */
.quote-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.quote-metrics>div{padding:18px;border:1px solid #262730;border-radius:16px;background:#101016}.quote-metrics span{display:block;font-size:7px;letter-spacing:.13em;color:#656772;margin-bottom:8px}.quote-metrics b{font-size:17px}
.quotes-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.quote-form{padding:18px;display:grid;gap:12px}.quote-form label{font-size:8px;color:#73757f}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;background:#0d0d13;border:1px solid #292a33;border-radius:9px;color:#ddd}.quote-form textarea{min-height:90px}.quote-form .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quote-item{display:grid;grid-template-columns:1fr 70px 130px;gap:7px;margin-bottom:7px}.ghost-admin{background:#191922;color:#aaa}.quote-list{padding:10px}.quote-list article{display:grid;grid-template-columns:1fr auto 120px auto;gap:14px;align-items:center;padding:14px;border-bottom:1px solid #23242c}.quote-list small{display:block;color:#8059d8;font-size:7px;margin-bottom:4px}.quote-list b{font-size:10px}.quote-list span{display:block;color:#6f717b;font-size:8px;margin-top:4px}.quote-list strong{font-size:12px}.quote-list select{background:#0d0d13;border:1px solid #292a33;color:#bbb;padding:7px;border-radius:8px;font-size:8px}.quote-list a{font-size:8px;color:#a77cff}
@media(max-width:950px){.quote-metrics{grid-template-columns:1fr}.quotes-layout{grid-template-columns:1fr}.quote-list article{grid-template-columns:1fr auto}.quote-item{grid-template-columns:1fr 60px 110px}}

/* V21 Admin refinement */
.sidebar{background:linear-gradient(180deg,#0b0b10,#09090d)}
.panel,.crm-metrics>div,.quote-metrics>div,.insight-strip>div{box-shadow:0 16px 50px #00000012}
.panel-head h2{letter-spacing:-.025em}
.btn{transition:.2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}