:root{--bg:#071015;--panel:#0c171d;--panel2:#0f1d24;--line:#1c3039;--text:#eef7f8;--muted:#79909a;--accent:#68f0d0;--accent2:#a6ffea;--danger:#ff7474;--shadow:0 24px 70px rgba(0,0,0,.22)}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 70% 0,#102a31 0,#071015 35%,#050a0d 100%);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%}
a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:30px 20px;border-right:1px solid var(--line);background:rgba(5,12,15,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.16em}.brand-mark{width:38px;height:38px;border:1px solid #4d8d82;display:grid;place-items:center;transform:rotate(45deg);border-radius:9px;color:var(--accent);font-weight:800;box-shadow:0 0 24px rgba(104,240,208,.12)}.brand-mark::first-letter{transform:rotate(-45deg)}.brand b{font-size:14px}.brand small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
nav{margin-top:42px;display:grid;gap:7px}nav a{padding:12px 13px;border-radius:9px;color:#9fb3bb;transition:.2s}nav a:hover,nav a.active{background:#102128;color:#fff;border:1px solid #1a3940;padding:11px 12px}.side-bottom{margin-top:auto;color:var(--muted);display:grid;gap:14px;font-size:12px}.side-bottom a{color:#b9ccd2}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 12px var(--accent)}
main{padding:34px 42px 60px;max-width:1600px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{margin:3px 0 0;font-size:26px;letter-spacing:-.03em}.eyebrow{color:var(--accent);font-size:9px;letter-spacing:.24em;font-weight:800}.user-chip{border:1px solid var(--line);background:#0d181e;padding:9px 13px;border-radius:20px;color:#b8c7cc}
.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:32px;border:1px solid #17333b;border-radius:18px;background:linear-gradient(130deg,rgba(18,42,48,.92),rgba(8,17,22,.86));box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(104,240,208,.08);border-radius:50%;right:80px;top:-180px;box-shadow:0 0 60px rgba(104,240,208,.05)}.hero h2{font-size:31px;max-width:700px;margin:8px 0 6px;letter-spacing:-.04em}.hero p{margin:0;color:#8fa6ae;max-width:710px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,26,32,.96),rgba(9,19,24,.96));border-radius:15px;box-shadow:var(--shadow)}.stat{padding:20px}.stat span{display:block;color:#8299a2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:27px;margin:8px 0 1px;letter-spacing:-.04em}.stat strong.smaller{font-size:19px}.stat small{color:#687e87}
.split{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin:14px 0}.form-split{grid-template-columns:1.5fr .8fr}.panel{padding:20px;margin:14px 0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head h3{margin:3px 0;font-size:17px}.panel-head>a{color:var(--accent);font-size:12px}.node-list{display:grid;gap:10px}.node{background:#091319;border:1px solid #172a32;border-radius:12px;padding:15px}.node-top,.meter-label{display:flex;justify-content:space-between;gap:15px}.node-top small{display:block;color:var(--muted);margin-top:2px}.node-top>span{color:#9cb0b7;font-size:12px}.meter-label{margin-top:15px;color:#80969e;font-size:10px}.meter,.tiny-meter{height:5px;border-radius:10px;background:#13252d;overflow:hidden;margin-top:6px}.meter i,.tiny-meter i{display:block;height:100%;background:linear-gradient(90deg,#3a9c8b,var(--accent));border-radius:10px}.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;color:#718891;font-size:10px;margin-top:12px}.activity>div{display:flex;gap:10px;border-bottom:1px solid #14272f;padding:10px 0}.activity>div:last-child{border:0}.activity-icon{color:var(--accent)}.activity p{margin:0}.activity small{display:block;color:#647a83;margin-top:2px}.empty{padding:25px;color:#647b84;text-align:center}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{text-align:left;color:#66808a;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:10px;border-bottom:1px solid #193039}td{padding:12px 10px;border-bottom:1px solid #13262e;color:#b6c7cd;vertical-align:middle}td b{color:#eef7f8}td small{display:block;color:#647b84}.pill,.status{display:inline-block;border:1px solid #25414a;padding:4px 7px;border-radius:12px;font-size:10px;color:#9fc7c1;background:#0e2026}.status{color:var(--accent);border-color:#1f4b42}.tiny-meter{width:100px;height:3px}
form label{display:grid;gap:6px;color:#77909a;font-size:11px}input,select,textarea{width:100%;background:#081216;border:1px solid #1e343d;color:#e8f1f3;border-radius:9px;padding:10px 11px;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:#3f8278;box-shadow:0 0 0 3px rgba(104,240,208,.06)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .full{grid-column:1/-1}
button{font:inherit;cursor:pointer}.primary,.ghost{border-radius:9px;padding:10px 14px;border:1px solid #438d80;background:linear-gradient(180deg,#6de7cf,#48bea9);color:#06100e;font-weight:800}.ghost{background:#0b1a20;color:#9ed5cb;border-color:#274942}.wide{width:100%;margin-top:5px}.flash{padding:11px 13px;border-radius:9px;margin:10px 0;border:1px solid #265043;background:#0f261f;color:#9ff1df}.flash.danger{border-color:#653236;background:#261214;color:#ffadad}
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:34px;border:1px solid #1a333b;background:rgba(8,18,22,.93);border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.4)}.login-card p{color:#758d96;margin:25px 0}.login-card form{display:grid;gap:14px}.login-brand{margin-bottom:8px}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:block}.sidebar nav{display:flex;overflow:auto;margin-top:25px}.side-bottom{display:none}main{padding:24px}.stats-grid{grid-template-columns:1fr 1fr}.split,.form-split{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:650px){main{padding:18px}.stats-grid{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column}.hero h2{font-size:24px}.form-grid,.form-grid.three{grid-template-columns:1fr}.topbar{align-items:flex-start}.sidebar{padding:20px}.sidebar nav a{white-space:nowrap}}

/* Arythos Command Center v1 */
[data-theme="light"]{--bg:#eef4f5;--panel:#fff;--panel2:#f5f9fa;--line:#cedcdf;--text:#102328;--muted:#61777e;--accent:#087c6b;--accent2:#075f54;--shadow:0 18px 50px rgba(24,52,58,.1)}[data-theme="light"] body{background:#eef4f5}[data-theme="light"] .sidebar{background:#f8fbfb}[data-theme="light"] .panel,[data-theme="light"] .stat,[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{background:#fff;color:#102328}[data-theme="slate"]{--bg:#0a1020;--panel:#10192c;--panel2:#15213a;--line:#263654;--text:#f1f5ff;--muted:#8798b9;--accent:#77a7ff;--accent2:#a6c4ff}[data-theme="high-contrast"]{--bg:#000;--panel:#080808;--panel2:#111;--line:#666;--text:#fff;--muted:#ddd;--accent:#00ffbf;--accent2:#fff}
.user-chip{display:grid;padding:8px 15px}.user-chip small{text-transform:uppercase;color:var(--muted);font-size:8px;letter-spacing:.1em}.side-bottom small{font-size:9px}.side-bottom span{display:flex;align-items:center;gap:7px}.link-button{border:0;background:none;color:#b9ccd2;padding:0}.button-link{display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.spaced-form{margin-top:12px}
.status{text-transform:capitalize}.status-working,.status-new,.status-contacted,.status-qualified,.status-quoted{color:#ffd783;border-color:#66562b}.status-active,.status-converted{color:var(--accent)}.status-locked{color:#ffb26b;border-color:#69451f}.status-canceled{color:#ff8c8c;border-color:#653236}
.pipeline-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:14px 0}.pipeline-summary>div{padding:14px;border:1px solid var(--line);background:var(--panel);border-radius:11px}.pipeline-summary span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.pipeline-summary strong{font-size:22px}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;align-items:end}.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lead-card{padding:18px;border:1px solid var(--line);border-left:3px solid #577078;background:var(--panel);border-radius:13px}.lead-card.priority-high{border-left-color:#ffbd59}.lead-card.priority-urgent{border-left-color:#ff6868}.lead-card header,.notes header,.user-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lead-card h3{margin:18px 0 4px}.lead-card p,.lead-card small{color:var(--muted)}.lead-service{margin:15px 0;padding:9px;background:var(--panel2);border-radius:8px}.priority{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9eb0b7}.priority-high{color:#ffd06b}.priority-urgent{color:#ff8585}
.status-track{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:0 0 14px}.status-track span{text-align:center;padding:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:10px;text-transform:uppercase}.status-track span.current{color:#06100e;background:var(--accent);border-color:var(--accent)}.customer-track{grid-template-columns:repeat(4,1fr)}.detail-list{display:grid;gap:0}.detail-list div{display:grid;grid-template-columns:110px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0}.request-copy{white-space:pre-wrap;padding:16px;background:var(--panel2);border-radius:10px;margin-top:16px}.note-form{display:grid;grid-template-columns:1fr 130px auto;gap:10px;align-items:end}.notes article{padding:14px 0;border-bottom:1px solid var(--line)}.notes time{color:var(--muted);font-size:10px;margin-left:auto}.notes p{white-space:pre-wrap}.permission-grid{border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.permission-grid legend{color:var(--muted);font-size:10px;padding:0 7px}.permission-grid label{display:flex;align-items:center;gap:7px;background:var(--panel2);padding:8px;border-radius:7px}.permission-grid input{width:auto}.team-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.user-card header{margin-bottom:15px}.user-card h3{margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid .panel{display:grid;gap:12px}.settings-grid h3{margin:0}.backup-list>div{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line)}.credential-vault{margin-top:18px;padding:14px;border:1px solid #315c54;background:var(--panel2);border-radius:11px;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center}.credential-vault small{display:block;color:var(--muted)}.credential-vault code{padding:9px;background:#04090b;border-radius:7px;color:var(--accent)}.error-panel{text-align:center;padding:80px 20px}.error-panel h2{margin-bottom:30px}
@media(max-width:1100px){.pipeline-summary{grid-template-columns:repeat(4,1fr)}.lead-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr 1fr}.team-cards,.settings-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.pipeline-summary{grid-template-columns:1fr 1fr}.lead-grid{grid-template-columns:1fr}.filter-bar,.note-form{grid-template-columns:1fr}.status-track{overflow:auto;grid-template-columns:repeat(6,120px)}.customer-track{grid-template-columns:repeat(4,120px)}.permission-grid{grid-template-columns:1fr}.credential-vault{grid-template-columns:1fr}.credential-vault code{overflow:auto}}
.inline-filter{display:flex;gap:7px}.inline-filter input,.inline-filter select{width:auto}@media(max-width:650px){.panel-head{align-items:flex-start;gap:12px}.inline-filter{flex-direction:column}.inline-filter input,.inline-filter select{width:100%}}
.settings-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.setting-option{display:grid;gap:5px;padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:13px}.setting-option span{color:var(--accent);font-size:9px;letter-spacing:.18em}.setting-option b{font-size:15px}.setting-option small{color:var(--muted)}.setting-option:hover,.setting-option.selected{border-color:#438d80;background:var(--panel2);box-shadow:0 0 0 2px rgba(104,240,208,.05)}.form-actions{display:flex;gap:10px}.danger-zone{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.danger-button{border:1px solid #653236;background:#261214;color:#ffadad;border-radius:9px;padding:10px 14px;font-weight:700}.client-details{grid-template-columns:1fr 1fr;column-gap:28px}.client-details .full-detail{grid-column:1/-1}.client-details dd{white-space:pre-wrap}.backup-policy{max-width:760px}
@media(max-width:1000px){.settings-menu{grid-template-columns:1fr 1fr}}@media(max-width:650px){.settings-menu,.client-details{grid-template-columns:1fr}.form-actions{flex-direction:column}.danger-zone{justify-content:stretch}.danger-button{width:100%}}