:root{color-scheme:light;font-family:Inter,Segoe UI,Arial,sans-serif;color:#17211b;background:#f4f6f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#0f221b;color:#f7faf6;padding:20px 14px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#d9ef63;color:#102018;font-weight:800}.brand span{display:block;margin-top:4px;color:#b7c6bd;font-size:13px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#d9e2dc;text-align:left}nav button.active,nav button:hover{background:#21372d;color:#fff}.nav-group{display:grid;gap:4px}.nav-group .group-header .chevron{margin-left:auto;opacity:.65}.nav-group .sub-item{padding-left:38px;min-height:36px;font-size:13px;color:#b7c6bd}.nav-group .sub-item.active{background:#2c4a3c;color:#fff}.main{padding:22px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}h1,h2,p{margin:0}h1{font-size:26px}h2{font-size:18px}.topbar p{margin-top:6px;color:#66736a}.status-pill{max-width:420px;border:1px solid #d8dfd7;border-radius:999px;padding:8px 14px;background:#fff;color:#425046;font-size:13px}.view-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.metric,.panel{border:1px solid #dce3da;border-radius:8px;background:#fff;box-shadow:0 12px 34px #15271e0f}.metric{padding:18px}.metric span{color:#6d786f;font-size:13px}.metric strong{display:block;margin-top:12px;font-size:25px}.wide{grid-column:1 / -1}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.field{display:grid;gap:6px}.field.full{margin-top:12px}.field span{color:#5a665d;font-size:13px}.field input,.field textarea,select,.part-row input{width:100%;border:1px solid #ced8cf;border-radius:8px;padding:10px 11px;background:#fbfcfb;color:#17211b}.field textarea{min-height:76px;resize:vertical}.template-strip{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.template-chip,.primary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;padding:0 12px}.template-chip{border:1px solid #b5d16a;background:#f1f7db;color:#263817}.primary-button{width:100%;border:0;background:#1b6c4a;color:#fff}.primary-button.compact,.ghost-button.compact{width:auto}.ghost-button,.icon-button{border:1px solid #cbd7ce;background:#fff;color:#1c2b22}.summary{position:sticky;top:18px;display:grid;gap:12px}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1eb}.summary-line.strong{color:#145233;font-size:18px}.language-row{display:flex;align-items:center;gap:8px}.items{display:grid;gap:12px}.item-block{border:1px solid #e1e8df;border-radius:8px;padding:12px;background:#fbfcfa}.item-main{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}.part-row{display:grid;grid-template-columns:54px repeat(5,minmax(80px,1fr));gap:8px;align-items:center;margin-top:10px}.part-row span{color:#657269;font-size:13px}.list,.template-list{display:grid;gap:8px}.list-row,.template-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;width:100%;min-height:46px;border:1px solid #e0e7de;border-radius:8px;padding:10px 12px;background:#fbfcfa;color:#17211b;text-align:left}.template-row{grid-template-columns:1fr 1fr 1fr 140px}.empty{display:grid;place-items:center;min-height:96px;border:1px dashed #cbd6cd;border-radius:8px;color:#67746b}.print-modal{position:fixed;inset:0;z-index:20;overflow:auto;background:#102018b8;padding:20px}.modal-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 16px;color:#fff}.print-sheet{width:min(900px,100%);margin:0 auto;padding:34px;border-radius:4px;background:#fff;color:#111;font-family:Arial,Tahoma,sans-serif}.print-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:2px solid #111111}.print-head h1{font-size:24px}.print-head p,.print-table small{display:block;margin-top:5px;color:#404840}.print-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.print-table{width:100%;border-collapse:collapse}.print-table th,.print-table td{border:1px solid #252525;padding:9px;text-align:inherit;vertical-align:top}.part-print-row{background:#f6f6f4}.print-summary{width:320px;margin:18px 0 0 auto}.print-sheet[dir=rtl] .print-summary{margin-right:auto;margin-left:0}.print-footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px}@media(max-width:980px){.app-shell,.order-layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5}nav{grid-template-columns:repeat(5,1fr)}nav button{justify-content:center}nav button span{display:none}.view-grid,.form-grid,.item-main,.part-row,.list-row,.template-row{grid-template-columns:1fr}}@media print{body{background:#fff}.app-shell>:not(.print-modal),.no-print{display:none!important}.print-modal{position:static;overflow:visible;padding:0;background:#fff}.print-sheet{width:100%;min-height:auto;margin:0;padding:0;box-shadow:none}}.brand-list{display:grid;gap:10px;margin-top:16px}.brand-card{border:1px solid #e0e7de;border-radius:8px;background:#fbfcfa}.brand-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.brand-row-main{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr 90px;gap:12px;align-items:center;border:0;background:transparent;text-align:left;color:#17211b}.brand-row-main small{color:#67746b;font-size:12px}.icon-button.danger{border-color:#f0c4c4;color:#a83434}.brand-detail{border-top:1px solid #e8ede5;padding:12px;background:#fff;border-radius:0 0 8px 8px}.model-list{display:grid;gap:6px;margin-top:12px}.model-row{display:grid;grid-template-columns:1fr 1fr 1fr 36px;gap:12px;align-items:center;padding:8px 10px;border:1px solid #ecf0e8;border-radius:6px;background:#fbfcfa}
