*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow: #FFBA35;--yellow-dark: #E8A520;--yellow-light: #FFF3D4;--brown: #3A2A1A;--brown-mid: #6B4C35;--brown-light: #A07850;--cream: #FFFDF5;--cream-dark: #F5EFE0;--green: #2E7D52;--green-light: #E8F5EE;--red: #C0392B;--red-light: #FDE8E8;--blue: #1A5C8A;--blue-light: #E8F0F8;--orange: #D4621A;--orange-light: #FDF0E8;--border: rgba(58,42,26,.12);--border-strong: rgba(58,42,26,.25);--shadow-sm: 0 1px 3px rgba(58,42,26,.08);--shadow-md: 0 4px 16px rgba(58,42,26,.12);--radius: 12px;--radius-sm: 8px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--color-text-primary: var(--brown);--color-text-secondary: var(--brown-mid);--color-text-tertiary: var(--brown-light);--color-text-info: var(--blue);--color-text-success: var(--green);--color-text-danger: var(--red);--color-text-warning: var(--orange);--color-background-primary: white;--color-background-secondary: var(--cream-dark);--color-background-tertiary: var(--cream);--color-background-info: var(--blue-light);--color-background-success: var(--green-light);--color-background-danger: var(--red-light);--color-background-warning: var(--orange-light);--color-border-tertiary: var(--border);--color-border-secondary: var(--border-strong);--border-radius-md: var(--radius-sm);--border-radius-lg: var(--radius);--font-sans: var(--font-body)}html{font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--brown);min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--brown)}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;min-height:100vh;background:var(--brown);display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:100}.sidebar-logo{padding:1.5rem 1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}.sidebar-logo h1{font-size:1.1rem;color:var(--yellow);letter-spacing:.02em;font-family:var(--font-display)}.sidebar-logo p{font-size:.7rem;color:#ffffff59;margin-top:1px}.sidebar-nav{flex:1;padding:.75rem 0}.nav-item{display:flex;align-items:center;gap:10px;padding:.7rem 1.5rem;color:#ffffff80;font-size:.875rem;font-family:var(--font-body);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .15s;border-left:2px solid transparent;text-decoration:none}.nav-item:hover{color:#ffffffd9;background:#ffba3514}.nav-item.active{color:var(--yellow);border-left-color:var(--yellow);background:#ffba351a}.nav-icon{width:18px;height:18px;flex-shrink:0}.main-content{margin-left:220px;flex:1;padding:2rem;min-height:100vh;background:var(--cream)}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.75rem;color:var(--brown)}.page-header p{color:var(--brown-mid);opacity:.6;font-size:.9rem;margin-top:4px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.card+.card{margin-top:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem}.metric-card .label{font-size:.72rem;color:var(--brown-light);text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-display);font-weight:600}.metric-card .value{font-size:2rem;font-weight:700;font-family:var(--font-display);color:var(--brown);margin-top:4px}.metric-card .sub{font-size:.8rem;color:var(--green);margin-top:2px}.badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;font-family:var(--font-display);padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.badge-new{background:var(--blue-light);color:var(--blue)}.badge-making{background:var(--orange-light);color:var(--orange)}.badge-ready{background:var(--yellow-light);color:var(--yellow-dark)}.badge-delivering{background:#f3eef8;color:#6b3fa0}.badge-done{background:var(--green-light);color:var(--green)}.badge-cancelled{background:var(--red-light);color:var(--red)}.badge-pickup{background:var(--yellow-light);color:var(--yellow-dark)}.badge-delivery{background:#f3eef8;color:#6b3fa0}.badge-card{background:var(--blue-light);color:var(--blue)}.badge-cash{background:var(--green-light);color:var(--green)}.badge-zelle{background:#f3eef8;color:#6b3fa0}.badge-available{background:var(--green-light);color:var(--green)}.badge-off{background:var(--cream-dark);color:var(--brown-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:.6rem 1.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#fff;color:var(--brown);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all .15s;font-weight:500;text-decoration:none}.btn:hover{background:var(--cream-dark)}.btn-primary{background:var(--brown);color:var(--yellow);border-color:var(--brown)}.btn-primary:hover{background:#2a1e10}.btn-gold{background:var(--yellow);color:var(--brown);border-color:var(--yellow);font-weight:700}.btn-gold:hover{background:var(--yellow-dark)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.78rem;font-weight:600;margin-bottom:5px;font-family:var(--font-display);color:var(--brown-mid)}input,select,textarea{width:100%;padding:.6rem .9rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;font-family:var(--font-body);font-size:.9rem;color:var(--brown);transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px #ffba3533}textarea{resize:vertical;min-height:80px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{text-align:left;padding:.75rem 1rem;font-family:var(--font-display);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brown-light);border-bottom:2px solid var(--yellow);background:var(--cream-dark)}tbody td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--brown)}tbody tr:hover{background:var(--yellow-light)}tbody tr:last-child td{border-bottom:none}.toggle-group{display:flex;background:var(--cream-dark);border-radius:var(--radius-sm);padding:3px;gap:3px}.toggle-btn{flex:1;padding:.5rem;border:none;border-radius:6px;background:transparent;font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all .15s;color:var(--brown-mid)}.toggle-btn.active{background:#fff;color:var(--brown);font-weight:600;box-shadow:var(--shadow-sm)}.section-title{font-family:var(--font-display);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brown-light);margin-bottom:1rem}.status-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:none}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem}.alert-success{background:var(--yellow-light);color:var(--yellow-dark);border-left:3px solid var(--yellow)}.alert-error{background:var(--red-light);color:var(--red)}.alert-info{background:var(--blue-light);color:var(--blue)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--yellow);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1rem;color:var(--brown-light);opacity:.55}.empty-state p{font-size:.875rem;margin-top:.5rem}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.kitchen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.kitchen-card{background:#fff;border-radius:var(--radius);border:1px solid var(--border);border-left:4px solid;padding:1.25rem;box-shadow:var(--shadow-sm)}.kitchen-card.new{border-left-color:var(--blue)}.kitchen-card.making{border-left-color:var(--yellow-dark)}.kitchen-card.ready{border-left-color:var(--green)}.qty-ctrl{display:flex;align-items:center;gap:10px}.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-strong);background:#fff;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .15s;color:var(--brown)}.qty-btn:hover{background:var(--yellow-light);border-color:var(--yellow)}.qty-num{font-weight:600;min-width:20px;text-align:center;font-family:var(--font-display)}@media (max-width: 768px){.sidebar{width:60px}.sidebar-logo p,.nav-item span{display:none}.nav-item{justify-content:center;padding:.75rem}.main-content{margin-left:60px;padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}