:root{--bg:#080d1a;--panel:#10182b;--panel2:#151f36;--line:#243251;--text:#edf2ff;--muted:#94a3c4;--accent:#7c5cff;--accent2:#35a7ff;--danger:#ff5e73;--ok:#2dd4a7;--warn:#ffbf69;--shadow:0 20px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100%}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted);font-size:.9rem}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#261b56 0,transparent 35%),radial-gradient(circle at 80% 15%,#113b60 0,transparent 35%),var(--bg)}.auth-card,.install-card{width:min(430px,92vw);padding:34px;background:rgba(16,24,43,.92);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.auth-card h1,.install-card h1{margin:18px 0 8px;font-size:1.65rem}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:1.8rem;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 35px rgba(124,92,255,.35)}.brand-mark.small{width:40px;height:40px;border-radius:13px;font-size:1.25rem}.stack{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:7px;color:#cbd5ef;font-size:.88rem}input,select,textarea{width:100%;background:#0b1222;border:1px solid #293858;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(124,92,255,.12)}.password-wrap{display:flex;gap:7px}.icon-btn{border:0;background:#17223a;color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #314162;background:#18243e;color:var(--text);padding:10px 14px;border-radius:11px;cursor:pointer;text-decoration:none;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:#53658e}.btn.primary{background:linear-gradient(135deg,var(--accent),#5b70ff);border-color:transparent;font-weight:700}.btn.ghost{background:transparent}.btn.danger{color:#ffd3da}.btn.small{padding:7px 10px;font-size:.82rem}.btn.wide{width:100%}.form-error{color:#ff9dab;font-size:.9rem;min-height:20px}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:20px 14px;background:#0b1121;border-right:1px solid #1d2942;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:4px 7px 22px}.brand b{display:block}.brand span{display:block;font-size:.78rem;color:var(--muted)}nav{display:grid;gap:6px}.nav{width:100%;border:0;background:transparent;color:#b9c5e1;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer}.nav:hover,.nav.active{background:#151f36;color:#fff}.nav.active{box-shadow:inset 3px 0 var(--accent)}.nav.danger{color:#ff8fa0}.sidebar-bottom{margin-top:auto}.user-email{font-size:.75rem;color:var(--muted);padding:12px;word-break:break-all}.main{padding:24px 28px 50px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px}.topbar h2{margin:0 0 3px}.top-actions,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:linear-gradient(160deg,#111b30,#0f1728);border:1px solid var(--line);border-radius:16px;padding:19px}.stat span{color:var(--muted);font-size:.82rem}.stat b{display:block;margin-top:8px;font-size:1.5rem}.panel{background:linear-gradient(160deg,rgba(17,27,48,.98),rgba(12,19,34,.98));border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.12);margin-bottom:16px}.panel h3{margin:0 0 5px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-head p{margin:0}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .span2{grid-column:span 2}.drop{height:178px;border:1.5px dashed #3b4d75;border-radius:14px;display:grid;place-items:center;align-content:center;gap:8px;position:relative;background:#0b1222;cursor:pointer}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop span{color:var(--muted);font-size:.86rem}.table-wrap{overflow:auto;border-radius:12px;border:1px solid #22304c}.data-table{width:100%;border-collapse:collapse;min-width:1080px}.data-table th{position:sticky;top:0;background:#111b30;color:#9fb0d2;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:10px;border-bottom:1px solid #273554}.data-table td{padding:9px 10px;border-bottom:1px solid #1b2740;font-size:.86rem;vertical-align:top}.data-table tr:hover td{background:#111a2d}.data-table input{padding:7px 8px;border-radius:8px}.money{text-align:right;font-variant-numeric:tabular-nums}.totals{display:flex;justify-content:flex-end;gap:24px;padding:16px 4px 0;font-variant-numeric:tabular-nums}.totals b{font-size:1.05rem}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#202d4d;color:#c8d7fb;font-size:.78rem}.status-ok{color:var(--ok)}.status-warn{color:var(--warn)}.list{display:grid;gap:8px}.list-item{padding:11px 12px;border:1px solid #22304c;background:#0d1526;border-radius:11px}.list.compact .list-item{padding:8px 10px;font-size:.8rem}.guided-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:16px}.guided-card{min-height:570px}.guided-top{display:flex;align-items:center;justify-content:space-between}.guided-card h2{font-size:1.4rem;margin:22px 0 10px}.spec{padding:14px;background:#0b1222;border:1px solid #22304c;border-radius:12px;color:#c7d4ef;margin-bottom:18px;min-height:70px}.guided-actions{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.check input{width:auto}.research-results{display:grid;gap:10px}.research-card{border:1px solid #28395a;border-radius:13px;padding:13px;background:#0b1324}.research-card .head{display:flex;justify-content:space-between;gap:12px}.research-card h4{margin:0 0 5px}.research-card .price{font-size:1.1rem;font-weight:800;color:#d8e1ff}.research-card a{color:#78c4ff}.compat-exact{color:var(--ok)}.compat-compatible{color:#72b8ff}.compat-verify{color:var(--warn)}.price-summary{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.price-pill{padding:8px 10px;background:#17223a;border-radius:10px}.sources{margin-top:14px;display:grid;gap:5px}.sources a{color:#91ccff;font-size:.83rem}.profile-grid{grid-template-columns:repeat(3,1fr)}.system-cards{display:grid;gap:10px}.sys-row{display:flex;justify-content:space-between;border-bottom:1px solid #23304b;padding:10px 0}.toast{position:fixed;right:22px;bottom:22px;z-index:50;padding:12px 16px;background:#17223a;border:1px solid #32466d;border-radius:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:none}.alert{padding:11px;border-radius:10px;margin:12px 0}.alert.success{background:#12372f;color:#7af1cd}.alert.danger{background:#3d1920;color:#ffabb7}dialog{border:1px solid #2d3f62;border-radius:18px;background:#10182b;color:var(--text);width:min(520px,92vw);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,6,16,.72);backdrop-filter:blur(4px)}.dialog-form{display:grid;gap:14px}.install-card code{color:#a9c7ff}@media(max-width:1000px){.app{grid-template-columns:82px 1fr}.brand>div:last-child,.nav{font-size:0}.nav::first-letter{font-size:1rem}.sidebar{padding:16px 8px}.brand{justify-content:center}.user-email{display:none}.stats{grid-template-columns:1fr 1fr}.grid.two,.guided-layout{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.app{display:block}.sidebar{position:static;height:auto;flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #1d2942}.brand{display:none}nav{display:flex}.sidebar-bottom{display:flex;margin:0}.main{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.form-grid,.profile-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.totals{flex-direction:column;gap:5px}.nav{font-size:.78rem;white-space:nowrap}.nav::first-letter{font-size:inherit}}
