:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:light;--ink:#142234;--line:#d9e2e9;--blue:#1d518d;--pale:#eef4fb}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:var(--ink)}header{background:#102030;color:#fff;padding:18px clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}header h1{font-size:clamp(23px,3vw,34px);margin:4px 0}header small{color:#ccd7e0}header a{color:#fff;text-decoration:none;border:1px solid #7791aa;border-radius:10px;padding:11px}main{max-width:1280px;margin:auto;padding:20px 14px}section{background:#fff;border:1px solid var(--line);border-radius:15px;margin-bottom:15px;padding:18px;box-shadow:0 6px 20px #0b22370a}.notice{padding:13px 16px;border-radius:10px;background:#eaf1fb;margin-bottom:16px}.notice.error{background:#ffe7e7;color:#801c1c}.notice.success{background:#e0f5e7;color:#155c2d}h2{font-size:20px;margin-top:4px}.top-controls,.toolbar,.actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar{justify-content:flex-start}label{display:flex;flex-direction:column;gap:5px;font-weight:650;font-size:14px}input,select,button{font:inherit;border-radius:9px;padding:10px 12px;border:1px solid #b7c6d6;min-width:120px}input,select{background:white;max-width:100%}button{background:#174e87;color:white;border:0;cursor:pointer;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.ghost{color:var(--blue);background:#e6f0fb;border:1px solid #c6daed}.muted{color:#586b7b;font-size:13px;margin:4px 0}.counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.counts>div{background:var(--pale);padding:14px;border-radius:12px;display:grid;gap:2px}.counts b{font-size:33px}.counts span{font-size:12px;font-weight:700}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px}.order{border:2px solid #dfb153;border-radius:12px;padding:16px;background:#fffdf5}.order.closed{border-color:#b4d6b7;background:#f2fff4}.order.cancelled{border-color:#e5b2b2;background:#fff5f5}.order .row{display:flex;justify-content:space-between;gap:8px;align-items:start}.order h3{font-size:31px;margin:0}.order ul{margin:13px 0;padding-left:23px;font-size:16px;line-height:1.6}.order button{width:100%;margin-top:8px;font-size:16px;padding:13px}.pill{font-size:12px;font-weight:750;background:#fff1ce;border-radius:100px;padding:5px 8px}.order.closed .pill{background:#d6f4d9}.order.cancelled .pill{background:#ffd7d7}details>summary{cursor:pointer;font-weight:750}.history{padding-top:13px}.assign{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.assign input{min-width:265px}#reportArea{margin-top:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}th{background:#ecf3fa}footer{padding:18px;text-align:center;font-size:12px;color:#607384}@media(max-width:600px){.counts b{font-size:25px}.order-grid{grid-template-columns:1fr}.toolbar label{width:100%}.toolbar select{width:100%}}
@media print{header,.notice,.top-controls,.toolbar,.counts,#pending,#history,details,.assign,#report,#csv,#pdf,footer{display:none!important}body,main,section{background:white;box-shadow:none;border:0}#admin{display:block!important}#admin h2:first-child,#admin p{display:none}table{font-size:10px}td,th{padding:5px}}