:root{--nav:#14384f;--nav2:#1d4c67;--bg:#f3f6f8;--panel:#fff;--line:#d9e1e5;--ink:#18313e;--muted:#72838d;--green:#2f8f52;--yellow:#d99b00;--red:#c94747;--blue:#2b78a7}*{box-sizing:border-box}body{margin:0;font-family:Arial,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.topbar{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.brand{font-weight:900;font-size:18px}.brand small{display:block;font-size:11px;font-weight:400;color:#bad0dc}.topright{display:flex;gap:10px;align-items:center}.pill{background:#ffffff18;border:1px solid #ffffff30;border-radius:999px;padding:7px 10px;font-size:12px}.layout{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:#102d3e;color:#dce9ef;padding:15px 10px}.navsection{font-size:10px;color:#789bab;text-transform:uppercase;letter-spacing:1px;padding:10px}.nav a{display:block;padding:10px 12px;border-radius:9px;margin:2px 0}.nav a:hover,.nav a.active{background:var(--nav2)}.main{padding:22px;max-width:1600px;width:100%;margin:auto}.pagehead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.pagehead h1{margin:0;font-size:25px}.pagehead p{margin:5px 0;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer;color:var(--ink)}.btn.primary{background:var(--nav);color:#fff;border-color:var(--nav)}.btn.danger{background:#fff0f0;color:#a72b2b;border-color:#f2c1c1}.btn.small{padding:6px 8px;font-size:12px}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(5,minmax(140px,1fr));margin-bottom:15px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #18313e0a}.kpi{padding:15px}.kpi label{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.kpi b{display:block;font-size:25px;margin-top:7px}.kpi small{color:var(--muted)}.panelhead{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panelhead h3{margin:0;font-size:16px}.panelbody{padding:16px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:10px;color:var(--muted);text-transform:uppercase;text-align:left;background:#f8fafb;padding:9px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.strong{font-weight:800}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#eef2f4}.badge.green{background:#e5f5ea;color:#26763c}.badge.yellow{background:#fff3d2;color:#8b6100}.badge.red{background:#fde7e7;color:#a12c2c}.badge.blue{background:#e6f1f8;color:#28658a}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span2{grid-column:1/-1}.field label{display:block;font-size:10px;text-transform:uppercase;font-weight:800;color:var(--muted);margin-bottom:5px}.control,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.field textarea{min-height:80px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters .control{width:auto;min-width:160px}.notice{background:#eef6fb;border-left:4px solid var(--blue);padding:11px 12px;border-radius:8px;margin:10px 0}.warning{background:#fff6dc;border-left:4px solid var(--yellow);padding:11px 12px;border-radius:8px;margin:10px 0}.dangerbox{background:#fdeaea;border-left:4px solid var(--red);padding:11px 12px;border-radius:8px;margin:10px 0}.flash{padding:11px 14px;border-radius:8px;margin-bottom:12px}.flash.success{background:#e9f6ed;color:#276e3c}.flash.error{background:#fdeaea;color:#9a2929}.weekgrid{display:grid;grid-template-columns:repeat(7,minmax(170px,1fr));gap:8px;overflow:auto}.day{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:220px}.day h4{margin:0;padding:10px;background:#f7fafb;border-bottom:1px solid var(--line)}.ordercard{margin:8px;padding:9px;border:1px solid var(--line);border-radius:9px;font-size:12px}.loginwrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f2c3d,#1e5673)}.logincard{width:min(430px,92vw);background:#fff;padding:28px;border-radius:18px;box-shadow:0 30px 80px #0005}.logincard h1{margin-top:0}.empty{padding:25px;color:var(--muted);text-align:center}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.right{text-align:right}.nowrap{white-space:nowrap}.muted{color:var(--muted)}.progress{height:9px;background:#e8eef1;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:#5a9a6a}.progress.yellow span{background:#d99b00}.progress.red span{background:#c94747}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.weekgrid{grid-template-columns:repeat(4,minmax(180px,1fr))}}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidebar{position:static}.nav{display:flex;flex-wrap:wrap}.navsection{width:100%}.nav a{font-size:12px}.main{padding:14px}.kpis{grid-template-columns:1fr 1fr}.formgrid,.two,.three{grid-template-columns:1fr}.span2{grid-column:auto}.weekgrid{grid-template-columns:repeat(2,minmax(180px,1fr))}.pagehead{display:block}.actions{margin-top:10px}}@media print{.topbar,.sidebar,.actions,.no-print,.flash{display:none!important}.layout{display:block}.main{padding:0}.panel,.kpi{box-shadow:none}}