:root{color-scheme:dark;--bg:#121316;--panel:#191b20;--panel2:#202329;--line:#343841;--muted:#9299a7;--text:#f5f7fb;--blue:#1683ff;--red:#ff5d67;--green:#34c58b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 326px;background:#202126}.brand{display:flex;gap:12px;align-items:center;font-size:18px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);font-weight:800}.topbar nav{display:flex;gap:8px}.nav{border:0;background:transparent;color:#d7dbe4;padding:10px 14px;font:inherit}.nav.active{color:white}.layout{display:grid;grid-template-columns:310px 1fr;min-height:calc(100vh - 64px)}.sidebar{border-right:1px solid var(--line);background:#17191e;padding:12px 0}.search{width:calc(100% - 20px);margin:0 10px 12px;padding:12px 14px;background:#16181d;border:1px solid var(--line);border-radius:8px;color:white}.products{max-height:calc(100vh - 142px);overflow:auto}.product{width:100%;border:0;border-left:3px solid transparent;background:transparent;color:white;text-align:left;padding:13px 14px;display:grid;gap:3px;cursor:pointer}.product:hover{background:#20242a}.product.active{background:#173b68;border-left-color:#1683ff}.product small{color:var(--muted)}.workspace{padding:30px 38px 80px;max-width:1180px;width:100%;margin:auto}.blank{min-height:65vh;display:grid;place-content:center;text-align:center;gap:10px;color:var(--muted)}.blank strong{font-size:18px;color:#dfe3eb}.cube{font-size:54px}.hidden{display:none!important}.title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.title-row h1{margin:0 0 6px;font-size:24px}.muted{color:var(--muted)}.status{border:1px solid #685929;color:#f2cf61;padding:5px 9px;border-radius:999px;font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.section-head h2{margin:0 0 4px;font-size:17px}.section-head p{margin:0;color:var(--muted)}button{cursor:pointer}.primary{background:var(--blue);color:white;border:0;border-radius:8px;padding:10px 14px}.ghost{background:transparent;color:#c9ced9;border:1px dashed #4b515d;border-radius:8px;padding:11px}.wide{width:100%;margin-top:12px}.table-wrap{overflow:auto;max-height:440px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}th{color:#aeb5c2;font-weight:600;position:sticky;top:0;background:var(--panel2)}td:last-child,th:last-child{width:210px}.sku{display:block;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:4px}input,select{background:#16181d;color:white;border:1px solid #454b57;border-radius:6px;padding:9px 10px}.money{display:flex;align-items:center;gap:7px}.money input{width:140px}.option-group{border:1px solid var(--line);background:var(--panel2);border-radius:12px;margin:12px 0;overflow:hidden}.option-head{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.option-head input{font-weight:700}.danger{border:0;background:transparent;color:var(--red);font-size:18px}.value-row{display:grid;grid-template-columns:44px 1fr 160px 38px;gap:10px;padding:10px 14px;align-items:center}.value-row+.value-row{border-top:1px solid #2c3038}.value-row input[type=color]{width:40px;height:38px;padding:3px}.add-value{margin:10px 14px;width:calc(100% - 28px)}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.field{display:grid;gap:6px}.quote-result{margin-top:18px;border-radius:10px;background:#101c18;border:1px solid #245b48;padding:16px}.quote-total{font-size:25px;font-weight:800;color:#64e5b4}.notice{position:sticky;top:12px;z-index:10;border-radius:8px;padding:12px 14px;margin-bottom:12px;background:#233d31;border:1px solid #347c5e}.notice.error{background:#42242a;border-color:#8d404b}.empty{padding:20px;color:var(--muted);text-align:center}@media(max-width:800px){.topbar{padding:0 14px}.topbar nav{display:none}.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.products{max-height:220px}.workspace{padding:20px 14px}.quote-grid{grid-template-columns:1fr}.value-row{grid-template-columns:44px 1fr 120px 34px}}