.dashboard{background:#000;color:#f5f5f5;min-height:100vh;padding:1.5rem 2rem;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dashboard h2{font-size:1.8rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.warning-banner{display:flex;justify-content:center;margin-bottom:1.5rem}.warning-active{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;font-size:1.05rem;font-weight:500;background:#ff505029;border:1px solid rgba(255,80,80,.45);color:#ff7b7b}.warning-active strong{font-weight:600;margin-right:.2rem}.warning-clear{padding:.4rem .9rem;border-radius:999px;background:#4caf5026;border:1px solid rgba(76,175,80,.4);color:#81c784;font-size:1rem}.blink-red{font-size:1.1rem;animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.dashboard-row{display:flex;flex-wrap:wrap;gap:1.5rem}.chart-section{flex:2;min-width:260px}.chart-header h3{font-size:1.2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem}.total-badge{background:#1b5e20;color:#e8f5e9;border-radius:999px;padding:.2rem .7rem;font-size:.85rem;font-weight:600}.dashboard-charts{display:flex;justify-content:center;align-items:center}.chart-container{width:280px;height:280px}.escalation-section{flex:1;min-width:240px;background:#111;border-radius:10px;padding:1rem;border:1px solid #222}.escalation-section h3{margin-top:0;margin-bottom:.7rem;font-size:1.1rem}.dept-table{width:100%;border-collapse:collapse;font-size:.9rem}.dept-table th,.dept-table td{padding:.4rem .3rem;border-bottom:1px solid #222}.dept-table th{text-align:left;color:#ccc;font-weight:600}.dept-table tr:hover{background:#1e1e1e}.quick-links{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.6rem}.quick-links button{background:#1e1e1e;color:#f5f5f5;border:1px solid #333;border-radius:999px;padding:.45rem .9rem;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .2s ease,border-color .2s ease,transform .1s ease}.quick-links button:hover{background:#2a2a2a;border-color:#555;transform:translateY(-1px)}@media(max-width:900px){.dashboard{padding:1rem}.dashboard-row{flex-direction:column}.chart-container{width:240px;height:240px}}.dashboard-chart-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:20px;margin-top:10px;padding:20px 0}.dashboard-chart-box{background:#111;border:1px solid #333;padding:15px;border-radius:12px;width:320px;height:320px;display:flex;flex-direction:column;justify-content:flex-start}.dashboard-chart-box h3{margin:0 0 10px;font-size:1.1rem}.dashboard-chart-canvas{flex:1}.chart-row{display:flex;gap:30px;justify-content:space-between;flex-wrap:nowrap;margin-top:20px}.chart-box{background:#111;padding:20px;border-radius:12px;flex:1;min-width:300px;max-width:33%;height:320px}.chart-card{background:#111;border:1px solid #333;padding:15px;border-radius:12px;text-align:center}.chart-card canvas{max-width:240px;margin:0 auto}.dashboard-chart-box{background:#111;border:1px solid #333;border-radius:12px;padding:15px;min-height:300px;display:flex;flex-direction:column}.dashboard-chart-box h3{margin:0 0 10px;font-size:1rem;color:#fff}.dashboard-chart{flex:1;min-height:240px}.grid-item h3{text-align:center;margin-bottom:10px}.grid-item canvas{max-height:250px!important}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:10px}.grid-item{background:#0f0f0f;padding:12px;border-radius:12px;box-shadow:0 0 10px #0006;text-align:center;height:280px;display:flex;flex-direction:column;justify-content:flex-start}.grid-item h3{margin:0 0 6px;font-size:16px}.grid-item canvas{max-height:220px!important;max-width:220px!important;margin:0 auto}.dashboard-grid-small{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.grid-item-small{background:#111;padding:15px;border-radius:12px;box-shadow:0 0 12px #0006;height:300px}.grid-item-small canvas{max-height:200px!important}.apple-dashboard{padding-bottom:40px}.card{background:#111;border-radius:18px;padding:18px;box-shadow:0 8px 22px #00000059;border:1px solid #222}.dashboard-grid-compact{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.chart-box{width:260px;height:260px;margin:auto}.vehicles-page{Padding-top:0!important;margin-top:0!important;color:#f5f5f5;background:#111;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.vehicle-toolbar-container{flex:0 0 auto}.vehicle-toolbar-container h3{margin:0 0 10px;color:#00e676;font-size:1rem;letter-spacing:.03em}.vehicle-list-container{flex:1 1 auto;overflow-y:auto}.vehicle-toolbar-row{display:flex;flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;gap:5px!important;align-items:center}.vehicle-toolbar-row input,.vehicle-toolbar-row select{background:#222;color:#f5f5f5;border:1px solid #333;border-radius:6px;padding:6px 10px;font-size:.85rem;flex:0 0 auto}.vehicle-toolbar-row input,.vehicle-toolbar-row select{max-width:120px}.vehicle-toolbar-row input[placeholder=VIN]{max-width:140px}.vehicle-toolbar-row input[placeholder=Modell]{max-width:150px}.vehicle-toolbar-row input[placeholder=Notizen]{max-width:180px}.vehicle-toolbar-row input[type=date]{max-width:130px}.add-btn-right{margin-left:auto;background-color:#2ecc71;color:#fff;border-radius:50%;width:34px;height:34px;font-size:1.3rem;border:none;cursor:pointer}.add-btn-right:hover{background-color:#27ae60}.add-btn-green{background-color:#28a745!important;color:#fff!important;border-radius:50%;padding:6px 10px;font-size:1.2rem;border:none;cursor:pointer;box-shadow:0 0 0 1px #0000004d}.add-btn-green:hover{background-color:#218838!important}.filters.sticky-under{position:sticky;top:135px;z-index:90;background:#1a1a1a;border-bottom:2px solid #333;padding:12px 10px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.filters input[type=text]{background:#222;border:1px solid #333;color:#fff;padding:6px 10px;font-size:.9rem;min-width:260px;border-radius:6px}.filters select{background:#222;color:#fff;border:1px solid #333;padding:6px 10px;font-size:.9rem;border-radius:6px}.reset-btn{background:#333;color:#fff;border:1px solid #444;border-radius:6px;padding:6px 10px;font-size:1.1rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.reset-btn:hover{background:#444;transform:translateY(-1px)}.vehicle-count{margin-left:auto;font-size:.95rem;opacity:.9}.search-wrapper{position:relative;display:flex;align-items:center}.search-wrapper .search-icon{position:absolute;left:8px;font-size:1.1rem;opacity:.6;pointer-events:none}.search-wrapper input{padding-left:30px!important}.vehicle-table-wrapper{overflow-y:auto;max-height:calc(100vh - 260px);margin-top:12px;border-radius:10px;box-shadow:0 4px 16px #0009}.vehicle-table thead th{position:sticky;top:0;z-index:5}.vehicle-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:10px;overflow:hidden;font-size:.85rem}.vehicle-table th{background:#222;padding:10px;border-bottom:2px solid #333;color:#00e676;font-weight:600;text-align:left;white-space:nowrap}.vehicle-table td{padding:8px 10px;border-bottom:1px solid #2a2a2a;vertical-align:middle}.vehicle-table tbody tr:nth-child(2n){background:#181818}.vehicle-table tr:hover{background:#262626;transition:background .15s ease}.vehicle-table img{filter:brightness(1.25)}.vehicle-table td:nth-child(1){font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;letter-spacing:.05em}.vehicle-table td:nth-child(9){max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overdue-row{background:#ff78001a}.needs-routing td{color:#00ff7f!important;font-weight:600}.warn-fast{color:#ff5252;margin-left:4px;animation:flash 1s infinite}.warn-slow{color:#ffb347;margin-left:4px;animation:pulse 2s infinite}@keyframes flash{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.6}}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.4}}.in-workshop{background:#0078ff1a!important}.active-workshop{background-color:#0080ff1a}.actions{display:flex;align-items:center;gap:8px}.icon-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:2px;transition:transform .1s ease,color .1s ease}.icon-btn:hover{transform:translateY(-1px)}.icon-btn.edit:hover{color:#00e676}.icon-btn.delete:hover{color:#ff5252}.vehicle-editor-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:5000}.vehicle-editor-container{background:#1e1e1e;padding:24px;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #000c}@media(max-width:900px){.vehicle-toolbar-row{flex-direction:column;align-items:stretch;overflow-x:visible;white-space:normal}.vehicle-toolbar-row input,.vehicle-toolbar-row select{max-width:100%}.filters input[type=text]{min-width:100%}.vehicle-editor-container{width:95%;padding:16px}.vehicle-table-wrapper{max-height:none}}.vehicle-table tr.active-workshop{background-color:#0080ff1f!important}.vehicle-table tr.active-workshop:hover{background-color:#0080ff2e!important}.not-arrived{font-style:italic;color:#999}.arrived{font-weight:600}.vehicle-toolbar-container.sticky{position:sticky;top:0;z-index:60;background:var(--bg-panel, #1c1c1e)}.filters.sticky-under{position:sticky;top:72px;z-index:50;background:var(--bg-panel, #1c1c1e)}.vehicle-toolbar-container.sticky,.filters.sticky-under{border-bottom:1px solid var(--border-subtle, rgba(255,255,255,.08))}.editor-wrapper{display:flex;flex-direction:column;gap:16px;color:#eee}.editor-section{background:#242424;padding:14px 18px;border-radius:10px;border:1px solid #333}.editor-section h4{margin-top:0;color:#00e676;margin-bottom:10px}.editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.editor-row label{font-weight:500;font-size:.9rem;min-width:90px;color:#aaa}.editor-row input,.editor-row select{background:#1a1a1a;color:#eee;border:1px solid #444;border-radius:6px;padding:6px 8px;flex:1}.editor-row input[type=checkbox]{flex:0 0 auto}.workstep-row{display:flex;gap:8px;margin-bottom:6px}.workstep-row select,.workstep-row input[type=date],.workstep-row input[type=text]{background:#1a1a1a;color:#eee;border:1px solid #444;border-radius:6px;padding:6px 8px}.done-checkbox{display:flex;align-items:center;gap:4px}.add-step-btn,.remove-step-btn{background:#333;border:none;border-radius:6px;color:#ccc;padding:6px 10px;cursor:pointer}.add-step-btn:hover{background:#00e676;color:#111}.remove-step-btn:hover{background:#ff5252;color:#111}.vehicle-editor input,.vehicle-editor select,.vehicle-editor textarea{background-color:#222;color:#f0f0f0;border:1px solid #444;border-radius:6px;padding:6px 8px;width:100%;box-sizing:border-box}.vehicle-editor input:focus,.vehicle-editor select:focus,.vehicle-editor textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 4px #4caf50}.vehicle-editor textarea{min-height:80px;resize:vertical}.transport-field{display:flex;align-items:center;gap:8px;flex:0}.transport-field input{flex:0}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:15px;border-top:1px solid #333}.editor-right-buttons{display:flex;gap:12px}.editor-btn{min-width:180px;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.verkaufsfertig-btn{background-color:#1faa59;color:#0b0b0b}.verkaufsfertig-btn:hover{background-color:#28c76f}.save-btn{background:linear-gradient(135deg,#00c853,#00e676);color:#0b0b0b}.save-btn:hover{filter:brightness(1.1)}.close-btn{background:#2b2b2b;color:#aaa;border:1px solid #555}.close-btn:hover{background:#3a3a3a;color:#fff}.qr-btn{background:#2a2a2a;color:#ddd;border:1px solid #444}.qr-btn:hover{background:#333}.dl-order-btn{background:linear-gradient(135deg,#005bbb,#003f88);color:#fff;border:none;padding:8px 18px;border-radius:10px;font-weight:600;cursor:pointer}.status-overview{background:#000;color:#f5f5f5;min-height:100vh;padding:1rem 2rem;font-family:Inter,sans-serif}.status-overview h2{font-size:1.6rem;margin-bottom:1rem;display:flex;align-items:center}.top-controls-wrapper{position:sticky;top:75px;z-index:20;background:#000;padding-top:.8rem;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid #222}.top-controls-wrapper h2{font-size:1.6rem;margin:0 0 .6rem}.top-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;justify-content:space-between}.vin-search{background:#111;border:1px solid #333;color:#fff;padding:.4rem .6rem;border-radius:6px;width:180px}.vin-search:focus{outline:none;border-color:#007aff}.view-toggle button,.dept-filter button{background:#1e1e1e;color:#ddd;border:1px solid #333;border-radius:6px;padding:.4rem .8rem;cursor:pointer;transition:all .2s ease}.view-toggle button.active,.dept-filter button.active{background:#007aff;color:#fff;border-color:#007aff}.view-toggle button:hover,.dept-filter button:hover{background:#333}.calendar-nav{display:flex;align-items:center;gap:.6rem}.calendar-nav span{font-weight:700;color:#ccc}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:1rem}.day-column{background:#111;border-radius:10px;padding:.6rem;border:1px solid #222;min-height:250px;display:flex;flex-direction:column}.day-column h4{font-size:1rem;color:#ccc;margin-bottom:.4rem}.overdue-indicator{color:#f44;font-weight:700;margin-bottom:.4rem;padding:4px 8px;border-radius:6px;font-size:.85rem;text-align:center;background:#ff44441a}.overdue-warning,.overdue-critical{border:none!important;background:none!important;color:inherit!important}.vehicle-card{border-radius:8px;padding:8px;margin-bottom:6px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.vehicle-card.planned{background:#1e1e1e;color:#f5f5f5}.vehicle-card.done{font-weight:600}.vehicle-card:hover{transform:scale(1.02);box-shadow:0 0 10px #ffffff0d}.vehicle-card.overdue-warning,.vehicle-card.overdue-critical{border:none!important}.month-view{margin-top:1.2rem}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem}.calendar-header-cell{color:#bbb;font-weight:700;padding:.3rem 0}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem}.month-day{background:#111;border:1px solid #222;border-radius:10px;padding:.4rem;min-height:120px}.month-day.today{border:2px solid #007aff}.month-day.out-of-month{opacity:.3}.month-day h4{color:#999;margin-bottom:.2rem}.legend{margin-top:1.5rem;border-top:1px solid #222;padding-top:1rem}.legend ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}.legend li{color:#ccc;display:flex;gap:.4rem;align-items:center}.legend li span{width:16px;height:16px;border-radius:4px}.vehicle-editor-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .25s ease}.vehicle-editor-popup{background:#1e1e1e;border:2px solid #555;border-radius:10px;padding:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;animation:fadeInPopup .25s ease forwards}@keyframes fadeInPopup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vehicle-editor-overlay.closing{opacity:0}.vehicle-editor-popup.closing{animation:fadeOutPopup .25s ease forwards}@keyframes fadeOutPopup{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(max-width:900px){.week-grid{grid-template-columns:repeat(2,1fr)}.month-grid{grid-template-columns:repeat(4,1fr)}}.warn-fast{color:red;animation:flash 1s infinite}.warn-slow{color:orange;animation:pulse 2s infinite}.verkaufsfertig-page{padding:1rem 2rem}.verkaufsfertig-table{width:100%;border-collapse:collapse;margin-top:1rem}.verkaufsfertig-table th,.verkaufsfertig-table td{border-bottom:1px solid #333;padding:.5rem;text-align:left}.verkaufsfertig-table th{background-color:#222;color:#eee}select{background:#1e1e1e;color:#fff;border:1px solid #555;padding:.25rem;border-radius:6px}select:hover{border-color:#888}.history-btn{margin-left:.5rem;background:#333;border:none;color:#fff;padding:.3rem .6rem;border-radius:6px;cursor:pointer}.history-btn:hover{background:#555}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.modal{background:#1e1e1e;color:#fff;padding:1rem;border-radius:12px;width:480px;max-height:70vh;overflow-y:auto}.modal h3{margin-top:0}.history-table{width:100%;border-collapse:collapse;margin-top:.5rem}.history-table th,.history-table td{border-bottom:1px solid #333;padding:.4rem}.modal button{margin-top:1rem;background:#444;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.modal button:hover{background:#666}.blink-yellow{animation:blink-yellow 1.5s infinite}.blink-red{animation:blink-red 1s infinite}@keyframes blink-yellow{0%{background-color:#330}50%{background-color:#660}to{background-color:#330}}@keyframes blink-red{0%{background-color:#300}50%{background-color:#600}to{background-color:#300}}.vf-date-hidden{position:absolute;top:0;left:-9999px;opacity:.001;width:1px;height:1px;pointer-events:auto}.calendar-icon{cursor:pointer;font-size:1.3rem;-webkit-user-select:none;user-select:none;transition:transform .1s ease}.calendar-icon:hover{transform:scale(1.15)}.pickup-wrapper{display:flex;align-items:center;gap:6px}.calendar-icon{cursor:pointer;font-size:18px;opacity:.7}.calendar-icon:hover{opacity:1}.pickup-input{width:110px;padding:4px;background:#222;color:#fff;border:1px solid #555;border-radius:4px}.vf-page{padding:20px}.vf-table{width:100%;border-collapse:collapse;font-size:.95rem}.vf-table th,.vf-table td{padding:8px 10px;text-align:left;vertical-align:middle}.vf-table.auto-layout{table-layout:auto}.vf-table th{background:#333;color:#fff;font-weight:600}.vf-table tr:nth-child(2n){background:#ffffff08}.brand-logo{width:32px;display:block;margin:0 auto}.workflow-icons{white-space:nowrap;font-size:1.1rem}.pickup-input{width:110px;padding:4px 6px;background:#222;border:1px solid #555;border-radius:5px;color:#fff}.pickup .flatpickr-calendar{z-index:9999!important}.vf-search-bar{display:flex;gap:10px;padding:10px;background:var(--bg);border-bottom:1px solid #4444}.sticky{position:sticky;top:0;z-index:999}.vf-search-input{flex:2;padding:5px 8px}.vf-filter{flex:1;padding:5px 8px}.vf-reset-btn{padding:5px 10px;cursor:pointer}.vf-filterbar{position:sticky;top:0;z-index:20;background:var(--color-bg-dark, #222);border-bottom:1px solid rgba(255,255,255,.12);padding:10px 12px;display:flex;gap:10px;align-items:center}.vf-filterbar input{padding:8px 10px;background:#333;border:1px solid #444;color:#eee;border-radius:6px;width:260px}.vf-filterbar input::placeholder{color:#aaa}.vf-filterbar .reset-btn{padding:8px 12px;background:#444;border:1px solid #555;color:#fff;border-radius:6px;cursor:pointer}.vf-filterbar .reset-btn:hover{background:#555}.vf-search-bar input{background:#222;color:#fff;border:1px solid #555;padding:8px 12px;border-radius:6px;width:280px;font-size:15px}.vf-search-bar select{background:#222;color:#fff;border:1px solid #555;padding:8px 10px;border-radius:6px;font-size:15px}.vf-search-bar input::placeholder{color:#aaa}.vf-search-bar{background:var(--bg-primary, #1a1a1a);padding:12px 10px;border-bottom:1px solid #333;position:sticky;top:0;z-index:20;display:flex;gap:12px;align-items:center}.vf-filterbar{display:flex;flex-wrap:wrap;gap:12px;padding:16px;margin-bottom:18px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:18px}.vf-filter-item{display:flex;align-items:center;background:#ffffff14;padding:6px 12px;border-radius:12px;gap:8px}.vf-filter-item input,.vf-filter-item select{background:transparent;border:none;color:#fff;font-size:14px;outline:none}.vf-filter-item select option{color:#000}.vf-filter-icon{opacity:.7}.vf-reset{background:#f55;border:none;color:#fff;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:700;transition:.2s}.vf-reset:hover{background:#f77}.vf-filter-item.toggle{padding:6px 10px}.vf-toggle-label{margin-left:6px;font-size:14px}.transport-preview-cell{position:relative}.transport-preview{position:relative;display:inline-block;cursor:default;font-weight:500}.transport-preview:hover .transport-hover{opacity:1;transform:translateY(0);pointer-events:auto}.transport-hover{position:absolute;left:0;top:120%;min-width:240px;background:#1f1f1f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 8px 20px #00000059;z-index:50;opacity:0;transform:translateY(-4px);pointer-events:none;transition:all .15s ease}.transport-hover strong{color:#ccc}.transport-hover .transport-reason{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.15);opacity:.9}.transport-hover{pointer-events:none}.page.vehicles-page .table-scroll{height:calc(100vh - 192px);overflow-y:auto;padding-right:6px}.page.vehicles-page .filters.sticky-under{margin-top:0}.table{width:100%;table-layout:fixed;border-collapse:collapse}.table th,.table td{padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table th:nth-child(1),.table td:nth-child(1){width:90px}.table th:nth-child(2),.table td:nth-child(2){width:80px;text-align:center}.table th:nth-child(3),.table td:nth-child(3){width:140px}.table th:nth-child(4),.table td:nth-child(4){width:90px}.table th:nth-child(5),.table td:nth-child(5){width:110px}.table th:nth-child(6),.table td:nth-child(6){width:200px}.table th:nth-child(7),.table td:nth-child(7){width:140px}.table th:nth-child(8),.table td:nth-child(8){width:120px}.table th:nth-child(9),.table td:nth-child(9){width:140px}.table th:nth-child(10),.table td:nth-child(10){width:90px;text-align:center}.workflow-icons{display:inline-flex;gap:6px;flex-wrap:nowrap}.table thead th{font-weight:600;color:#aaa}.delete-btn{background:#ff505026;color:#ff6b6b;border:1px solid rgba(255,80,80,.3)}.delete-btn:hover{background:#ff505040}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.archiv-page{padding:20px}.archiv-filter-bar{display:flex;gap:8px;margin-bottom:15px;background:#222;padding:10px;border-radius:6px}.archiv-filter,.archiv-search{padding:6px;border-radius:4px;border:1px solid #555;background:#111;color:#fff}.archiv-reset-btn{padding:6px 10px;background:#444;border:none;border-radius:4px;cursor:pointer}.archiv-table{width:100%;border-collapse:collapse}.archiv-table th,.archiv-table td{padding:6px;border-bottom:1px solid #333}.brand-logo{width:40px}.page-header{position:sticky;top:10px;z-index:30;background:#111;padding-top:12px;padding-bottom:12px}.users-page{padding:20px;color:#fff}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:8px 12px;border-bottom:1px solid #444}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem}.icon-btn.delete{color:#ff5252}.user-editor{background:#1e1e1e;color:#f5f5f5;padding:20px;border-radius:12px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto}.user-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.close-editor-btn{background:none;border:none;color:#aaa;font-size:1.4rem;cursor:pointer}.user-editor-tabs{display:flex;gap:10px;border-bottom:2px solid #333;margin-bottom:16px;padding-bottom:6px}.user-editor-tabs button{background:none;border:none;color:#ccc;padding:8px 14px;cursor:pointer;font-size:.95rem;border-radius:6px}.user-editor-tabs button.active{background:#00e676;color:#111;font-weight:600}.user-editor-content{padding:10px 0}.tab-content{background:#222;padding:16px;border-radius:10px;min-height:200px}.user-editor-footer{margin-top:20px;display:flex;justify-content:flex-end}.save-user-btn{background:#00e676;color:#111;padding:10px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row{display:flex;flex-direction:column}.form-row.full{grid-column:1 / 3}.form-row label{font-size:.85rem;margin-bottom:4px;opacity:.75}.form-row input,.form-row select,.form-row textarea{background:#222;color:#fff;border:1px solid #333;padding:8px;border-radius:6px;font-size:.95rem}.login-tab .password-wrapper{display:flex;align-items:center}.pw-toggle-btn{background:#333;border:1px solid #555;color:#fff;padding:6px 10px;border-radius:6px;margin-left:6px;cursor:pointer}.pw-toggle-btn:hover{background:#444}.info-hint{font-size:.8rem;opacity:.7;margin-top:4px}.password-hint{margin-top:10px;font-size:.85rem;opacity:.8;color:#ccc}.login-page{display:flex;flex-direction:column;align-items:center;margin-top:80px;padding:20px}.login-page h2{margin-bottom:20px;font-size:1.8rem;font-weight:600;text-align:center}.login-box{display:flex;flex-direction:column;gap:12px;width:280px;padding:20px;border-radius:12px;background:var(--card-bg, rgba(255,255,255,.1));box-shadow:0 4px 12px #00000026}.login-box label{font-weight:600;font-size:.9rem}.login-box input,.login-box select{padding:8px 10px;border-radius:6px;border:1px solid var(--border-color, #bbb);background:var(--input-bg, rgba(255,255,255,.4));font-size:1rem}.login-btn{margin-top:10px;padding:10px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:var(--accent-color, #2ecc71);color:#fff;transition:background .2s ease}.login-btn:hover{background:var(--accent-color-hover, #27ae60)}:root{--bg-app: #121212;--bg-panel: #1c1c1e;--bg-elevated: #2a2a2d;--bg-hover: #2f2f33;--text-primary: #eaeaea;--text-secondary: #b5b5b5;--text-muted: #8a8a8a;--border-subtle: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.18);--accent-blue: #4da3ff;--accent-green: #4cd964;--warn-yellow: #ffd60a;--warn-red: #ff453a;--input-light-bg: #f2f2f2;--input-light-text: #000}.icon-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:6px;border-radius:8px;font-size:16px}.icon-btn:hover{background:var(--bg-hover)}.icon-btn.danger:hover{background:#ff453a26}.table{width:100%;border-collapse:collapse;background:var(--bg-panel);border-radius:12px;overflow:hidden}.table th{background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;font-size:13px;padding:10px}.table td{padding:10px;border-bottom:1px solid var(--border-subtle)}.table tr:hover td{background:var(--bg-hover)}.search-input{background:var(--input-light-bg);color:var(--input-light-text);border-radius:10px;padding:8px 12px;border:none}.filter-select{background:#2a2a2a;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 10px}.filters{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:16px;flex-wrap:wrap}.page-header{margin-top:0;padding-top:0;margin-bottom:0}.page-title{margin-top:0}.hover-card{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px;font-size:13px;box-shadow:0 10px 30px #0006;z-index:200}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#000;color:#f5f5f5;font-family:Inter,system-ui,sans-serif;overflow-x:auto}.app-container{height:100vh;display:flex;flex-direction:column}.app-header{position:fixed;top:0;left:0;right:0;height:56px;z-index:1000;display:flex;align-items:center;gap:24px;padding:0 20px;background:#1c1c1ebf;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08)}.app-header-nav{display:flex;gap:6px;flex:1}.nav-tab{padding:6px 12px;border-radius:10px;font-size:18px;color:var(--text-secondary);text-decoration:none;transition:background .2s ease,color .2s ease}.nav-tab:hover{background:#ffffff14;color:var(--text-primary)}.nav-tab.active{background:#ffffff1f;color:var(--text-primary);font-weight:500}.app-header-right{display:flex;align-items:center;gap:14px}.header-actions .icon-btn{border-radius:8px}.user-chip{background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.content-frame{margin-top:56px;height:calc(100vh - 56px);display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;height:56px;z-index:2000;display:flex;align-items:center;justify-content:space-between;background-color:#0d0d0d;border-bottom:1px solid #222}.main-content{height:calc(100vh - 56px);margin-top:-30px;overflow-y:auto;padding-top:8px;padding-left:2rem;padding-right:2rem;padding-bottom:1rem;box-sizing:border-box}.logo{color:#00ff80;font-size:1.2rem;font-weight:600;-webkit-user-select:none;user-select:none}.nav-buttons{display:flex;gap:12px}.nav-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;color:#ccc;text-decoration:none;font-size:14px}.nav-item:hover{background:#2f2f2f;color:#fff}.nav-item.active{background:#4caf50;color:#fff}.header-tools{display:flex;align-items:center;gap:8px}.current-user-box{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 10px;background:#ffffff0f;border-radius:8px}.logout-btn{background:transparent;border:none;cursor:pointer;color:#ccc}.logout-btn:hover{color:#fff}.main-content{flex:1;padding:56px 24px 24px;box-sizing:border-box}.login-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.nav::-webkit-scrollbar{display:none}