:root{font-family:Tahoma,Arial,sans-serif;color:#17191d;background:#f5f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dc2338;outline-offset:2px}.app{display:flex;min-height:100vh}.sidebar{width:272px;flex-shrink:0;background:#111317;color:#fff;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;gap:12px;align-items:center;margin:6px 5px 52px}.brandicon{display:grid;place-items:center;font:900 28px Arial;background:#da1731;width:45px;height:45px;border-radius:12px}.logo strong{font:900 16px Arial}.logo strong span{font-weight:400}.logo small{font-size:10px;display:block;color:#999fa6;margin-top:8px}.navcaption{font-size:11px;letter-spacing:.8px;color:#858b93;margin:0 12px 16px}.navitem{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:12px;background:none;color:#a6a9af;text-align:right;padding:15px 12px;margin:3px 0}.navitem span{font:700 11px Arial;color:#737880}.navitem:hover{background:#25282d;color:#fff}.navitem.active{background:#29252a;color:white;border-right:3px solid #ec253e}.navitem.active span{color:#ff5266}.sidetip{margin-top:auto;background:#22252a;border:1px solid #33383e;padding:16px;border-radius:14px;line-height:2}.sidetip b{font-size:12px}.sidetip p{margin:5px 0 0;color:#aeb2b8;font-size:11px}.sidebottom{font:9px Arial;letter-spacing:1px;color:#6f7479;margin:25px 4px 0}.main{max-width:1560px;width:100%;padding:38px 52px;margin:0 auto}.top{display:flex;justify-content:space-between;gap:25px;align-items:center}.eyebrow{font:700 10px Arial;letter-spacing:1.8px;color:#cf2139}.top h1{font-size:31px;letter-spacing:-.5px;margin:16px 0 9px}.top p{margin:0;color:#858992}.topactions{display:flex;align-items:center;gap:9px;color:#777e85;font-size:12px}.dot{background:#23a57d;width:8px;height:8px;border-radius:50%}.ghost,.primary{border-radius:9px;padding:12px 20px;border:1px solid #dfe1e5;background:#fff;color:#30343a;font-weight:700}.primary{background:#d81d36;border-color:#d81d36;color:#fff}.primary:hover{background:#b9152d}.ghost:hover{background:#f6f6f7}.danger{color:#c2223c;margin-right:10px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px 0 22px}.summary>div{background:#fff;border:1px solid #e8e9eb;padding:20px 22px;border-radius:15px}.summary small{color:#91959e;display:block;font-size:12px}.summary strong{display:block;font-size:20px;margin-top:14px}.panel{background:white;border:1px solid #e7e8eb;border-radius:17px;padding:30px 32px;box-shadow:0 12px 38px #1b243007}.page{display:none}.page.show{display:block}.sectionhead{display:flex;align-items:center;gap:16px;margin-bottom:29px}.num{display:grid;place-items:center;background:#fcecef;color:#d51b35;width:47px;height:47px;border-radius:12px;font:800 15px Arial}.sectionhead h2{font-size:21px;margin:0 0 8px}.sectionhead p{margin:0;color:#91959e;font-size:12px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 25px}label{color:#484c55;display:block;font-weight:700;font-size:12px}label input,label select{display:block;border:1px solid #e1e4e8;background:#fafbfc;color:#25282d;border-radius:9px;padding:14px 12px;width:100%;margin-top:10px;min-height:46px}input::placeholder{color:#a5aab0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.upload{border:2px dashed #dadddf;border-radius:16px;padding:48px;text-align:center;position:relative;background:#fafafa;cursor:pointer}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.uploadicon{display:block;color:#d8203a;font:35px Arial}.upload b{display:block;margin:15px}.upload p{color:#9398a0;font-size:12px}.previews{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.previews img,.previews video{width:180px;height:120px;object-fit:cover;border-radius:11px}.notice{border-right:3px solid #dd2b43;background:#f9f9fa;padding:14px 17px;margin-top:24px;color:#656972;font-size:12px;line-height:2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.stat{border:1px solid #eee;border-radius:11px;padding:17px}.stat small{color:#858993;display:block;font-size:11px}.stat b{display:block;font-size:21px;margin-top:10px}.productgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.selector{padding:17px;border:1px solid #eee;border-radius:12px}.selector select{display:block;width:100%;margin:12px 0;border:1px solid #e1e4e7;border-radius:7px;height:192px}.selector select option{padding:9px;max-width:100%}.selector small{color:#8b9199;line-height:1.8}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:#1c2026;color:white}th,td{text-align:right;padding:14px;border-bottom:1px solid #ebecee}th:first-child,td:first-child{width:65px}td input{width:84px;border:1px solid #ddd;padding:9px;border-radius:7px}.printhead{display:none}footer{text-align:center;color:#989da4;font-size:11px;margin:27px 0}.muted{color:#999}.pill{display:inline-block;background:#f4f4f5;border-radius:5px;padding:3px 6px;font:11px Arial;direction:ltr}@media(max-width:1050px){.main{padding:27px}.sidebar{width:220px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{position:relative;height:auto;width:100%;padding:14px}.logo{margin:0 0 15px}.sidebar nav{display:flex;overflow:auto;gap:3px}.navcaption,.sidetip,.sidebottom{display:none}.navitem{min-width:130px;font-size:11px;padding:10px}.main{padding:18px}.top{align-items:flex-start;flex-direction:column}.top h1{font-size:24px}.summary{grid-template-columns:repeat(2,1fr);margin-top:24px}.summary>div{padding:13px}.summary strong{font-size:16px}.panel{padding:21px 15px}.fields,.productgrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.actions{flex-wrap:wrap}.ghost,.primary{padding:12px}.topactions{flex-wrap:wrap}}@media print{body{background:white}.sidebar,.top,.summary,footer,.sectionhead,.actions,.notice,.productgrid,.fields,.stats,.upload,.previews{display:none!important}.main{padding:0}.panel{display:none!important;border:none;box-shadow:none;padding:0}.panel[data-panel="4"]{display:block!important}.printhead{display:block;margin-bottom:25px}.printhead h2{font-size:22px}.printhead span{display:block;margin-top:8px}table{font-size:12px}thead{color:black;background:#eee!important}td input{border:none;background:none;width:65px} }