:root{--navy:#12345a;--blue:#1f5e9c;--pale:#eef4fa;--line:#d8e1ec;--ink:#182535;--muted:#627287;--green:#187447;--red:#ab3333}*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:var(--ink);font:15px system-ui,-apple-system,Segoe UI,sans-serif}.top{background:var(--navy);color:#fff;padding:18px max(18px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.brand{font-size:22px;font-weight:850;letter-spacing:.07em}.brand span{font-size:11px;background:#ffd873;color:#28220e;padding:4px 7px;border-radius:5px;vertical-align:3px;letter-spacing:0}.sub{color:#d2dfeb;font-size:13px}.top-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.top-actions label{display:flex;align-items:center;gap:8px;font-size:13px}select,input,textarea,button{font:inherit}select,input,textarea{border:1px solid #c8d3df;border-radius:8px;padding:9px 10px;background:white;color:var(--ink);min-width:0}button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:10px 14px;cursor:pointer;font-weight:650}button.secondary{background:#e8eef5;color:var(--navy);border:1px solid #d0dae5}button.danger{background:#fff0ef;color:#922c2c;border:1px solid #efcdca}button:disabled{opacity:.55;cursor:not-allowed}.pill{border:1px solid #ffffff55;border-radius:99px;padding:7px 10px;font-size:12px}.offline{background:#fff1d2;color:#653e00;padding:11px 20px;text-align:center;font-size:13px}main{max-width:1120px;margin:22px auto;padding:0 16px}.tabs{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 12px}.tabs button{white-space:nowrap;background:white;color:#42546a;border:1px solid var(--line)}.tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:15px;box-shadow:0 2px 8px #10253b08}.card h2,.card h3{margin:0 0 12px;color:var(--navy)}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin:5px 0 14px}.heading h1{font-size:23px;margin:0;color:var(--navy)}.hint{color:var(--muted);font-size:13px;margin:5px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:#4f6074;font-weight:700}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px;align-items:end}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.metric{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fff}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:24px;color:var(--navy);margin-top:5px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid #e7ecf1;font-size:13px}th{color:#45576c;background:#f6f8fb;font-weight:750}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.badge{font-size:11px;background:#edf3fa;color:#31567e;padding:4px 7px;border-radius:99px;white-space:nowrap}.badge.pending{background:#fff0d4;color:#735000}.badge.ok{background:#e6f5ed;color:#17623c}.low{color:var(--red);font-weight:750}.customer-row,.order{border:1px solid var(--line);border-radius:10px;padding:12px;margin:9px 0}.order-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.muted{font-size:12px;color:var(--muted)}.lines{margin:9px 0;padding-left:20px}.notice{background:#fff8e7;border:1px solid #f0dda5;padding:12px;border-radius:9px;color:#614b12;font-size:13px;margin-bottom:14px}.ticket{font-family:ui-monospace,Consolas,monospace;max-width:320px;border:1px dashed #8795a5;padding:14px;background:#fff}.ticket h2{text-align:center}.ticket .rule{border-top:1px dashed #778;margin:8px 0}.right{text-align:right}#printArea{display:none}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#102b49;color:#fff;border-radius:9px;padding:11px 15px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;z-index:10}#toast.show{opacity:1}@media(max-width:600px){.top{padding:14px}.top-actions{width:100%}.top-actions label{flex:1}.top-actions select{flex:1}main{margin:14px auto}.card{padding:14px}.heading h1{font-size:20px}}
@media print{body{background:#fff}.top,main,.offline,#toast{display:none!important}body.printing #printArea{display:block!important}.ticket{border:0;margin:0 auto;width:72mm;max-width:72mm;padding:0}.ticket *{color:#000!important}.ticket h2{font-size:17px}}