:root{--ink:#141414;--muted:#6f7278;--line:#e7e7e7;--paper:#fff;--soft:#f7f7f5;--bee:#f5b800;--bee2:#ffd95a;--ok:#168a55;--danger:#ba2d2d}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--soft);color:var(--ink)}a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.side{background:#151515;color:#fff;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:18px;margin-bottom:28px}.bee-dot{width:13px;height:13px;border-radius:50%;background:var(--bee);box-shadow:10px 0 0 var(--bee2)}.nav a{display:block;padding:12px 13px;border-radius:10px;margin:3px 0;color:#d8d8d8}.nav a:hover,.nav a.active{background:#2a2a2a;color:#fff}.side small{margin-top:auto;color:#888}.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.title h1{margin:0;font-size:28px}.title p{margin:5px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;background:#171717;color:white}.btn.bee{background:var(--bee);color:#111}.btn.light{background:#fff;color:#111;border:1px solid var(--line)}.btn.danger{background:#fff;color:var(--danger);border:1px solid #f0cccc}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 3px 12px rgba(0,0,0,.025)}.stat .num{font-size:30px;font-weight:800;margin-top:8px}.stat .label{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.table th{background:#fafafa;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge.unassigned{background:#eee;color:#555}.badge.assigned{background:#fff0bd;color:#6d5300}.badge.completed{background:#dff4e8;color:var(--ok)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:11px;background:#fff}.field textarea{min-height:90px}.span2{grid-column:1/-1}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;background:#e9f6ee;color:#166c45}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#111;color:white}.hero{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 25% 30%,rgba(245,184,0,.18),transparent 30%),#111}.hero h1{font-size:clamp(46px,7vw,90px);line-height:.95;margin:16px 0;max-width:760px}.hero p{font-size:18px;color:#bbb;max-width:600px}.login-panel{background:#fff;color:#111;display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:min(430px,100%)}.login-box h2{font-size:30px;margin-bottom:6px}.login-box p{color:var(--muted);margin-bottom:26px}.delivery-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.delivery-card h3{margin:0 0 8px}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#555;font-size:14px;margin:12px 0}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.upload-box{border:1px dashed #c9c9c9;border-radius:12px;padding:12px;background:#fbfbfb}.empty{padding:40px;text-align:center;color:#777}
@media(max-width:900px){.shell{grid-template-columns:1fr}.side{position:sticky;top:0;z-index:5;flex-direction:row;align-items:center;overflow:auto;padding:12px}.brand{margin:0 18px 0 0;white-space:nowrap}.nav{display:flex}.nav a{white-space:nowrap}.side small{display:none}.main{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.hero{min-height:38vh;padding:50px 28px}.login-panel{padding:28px}.form-grid,.upload-grid{grid-template-columns:1fr}.span2{grid-column:auto}.delivery-card{grid-template-columns:1fr}.meta{grid-template-columns:1fr}}
