:root{--bg-base: #0b0e14;--bg-surface: #161b22;--bg-surface-light: #21262d;--accent-primary: #10b981;--accent-secondary: #059669;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--text-primary: #ffffff;--text-secondary: #8b949e;--text-muted: rgba(255, 255, 255, .3);--border-dim: rgba(255, 255, 255, .05);--border-regular: rgba(255, 255, 255, .1);--glass-bg: rgba(22, 27, 34, .7);--glass-blur: blur(12px);--glow-emerald: 0 0 15px rgba(16, 185, 129, .35);--glow-ruby: 0 0 15px rgba(239, 68, 68, .35);--glow-amber: 0 0 15px rgba(245, 158, 11, .35);--accent-edit: #f59e0b;--transition-premium: all .3s cubic-bezier(.16, 1, .3, 1)}html,body,app-root{height:100%}body{margin:0;padding:0;overflow:hidden;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-base);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-surface-light);border-radius:20px;border:3px solid var(--bg-base);background-clip:padding-box;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface-light) transparent}.table-wrapper{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:20px;overflow-x:auto;box-shadow:0 20px 50px #00000080}.orders-table{width:100%;min-width:1000px;border-collapse:collapse;font-size:1.1rem}.orders-table th{text-align:center;padding:18px 20px;background:var(--bg-surface-light);color:var(--text-secondary);font-weight:500;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;border-bottom:1px solid var(--border-dim);vertical-align:middle}.orders-table td{padding:18px 20px;border-bottom:1px solid var(--border-dim);color:var(--text-primary);transition:color .2s;vertical-align:middle;text-align:center}.orders-table td.highlight{text-align:center}.order-row{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.order-row:hover{background:#ffffff0a!important;transform:translateY(-2px);box-shadow:0 10px 30px #0009;z-index:10}.order-row:hover td{color:var(--accent-primary)}.order-row:last-child td{border-bottom:none}.empty-state{text-align:center;padding:40px;color:#fff6;font-style:italic}.highlight{font-family:Courier New,monospace;font-weight:600;color:var(--text-primary)!important}.cost{font-weight:700;color:var(--accent-success)!important;text-shadow:var(--glow-emerald)}.paid{color:#f59e0b!important;white-space:nowrap;font-weight:600}.remaining{font-weight:700;white-space:nowrap;color:var(--accent-danger)!important;text-shadow:var(--glow-ruby)}.center{text-align:center!important}.user-badge{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;margin:0 auto}.status-col{width:120px}.status-cell-content{display:flex;flex-direction:column;align-items:center;gap:4px}.status-text{font-size:13px;color:#10b981;font-weight:500;white-space:nowrap}.status-dot{width:14px;height:14px;background:#ef4444;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #ef444466;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);margin:0 auto}.status-dot.delivered{background:#10b981!important;box-shadow:0 0 10px #10b98166}.icon-btn{background:none;border:none;padding:8px;border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;line-height:0}.icon-btn svg{width:28px;height:28px;stroke:currentColor;display:block}.history-btn:hover{color:#818cf8;background:#818cf81a;transform:translateY(-1px) scale(1.1)}.pdf-btn:hover{background:#ef44441a;transform:translateY(-1px) scale(1.1)}.pdf-btn svg{width:38px;height:38px;stroke:none}.progress-bar-container{width:80px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:0 auto 4px}.progress-fill{height:100%;background:var(--accent-warning);width:0%;transition:width .3s ease}.progress-fill.full{background:var(--accent-success)}.progress-text{font-size:11px;color:#ffffff80}@media (max-width: 768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border:1px solid #05020a}.orders-table{min-width:unset;font-size:.9rem}.orders-table thead{display:none}.orders-table tbody:not(.month-group-header){display:block;width:100%}.orders-table tr.order-row{display:flex;flex-wrap:wrap;width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 14px 16px;margin-bottom:10px;position:relative;cursor:pointer;gap:0 12px;align-items:center}.orders-table tr.order-row td{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:none;font-size:1rem}.orders-table tr.order-row td:before{content:attr(data-label) ": ";font-weight:600;font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.orders-table tr.order-row td[data-label=Status]{order:1;flex:1;justify-content:flex-start;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.orders-table tr.order-row td[data-label=Status] .status-cell-content{flex-direction:row;gap:8px}.orders-table tr.order-row td[data-label=Status]:before{display:none}.orders-table tr.order-row td[data-label="Bestell-Nr."]{order:2;flex:none;width:auto;justify-content:flex-end;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.orders-table tr.order-row td[data-label="Bestell-Nr."]:before{display:none}.orders-table tr.order-row td[data-label=Bestellt]{order:3;width:100%;justify-content:space-between}.orders-table tr.order-row td[data-label=Lieferung]{order:4;width:100%;justify-content:space-between}.orders-table tr.order-row td[data-label=Kunde]{order:5;width:100%;justify-content:space-between}.orders-table tr.order-row td[data-label="Erstellt von"]{order:6;width:100%;justify-content:space-between}.orders-table tr.order-row td[data-label=Fortschritt]{order:7;width:100%;justify-content:space-between}.orders-table tr.order-row td[data-label=Fortschritt] .progress-bar-container{margin-left:auto;margin-right:6px}.orders-table tr.order-row td[data-label=Historie]{order:8;flex:none;width:calc(50% - 6px);justify-content:flex-start;padding-top:6px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.orders-table tr.order-row td[data-label=Historie]:before{display:none}.orders-table tr.order-row td[data-label=Angebot]{position:absolute;bottom:12px;right:14px;width:auto;padding:0;border:none;margin:0;z-index:5}.orders-table tr.order-row td[data-label=Angebot]:before{display:none}.angebot-cell-content{display:flex;align-items:center;gap:8px}.month-group-header{display:table-row-group}.month-group-header tr{display:block}.month-group-header td{display:block;cursor:pointer;position:relative;z-index:5}.order-row:hover{transform:none;box-shadow:none}.orders-table tr.order-row td .icon-btn{position:relative;z-index:1}.icon-btn svg{width:20px;height:20px}.pdf-btn svg{width:26px;height:26px}.progress-bar-container{width:80px}.user-badge{margin:0 auto;width:54px!important;height:54px!important;font-size:1.6rem!important}.table-wrapper{border:none;box-shadow:none;background:transparent;border-radius:0;overflow:visible}}@media (hover: none){.order-row:hover{transform:none;box-shadow:none;background:transparent!important}}.gate-card{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--accent-danger)!important;box-shadow:var(--glow-ruby)!important}.gate-icon{background:#ef44441a!important;border:1px solid rgba(239,68,68,.2)!important}.gate-icon svg{color:var(--accent-danger)!important}.btn-unlock,.btn-confirm.ruby{background:linear-gradient(135deg,var(--accent-danger),#b91c1c)!important;color:#fff!important;box-shadow:var(--glow-ruby)!important;border:none!important;font-weight:700!important;text-transform:uppercase!important;cursor:pointer!important}