*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}:root{--color-bg:#fbfaf9;--color-surface:#fff;--color-border:#e8e2dd;--color-ink:#241b19;--color-ink-soft:#766a66;--color-red:#c62828;--color-red-dark:#9a1f1f;--color-red-soft:#fbe6e5;--color-red-tint:#fff3f2;--color-navy:#1b2a4a;--color-navy-soft:#4a5878;--color-navy-tint:#eef1f8;--color-gold:#b8791a;--color-gold-tint:#fdf1de;--color-success:#2d6a4f;--color-danger:#c62828;--color-text-muted:#8b8079;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 3px #241b190f;--shadow-md:0 8px 24px #241b1914;--shadow-red:0 10px 24px #c6282838;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans)}.shell{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:248px;padding:var(--space-6) var(--space-5);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{letter-spacing:-.01em;color:var(--color-navy);margin-bottom:var(--space-1);font-size:1.3rem;font-weight:800}.sidebar-brand-mark.accent{color:var(--color-red)}.sidebar-role{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);margin-bottom:var(--space-8);font-size:.72rem;font-weight:700}.sidebar-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-nav a{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-navy-soft);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-nav a:hover{background:var(--color-navy-tint);color:var(--color-navy)}.sidebar-nav a.active{background:var(--color-red);color:#fff;box-shadow:var(--shadow-red)}.nav-icon{flex-shrink:0}.sidebar-footer{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.sidebar-store-name{color:var(--color-navy);font-size:.9rem;font-weight:700}.sidebar-store-sub{color:var(--color-text-muted);font-size:.78rem}.content{padding:var(--space-8) var(--space-10);flex:1;min-width:0}.view-header{margin-bottom:var(--space-8)}.view-header h2{letter-spacing:-.01em;color:var(--color-navy);font-size:1.6rem;font-weight:800}.view-subtitle{color:var(--color-text-muted);margin-top:var(--space-1);font-size:.95rem}h3{color:var(--color-navy);margin-bottom:var(--space-4);font-size:.95rem;font-weight:700}.empty-state{color:var(--color-text-muted);padding:var(--space-6) 0;font-size:.9rem}.order-list{gap:var(--space-3);flex-direction:column;max-width:720px;display:flex}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-red);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5)}.order-card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.order-id{color:var(--color-navy);font-size:1rem;font-weight:700}.order-customer{color:var(--color-text-muted);margin-top:2px;font-size:.85rem}.order-card-top-right{align-items:center;gap:var(--space-4);display:flex}.order-total{color:var(--color-ink);font-weight:700}.status-select{padding:var(--space-1) var(--space-3);text-transform:capitalize;cursor:pointer;border:1px solid #0000;border-radius:999px;font-size:.78rem;font-weight:700}.status-placed{background:var(--color-navy-tint);color:var(--color-navy)}.status-preparing{background:var(--color-gold-tint);color:var(--color-gold)}.status-ready{color:#1c6ea4;background:#e5f2fb}.status-completed{color:var(--color-success);background:#e5f3ec}.status-cancelled{background:var(--color-red-soft);color:var(--color-danger)}.status-pending{background:var(--color-gold-tint);color:var(--color-gold)}.status-fulfilled{color:var(--color-success);background:#e5f3ec}.product-unit{color:var(--color-text-muted);font-weight:400}.request-actions{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.request-actions button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-red);color:#fff;border:none;font-size:.85rem;font-weight:700;transition:background .15s}.request-actions button:hover{background:var(--color-red-dark)}.request-actions button.secondary{background:var(--color-bg);color:var(--color-navy-soft);border:1px solid var(--color-border)}.request-actions button.secondary:hover{border-color:var(--color-navy-soft)}.order-items{padding-top:var(--space-3);border-top:1px solid var(--color-border);list-style:none}.order-items li{color:var(--color-ink-soft);padding:var(--space-1) 0;justify-content:space-between;font-size:.88rem;display:flex}.order-item-qty{color:var(--color-text-muted)}.stat-grid{gap:var(--space-4);max-width:760px;margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon-earnings{background:var(--color-red-tint);color:var(--color-red)}.stat-icon-expenses{background:var(--color-navy-tint);color:var(--color-navy-soft)}.stat-icon-positive{color:var(--color-success);background:#e5f3ec}.stat-icon-negative{background:var(--color-red-soft);color:var(--color-danger)}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.stat-value{letter-spacing:-.01em;color:var(--color-navy);font-size:1.4rem;font-weight:800}.stat-value.positive{color:var(--color-success)}.stat-value.negative{color:var(--color-danger)}.panel-grid{gap:var(--space-6);grid-template-columns:1fr 1.2fr;max-width:900px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-6)}.expense-form{gap:var(--space-3);flex-direction:column;display:flex}.expense-form input,.expense-form select{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-bg);font-family:inherit;font-size:.9rem}.expense-form input:focus,.expense-form select:focus{border-color:var(--color-red);box-shadow:0 0 0 3px var(--color-red-soft);outline:none}.expense-form button{padding:var(--space-3);background:var(--color-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.9rem;font-weight:700;transition:background .15s}.expense-form button:hover{background:var(--color-red-dark)}.expense-list{max-height:280px;padding:0;list-style:none;overflow-y:auto}.expense-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;font-size:.9rem;display:flex}.expense-list li:last-child{border-bottom:none}.expense-amount{color:var(--color-navy);font-weight:700}.error{color:var(--color-danger);background:var(--color-red-soft);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid #f3c9c6;font-size:.9rem}.welcome{background:var(--color-bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.welcome-panel{padding:var(--space-10) 5rem var(--space-10) 6rem;flex-direction:column;justify-content:center;display:flex}.welcome-brand{color:var(--color-navy);margin-bottom:var(--space-6);font-size:1.1rem;font-weight:800}.welcome-brand-mark.accent{color:var(--color-red)}.welcome-eyebrow{width:fit-content;padding:var(--space-1) var(--space-3);background:var(--color-red-tint);color:var(--color-red);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5);border-radius:999px;font-size:.72rem;font-weight:800;display:inline-block}.welcome-panel h1{letter-spacing:-.02em;color:var(--color-navy);margin-bottom:var(--space-5);max-width:480px;font-size:2.5rem;font-weight:800;line-height:1.15}.welcome-panel p{color:var(--color-ink-soft);max-width:460px;margin-bottom:var(--space-8);font-size:1.05rem;line-height:1.6}.welcome-cta{align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-4) var(--space-8);background:var(--color-red);color:#fff;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-red);border:none;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.welcome-cta:hover{background:var(--color-red-dark);transform:translateY(-2px)}.welcome-showcase{background:var(--color-surface);border-left:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.welcome-showcase:before{content:"";background:radial-gradient(circle at 30% 20%, var(--color-red-tint), transparent 55%), radial-gradient(circle at 75% 75%, var(--color-gold-tint), transparent 50%);position:absolute;inset:0}.showcase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-8);width:220px;position:relative}.showcase-card-1{transform:rotate(-4deg)translate(30px,30px)}.showcase-card-2{transform:rotate(3deg)translate(-50px,-40px)}.showcase-icon{color:var(--color-navy-soft);margin-bottom:var(--space-2)}.showcase-icon.accent{color:var(--color-red)}.showcase-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem;font-weight:700}.showcase-big{color:var(--color-navy);letter-spacing:-.02em;margin:var(--space-1) 0;font-size:2.4rem;font-weight:800}.showcase-big.accent-text{color:var(--color-red)}.showcase-sub{color:var(--color-text-muted);font-size:.82rem}@media (width<=900px){.welcome{grid-template-columns:1fr}.welcome-showcase{display:none}.welcome-panel{padding:var(--space-8) var(--space-6)}.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.panel-grid,.stat-grid{grid-template-columns:1fr}}