:root{--bg:#0b0e14;--bg-2:#0f1320;--panel:#131826;--panel-2:#1a2131;--panel-3:#222b40;--line:#242e44;--line-2:#2e3a55;--text:#eef1f7;--muted:#9aa6bd;--muted-2:#6f7b93;--accent:#5b8cff;--accent-2:#8ab2ff;--accent-soft:rgba(91,140,255,.14);--good:#35d49a;--good-soft:rgba(53,212,154,.12);--bad:#ff6b6b;--bad-soft:hsla(0,100%,71%,.1);--radius:14px;--shadow:0 8px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 500px at 15% -10%,rgba(91,140,255,.12),transparent 60%),radial-gradient(900px 400px at 110% 0,rgba(53,212,154,.08),transparent 55%),var(--bg);color:var(--text);line-height:1.5}.page{max-width:1120px;margin:0 auto;padding:24px 20px 72px}.hero{margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brand-logo{display:grid;place-items:center;width:52px;height:52px;font-size:28px;background:linear-gradient(135deg,var(--panel-3),var(--panel-2));border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow)}.brand-text h1{margin:0;font-size:26px;line-height:1.15;letter-spacing:-.02em}.tagline{margin:2px 0 0;font-size:13.5px}.sub,.tagline{color:var(--muted)}.sub{margin:0 0 16px;max-width:640px}.presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.presets-label{color:var(--muted);font-size:13px;margin-right:2px}.preset-btn{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,transform .05s}.preset-btn:hover{border-color:var(--accent);color:var(--accent-2)}.preset-btn:active{transform:translateY(1px)}.layout{display:grid;grid-template-columns:1fr 360px;grid-gap:24px;gap:24px;align-items:start}.cols{display:flex;flex-direction:column;gap:16px}@media (max-width:900px){.layout{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.card-head{justify-content:space-between;gap:8px;margin-bottom:12px}.card-head,.cat-title{display:flex;align-items:center}.cat-title{gap:10px}.cat-icon{display:grid;place-items:center;width:34px;height:34px;font-size:17px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.card-head h3{margin:0;font-size:15px;letter-spacing:.01em}.head-right{display:flex;align-items:center;gap:8px}.count{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:8px;margin-bottom:8px}.search-input,.sort-select{background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:7px 11px;font-size:13px;font-family:inherit}.search-input{flex:1 1;min-width:0}.search-input::placeholder{color:var(--muted-2)}.search-input:focus,.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,140,255,.15)}.sort-select option{background:var(--panel)}.hide-bad{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:12.5px;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-bad input{accent-color:var(--accent);width:15px;height:15px}.no-result{color:var(--muted);font-size:13px;padding:8px 0}.clear-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px;font-family:inherit;transition:color .15s,border-color .15s}.clear-btn:hover{color:var(--bad);border-color:var(--bad)}.opts{flex-direction:column;gap:8px}.opt,.opts{display:flex}.opt{align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:10px 12px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s,opacity .15s}.opt:hover{border-color:var(--accent-2);background:var(--panel-3)}.opt.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.opt.bad{opacity:.55}.opt-left{min-width:0}.opt-name{display:block;font-weight:600;font-size:13.5px}.opt-meta{display:block;color:var(--muted);font-size:12px;margin-top:1px}.opt-specs{display:block;color:var(--muted-2);font-size:11.5px;margin-top:3px;letter-spacing:.01em}.chip-bad,.reasons{color:var(--bad)}.chip-bad{display:inline-block;margin-left:8px;font-size:10.5px;font-weight:700;border:1px solid var(--bad);border-radius:20px;padding:1px 8px;vertical-align:middle}.opt-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.price-tag{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--text)}.check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);color:var(--muted-2);font-size:12px;font-weight:700}.check.on{border-color:var(--accent);background:var(--accent);color:#fff}.summary{position:-webkit-sticky;position:sticky;top:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.summary h2{margin:0;font-size:17px;letter-spacing:-.01em}.reset-btn{background:none;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.reset-btn:hover{color:var(--bad);border-color:var(--bad)}.warn{margin:0 0 12px;padding-left:18px;color:var(--bad);font-size:13px}.warn li{margin-bottom:4px}.ok-pill,.warn-pill{font-size:12.5px;border-radius:9px;padding:8px 10px;margin:0 0 12px}.warn-pill{color:var(--bad);background:var(--bad-soft)}.ok-pill{color:var(--good);background:var(--good-soft)}.summary-list{list-style:none;margin:0 0 16px;padding:0}.summary-list li{display:grid;grid-template-columns:96px 1fr auto;grid-gap:8px;gap:8px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12.5px}.summary-list li.filled .s-val{font-weight:600}.summary-list li.empty .s-price,.summary-list li.empty .s-val{color:var(--muted-2)}.s-label{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.s-price{text-align:right;color:var(--text);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.parts-fill{margin:14px 0}.parts-track{height:6px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.parts-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.parts-label{display:block;margin-top:5px;font-size:11.5px;color:var(--muted)}.total-box{display:flex;flex-direction:column;gap:3px;background:linear-gradient(135deg,var(--panel-3),var(--panel-2));border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;margin-bottom:14px}.total-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.total-amount{font-size:24px;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.load-badge{align-self:flex-start;font-size:12px;font-weight:600;color:var(--good);background:var(--good-soft);border-radius:8px;padding:2px 9px}.actions{margin-top:4px}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:10px;padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.btn:hover{border-color:var(--accent-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{width:100%;background:linear-gradient(135deg,var(--accent),#3f6fe0);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(91,140,255,.28)}.btn.primary:hover{filter:brightness(1.08);border-color:transparent}.save-block{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.save-row{display:flex;gap:8px}.save-input{flex:1 1;min-width:0;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 11px;font-size:13px;font-family:inherit}.save-input::placeholder{color:var(--muted-2)}.save-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,140,255,.15)}.saves{margin-top:12px}.saves-title{margin:0 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.save-item{gap:6px;margin-bottom:6px}.save-item,.save-load{display:flex;align-items:center}.save-load{flex:1 1;justify-content:space-between;gap:8px;text-align:left;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 10px;font-size:13px;cursor:pointer;font-family:inherit;transition:border-color .15s}.save-load:hover{border-color:var(--accent-2)}.save-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-date{color:var(--muted);font-size:11px;flex-shrink:0}.save-del{background:none;border:1px solid var(--line);color:var(--muted);border-radius:9px;width:30px;height:30px;cursor:pointer;font-size:12px;transition:color .15s,border-color .15s}.save-del:hover{color:var(--bad);border-color:var(--bad)}