:root{--navy:#08264d;--navy2:#0b3569;--gold:#c99b35;--blue:#1f62bd;--green:#237a4b;--purple:#7041a7;--red:#b4232e;--ink:#13233c;--muted:#64748b;--line:#e3e9f1;--bg:#f4f7fb;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#061c39,#08264d);flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 8px 28px;display:flex}.crest{border:2px solid var(--gold);width:42px;height:50px;color:var(--gold);border-radius:8px 8px 14px 14px;place-items:center;font-family:Georgia,serif;font-size:26px;display:grid}.brand strong{letter-spacing:.04em;font-family:Georgia,serif;display:block}.brand span{letter-spacing:.12em;color:#cbd6e6;font-size:10px}nav{gap:8px;margin-top:24px;display:grid}nav a{color:#d9e5f3;border-radius:9px;padding:10px 12px;font-size:14px;text-decoration:none}nav a:hover{color:#fff;background:#ffffff14}.db-status{color:#dbeafe;border:1px solid #ffffff1f;border-radius:12px;margin-top:auto;padding:12px;font-size:12px}.db-status small{color:#9fb1c8;margin-top:5px;display:block}.dot{background:#56d98b;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}main{width:100%;min-width:0;max-width:1600px;margin:0 auto;padding:28px 34px 48px}.topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.14em;font-size:11px;font-weight:800}h1{color:var(--navy);margin:5px 0;font-size:31px}.topbar p,.section-heading p{color:var(--muted);margin:0}.top-actions{align-items:end;gap:10px;display:flex}.date-box{border:1px solid var(--line);background:#fff;border-radius:11px;gap:3px;padding:8px 11px;display:grid}.date-box span{text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.date-box input{color:var(--navy);background:0 0;border:0;outline:0;font-weight:700}.print-btn,.add-note{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:13px 17px;font-weight:700}.error{color:#a20f2d;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin-bottom:16px;padding:11px 13px}.loading{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:14px;padding:36px}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.summary-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:17px 18px;box-shadow:0 8px 25px #0b254510}.summary-grid small{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800;display:block}.summary-grid strong{color:var(--navy);margin-right:5px;font-size:30px}.summary-grid span{color:var(--muted);font-size:12px}.counter-grid{grid-template-columns:1fr 1fr .82fr;align-items:start;gap:16px;display:grid}.panel,.notes-panel{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 26px #0b254509}.panel-head{color:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-head h2{margin:0;font-size:17px}.panel-head b{background:#ffffff20;border-radius:999px;padding:4px 9px}.blue-head{background:var(--navy2)}.green-head{background:var(--green)}.purple-head{background:var(--purple)}.panel-body{padding:6px 14px 12px}.counter-row{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.counter-row:last-child{border-bottom:0}.counter-row>span{font-size:13px;font-weight:650}.stepper{border:1px solid #d8e2ef;border-radius:9px;grid-template-columns:32px 34px 32px;align-items:center;display:grid;overflow:hidden}.stepper button{cursor:pointer;height:31px;color:var(--blue);background:#f3f7fd;border:0;font-size:20px}.stepper.green button{color:var(--green);background:#f0faf4}.stepper.purple button{color:var(--purple);background:#f8f3fc}.stepper button:disabled{opacity:.35;cursor:default}.stepper strong{text-align:center;font-size:13px}.stepper.pending{opacity:.6}.extras h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin:16px 0 1px;font-size:11px;display:flex}.extras h3:first-child{margin-top:8px}.notes-panel{margin-top:16px;padding:20px;overflow:visible}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2{color:var(--navy);margin:0 0 3px;font-size:19px}.section-heading>span{background:var(--navy);color:#fff;border-radius:10px;place-items:center;min-width:38px;height:38px;font-weight:800;display:grid}.note-form{grid-template-columns:115px 240px 1fr auto;align-items:end;gap:12px;margin-top:18px;display:grid}.note-form label{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.note-form select,.note-form input{height:42px;color:var(--ink);background:#fff;border:1px solid #d8e1ec;border-radius:9px;outline:none;padding:0 10px}.note-form input:focus,.note-form select:focus{border-color:#9eb6d3;box-shadow:0 0 0 3px #d9e8f940}.qty-control{border:1px solid #d8e1ec;border-radius:9px;grid-template-columns:32px 1fr 32px;align-items:center;height:42px;display:grid;overflow:hidden}.qty-control button{cursor:pointer;background:#f5f7fa;border:0;height:100%;font-size:19px}.qty-control strong{text-align:center;color:var(--ink)}.add-note:disabled{opacity:.45;cursor:default}.note-list{border-top:1px solid var(--line);margin-top:15px}.note-row{border-bottom:1px solid #edf1f6;grid-template-columns:50px 200px 1fr 80px 34px;align-items:center;gap:10px;padding:11px 4px;font-size:13px;display:grid}.note-row>b{color:var(--red)}.note-row small{color:var(--muted)}.note-row button{color:var(--red);cursor:pointer;background:#fff1f2;border:0;border-radius:7px;height:30px}.bottom-grid{grid-template-columns:2fr 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.production{padding:20px}.production-grid{grid-template-columns:repeat(2,1fr);gap:0 22px;margin-top:14px;display:grid}.production-grid>div{border-bottom:1px solid #edf1f6;justify-content:space-between;padding:10px 4px;font-size:13px;display:flex}.production-grid strong{text-align:center;min-width:34px;color:var(--navy);background:#eff4fa;border-radius:7px;padding:3px 8px}.quick{padding:20px}.quick h2{color:var(--navy);margin:0 0 10px;font-size:19px}.quick>div{border-bottom:1px solid #edf1f6;justify-content:space-between;padding:9px 0;font-size:13px;display:flex}.quick .grand{color:var(--navy);background:#f2f6fb;border:0;border-radius:8px;margin-top:8px;padding:12px;font-weight:800}.reset{width:100%;color:var(--red);cursor:pointer;background:#fff8f8;border:1px solid #f2c3c8;border-radius:9px;margin-top:14px;padding:10px;font-weight:700}footer{color:var(--muted);text-align:center;margin-top:26px;font-size:11px}@media (max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav,.db-status{display:none}.counter-grid{grid-template-columns:1fr 1fr}.counter-grid .panel:last-child{grid-column:1/-1}}@media (max-width:760px){main{padding:18px 12px 32px}.topbar{flex-direction:column;align-items:stretch}.top-actions{align-items:stretch}.date-box{flex:1}.summary-grid{grid-template-columns:repeat(2,1fr)}.counter-grid,.bottom-grid{grid-template-columns:1fr}.counter-grid .panel:last-child{grid-column:auto}.note-form{grid-template-columns:1fr 1fr}.note-input{grid-column:1/-1}.note-row{grid-template-columns:45px 1fr 34px}.note-row span{grid-column:2}.note-row small{display:none}}@media print{.sidebar,.top-actions,.reset,.add-note,.note-form,.note-row button{display:none!important}.shell{display:block}body,main{background:#fff}main{max-width:none;padding:0}.panel,.notes-panel,.summary-grid article{box-shadow:none;break-inside:avoid}.counter-grid{grid-template-columns:1fr 1fr .75fr}footer{margin-top:12px}}