:root{
  --bg:#07101b;--bg2:#0a1322;--panel:#0d1726;--panel2:#111d2e;--line:#203049;
  --text:#f8fafc;--muted:#91a2b9;--gold:#f4b915;--gold2:#d99a00;--green:#22c55e;
  --blue:#3b82f6;--purple:#8b5cf6;--red:#ef4444;--orange:#f59e0b;--sidebar:240px;--topbar:68px
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0,#0d1b30 0,#07101b 36%,#050c15 100%);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}a{color:#d8e6ff;text-decoration:none}button,input,select,textarea{font:inherit}.muted,small{color:var(--muted)}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);z-index:20;background:linear-gradient(180deg,#08111d,#07101b 76%,#081424);border-right:1px solid #1b2a3f;padding:18px 14px;display:flex;flex-direction:column;box-shadow:12px 0 36px rgba(0,0,0,.18)}
.brand-logo{display:flex;align-items:center;height:72px;padding:0 8px 16px;border-bottom:1px solid #1b2a3f;margin-bottom:14px}.brand-logo img{width:176px;height:auto;display:block}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:10px;color:#d6dfeb;font-weight:650;transition:.18s ease}.sidebar nav a:hover{background:#0f1c2f;border-color:#203652;color:#fff;transform:translateX(1px)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(244,185,21,.17),rgba(244,185,21,.07));border-color:rgba(244,185,21,.25);color:var(--gold)}
.nav-icon{width:21px;height:21px;display:inline-grid;place-items:center;flex:0 0 21px}.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-product{margin-top:auto;border:1px solid #22324a;border-radius:14px;padding:14px;background:linear-gradient(180deg,#0c1726,#09121f);display:grid;gap:4px}.sidebar-product img{width:150px}.sidebar-product>span{color:#9eabc0;margin-left:1px}.sidebar-product small{margin-top:4px}.side-foot{display:flex;justify-content:space-between;gap:8px;padding:10px 4px 0;font-size:12px}.side-foot a{color:#7890ad}.side-foot a:hover{color:#fff}
.topbar{position:fixed;left:var(--sidebar);right:0;top:0;height:var(--topbar);z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,16,27,.92);backdrop-filter:blur(10px);border-bottom:1px solid #1b2a3f}.menu-btn{border:0;background:transparent;color:#90a3bb;padding:8px;cursor:pointer}.menu-btn .nav-icon{width:23px}.topbar-right{display:flex;align-items:center;gap:18px}.notification{position:relative;color:#c9d4e3;display:grid;place-items:center}.notification i{position:absolute;right:1px;top:0;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #07101b}.admin-user{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dca500,#835f00);color:white;font-weight:800;border:1px solid rgba(255,255,255,.12)}.admin-user div{display:grid}.admin-user strong{font-size:13px}.admin-user small{font-size:11px}
.cc-main{margin-left:var(--sidebar);padding:calc(var(--topbar) + 28px) 28px 24px;min-height:100vh;max-width:1680px}.page-head{margin-bottom:22px}.page-head h1{font-size:28px;margin:0 0 4px;letter-spacing:-.02em}.page-head p{margin:0;color:#a2b1c3}.cc-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;color:#7f91a9;font-size:12px;margin-top:18px;padding:14px 2px}.version-pill{background:linear-gradient(90deg,#7157ff,#5844da);color:white;padding:4px 9px;border-radius:8px;font-weight:800}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-card{min-height:130px;background:linear-gradient(145deg,#101b2b,#0c1624);border:1px solid #263650;border-radius:14px;padding:22px;display:flex;align-items:center;gap:18px;color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.12);transition:.18s ease}.kpi-card:hover{border-color:#3a4e6b;transform:translateY(-1px)}.kpi-card small{font-size:11px;letter-spacing:.05em}.kpi-card b{display:block;font-size:30px;line-height:1.05;margin:6px 0}.kpi-card p{margin:0;color:#9aa9bd}.kpi-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;flex:0 0 54px}.kpi-icon .nav-icon{width:28px;height:28px}.kpi-icon svg{width:27px;height:27px}.kpi-icon.gold,.strip-icon.gold{background:rgba(244,185,21,.14);color:#ffd54c;border:1px solid rgba(244,185,21,.25)}.kpi-icon.green,.strip-icon.green{background:rgba(34,197,94,.14);color:#67e48c;border:1px solid rgba(34,197,94,.24)}.kpi-icon.blue,.strip-icon.blue{background:rgba(59,130,246,.14);color:#68a6ff;border:1px solid rgba(59,130,246,.24)}.kpi-icon.purple,.strip-icon.purple{background:rgba(139,92,246,.14);color:#b287ff;border:1px solid rgba(139,92,246,.24)}
.panel{background:linear-gradient(145deg,#101b2b,#0b1522);border:1px solid #23344e;border-radius:14px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.1)}.panel h2{margin:0;font-size:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head p{margin:4px 0 0}.analytics-grid{display:grid;grid-template-columns:1.15fr 1fr 1.05fr;gap:16px;margin-top:16px}.analytics-card{min-height:276px}.chart-row{display:flex;align-items:center;gap:26px;height:220px}.donut{position:relative;width:150px;height:150px;border-radius:50%;flex:0 0 150px;display:grid;place-items:center}.donut:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#0d1726;border:1px solid #1d2a3e}.donut span{position:relative;z-index:2;text-align:center;font-size:25px;font-weight:800}.donut span small{display:block;font-size:11px;font-weight:500;margin-top:3px}.license-donut{background:conic-gradient(#f4b915 0 calc(var(--pro)*1%),#3b82f6 calc(var(--pro)*1%) calc((var(--pro) + var(--bus))*1%),#22c55e calc((var(--pro) + var(--bus))*1%) calc((var(--pro) + var(--bus) + var(--agy))*1%),#64748b calc((var(--pro) + var(--bus) + var(--agy))*1%) 100%)}.usage-donut{background:conic-gradient(#f4b915 0 calc(var(--pct)*1%),#26344a calc(var(--pct)*1%) 100%)}.legend{flex:1;display:grid;gap:12px}.legend>div,.status-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #1e2c41}.legend.compact>div{grid-template-columns:auto 1fr auto}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.pro{background:#f4b915}.dot.business{background:#3b82f6}.dot.agency{background:#22c55e}.dot.free{background:#94a3b8}.dot.active{background:#22c55e}.dot.warning{background:#f59e0b}.dot.expired{background:#ef4444}.dot.suspended{background:#8b5cf6}.dot.revoked{background:#475569}.dot.used{background:#f4b915}.dot.remaining{background:#475569}.dot.capacity{background:#26344a}.legend b,.status-list b{font-weight:700}.status-list{margin-top:18px;display:grid;gap:3px}.status-list>div{grid-template-columns:1fr auto}.status-list span{display:flex;align-items:center;gap:9px}
.dashboard-tables{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:16px}.system-strip{margin-top:16px;border:1px solid rgba(244,185,21,.25);background:linear-gradient(90deg,rgba(244,185,21,.055),#0d1726 24%,#0d1726);border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:16px 18px;gap:12px}.system-strip>div{display:flex;gap:11px;align-items:center;border-right:1px solid #1d2b40;padding-right:10px}.system-strip>div:last-child{border-right:0}.strip-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;flex:0 0 39px}.strip-icon .nav-icon{width:20px;height:20px}.system-strip p{margin:0;display:grid}.system-strip strong{font-size:12px}.system-strip small{font-size:11px}
.table-wrap{overflow:auto}.table-wrap table{min-width:620px}table{width:100%;border-collapse:collapse}th,td{padding:12px 9px;border-bottom:1px solid #1d2b40;text-align:left;vertical-align:top}th{font-size:10.5px;color:#91a0b5;text-transform:uppercase;letter-spacing:.04em}td small{display:block;margin-top:3px}.empty{text-align:center!important;padding:34px!important;color:#93a3b9}.empty strong{display:block;color:#aebacf;margin-bottom:5px}.badge{display:inline-flex;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;background:#1a2638;border:1px solid #2b3b55}.badge.active,.badge.published{color:#7ee6a0;background:#102c20;border-color:#245d3b}.badge.expired,.badge.revoked{color:#ff8f97;background:#32171d;border-color:#65303a}.badge.suspended{color:#c9a2ff;background:#241939;border-color:#52327d}.badge.draft{color:#a6b2c5}.btn,button{border:0;background:linear-gradient(90deg,#d79d00,#f4b915);color:#121212;padding:9px 13px;border-radius:8px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover,button:hover{filter:brightness(1.06)}.btn.outline{background:transparent;color:var(--gold);border:1px solid rgba(244,185,21,.65)}.btn.secondary{background:#17243a;color:#dfe8f3;border:1px solid #263954}.btn.danger,button.danger{background:#5c202b;color:#fff}.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.actions form{display:inline}.alert{padding:12px 14px;border-radius:9px;margin:12px 0;border:1px solid transparent}.alert.success{background:#103022;border-color:#25563e}.alert.error{background:#351820;border-color:#71323e}.alert.warning{background:#382b10;border-color:#70581c}
.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-form label{display:grid;gap:6px;color:#c8d2df}.grid-form .full{grid-column:1/-1}input,select,textarea{width:100%;background:#08111d;border:1px solid #2a3b55;color:#fff;padding:11px 12px;border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:#4b658a;box-shadow:0 0 0 3px rgba(59,130,246,.08)}textarea{resize:vertical}.form-actions{display:flex!important;flex-direction:row!important;gap:10px}.license-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#08111d;border:1px dashed #52637e;padding:12px;border-radius:10px;font-size:16px;word-break:break-all}.two,.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.info-list{display:grid}.info-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #1d2b40}.announcement-preview{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;border-radius:12px;background:linear-gradient(90deg,#5035b7,#752fd3)}.announcement-preview code,.fake-btn{background:rgba(255,255,255,.14);padding:8px 10px;border-radius:8px}.announcement-preview.style-gold{background:linear-gradient(90deg,#7c5516,#aa7920)}.announcement-preview.style-blue{background:linear-gradient(90deg,#194d8d,#2774c7)}.announcement-preview.style-green{background:linear-gradient(90deg,#176440,#249160)}
.cp-install{display:grid;place-items:center;min-height:100vh;padding:20px}.install-card{width:min(520px,100%);background:linear-gradient(180deg,#111d2e,#0d1726);border:1px solid #263650;border-radius:16px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.install-card h1{margin:12px 0 4px}.install-card form{display:grid;gap:12px}.install-card label{display:grid;gap:6px;color:#c6d0df}.login-logo{width:190px;margin-bottom:10px}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid>.panel:last-child{grid-column:1/-1}.dashboard-tables{grid-template-columns:1fr}.system-strip{grid-template-columns:1fr 1fr}.system-strip>div:nth-child(2){border-right:0}}
@media(max-width:860px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%)}.topbar{left:0}.cc-main{margin-left:0;padding-left:16px;padding-right:16px}.admin-user div{display:none}.analytics-grid{grid-template-columns:1fr}.analytics-grid>.panel:last-child{grid-column:auto}.grid-form,.two,.settings-grid{grid-template-columns:1fr}.grid-form .full{grid-column:auto}.chart-row{height:auto;min-height:200px}.system-strip{grid-template-columns:1fr}.system-strip>div{border-right:0;border-bottom:1px solid #1d2b40;padding-bottom:10px}.system-strip>div:last-child{border-bottom:0}}
@media(max-width:560px){.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:105px}.chart-row{flex-direction:column;align-items:flex-start}.donut{margin:auto}.topbar{padding:0 14px}.page-head h1{font-size:24px}.cc-main{padding-top:calc(var(--topbar) + 20px)}}

/* v1.4.0 CRM / finance / renewal UX */
.customer-list-search{width:min(460px,100%)}.row-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.row-actions a{white-space:nowrap}.wa-link,.btn.whatsapp{color:#7cf0a1!important}.btn.whatsapp{background:#123b27;border:1px solid #276842}.customer-picker-label{position:relative}.customer-picker{position:relative}.customer-picker-row{display:grid;grid-template-columns:1fr auto;gap:8px}.customer-picker-row .btn{white-space:nowrap}.customer-results{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);display:none;background:#0b1522;border:1px solid #30435f;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.35);max-height:320px;overflow:auto;padding:6px}.customer-results.show{display:block}.customer-result{width:100%;display:grid;text-align:left;background:transparent;color:#fff;border:0;border-radius:8px;padding:10px 11px}.customer-result:hover{background:#142238}.customer-result strong,.customer-result small{display:block}.customer-result small{color:#8fa1b8;margin-top:3px}.customer-no-result{padding:14px;color:#95a5ba}.modal[hidden]{display:none!important}.modal{position:fixed;z-index:999;inset:0;background:rgba(2,8,16,.76);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.modal-card{width:min(760px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(145deg,#101b2b,#0b1522);border:1px solid #334764;border-radius:16px;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-close{background:transparent;color:#cbd7e5;font-size:26px;padding:0 7px}.modal-open{overflow:hidden}.renewal-alert{margin-top:16px;border-color:#6a5421;background:linear-gradient(145deg,#1c1b16,#0d1726)}.renewal-alert .panel-head p{margin:5px 0 0;color:#c9b876}.renewal-count{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#3d2e0a;border:1px solid #866514;color:#ffd759;font-size:18px;font-weight:900}.days-left{display:inline-flex;padding:4px 8px;border-radius:999px;background:#18314c;color:#8bc2ff;font-weight:800}.days-left.soon{background:#3a2d0d;color:#ffd56a}.days-left.urgent{background:#431b22;color:#ff9aa2}.finance-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.finance-mini>div{background:linear-gradient(145deg,#101b2b,#0c1624);border:1px solid #273953;border-radius:12px;padding:16px 18px;display:grid;gap:6px}.finance-mini small{color:#8fa0b6;font-size:10px;font-weight:800;letter-spacing:.04em}.finance-mini strong{font-size:20px}.compact-form{margin-bottom:18px}.compact-form small{color:#8799b0}
@media(max-width:860px){.customer-picker-row{grid-template-columns:1fr}.finance-mini{grid-template-columns:1fr}.renewal-alert .panel-head{align-items:flex-start}.row-actions{gap:6px}}
/* v1.5.0 production CRM polish */
.grid-form>*{min-width:0}.panel,.cc-main{min-width:0}.grid-form input,.grid-form select,.grid-form textarea{max-width:100%}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(2);opacity:.95;cursor:pointer}
.customer-result{background:transparent!important;color:#fff!important;font-weight:400!important}.customer-result:hover{background:#142238!important}.customer-result strong{font-weight:800;color:#fff}.customer-result small{font-weight:400;color:#a8b5c7}
.customer-identity{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#dce5ef}.customer-identity strong{font-weight:800;color:#fff}.customer-identity span{font-weight:400;color:#c5cfdb}.customer-identity a{font-weight:400;color:#c5cfdb}.wa-cell{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wa-number{color:#cbd5e1;text-decoration:underline;text-underline-offset:3px}.row-actions{gap:14px}.row-actions a{padding-right:14px;border-right:1px solid #34445a}.row-actions a:last-child{border-right:0;padding-right:0}
.license-vault{margin-bottom:16px}.license-vault .panel-head p{margin:4px 0 0;color:#9eafc2}.license-key-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.license-key{display:block;flex:1;min-width:280px;padding:13px 15px;border-radius:9px;background:#07101b;border:1px solid #3b4e6b;color:#ffe06a;font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.accounting-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.accounting-filter{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:8px;width:100%}.activation-help{margin-bottom:16px}.activation-help p{margin:7px 0 0;color:#aab8c9;max-width:900px}
.finance-mini{background:linear-gradient(145deg,#101b2b,#0c1624);border:1px solid #273953;border-radius:14px;padding:16px}.finance-mini>div{border:0;background:transparent;padding:4px 12px;border-right:1px solid #26364d;border-radius:0}.finance-mini>div:last-child{border-right:0}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.dashboard-tables{grid-template-columns:1fr}.system-strip{grid-template-columns:repeat(2,1fr)}.system-strip>div:nth-child(2){border-right:0}.grid-form{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:250px;transition:transform .2s ease}.sidebar.mobile-open{transform:translateX(0);box-shadow:20px 0 70px rgba(0,0,0,.55)}.topbar{left:0;padding:0 14px}.cc-main{margin-left:0;padding-left:14px;padding-right:14px}.admin-user div{display:none}.grid-form{grid-template-columns:1fr}.grid-form .full{grid-column:auto}.kpi-grid,.accounting-kpis{grid-template-columns:1fr}.finance-mini{grid-template-columns:1fr}.finance-mini>div{border-right:0;border-bottom:1px solid #26364d;padding:10px 4px}.finance-mini>div:last-child{border-bottom:0}.system-strip{grid-template-columns:1fr}.system-strip>div{border-right:0;border-bottom:1px solid #1d2b40;padding:9px 0}.system-strip>div:last-child{border-bottom:0}.chart-row{height:auto;min-height:210px;flex-wrap:wrap}.customer-picker-row{grid-template-columns:1fr}.panel{padding:15px}.page-head h1{font-size:24px}.accounting-filter{grid-template-columns:1fr}.table-wrap{margin-left:-4px;margin-right:-4px}.table-wrap table{min-width:720px}.license-key{min-width:100%;font-size:12px}.row-actions{gap:8px}}
@media(max-width:520px){.kpi-card{min-height:108px;padding:16px}.topbar-right{gap:10px}.cc-main{padding-top:calc(var(--topbar) + 16px)}.page-head{margin-bottom:16px}.panel-head{align-items:flex-start;flex-wrap:wrap}.customer-identity{display:grid;gap:2px}.customer-identity span{display:none}}