:root{--red:#e30613;--ink:#17181b;--line:#e4e6eb}body.app{background:#f5f6f8;color:var(--ink);font-family:Inter,Arial,sans-serif;margin:0}.app-header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 4%;border-bottom:1px solid var(--line);gap:20px}.app-brand img{width:205px;height:70px;object-fit:contain}.app-nav{background:none;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.app-nav a{color:#222;font-weight:600;text-decoration:none}.app-nav form{margin:0}.link{border:0;background:none;padding:0;color:#b9000b;font:inherit;cursor:pointer}.app-main{max-width:1280px;margin:32px auto;padding:0 24px;min-height:70vh}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:20px 0}.narrow{max-width:570px;margin:30px auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:24px;border-radius:14px;background:#fff;border:1px solid var(--line)}.metric strong{font-size:30px;display:block;margin-top:10px}.metric span{color:#636976;font-size:14px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h1{font-size:32px;line-height:1.2;margin:12px 0 20px}h2{font-size:23px;margin:0 0 20px}.panel p{line-height:1.6}.panel form{display:grid;gap:15px}.panel label{display:grid;gap:7px;font-size:14px;font-weight:600}.panel input,.panel select,.panel textarea,.table-wrap select,.table-wrap input{padding:12px;border:1px solid #d1d5de;border-radius:7px;min-width:0;max-width:100%;font:inherit;background:#fff}.panel input[type=checkbox]{width:18px}.panel textarea{min-height:90px}.panel label.check{display:flex;align-items:center;gap:10px}.notice{border-radius:8px;padding:16px;background:#e5f4eb;color:#165b35;margin-bottom:20px}.error{background:#fff0ef;border-radius:8px;padding:14px;color:#ab1222}.muted{color:#69707c}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:#69707c;font-weight:600;background:#f8f9fb;white-space:nowrap}td img{width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:6px}td form.inline{display:flex;align-items:center;gap:8px}.btn.small{padding:9px 13px;font-size:13px}.badge-status{display:inline-block;padding:6px 10px;border-radius:20px;background:#f0f2f6;font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tabs a{padding:11px 18px;border:1px solid var(--line);border-radius:7px;background:#fff;text-decoration:none;color:#333}.tabs a.selected{background:var(--ink);color:#fff}.app-footer{text-align:center;padding:25px;color:#757a84;font-size:13px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.product .add:disabled{opacity:.45;cursor:not-allowed}.stock{font-size:12px;color:#69707c}.order-total{text-align:right;font-size:18px}.image-preview{max-width:140px;max-height:140px;object-fit:contain}.empty{padding:32px;color:#69707c;text-align:center}@media(max-width:800px){.stats-grid{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.app-header{align-items:flex-start;flex-direction:column}.app-nav{gap:14px;font-size:13px}.app-main{padding:0 14px;margin-top:20px}.panel{padding:18px}.panel h1{font-size:27px}th,td{padding:12px 8px}}