:root{--c-green-950: #0e0e0e;--c-green-900: #181818;--c-green-800: #222222;--c-green-700: #2e2e2e;--c-green-600: #3a3a3a;--c-green-500: #4a4a4a;--c-green-400: #888888;--c-green-300: #b0b0b0;--c-green-200: #d8d8d8;--c-green-100: #efefef;--c-green-50: #f8f8f8;--c-gold-700: #c85040;--c-gold-600: #e06655;--c-gold-500: #FF8877;--c-gold-400: #ffaa99;--c-gold-300: #ffc8bb;--c-gold-100: #fff0ee;--c-bg: #f4f6f8;--c-surface: #ffffff;--c-surface-2: #f9fafb;--c-surface-3: #f3f4f6;--c-border: #d1d5db;--c-border-soft: #e5e7eb;--c-text: #111827;--c-text-muted: #4b5563;--c-text-subtle: #9ca3af;--c-accent: var(--c-gold-600);--c-accent-glow: rgba(224,102,85,.15);--c-success: #4caf72;--c-warning: #e8b84b;--c-danger: #e05252;--c-info: #5ba4cf;--c-status-open: #5ba4cf;--c-status-in-progress: #e8b84b;--c-status-done: #4caf72;--c-status-replenish: #e05252;--c-hauptlager: #5ba4cf;--c-aktivlager: #4caf72;--c-bin-empty: #1e1e28;--c-bin-low: rgba(78,175,114,.15);--c-bin-medium: rgba(232,184,75,.25);--c-bin-high: rgba(224,82,82,.3);--font-ui: "Nunito", system-ui, sans-serif;--font-mono: "Roboto Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--touch-min: 44px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-green: 0 0 24px rgba(255,136,119,.15);--shadow-accent: 0 0 20px rgba(224,102,85,.15);--t-fast: .15s ease;--t-normal: .25s ease;--t-slow: .45s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-ui);background-color:var(--c-bg);color:var(--c-text);line-height:1.5;min-height:100dvh;overflow-x:hidden}a{color:var(--c-green-300);text-decoration:none}a:hover{color:var(--c-green-100)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-surface)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-green-500)}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;min-height:100dvh}.app-topbar{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;padding:0 20px;gap:16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:100}.app-sidebar{grid-column:1;grid-row:2;background:var(--c-surface);border-right:1px solid var(--c-border);padding:12px 0;overflow-y:auto}.app-main{grid-column:2;grid-row:2;overflow-y:auto;padding:24px}.brand-logo{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;color:var(--c-text)}.brand-logo__icon{width:32px;height:32px;background:linear-gradient(135deg,var(--c-green-600),var(--c-green-500));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;box-shadow:var(--shadow-green)}.brand-logo__sub{font-size:.65rem;font-weight:500;color:var(--c-text-muted);letter-spacing:.08em;text-transform:uppercase}.nav-section{padding:4px 12px;margin-top:8px}.nav-section__label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-subtle);padding:8px 8px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--c-text-muted);font-size:.92rem;font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast);min-height:var(--touch-min);border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:var(--c-surface-3);color:var(--c-text)}.nav-item.active{background:linear-gradient(90deg,#ff88772e,#ff88770d);color:var(--c-gold-300);border-left:3px solid var(--c-gold-500);padding-left:9px}.nav-item__badge{margin-left:auto;background:#f873;color:var(--c-gold-300);font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:20px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px}.card--elevated{background:var(--c-surface-2);box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card__title{font-size:1rem;font-weight:700;color:var(--c-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:.92rem;font-weight:700;cursor:pointer;border:none;transition:all var(--t-fast);min-height:var(--touch-min);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn--primary{background:linear-gradient(135deg,var(--c-gold-600),var(--c-gold-500));color:#fff;box-shadow:0 2px 12px #ff887759}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ff887780}.btn--primary:active{transform:translateY(0)}.btn--accent{background:linear-gradient(135deg,var(--c-gold-600),var(--c-gold-500));color:#1a1000;box-shadow:0 2px 12px #c8953c59}.btn--accent:hover{transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn--ghost{background:transparent;color:var(--c-text-muted);border:1px solid var(--c-border)}.btn--ghost:hover{background:var(--c-surface-3);color:var(--c-text)}.btn--danger{background:#e0525226;color:var(--c-danger);border:1px solid rgba(224,82,82,.3)}.btn--danger:hover{background:#e0525240}.btn--sm{padding:6px 14px;font-size:.82rem;min-height:36px}.btn--lg{padding:14px 28px;font-size:1rem;min-height:52px}.btn--icon{padding:10px;min-width:var(--touch-min)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.form-input{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);font-family:var(--font-ui);font-size:.95rem;padding:10px 14px;min-height:var(--touch-min);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%;outline:none}.form-input:focus{border-color:var(--c-gold-500);box-shadow:0 0 0 3px #f873}.form-input::placeholder{color:var(--c-text-subtle)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.04em}.badge--green{background:#4caf7226;color:#4caf72;border:1px solid rgba(76,175,114,.25)}.badge--gold{background:#c8953c26;color:var(--c-gold-400);border:1px solid rgba(200,149,60,.25)}.badge--blue{background:#5ba4cf26;color:#5ba4cf;border:1px solid rgba(91,164,207,.25)}.badge--red{background:#e0525226;color:var(--c-danger);border:1px solid rgba(224,82,82,.25)}.badge--muted{background:var(--c-surface-3);color:var(--c-text-muted);border:1px solid var(--c-border)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--green{background:var(--c-success);box-shadow:0 0 6px var(--c-success)}.status-dot--yellow{background:var(--c-warning);box-shadow:0 0 6px var(--c-warning)}.status-dot--red{background:var(--c-danger);box-shadow:0 0 6px var(--c-danger)}.status-dot--blue{background:var(--c-info);box-shadow:0 0 6px var(--c-info)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--c-border)}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{background:var(--c-surface-2);color:var(--c-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid var(--c-border)}tbody tr{border-bottom:1px solid var(--c-border-soft);transition:background var(--t-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--c-surface-3)}tbody td{padding:12px 16px;color:var(--c-text);min-height:var(--touch-min);vertical-align:middle}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.kpi-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:border-color var(--t-normal),transform var(--t-normal)}.kpi-card:hover{border-color:var(--c-gold-500);transform:translateY(-2px)}.kpi-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,136,119,.08),transparent 70%);transform:translate(20px,-20px)}.kpi-card__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:8px}.kpi-card__value{font-size:2rem;font-weight:800;color:var(--c-text);line-height:1}.kpi-card__sub{font-size:.78rem;color:var(--c-text-muted);margin-top:6px}.kpi-card--accent .kpi-card__value{color:var(--c-gold-400)}.kpi-card--green .kpi-card__value{color:var(--c-text)}.kpi-card--red .kpi-card__value{color:var(--c-danger)}.fill-bar{height:6px;border-radius:3px;background:var(--c-surface-3);overflow:hidden}.fill-bar__inner{height:100%;border-radius:3px;transition:width var(--t-slow)}.fill-bar--low .fill-bar__inner{background:var(--c-success)}.fill-bar--medium .fill-bar__inner{background:var(--c-warning)}.fill-bar--high .fill-bar__inner{background:var(--c-danger)}.room-canvas-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(ellipse at 20% 20%,rgba(255,136,119,.04) 0%,transparent 60%),var(--c-surface);border:1px solid var(--c-border)}.rack-svg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rack-block{cursor:pointer;transition:all .2s}.rack-block:hover rect{fill:#ff887726;stroke:var(--c-gold-500)}.bin-grid{display:grid;gap:4px;padding:16px;background:var(--c-surface-2);border-radius:var(--radius-md);border:1px solid var(--c-border)}.bin-cell{border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-bin-empty);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;cursor:pointer;transition:all var(--t-fast);min-height:var(--touch-min);position:relative;gap:4px}.bin-cell:hover{border-color:var(--c-gold-500);background:var(--c-surface-3)}.bin-cell.selected{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-glow)}.bin-cell__label{font-size:.7rem;font-weight:700;font-family:var(--font-mono);color:var(--c-text-muted)}.bin-cell__qty{font-size:1.1rem;font-weight:800;color:var(--c-text)}.bin-cell--low{background:var(--c-bin-low)}.bin-cell--medium{background:var(--c-bin-medium)}.bin-cell--high{background:var(--c-bin-high);border-color:#e0525266}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:280px;max-width:380px;font-size:.9rem;font-weight:600;pointer-events:all}.toast--success{border-left:4px solid var(--c-success)}.toast--warning{border-left:4px solid var(--c-warning)}.toast--error{border-left:4px solid var(--c-danger)}.toast--info{border-left:4px solid var(--c-info)}.barcode-wrap{background:#fff;border-radius:var(--radius-sm);padding:8px 12px 12px;display:inline-flex;flex-direction:column;align-items:center;gap:4px}.barcode-wrap svg{display:block}.barcode-wrap__code{font-family:var(--font-mono);font-size:.7rem;color:#111;letter-spacing:.1em}.scanner-indicator{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-gold-500),var(--c-gold-300));transform:scaleX(0);transform-origin:left;transition:transform .15s ease;z-index:9999}.scanner-indicator.active{transform:scaleX(1)}.text-muted{color:var(--c-text-muted)}.text-subtle{color:var(--c-text-subtle)}.text-accent{color:var(--c-gold-400)}.text-success{color:var(--c-success)}.text-danger{color:var(--c-danger)}.text-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.w-full{width:100%}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-pulse{animation:pulse 1.5s ease infinite}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-rows:56px auto 1fr}.app-sidebar{grid-column:1;grid-row:2;display:flex;overflow-x:auto;padding:8px;border-right:none;border-bottom:1px solid var(--c-border)}.app-main{grid-column:1;grid-row:3;padding:16px}}