:root{--color-bg:#f7f8f6;--color-surface:#fff;--color-border:#e3e6e1;--color-text:#1e2620;--color-text-muted:#667069;--color-primary:#2f7a4f;--color-primary-hover:#266241;--color-primary-contrast:#fff;--color-danger:#c0362c;--color-danger-bg:#fdecea;--color-warning-bg:#fff6da;--color-warning-text:#8a6a00;--status-pending-bg:#fff6da;--status-pending-text:#8a6a00;--status-confirmed-bg:#e3edfd;--status-confirmed-text:#1d4ed8;--status-preparing-bg:#ffe9d6;--status-preparing-text:#b45309;--status-out-bg:#e6e3fd;--status-out-text:#4338ca;--status-delivered-bg:#e1f3e6;--status-delivered-text:#1f7a3d;--status-cancelled-bg:#fdecea;--status-cancelled-text:#b91c1c;--radius:10px;--shadow-sm:0 1px 2px #141e140f;--sidebar-width:240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Segoe UI,Tahoma,system-ui,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3{margin:0 0 16px;font-weight:700}h1{font-size:22px}h2{margin-top:32px;font-size:17px}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-inline-start:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:4px;padding:20px 16px;display:flex}.sidebar-brand{padding:8px 12px 20px;font-size:16px;font-weight:700}.sidebar-link{border-radius:var(--radius);color:var(--color-text);padding:10px 12px;font-weight:500;display:block}.sidebar-link:hover{background:var(--color-bg);text-decoration:none}.sidebar-link.active{background:var(--color-primary);color:var(--color-primary-contrast)}.sidebar-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:auto;padding-top:16px;font-size:13px}.main-content{flex:1;min-width:0;padding:28px 36px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-header h1{margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.stat-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:160px;box-shadow:var(--shadow-sm);color:inherit;padding:16px 20px;display:block}.stat-card:hover{border-color:var(--color-primary);text-decoration:none}.stat-card .stat-value{font-size:26px;font-weight:700}.stat-card .stat-label{color:var(--color-text-muted);font-size:13px}table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;overflow:hidden}thead tr{background:var(--color-bg)}th{text-align:right;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:13px;font-weight:600}td{border-bottom:1px solid var(--color-border);padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-bg)}tr.row-low-stock{background:var(--color-warning-bg)}.form{flex-direction:column;gap:14px;max-width:480px;display:flex}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}label{color:var(--color-text-muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px}button,.btn{font:inherit;cursor:pointer;background:var(--color-primary);color:var(--color-primary-contrast);border:1px solid #0000;border-radius:8px;padding:9px 16px;font-weight:600;display:inline-block}button:hover,.btn:hover{background:var(--color-primary-hover);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}button.btn-secondary:hover{background:var(--color-bg)}button.btn-danger{background:var(--color-danger)}button.btn-danger:hover{background:#a02c23}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.badge-confirmed{background:var(--status-confirmed-bg);color:var(--status-confirmed-text)}.badge-preparing{background:var(--status-preparing-bg);color:var(--status-preparing-text)}.badge-out_for_delivery{background:var(--status-out-bg);color:var(--status-out-text)}.badge-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text)}.badge-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-text)}.alert{border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.alert-success{background:var(--status-delivered-bg);color:var(--status-delivered-text)}.text-muted{color:var(--color-text-muted)}