:root{--yellow:#f3d52b;--ink:#17191b;--muted:#70777e;--line:#e3e6e8;--bg:#f3f4f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;padding:10px 15px;border-radius:7px;color:inherit}button:hover{border-color:#aaa}button.primary{background:var(--yellow);border-color:var(--yellow);font-weight:650}button.dark{background:var(--ink);color:white;border-color:var(--ink)}button.small{padding:5px 9px;font-size:12px}button:disabled{opacity:.4;cursor:default}input,select,textarea{width:100%;border:1px solid #cfd5d9;padding:10px 11px;border-radius:6px;background:white;color:var(--ink)}input[type=checkbox]{width:17px;height:17px;accent-color:#17191b}input:focus,select:focus,textarea:focus{outline:2px solid var(--yellow);outline-offset:1px}label{display:block;font-size:12px;color:#545c64;margin-bottom:5px}h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 8px}h2{font-size:18px;margin:0 0 20px}h3{font-size:14px;margin:20px 0 12px}p{margin:7px 0}.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#181a1c;color:#e6e7e8;padding:28px 17px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-size:33px;font-weight:900;letter-spacing:2px;padding:0 14px;color:var(--yellow)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.5px;color:#a9b0b6;margin-top:5px}.nav-title{padding:30px 14px 8px;color:#737a81;font-size:10px;letter-spacing:1.5px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{text-align:left;background:transparent;color:#b5bac0;border:0;padding:12px 14px}.nav button.active{background:var(--yellow);color:#151718;font-weight:700}.nav button:hover{background:#303337}.nav button.active:hover{background:var(--yellow)}.sidebar-footer{margin-top:auto;padding:20px 14px;font-size:12px;color:#a5acb2}.main{padding:30px 36px 60px;max-width:1660px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:30px}.breadcrumb{font-size:12px;color:#68717a}.user{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;background:#fff;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:bold}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.badge{background:#edf0e9;color:#586844;font-size:11px;padding:5px 9px;border-radius:4px;white-space:nowrap}.badge.warn{background:#fff4d6;color:#7e6219}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.card{background:white;border:1px solid var(--line);border-radius:11px;padding:24px;margin-bottom:20px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-top h2{margin:0}.step{font-size:11px;font-weight:700;color:#888;letter-spacing:.7px}.tabs{display:flex;background:#eff1f2;padding:4px;border-radius:7px;margin-bottom:23px}.tabs button{flex:1;border:0;background:transparent;padding:9px}.tabs button.active{background:white;box-shadow:0 1px 5px #0000000d;font-weight:650}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span2{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;font-size:13px;margin:7px 0;color:#343b42}.check label{margin:0;font-size:13px;color:inherit}.product{padding:20px;background:#fafafa;border:1px solid var(--line);border-radius:7px;margin-top:18px;display:flex;gap:25px;align-items:center}.screw{width:100px;height:70px;position:relative;flex-shrink:0;background:linear-gradient(90deg,transparent 45%,#a9afb4 46%,#c2c6ca 54%,transparent 55%)}.screw:before{content:'';position:absolute;left:21px;right:21px;top:4px;height:7px;background:#737e86;border-radius:2px}.screw:after{content:'';position:absolute;left:34px;right:33px;top:26px;height:36px;background:repeating-linear-gradient(160deg,transparent 0 7px,#869199 8px 11px,transparent 12px 16px)}.specs{display:flex;gap:28px;flex-wrap:wrap;margin-top:10px}.specs b{display:block;font-size:16px}.specs span{font-size:11px;color:var(--muted)}.summary{background:#1c1f22;color:white;border-radius:11px;padding:26px;margin-bottom:20px}.summary .muted{color:#929aa2}.summary h2{color:#eee}.price{font-size:35px;font-weight:700;letter-spacing:-1px;line-height:1.2;margin:13px 0 5px}.price small{font-size:15px;font-weight:400;color:#afb5bb}.metric{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff16;gap:10px;font-size:13px}.metric.light{border-color:var(--line)}.summary .total{color:var(--yellow);font-size:27px;font-weight:750}.summary button{width:100%;margin-top:23px}.note{background:#fff7df;border:1px solid #f0dfaa;border-radius:7px;padding:12px 14px;font-size:12px;color:#72591d;margin:12px 0}.error{background:#ffeded;color:#a73232;border:1px solid #f2cece;padding:14px;border-radius:7px}.actions{display:flex;gap:10px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f5f6f7;color:#697179;font-weight:500;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:top}td input{min-width:80px;padding:6px}td button{white-space:nowrap}.mini{font-size:11px;color:#8b9299}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.kpi{background:white;padding:20px;border:1px solid var(--line);border-radius:8px}.kpi b{display:block;font-size:23px;margin-top:5px}.login{max-width:440px;margin:12vh auto;background:white;padding:38px;border-radius:12px;border:1px solid var(--line)}.login .brand{color:#111;padding:0;margin-bottom:25px}.login input{margin-bottom:17px}.login button{width:100%}#toast{position:fixed;bottom:25px;right:25px;max-width:500px;background:#181a1c;color:white;padding:14px 20px;border-radius:8px;box-shadow:0 10px 35px #0003;display:none;z-index:10}details{margin-top:16px}summary{cursor:pointer;font-size:12px;color:#8b949b}.json{min-height:450px;font:12px/1.6 ui-monospace,Consolas,monospace}.custom-grid input{min-width:65px;width:85px}.custom-grid select{min-width:100px}.empty{text-align:center;padding:45px;color:#7b8289}.offer{max-width:850px;background:white;margin:auto;padding:40px;border:1px solid var(--line)}.offer .brand{color:#111;padding:0}.offer header{display:flex;justify-content:space-between}.mobile-brand{display:none}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.main{padding:25px 22px}.shell{grid-template-columns:205px minmax(0,1fr)}.fields.three{grid-template-columns:1fr 1fr}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.shell{grid-template-columns:170px minmax(0,1fr)}.brand{font-size:25px}.sidebar{padding:20px 8px}.fields{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shell{display:block}.sidebar{position:relative;height:auto;padding:16px}.sidebar .brand{display:none}.nav-title,.sidebar-footer{display:none}.nav{flex-direction:row;overflow:auto}.nav button{white-space:nowrap;padding:8px 12px}.main{padding:20px 14px}.topbar{margin-bottom:20px}.heading{display:block}.heading .badge{display:inline-block;margin-top:10px}.card{padding:18px}.fields,.fields.three{grid-template-columns:1fr}.specs{gap:18px}.user span{display:none}.kpis{gap:8px}.kpi{padding:14px}.offer{padding:20px}}@media print{.sidebar,.topbar,.heading,.actions,#toast{display:none}.shell{display:block}.main{padding:0}.offer{border:0;width:100%;max-width:none}.offer button{display:none}}