:root{--navy:#17324d;--blue:#245b87;--green:#2f9e44;--red:#c92a2a;--bg:#f4f7fb;--ink:#122033}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px system-ui,Arial,sans-serif}body.dark{--bg:#101820;--ink:#edf3f7;--navy:#0b304a}.legal{background:#fff3cd;color:#4d3900;text-align:center;font-size:.78rem;font-weight:800;padding:10px;letter-spacing:.02em}header{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:18px max(20px,calc((100% - 1000px)/2))}main{max-width:1000px;margin:28px auto;padding:0 18px}.card,.terminal,.install{background:#fff;border-radius:18px;box-shadow:0 8px 30px #14233818;padding:28px;margin:auto;max-width:700px}.card button,.button,button{display:inline-block;border:0;border-radius:10px;background:#e8edf2;color:#102235;padding:14px 18px;font-weight:800;font-size:1rem;margin:6px;cursor:pointer;text-decoration:none}.primary,.confirm{background:var(--green)!important;color:#fff!important}.warning{font-weight:800;color:#7a5700}.error{color:var(--red)}input,select,textarea{display:block;width:100%;border:2px solid #c9d4df;border-radius:10px;padding:14px;font:inherit;margin:10px 0}.terminal{max-width:720px;text-align:center;background:#e6e9e5;border:10px solid #42515c}.terminal h2{height:65px;background:#fff;padding:10px;font-size:2.2rem;letter-spacing:10px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:430px;margin:22px auto}.keys button{font-size:2rem;background:#26343e;color:#fff;min-height:70px;margin:0}.actions{display:flex;justify-content:center;flex-wrap:wrap}.blank{background:#fff!important;border:2px solid #333!important}.correct,.danger{background:#c92a2a!important;color:#fff!important}.actions button{min-width:145px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats article{background:#fff;padding:22px;border-radius:14px}.stats b{display:block;font-size:2rem;color:var(--blue)}.admin{display:flex}.admin aside{width:230px;min-height:100vh;background:var(--navy);padding:25px;color:#fff}.admin aside a{display:block;color:#fff;text-decoration:none;padding:10px}.admin main{flex:1}.dashboard{background:#f4f7fb}.dashboard .side{background:linear-gradient(180deg,#102c48,#071a2f);width:245px;padding:22px 14px}.brand{font-weight:900;font-size:1.15rem;line-height:1.05;padding:12px;color:#fff;margin-bottom:22px}.brand span{color:#42d8ce;font-size:2rem;float:left;margin-right:8px}.dashboard .side a{border-radius:10px;margin:3px 0;color:#dceafd}.dashboard .side a.active,.dashboard .side a:hover{background:#22619b;color:#fff}.dashboard main{max-width:1400px;margin:0;padding:28px;flex:1}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:2rem}.topbar p{margin-top:5px;color:#64748b}.profile{font-weight:800;color:#132f4b}.profile small{display:block;color:#64748b;font-weight:400;margin-left:18px}.premium article{border:1px solid #e4eaf1}.premium article:nth-child(1){background:#edf8ff}.premium article:nth-child(2){background:#edfcf8}.premium article:nth-child(3){background:#fff5ec}.premium article:nth-child(4){background:#f4efff}.premium i{float:right;font-style:normal;font-size:1.7rem;color:#2386c8}.premium span{display:block}.dash-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin:18px 0}.dash-grid .card{max-width:none;margin:0;min-height:210px;padding:21px}.dash-grid h2{font-size:1.15rem;margin-top:0}.fake-line{height:104px;border-left:2px solid #cfd8e3;border-bottom:2px solid #cfd8e3;display:flex;align-items:end;gap:10%;padding:0 6%;background:linear-gradient(180deg,transparent 49%,#e6edf5 50%,transparent 51%)}.fake-line span{display:block;background:#118b9d;width:12%;border-radius:8px 8px 0 0}.fake-line span:nth-child(1){height:24%}.fake-line span:nth-child(2){height:41%}.fake-line span:nth-child(3){height:36%}.fake-line span:nth-child(4){height:62%}.fake-line span:nth-child(5){height:79%}.fake-line span:nth-child(6){height:92%}.bars{height:104px;border-bottom:2px solid #cfd8e3;display:flex;align-items:end;gap:12%;padding:0 8%}.bars i{background:linear-gradient(#338ce7,#1860ad);color:#fff;width:14%;font-style:normal;font-size:.7rem;text-align:center;padding:4px 0;border-radius:6px 6px 0 0}.bars i:nth-child(2){background:linear-gradient(#ff9955,#e95c23)}.bars i:nth-child(3){background:linear-gradient(#48bd77,#27894f)}.bars i:nth-child(4){background:linear-gradient(#a984ff,#7656d5)}.activity{border-bottom:1px solid #edf0f4;padding:7px 0;margin:0}.quick{display:grid;grid-template-columns:1fr}.quick a{padding:13px;border-radius:10px;text-decoration:none;color:#0f556e;background:#edfaf9;margin:4px 0;font-weight:800}.quick a:nth-of-type(2){background:#fff2e9;color:#b84e14}.quick a:nth-of-type(3){background:#e8f3ff;color:#175eaa}.candidate{max-width:none;margin:16px 0}.candidate form{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.candidate textarea,.candidate button{grid-column:span 2}@media(max-width:850px){body{font-size:16px}.admin,.dashboard{display:block}.dashboard .side,.admin aside{width:auto;min-height:auto;display:flex;overflow:auto;gap:3px}.dashboard .side .brand,.admin aside h2{display:none}.dashboard .side a,.admin aside a{white-space:nowrap}.dashboard main{padding:16px}.dash-grid{grid-template-columns:1fr}.candidate form{display:block}.topbar{align-items:flex-start}.profile{font-size:.85rem}.stats{grid-template-columns:repeat(2,1fr)}.terminal{padding:16px;border-width:6px}.actions button{min-width:100px;padding:13px 8px}}
