/* CJIT Spectrum v1.0.0 | CJIT Solutions | visual components; no data dependencies */
:root{color-scheme:dark;--cjit-bg:#020811;--cjit-surface:#071929;--cjit-raised:#0b2638;--cjit-cyan:#20dfff;--cjit-green:#48fa79;--cjit-text:#f5fcff;--cjit-muted:#a8c1cf;--cjit-line:#0b94c2;--cjit-danger:#ff6c86;--cjit-warning:#ffd06d;--cjit-glow:0 0 22px #20dfff22,inset 0 1px #acfdff16}
.cjit-spectrum{box-sizing:border-box;min-height:100%;background:radial-gradient(ellipse at 75% 0%,#074b6470,transparent 43%),linear-gradient(125deg,#020811,#051724 60%,#020811);color:var(--cjit-text);font:14px/1.5 Inter,"Segoe UI",system-ui,sans-serif}
.cjit-spectrum *,.cjit-spectrum *::before,.cjit-spectrum *::after{box-sizing:border-box}
.cjit-spectrum a{color:#64eaff;text-decoration:none}.cjit-spectrum a:hover{text-decoration:underline}
.cjit-spectrum :is(a,button,input,select,textarea):focus-visible{outline:2px solid #64faff;outline-offset:3px}
.cjit-spectrum button{font:inherit;cursor:pointer}.cjit-spectrum button:disabled{opacity:.5;cursor:not-allowed}
.cjit-spectrum h1,.cjit-spectrum h2,.cjit-spectrum h3{letter-spacing:-.5px;line-height:1.12;color:#f9ffff}
.cjit-spectrum h1{font-size:clamp(29px,4vw,46px);margin:9px 0}.cjit-spectrum h2{font-size:22px}.cjit-spectrum h3{font-size:17px;margin:0 0 10px}
.cjit-spectrum p{color:var(--cjit-muted)}
.cjit-spectrum .cjit-accent{color:var(--cjit-green)}
.cjit-spectrum .cjit-topbar{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px clamp(16px,3vw,36px);border-bottom:1px solid var(--cjit-cyan);background:linear-gradient(120deg,#020811 5%,#041625 45%,#07465e 77%,#020b14)}
.cjit-spectrum .cjit-topbar:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(133deg,transparent 0 100px,#19caff11 101px,#19caff11 104px,transparent 105px 146px)}
.cjit-spectrum .cjit-topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none;background:linear-gradient(90deg,#0addff,transparent 35%,#3dff8b 56%,transparent 70%,#0addff);filter:drop-shadow(0 0 5px #0adfff)}
.cjit-spectrum .cjit-brand{position:relative;display:flex;gap:20px;align-items:center}.cjit-spectrum .cjit-wordmark{font-size:30px;font-weight:950;font-style:italic;letter-spacing:-2px;color:white}.cjit-spectrum .cjit-wordmark:first-letter{color:var(--cjit-green)}
.cjit-spectrum .cjit-brand-title{border-left:1px solid #81bed3;padding-left:19px;font-weight:900;font-size:clamp(17px,2vw,25px)}.cjit-spectrum .cjit-brand-title small{display:block;letter-spacing:1.3px;text-transform:uppercase;font-weight:500;font-size:10px;color:#a9cbdc}
.cjit-spectrum .cjit-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 80px)}
.cjit-spectrum .cjit-sidebar{padding:22px 12px;border-right:1px solid #155d7b;background:linear-gradient(#051927,#020c15)}
.cjit-spectrum .cjit-nav{display:grid;gap:7px}
.cjit-spectrum .cjit-nav a{padding:11px 14px;color:#bed6e4;border:1px solid transparent;border-radius:10px;font-weight:750;display:flex;align-items:center;min-height:44px}
.cjit-spectrum .cjit-nav a:hover,.cjit-spectrum .cjit-nav a.active{color:#fff;background:#0b3549;border-color:#15bce4;box-shadow:inset 3px 0 var(--cjit-green),0 0 15px #1de6ff26;text-decoration:none}
.cjit-spectrum .cjit-main{width:min(100%,1480px);margin:auto;padding:clamp(18px,3vw,40px)}
.cjit-spectrum .cjit-hero{border-bottom:1px solid #176681;padding:20px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cjit-spectrum .cjit-kicker{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:1.6px;color:#65e8ff}
.cjit-spectrum .cjit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.cjit-spectrum .cjit-card{min-width:0;padding:22px;border:1px solid #0b94c2;border-radius:17px;background:linear-gradient(145deg,#082f44,#051724 65%,#03101b);box-shadow:var(--cjit-glow),0 10px 24px #0007}
.cjit-spectrum .cjit-card:hover{border-color:#29e0ff;box-shadow:0 0 22px #15dfff3b}
.cjit-spectrum .cjit-btn{min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:9px 17px;border-radius:10px;border:1px solid #13b9e2;background:linear-gradient(140deg,#0a425a,#041625);color:#ebfdff;font-weight:800;box-shadow:0 0 13px #00ccff25;transition:box-shadow .16s,transform .16s;text-decoration:none}
.cjit-spectrum .cjit-btn:hover{box-shadow:0 0 19px #00dbff58;transform:translateY(-1px);text-decoration:none}
.cjit-spectrum .cjit-btn.primary{border-color:#65ffa0;background:linear-gradient(115deg,#0bbf78,#07575c);box-shadow:0 0 17px #25ff924b}
.cjit-spectrum .cjit-btn.primary:hover{box-shadow:0 0 22px #25ff9280}
.cjit-spectrum .cjit-btn.danger{border-color:#ad526a;background:#491b2b}
.cjit-spectrum .cjit-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid #0da3c8;color:#aeefff;background:#0a2d3e;font-size:11px;font-weight:850}
.cjit-spectrum .cjit-badge.ok{border-color:#4aff8b;color:#87ffb5;background:#053623;box-shadow:0 0 14px #10eb7440}
.cjit-spectrum .cjit-badge.warn{border-color:#a78042;color:#ffdc96;background:#302319}
.cjit-spectrum .cjit-badge.error{border-color:#b85a78;color:#ffc4d1;background:#371927}
.cjit-spectrum .cjit-metric{font-size:38px;font-weight:900;line-height:1.3;letter-spacing:-1px}
.cjit-spectrum .cjit-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:#b0cbd9}
.cjit-spectrum .cjit-input,.cjit-spectrum .cjit-select{width:100%;padding:11px 13px;background:#031522;border:1px solid #177b9e;border-radius:9px;color:#f6fdff;font:inherit}
.cjit-spectrum .cjit-tablewrap{overflow:auto;border:1px solid #138ab5;border-radius:12px}
.cjit-spectrum .cjit-table{min-width:510px;width:100%;border-collapse:collapse;text-align:left}
.cjit-spectrum .cjit-table :is(td,th){padding:14px 17px;border-bottom:1px solid #17546e}
.cjit-spectrum .cjit-table th{background:#092a3e;font-size:11px;color:#b8f4ff;letter-spacing:1px}
.cjit-spectrum .cjit-table tr:last-child td{border:0}
.cjit-spectrum .cjit-table tbody tr:hover{background:#0b364a}
.cjit-spectrum .cjit-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cjit-spectrum .cjit-divider{height:2px;margin:24px 0;background:linear-gradient(90deg,transparent,#20dfff,#48fa79,transparent);box-shadow:0 0 14px #00ffba65}
.cjit-spectrum .cjit-toast{position:fixed;right:22px;bottom:22px;max-width:340px;padding:14px 18px;border-radius:12px;background:#0a3042;color:#fff;border:1px solid #49ff90;z-index:100;box-shadow:0 0 16px #00ff9455}
@media(max-width:1000px){.cjit-spectrum .cjit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cjit-spectrum .cjit-layout{grid-template-columns:1fr}.cjit-spectrum .cjit-sidebar{border-right:0;border-bottom:1px solid #147d9e;padding:10px}.cjit-spectrum .cjit-nav{display:flex;overflow:auto}.cjit-spectrum .cjit-nav a{white-space:nowrap}.cjit-spectrum .cjit-grid{grid-template-columns:1fr}.cjit-spectrum .cjit-wordmark{font-size:23px}.cjit-spectrum .cjit-hero{display:block}}
@media(prefers-reduced-motion:reduce){.cjit-spectrum .cjit-btn{transition:none}}