: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)}.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}}.modal-backdrop{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;z-index:9999;padding:24px 16px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{background:#1a1a1e;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;width:420px;max-width:calc(100vw - 32px);overflow-y:auto;overflow-x:hidden;box-shadow:0 24px 60px #0000008c;animation:modalIn .22s cubic-bezier(.16,1,.3,1);margin:auto;flex-shrink:0;box-sizing:border-box}.modal-content.gate-card.material-modal{max-width:min(620px,calc(100vw - 32px));width:95vw}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gate-icon{width:64px;height:64px;margin:0 auto 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:18px;display:grid;place-items:center}.gate-icon svg{width:28px;height:28px;color:#ef4444}.gate-icon.edit-icon{background:#10b9811a;border-color:#10b98140}.gate-card{text-align:center}.modal-content.gate-card h2{margin:0 0 24px;font-size:1.4rem;font-weight:700;color:#fff}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row .form-field{flex:1;min-width:0}.form-field label{font-size:.78rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.form-field input,.form-field select{width:100%;padding:11px 13px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.93rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-field input:focus,.form-field select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.form-field input::placeholder{color:#ffffff38}.form-field select{appearance:none;cursor:pointer}.net-price-display .net-price-value{padding:11px 13px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;color:#10b981;font-size:.95rem;font-weight:700}.btn-unlock{display:flex;align-items:center;justify-content:center;width:100%;padding:13px;background:#6366f1;border:none;border-radius:12px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-unlock:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f14d}.error-message{color:#ef4444;font-size:.88rem;text-align:center}.btn-unlock.ruby,.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}:root.light-mode{--bg-base: #f0f2f5;--bg-surface: #ffffff;--bg-surface-light: #e8eaed;--text-primary: #1a1a2e;--text-secondary: #5f6368;--text-muted: rgba(0, 0, 0, .35);--border-dim: rgba(0, 0, 0, .06);--border-regular: rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .85);--glass-blur: blur(12px);--glow-emerald: 0 0 12px rgba(16, 185, 129, .2);--glow-ruby: 0 0 12px rgba(239, 68, 68, .2);--glow-amber: 0 0 12px rgba(245, 158, 11, .2)}.light-mode,.light-mode *:not(.cost):not(.remaining):not(.ek-color):not(.vk-color):not(.highlight-blue):not(.emp-badge-rate):not(.accent-primary){color:#1a1a2e;-webkit-text-fill-color:#1a1a2e}.light-mode input:not(.mat-pill-input):not(.highlight-blue-input):not(.collapse-pill-input):not(.lst-result-pill-input):not(.pos-result-pill-input):not(.sidebar-search-input),.light-mode input:not(.mat-pill-input):not(.highlight-blue-input):not(.collapse-pill-input):not(.lst-result-pill-input):not(.pos-result-pill-input):not(.sidebar-search-input):focus,.light-mode textarea,.light-mode textarea:focus,.light-mode select{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important;background:#fff!important;border-color:#00000026!important}.light-mode input:not(.mat-pill-input):not(.sidebar-search-input):focus,.light-mode textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98126!important}.light-mode .sidebar-search-input,.light-mode .sidebar-search-input:focus{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important}.collapse-pill-input{background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important;box-shadow:none!important}.light-mode .collapse-pill-input{background:transparent!important;background-color:transparent!important;-webkit-appearance:none!important;appearance:none!important;border:none!important;box-shadow:none!important;color:#1e3a5f!important;-webkit-text-fill-color:#1e3a5f!important}.light-mode .mat-pill-input{background:transparent!important;background-color:transparent!important;-webkit-appearance:none!important;appearance:none!important;color:#10a050!important;-webkit-text-fill-color:#10a050!important;border:none!important;box-shadow:none!important;outline:none!important}.light-mode .cost,.light-mode .accent-primary,.light-mode [style*="color:#10b981"],.light-mode [style*="color: #10b981"]{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .remaining,.light-mode .accent-danger,.light-mode [style*="color:#ef4444"],.light-mode [style*="color: #ef4444"]{color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.light-mode .ek-color{color:#ea580c!important;-webkit-text-fill-color:#ea580c!important}.light-mode .vk-color{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .highlight-blue,.light-mode .calc-result.highlight-blue{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important;background:#3b82f614!important}.light-mode .emp-badge-rate{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode button.active,.light-mode .btn-primary,.light-mode .btn-unlock,.light-mode .btn-confirm,.light-mode .save-btn,.light-mode .submit-btn,.light-mode [style*="background:#10b981"],.light-mode [style*="background: #10b981"],.light-mode [style*="background-color:#10b981"],.light-mode [style*="background:linear-gradient"]{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.light-mode .status-text{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .paid,.light-mode [style*="color:#f59e0b"],.light-mode [style*="color: #f59e0b"]{color:#d97706!important;-webkit-text-fill-color:#d97706!important}.light-mode [style*=border]{border-color:#0000001f!important}.light-mode [style*="rgba(255,255,255,0.0"],.light-mode [style*="rgba(255, 255, 255, 0.0"]{background-color:#00000008!important}.light-mode [style*="rgba(255,255,255,0.1"],.light-mode [style*="rgba(255, 255, 255, 0.1"]{background-color:#0000000f!important}.light-mode input,.light-mode textarea,.light-mode select{border:1px solid #1a1a2e!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important;background:#fff!important}.light-mode input:focus,.light-mode textarea:focus,.light-mode select:focus{border-color:#10b981!important;outline:none!important;box-shadow:0 0 0 2px #10b98133!important}.light-mode .input-with-unit{border:1px solid #1a1a2e!important;background:#fff!important}.light-mode .input-with-unit input{border:none!important}.light-mode .input-unit{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .stage,.light-mode .stage *,.light-mode .stage input,.light-mode .stage select,.light-mode .stage textarea,.light-mode .stage .tab,.light-mode .stage .label-text,.light-mode .stage .forgot,.light-mode .stage .otp-title,.light-mode .stage .otp-subtitle,.light-mode .stage .digit-input{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.light-mode .stage{background:#020617!important}.light-mode .stage input,.light-mode .stage .digit-input{background:transparent!important;border-color:#ffffff14!important}.light-mode .stage .input-wrap{background:#ffffff0a!important;border-color:#ffffff14!important}.light-mode .stage .input-wrap:focus-within{border-color:#10b981!important;background:#10b9810d!important}.light-mode .stage input:-webkit-autofill{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #0b0e14 inset!important}.light-mode .stage .label-text{color:#ffffff80!important;-webkit-text-fill-color:rgba(255,255,255,.5)!important}.light-mode .stage .forgot{color:#fff9!important;-webkit-text-fill-color:rgba(255,255,255,.6)!important}.light-mode .stage .eye-btn{color:#ffffff4d!important;-webkit-text-fill-color:rgba(255,255,255,.3)!important}.light-mode .stage .primary{color:#0b0e14!important;-webkit-text-fill-color:#0b0e14!important}.light-mode .forgot-password-stage,.light-mode .forgot-password-stage *,.light-mode .reset-password-stage,.light-mode .reset-password-stage *{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.light-mode iframe,.light-mode .pdf-preview,.light-mode .pdf-container,.light-mode [style*=pdf]{background:#fff!important}.light-mode .pdf-preview-wrapper,.light-mode .pdf-frame{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important}:root.light-mode body{color:var(--text-primary)}.light-mode .order-row:hover{background:#00000008!important;box-shadow:0 4px 16px #00000014}.light-mode ::-webkit-scrollbar-thumb:hover{background:#00000040}.light-mode ::-webkit-scrollbar-thumb{background:#d1d5db!important;border-color:#f0f2f5!important}.light-mode .progress-bar-container{background:#00000014}.light-mode .status-dot{border-color:#00000026}.light-mode .table-wrapper{box-shadow:0 4px 24px #00000014}@media (max-width: 768px){.light-mode .orders-table tr.order-row{background:#00000005;border-color:#00000014}.light-mode ::-webkit-scrollbar-thumb{border-color:#f0f2f5}}.theme-toggle-wrapper{position:fixed;top:12px;right:16px;z-index:10000;display:flex;align-items:center;gap:8px}.theme-toggle{position:relative;width:52px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;padding:0 4px}.light-mode .theme-toggle{background:#00000014;border-color:#00000026}.theme-toggle-knob{width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 1px 4px #0000004d}.theme-toggle-knob.dark{transform:translate(0);background:#21262d}.theme-toggle-knob.light{transform:translate(24px);background:#f59e0b}.light-mode .sidebar-wrapper,.light-mode .sidebar{background:#fff!important;border-right-color:#00000014!important}.light-mode .sidebar-content{background:transparent!important}.light-mode .username{color:#1a1a2e!important}.light-mode .role{color:#5f6368!important}.light-mode .user-profile{background:#fff!important;border-color:#00000014!important;box-shadow:0 2px 8px #00000012!important}.light-mode .username{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .search-box{background:#eef1f6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:12px!important;box-shadow:none!important}.light-mode .search-box:focus-within{border-color:#3b82f680!important;box-shadow:none!important;background:#fff!important}.light-mode .search-box .search-icon,.light-mode .search-box .search-icon svg{color:#00000059!important;stroke:#00000059!important}.light-mode .sidebar .search-box input,.light-mode .sidebar .search-box input.sidebar-search-input,.light-mode .sidebar .search-box input.sidebar-search-input:focus{background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important;font-size:14px!important;padding:0!important;width:100%!important}.light-mode .sidebar .search-box input:-webkit-autofill,.light-mode .sidebar .search-box input:-webkit-autofill:hover,.light-mode .sidebar .search-box input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #eef1f6 inset!important;box-shadow:0 0 0 1000px #eef1f6 inset!important;-webkit-text-fill-color:#1a1a2e!important;border:none!important}.light-mode .sidebar-search-input::placeholder{color:#00000059!important;-webkit-text-fill-color:rgba(0,0,0,.35)!important}.light-mode .sidebar .search-container{border-bottom-color:#00000012!important}.light-mode .toggle-btn{background:#1e293b!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 2px 10px #0000002e!important}.light-mode .toggle-btn:hover{background:#334155!important;border-color:#3b82f6!important;box-shadow:0 4px 14px #3b82f638!important}.light-mode .toggle-logo{opacity:1!important}.light-mode .mat-total-bar input[type=number],.light-mode .lst-result-bar input[type=number],.light-mode .pos-summary-total input[type=number],.light-mode .mat-pill-input,.light-mode .lst-result-pill-input,.light-mode .pos-result-pill-input{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;background-color:transparent!important}.light-mode .section-label{background:#fff!important;border-color:#0000001a!important;color:#5f6368!important}.light-mode .logout-item,.light-mode .papierkorb-link{color:#5f6368!important}.light-mode .logout-item:hover{background:#ef44440f!important;color:#ef4444!important}.light-mode .main-content,.light-mode .content{background:#eef1f6!important}.light-mode .card,.light-mode .position-card,.light-mode .sg-card,.light-mode .order-card,.light-mode .detail-card{background:#fff!important;border-color:#00000014!important;box-shadow:0 1px 6px #0000000f!important}.light-mode .sg-card:hover{border-color:#10b9814d!important;box-shadow:0 2px 12px #00000014!important}.light-mode .add-btn{background:#10b98114!important;color:#059669!important;-webkit-text-fill-color:#059669!important;border-color:#10b98133!important}.light-mode .calc-section{background:#00000005!important;border-color:#00000014!important}.light-mode .calc-subtotal{background:#00000008!important}.light-mode .calc-result{background:#0000000a!important}.light-mode .position-wrapper{background:#fff!important;border-color:#00000014!important}.light-mode .position-footer{background:#00000005!important;border-top-color:#00000014!important}.light-mode .material-dropdown,.light-mode .emp-list{background:#fff!important;border-color:#0000001f!important;box-shadow:0 4px 20px #0000001f!important}.light-mode .material-dropdown-item:hover,.light-mode .emp-option:hover{background:#0000000a!important}.light-mode .emp-toggle{background:#00000008!important;border-color:#0000001a!important}.light-mode .emp-badge{background:#10b98114!important;border-color:#10b98133!important}.light-mode .modal-backdrop,.light-mode .sg-modal-backdrop{background:#0006!important}.light-mode .modal-content,.light-mode .sg-modal{background:#fff!important;border-color:#0000001a!important;color:#1a1a2e!important}.light-mode .sg-card{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 1px 4px #0000000f!important}.light-mode .sg-card:hover{border-color:#10b981!important;box-shadow:0 2px 8px #0000001a!important}.light-mode .sg-card-header{border-bottom-color:#0000000f!important}.light-mode .sg-card-chips .sg-chip{border-color:#0000001a!important}.light-mode .sg-mat-item,.light-mode .sg-pair-card{background:#f8f9fa!important;border:1px solid rgba(0,0,0,.1)!important}.light-mode .sg-modal{background:#fff!important}.light-mode .sg-section-header{border-bottom-color:#0000000f!important}.light-mode .sg-total-row{background:#10b9810f!important;border-color:#10b98126!important}.light-mode .sg-chip{background:#0000000d!important;color:#5f6368!important}.light-mode .sg-chip.mat{background:#3b82f614!important;color:#2563eb!important}.light-mode .sg-chip.svc{background:#10b98114!important;color:#059669!important}.light-mode .context-menu,.light-mode .sg-context-menu{background:#fff!important;border-color:#0000001a!important;box-shadow:0 4px 16px #0000001f!important}.light-mode .context-menu-item:hover{background:#0000000a!important}.light-mode .pos-mode-toggle button,.light-mode .leistung-subtab{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important;background:#0000000a!important}.light-mode .pos-mode-toggle button.active,.light-mode .leistung-subtab.active{background:#10b981!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.light-mode .leistung-subtabs{background:#0000000f!important}.light-mode .header-actions button{border-color:#00000026!important;background:#fff!important}.light-mode .tmpl-selected{background:#10b9810f!important;border-color:#10b98133!important}.light-mode .material-card,.light-mode .tree-row{border-color:#0000000f!important}.light-mode .tree-row:hover{background:#00000005!important}.light-mode [style*="color:#fff"],.light-mode [style*="color: #fff"],.light-mode [style*="color: #ffffff"],.light-mode [style*="color:#ffffff"]{color:#1a1a2e!important}.light-mode .position-total-value,.light-mode .total-value{color:#059669!important}.light-mode .login-wrapper,.light-mode .login-card,.light-mode .settings-card,.light-mode .setting-item{background:#fff!important;border-color:#00000014!important}@media (max-width: 768px){.light-mode .sidebar-overlay{background:#0000004d!important}.light-mode .sidebar-wrapper{background:#fff!important}}.light-mode .emp-card{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 1px 4px #0000000f!important}.light-mode .emp-card:hover{border-color:#0003!important}.light-mode .emp-name{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .emp-card-body{color:#5f6368!important}.light-mode .emp-card-body *{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .cost-item{background:#00000008!important}.light-mode .cost-item.highlight{background:#10b98114!important;border:1px solid rgba(16,185,129,.2)!important}.light-mode .cost-label{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .cost-value{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .cost-value.rate-color{color:#d97706!important;-webkit-text-fill-color:#d97706!important}.light-mode .cost-value.cost-color{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .emp-card-costs{border-top-color:#0000000f!important;border-bottom-color:#0000000f!important}.light-mode .badge-green{background:#10b9811a!important;color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .badge-gray{background:#0000000f!important;color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .page-header h1{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .contribution-row{color:#5f6368!important;border-bottom-color:#0000000a!important}.light-mode .contribution-row:nth-child(odd){background:#00000005!important}.light-mode .c-rate{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}.light-mode .total-row{border-top-color:#10b9814d!important;color:#059669!important;background:#10b9810f!important}.light-mode .total-row .c-rate{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .info-card{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important}.light-mode .info-card h3{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}.light-mode .btn-secondary{background:#0000000a!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;border:1px solid rgba(0,0,0,.12)!important}.light-mode .btn-edit{background:#60a5fa1a!important;color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}.light-mode .btn-danger{background:#ef44441a!important;color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.light-mode .modal-overlay{background:#0006!important}.light-mode .modal-box{background:#fff!important;color:#1a1a2e!important}.light-mode .modal-box h2{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .modal-box label{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .search-input{background:#fff!important;border:1px solid rgba(0,0,0,.15)!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .search-wrap{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:12px!important}.light-mode .search-wrap:focus-within{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98126!important}.light-mode .search-icon{color:#5f6368!important}.light-mode .search-wrap .search-input{background:transparent!important;border:none!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .search-wrap .search-input::placeholder{color:#0006!important;-webkit-text-fill-color:rgba(0,0,0,.4)!important}.light-mode .stat-card{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important}.light-mode .stat-label{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .stat-value{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .revenue-card{border-color:#00000014!important}.light-mode .orders-table th{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important;background:#00000005!important;border-bottom-color:#00000014!important}.light-mode .orders-table td{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;border-bottom-color:#0000000f!important}.tabs-row,.tabs-navigation,.tabs-container,.project-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:nowrap}.tab-btn,.pt-tab{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.tab-btn svg,.pt-tab svg{width:16px;height:16px}.tab-btn:hover,.pt-tab:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff2e}.tab-btn.active,.pt-tab.active{background:#10b9811f;border-color:#10b98159;color:#10b981;font-weight:600}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ffffff14;border-radius:10px;font-size:.75rem;font-weight:700;color:#ffffff80}.tab-btn.active .tab-count{background:#10b98133;color:#10b981}.light-mode .tab-button,.light-mode .tab-btn,.light-mode .pt-tab{color:#00000080!important;-webkit-text-fill-color:rgba(0,0,0,.5)!important;border-color:#0000001a!important;background:transparent!important}.light-mode .tab-button:hover,.light-mode .tab-btn:hover,.light-mode .pt-tab:hover{background:#0000000a!important;color:#000000bf!important;-webkit-text-fill-color:rgba(0,0,0,.75)!important;border-color:#0000002e!important}.light-mode .tab-button.active,.light-mode .tab-btn.active,.light-mode .pt-tab.active,.light-mode .tab-button.selected,.light-mode .tab-btn.selected{background:#0596691a!important;border-color:#0596694d!important;color:#047857!important;-webkit-text-fill-color:#047857!important;font-weight:600}.light-mode .tab-count{background:#0000000f;color:#00000073}.light-mode .tab-btn.active .tab-count,.light-mode .pt-tab.active .tab-count{background:#0596691f;color:#047857}@media (max-width: 768px){.tabs-row,.tabs-navigation,.tabs-container,.project-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab-btn,.pt-tab{padding:7px 14px;font-size:.82rem}}.light-mode .deleted-table th{color:#5f6368!important;-webkit-text-fill-color:#5f6368!important}.light-mode .deleted-table td{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .empty-state{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important}.light-mode select option{background:#fff!important;color:#1a1a2e!important}.light-mode [style*="background: rgba(255"],.light-mode [style*="background:rgba(255"]{background-color:#00000008!important}.light-mode .sidebar .search-box .search-icon,.light-mode .sidebar .search-box svg{color:#5f6368!important;stroke:#5f6368!important}@media (max-width: 768px){.light-mode .content,.light-mode main.content,.light-mode .main-content,.light-mode .dashboard-content{padding:0!important;margin:0!important}.light-mode .card{padding:0!important;margin:2px!important;border-radius:8px!important}.light-mode .position-wrapper{margin:2px 0 8px!important;padding:10px 8px!important}}@media (min-width: 1200px){html{font-size:15px}.content{padding:28px 32px!important}input,select,textarea{font-size:15px!important}.nav-item .text,.orders-table td,.orders-table th{font-size:14px!important}.card{border-radius:16px!important}}@media (min-width: 1600px){html{font-size:16px}.content{padding:32px 40px!important}input,select,textarea{font-size:16px!important}}app-root>*{animation:pageFadeIn .22s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content h1,.orders-container h1,.invoice-list-container h1{position:relative;padding-left:16px;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.content h1:before,.orders-container h1:before,.invoice-list-container h1:before{content:"";position:absolute;left:0;top:15%;height:70%;width:4px;background:linear-gradient(180deg,#10b981,#059669);border-radius:4px}.light-mode .content h1,.light-mode .orders-container h1,.light-mode .invoice-list-container h1{color:#111827}.empty-state{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px!important;gap:12px;color:#ffffff4d!important;font-style:normal!important}.empty-state:before{content:"\1f4ed";font-size:2.5rem;filter:grayscale(1) opacity(.5);display:block}.light-mode .empty-state{color:#0000004d!important}.order-row:nth-child(2n){background:#ffffff04}.order-row:hover{background:#10b9810f!important;transform:none!important;box-shadow:none!important}.order-row:hover td{color:inherit!important}.light-mode .order-row:nth-child(2n){background:#00000005}.light-mode .order-row:hover{background:#10b9810f!important}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.76rem;font-weight:600;white-space:nowrap}.status-badge.open{background:#f59e0b26;color:#f59e0b}.status-badge.danger{background:#ef444426;color:#ef4444}.light-mode .status-badge.open{background:#f59e0b1f;color:#b45309}.light-mode .status-badge.done{background:#10b9811f;color:#047857}.light-mode .status-badge.danger{background:#ef44441f;color:#dc2626}.btn-primary{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .18s,transform .15s;box-shadow:0 2px 10px #10b9814d}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);opacity:1}.btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#ffffffbf;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .18s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.light-mode .btn-secondary{background:#f1f5f9;border-color:#0000001a;color:#374151}.light-mode .btn-secondary:hover{background:#e2e8f0}input[type=text].search-input,input[type=search].search-input{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:9px 14px 9px 38px!important;color:#fff!important;font-size:.9rem!important;transition:border-color .2s,box-shadow .2s!important;outline:none!important}input[type=text].search-input:focus,input[type=search].search-input:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811f!important;background:#ffffff0f!important}.light-mode input[type=text].search-input,.light-mode input[type=search].search-input{background:#fff!important;border-color:#0000001f!important;color:#111827!important}.light-mode input[type=text].search-input:focus,.light-mode input[type=search].search-input:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.card{box-shadow:0 4px 24px #0000002e,0 1px 4px #0000001a!important;transition:box-shadow .2s!important}.light-mode .card{box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d!important;border:1px solid rgba(0,0,0,.07)!important}.light-mode .table-wrapper{background:#fff!important;border-color:#00000014!important;box-shadow:0 2px 12px #00000012!important}.light-mode .orders-table th{background:#f8fafc!important;color:#6b7280!important;border-bottom-color:#00000014!important}.light-mode .orders-table td{color:#1f2937!important;border-bottom-color:#0000000d!important}.light-mode .order-row:hover td{color:#111827!important}.light-mode .nav-item.active:before{background:linear-gradient(180deg,#10b981,#059669)!important}:root{--bd-radius: 12px}.input-with-unit{border-radius:var(--bd-radius)!important;overflow:hidden!important}.input-with-unit input,.input-with-unit select,.input-with-unit textarea{border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;outline:none!important}html.light-mode .input-with-unit{border:1px solid rgba(0,0,0,.13)!important;background:#fff!important;border-radius:var(--bd-radius)!important}html.light-mode .input-with-unit input,html.light-mode .input-with-unit select,html.light-mode .input-with-unit textarea{border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}html.light-mode .table-input{border-radius:var(--bd-radius)!important;border:1px solid rgba(0,0,0,.13)!important;background:#fff!important;color:#1a1a2e!important}html.light-mode .input-with-unit .table-input{border:none!important;background:transparent!important;box-shadow:none!important}html.light-mode .calc-result{border-radius:var(--bd-radius)!important;border:1px solid rgba(0,0,0,.09)!important;background:#f5f6f8!important}html.light-mode .area-input-row{border-radius:var(--bd-radius)!important;border:1px solid rgba(0,0,0,.13)!important;background:#fff!important}html.light-mode .area-input-row input{border:none!important;background:transparent!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}html.light-mode .area-input-row select{border:none!important;border-left:1px solid rgba(0,0,0,.08)!important;background:#00000005!important;color:#1a1a2e!important}html:not(.light-mode) .table-input{border-radius:var(--bd-radius)!important}html:not(.light-mode) .input-with-unit{border-radius:var(--bd-radius)!important}.mat-box-grid .field-group,.lst-box-grid .field-group{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:12px}.mat-box-grid .field-group.box-blue{background:#3b82f61a;border-color:#3b82f633}.mat-box-grid .field-group.box-orange{background:#ff950017;border-color:#ff95002e}.mat-box-grid .field-group.box-green{background:#30d15817;border-color:#30d15833}html.light-mode .mat-box-grid .field-group,html.light-mode .lst-box-grid .field-group{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:0 1px 4px #0000000f!important}html.light-mode .mat-box-grid .field-group.box-blue,html.light-mode .lst-box-grid .field-group.box-blue{background:#3b82f617!important;border-color:#3b82f64d!important}html.light-mode .mat-box-grid .field-group.box-orange,html.light-mode .lst-box-grid .field-group.box-orange{background:#ea580c12!important;border-color:#ea580c47!important}html.light-mode .mat-box-grid .field-group.box-green,html.light-mode .lst-box-grid .field-group.box-green{background:#16a34a14!important;border-color:#16a34a47!important}html.light-mode .mat-box-grid .field-group.box-green-light,html.light-mode .lst-box-grid .field-group.box-green-light{background:#16a34a0a!important;border-color:#16a34a2e!important}html.light-mode .mat-box-grid .field-group.box-dim,html.light-mode .lst-box-grid .field-group.box-dim{background:#0000000a!important;border-color:#0000001f!important}html.light-mode .mat-box-grid .field-group.box-red,html.light-mode .lst-box-grid .field-group.box-red{background:#ef444414!important;border-color:#ef44444d!important}html.light-mode .mat-box-grid .field-group .field-label,html.light-mode .lst-box-grid .field-group .field-label{color:#00000073!important}html.light-mode .mat-box-grid .field-group.box-blue .field-label,html.light-mode .lst-box-grid .field-group.box-blue .field-label{color:#2563ebbf!important}html.light-mode .mat-box-grid .field-group.box-orange .field-label,html.light-mode .lst-box-grid .field-group.box-orange .field-label{color:#c2410cbf!important}html.light-mode .mat-box-grid .field-group.box-green .field-label,html.light-mode .lst-box-grid .field-group.box-green .field-label{color:#15803dbf!important}html.light-mode .mat-box-grid .field-group.box-green-light .field-label,html.light-mode .lst-box-grid .field-group.box-green-light .field-label{color:#15803d99!important}html.light-mode .mat-box-grid .field-group .calc-result,html.light-mode .lst-box-grid .field-group .calc-result{color:#1a1a2e!important;background:none!important;border:none!important}html.light-mode .mat-box-grid .field-group.box-blue .calc-result,html.light-mode .lst-box-grid .field-group.box-blue .calc-result{color:#1d4ed8!important}html.light-mode .mat-box-grid .field-group.box-orange .calc-result,html.light-mode .lst-box-grid .field-group.box-orange .calc-result{color:#c2410c!important}html.light-mode .mat-box-grid .field-group.box-green .calc-result,html.light-mode .lst-box-grid .field-group.box-green .calc-result{color:#15803d!important}html.light-mode .mat-box-grid .field-group.box-red .field-label,html.light-mode .lst-box-grid .field-group.box-red .field-label{color:#b91c1cbf!important}html.light-mode .mat-box-grid .field-group.box-red .calc-result,html.light-mode .lst-box-grid .field-group.box-red .calc-result{color:#b91c1c!important}html.light-mode .mat-box-grid .field-group .table-input,html.light-mode .lst-box-grid .field-group .table-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}html.light-mode .mat-box-grid .field-group .input-with-unit,html.light-mode .lst-box-grid .field-group .input-with-unit{background:#0000000d!important;border:1px solid rgba(0,0,0,.12)!important}html.light-mode .mat-box-grid .field-group.box-blue .input-with-unit,html.light-mode .lst-box-grid .field-group.box-blue .input-with-unit{background:#3b82f61a!important;border-color:#3b82f647!important}html.light-mode .mat-box-grid .field-group.box-orange .input-with-unit,html.light-mode .lst-box-grid .field-group.box-orange .input-with-unit{background:#ea580c14!important;border-color:#ea580c40!important}html.light-mode .mat-box-grid .field-group.box-green .input-with-unit,html.light-mode .lst-box-grid .field-group.box-green .input-with-unit{background:#16a34a17!important;border-color:#16a34a40!important}html.light-mode .mat-box-grid .field-group.box-green-light .input-with-unit,html.light-mode .lst-box-grid .field-group.box-green-light .input-with-unit{background:#16a34a0d!important;border-color:#16a34a29!important}html.light-mode .mat-box-grid .field-group.box-dim .input-with-unit,html.light-mode .lst-box-grid .field-group.box-dim .input-with-unit{background:#0000000d!important;border-color:#0000001f!important}html.light-mode .mat-box-grid .field-group.box-red .input-with-unit,html.light-mode .lst-box-grid .field-group.box-red .input-with-unit{background:#ef444414!important;border-color:#ef444440!important}html.light-mode .field-group .input-with-unit{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:12px!important}.ios-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#78788033;color:#787880d9;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.ios-remove-btn:hover{background:#ef44442e;color:#ef4444}html.light-mode .ios-remove-btn{background:#00000014;color:#00000073}html.light-mode .ios-remove-btn:hover{background:#ef44441f;color:#dc2626}html.light-mode .mat-box-grid .field-group input,html.light-mode .mat-box-grid .field-group .table-input,html.light-mode .mat-box-grid .field-group .calc-result,html.light-mode .lst-box-grid .field-group input,html.light-mode .lst-box-grid .field-group .table-input,html.light-mode .lst-box-grid .field-group .calc-result,html:not(.light-mode) .mat-box-grid .field-group input,html:not(.light-mode) .mat-box-grid .field-group .table-input,html:not(.light-mode) .mat-box-grid .field-group .calc-result,html:not(.light-mode) .lst-box-grid .field-group input,html:not(.light-mode) .lst-box-grid .field-group .table-input,html:not(.light-mode) .lst-box-grid .field-group .calc-result{text-align:center!important;justify-content:center!important}.sidebar-content{height:100%;display:flex;flex-direction:column;padding:20px;transition:all .3s ease;width:300px;max-width:100%;box-sizing:border-box;position:relative}@media (max-width: 768px){.sidebar-content{width:100%!important;height:100%!important;background:transparent!important;display:flex;flex-direction:column;align-items:flex-start!important;padding:20px 24px!important;border-radius:0!important;border:none!important;box-shadow:none!important;max-height:none!important;min-width:0!important;justify-content:flex-start}.sidebar-header{display:flex!important;width:100%;margin-bottom:30px}.user-profile{width:100%!important;margin-bottom:24px!important;padding:0!important}.search-container{width:100%!important;margin-bottom:30px}.search-box{width:100%!important;max-width:none!important}.nav-menu{width:100%;gap:12px}.nav-item{width:100%;padding:14px 0}.toggle-btn{display:none!important}.sidebar-footer{width:100%;margin-top:auto;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}}.sidebar-content.collapsed{width:80px;padding:20px 10px}.sidebar-header{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.user-profile{display:flex;flex-direction:row;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;width:100%;box-sizing:border-box}.user-profile.collapsed{padding:8px 0;background:transparent;border-color:transparent;justify-content:center}.avatar{width:46px;height:46px;border-radius:14px;overflow:hidden;flex-shrink:0;border:2px solid rgba(16,185,129,.4);box-shadow:0 4px 12px #0000004d,0 0 0 3px #10b98114;transition:all .4s cubic-bezier(.16,1,.3,1)}.avatar img{width:100%;height:100%;object-fit:cover}.user-profile:not(.collapsed):hover .avatar{border-color:var(--accent-primary);transform:scale(1.05)}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden;text-align:left}.username{font-weight:600;font-size:.95rem;color:#fff;white-space:nowrap;letter-spacing:-.01em}.role{font-size:.65rem;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.toggle-btn{width:34px;height:34px;border-radius:50%;background:#020617;border:1px solid rgba(255,255,255,.08);cursor:pointer;position:absolute;right:-37px;top:50%;transform:translateY(-50%);z-index:100;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);padding:0;box-shadow:0 4px 12px #0006}.toggle-logo{width:22px;height:22px;opacity:.8;transition:all .4s cubic-bezier(.16,1,.3,1)}.toggle-btn:hover{background:#020617;border-color:var(--accent-primary);box-shadow:0 0 15px #10b98133;transform:translateY(-50%) scale(1.1)}.toggle-btn:hover .toggle-logo{opacity:1;transform:rotate(15deg)}.sidebar-content.collapsed .toggle-btn{right:-27px}.toggle-btn.is-collapsed .toggle-logo{transform:rotate(-15deg)}.search-container{margin-bottom:24px;padding:0;position:relative}.search-box{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .3s ease;flex:1;min-width:0}.search-box:focus-within{background:#ffffff0d;border-color:var(--accent-primary);box-shadow:0 0 15px #10b9811a}.search-icon{display:flex;align-items:center;justify-content:center;color:#ffffff4d}.search-icon svg{width:18px;height:18px}.search-box .search-icon{position:relative!important;left:auto!important;top:auto!important;display:flex!important;align-items:center!important;flex-shrink:0!important}.search-box input{background:transparent;border:none;color:#fff;font-size:14px;width:100%;outline:none;padding:0}.search-box input::placeholder{color:#fff3}.search-container.collapsed{padding:0}.search-container.collapsed .search-box{justify-content:center;padding:10px 0;background:transparent;border-color:transparent}.search-container.collapsed .search-icon{color:#fff6}.nav-menu{display:flex;flex-direction:column;gap:4px;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-track{background:transparent}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-section-label{font-size:.65rem;font-weight:800;color:#ffffff4d;text-transform:uppercase;letter-spacing:.15em;padding:24px 18px 8px;-webkit-user-select:none;user-select:none;animation:fadeIn .5s ease-out}.nav-divider{height:1px;background:#ffffff0d;margin:8px 12px;border:none;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:14px;color:#ffffff80;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:15px;font-weight:500;white-space:nowrap}.sidebar-content.collapsed .nav-item{justify-content:center;padding:12px;margin:0 4px}.nav-item:hover{background:#ffffff0a;color:#fff;transform:translate(4px)}.sidebar-content.collapsed .nav-item:hover{transform:none}.nav-item.active{background:#10b9811a;color:var(--accent-primary);box-shadow:inset 0 0 20px #10b9810d;position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:#10b981;border-radius:0 3px 3px 0;box-shadow:0 0 8px #10b98199}.nav-item.active .icon{filter:drop-shadow(0 0 5px rgba(16,185,129,.4))}.sidebar-content.collapsed .nav-item.active{background:#10b9811f;color:var(--accent-primary)}.nav-item .icon{font-size:18px;min-width:24px;text-align:center}.nav-item .icon svg,.logout-btn .icon svg{width:22px;height:22px}.footer{padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{width:100%;background:transparent;border:none;color:#fff6;display:flex;align-items:center;gap:14px;padding:12px 18px;cursor:pointer;border-radius:14px;transition:all .3s ease;font-size:15px;font-weight:500;white-space:nowrap}.logout-btn:hover{background:#dc262614;color:#ef4444}@media (max-width: 768px){.sidebar-content{width:260px;padding:15px}.sidebar-content.collapsed{width:60px;padding:15px 8px}.sidebar-header{gap:12px;margin-bottom:20px}.nav-item,.logout-btn{padding:12px 14px;font-size:14px;gap:10px}.username{font-size:20px}.avatar{width:100px;height:100px}}@media (max-width: 480px){.sidebar-content{width:240px;padding:12px}}.nested-item{padding-left:2rem!important;font-size:.9em}.nested-item .icon{transform:scale(.9)}.sidebar-content.collapsed .nested-item{padding-left:1rem!important}.nav-group{border-radius:14px;padding:4px;margin-bottom:6px;display:flex;flex-direction:column;gap:1px}.nav-group-blue{background:#60a5fa0d}.nav-group-green{background:#10b9810d}.nav-group-amber{background:#f59e0b0d}.nav-group-red{background:#ef44440d}.nav-group-slate{background:#64748b0a}.nav-group .nav-item{border-radius:10px}.light-mode .nav-group-blue{background:#3b82f614}.light-mode .nav-group-green{background:#05966912}.light-mode .nav-group-amber{background:#f59e0b12}.light-mode .nav-group-red{background:#ef444412}.light-mode .nav-group-slate{background:#64748b0f}.light-mode .nav-group .nav-item{background:transparent!important}.light-mode .nav-group .nav-item:hover{background:#0000000d!important}.light-mode .nav-group-blue .nav-item{color:#2563eb}.light-mode .nav-group-green .nav-item{color:#047857}.light-mode .nav-group-amber .nav-item{color:#b45309}.light-mode .nav-group-red .nav-item{color:#dc2626}.light-mode .nav-group-slate .nav-item{color:#475569}.light-mode .nav-group .nav-item.active{background:#00000012!important}.nav-menu{display:flex;flex-direction:column;gap:0}.nav-item[title=Dashboard]{color:#60a5fa99}.nav-item[title=Dashboard]:hover{background:#60a5fa14;color:#60a5fa}.nav-item[title=Dashboard].active{background:#60a5fa1f;color:#60a5fa;box-shadow:inset 0 0 20px #60a5fa0f}.nav-item[title=Dashboard].active:before{background:#60a5fa;box-shadow:0 0 8px #60a5fa99}.nav-item[title=Dashboard].active .icon{filter:drop-shadow(0 0 5px rgba(96,165,250,.5))}.nav-item[title=Angebote],.nav-item[title=Projekte],.nav-item[title=Rechnungen]{color:#10b98199}.nav-item[title=Angebote]:hover,.nav-item[title=Projekte]:hover,.nav-item[title=Rechnungen]:hover{background:#10b98114;color:#10b981}.nav-item[title=Angebote].active,.nav-item[title=Projekte].active,.nav-item[title=Rechnungen].active{background:#10b9811f;color:#10b981;box-shadow:inset 0 0 20px #10b9810f}.nav-item[title=Angebote].active:before,.nav-item[title=Projekte].active:before,.nav-item[title=Rechnungen].active:before{background:#10b981;box-shadow:0 0 8px #10b98199}.nav-item[title=Materialien],.nav-item[title=Leistungen],.nav-item[title=Mitarbeiter]{color:#f59e0b99}.nav-item[title=Materialien]:hover,.nav-item[title=Leistungen]:hover,.nav-item[title=Mitarbeiter]:hover{background:#f59e0b14;color:#f59e0b}.nav-item[title=Materialien].active,.nav-item[title=Leistungen].active,.nav-item[title=Mitarbeiter].active{background:#f59e0b1f;color:#f59e0b;box-shadow:inset 0 0 20px #f59e0b0f}.nav-item[title=Materialien].active:before,.nav-item[title=Leistungen].active:before,.nav-item[title=Mitarbeiter].active:before{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.nav-item[title=Reklamationen]{color:#ef444499}.nav-item[title=Reklamationen]:hover{background:#ef444414;color:#ef4444}.nav-item[title=Reklamationen].active{background:#ef44441f;color:#ef4444;box-shadow:inset 0 0 20px #ef44440f}.nav-item[title=Reklamationen].active:before{background:#ef4444;box-shadow:0 0 8px #ef444499}.nav-item[title=Reklamationen].active .icon{filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}.nav-item[title=Papierkorb],.nav-item[title=Einstellungen]{color:#94a3b88c}.nav-item[title=Papierkorb]:hover,.nav-item[title=Einstellungen]:hover{background:#94a3b812;color:#94a3b8}.nav-item[title=Papierkorb].active,.nav-item[title=Einstellungen].active{background:#94a3b81a;color:#94a3b8;box-shadow:inset 0 0 20px #94a3b80a}.nav-item[title=Papierkorb].active:before,.nav-item[title=Einstellungen].active:before{background:#94a3b8;box-shadow:0 0 8px #94a3b880}.light-mode .sidebar-content{background:#fffffff2!important;border-right:1px solid rgba(0,0,0,.08)}.light-mode .nav-item{color:#00000073!important;-webkit-text-fill-color:unset!important;background:#00000008!important}.light-mode .nav-item[title=Dashboard]{background:#3b82f614!important}.light-mode .nav-item[title=Angebote],.light-mode .nav-item[title=Projekte],.light-mode .nav-item[title=Rechnungen]{background:#05966912!important}.light-mode .nav-item[title=Materialien],.light-mode .nav-item[title=Leistungen],.light-mode .nav-item[title=Mitarbeiter]{background:#b4730012!important}.light-mode .nav-item[title=Reklamationen]{background:#dc262612!important}.light-mode .nav-item[title=Papierkorb],.light-mode .nav-item[title=Einstellungen]{background:#64748b0f!important}.light-mode .nav-item .icon,.light-mode .nav-item .icon svg,.light-mode .nav-item .text{color:inherit!important;-webkit-text-fill-color:inherit!important;stroke:currentColor!important;fill:none}.light-mode .nav-item[title=Dashboard]{color:#3b82f6b3!important;-webkit-text-fill-color:rgba(59,130,246,.7)!important}.light-mode .nav-item[title=Dashboard]:hover{background:#3b82f614!important;color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}.light-mode .nav-item[title=Dashboard].active{background:#3b82f61a!important;color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}.light-mode .nav-item[title=Angebote],.light-mode .nav-item[title=Projekte],.light-mode .nav-item[title=Rechnungen]{color:#059669bf!important;-webkit-text-fill-color:rgba(5,150,105,.75)!important}.light-mode .nav-item[title=Angebote]:hover,.light-mode .nav-item[title=Projekte]:hover,.light-mode .nav-item[title=Rechnungen]:hover{background:#05966914!important;color:#047857!important;-webkit-text-fill-color:#047857!important}.light-mode .nav-item[title=Angebote].active,.light-mode .nav-item[title=Projekte].active,.light-mode .nav-item[title=Rechnungen].active{background:#0596691a!important;color:#047857!important;-webkit-text-fill-color:#047857!important}.light-mode .nav-item[title=Materialien],.light-mode .nav-item[title=Leistungen],.light-mode .nav-item[title=Mitarbeiter]{color:#b47300bf!important;-webkit-text-fill-color:rgba(180,115,0,.75)!important}.light-mode .nav-item[title=Materialien]:hover,.light-mode .nav-item[title=Leistungen]:hover,.light-mode .nav-item[title=Mitarbeiter]:hover{background:#b4730014!important;color:#b45309!important;-webkit-text-fill-color:#b45309!important}.light-mode .nav-item[title=Materialien].active,.light-mode .nav-item[title=Leistungen].active,.light-mode .nav-item[title=Mitarbeiter].active{background:#b473001a!important;color:#b45309!important;-webkit-text-fill-color:#b45309!important}.light-mode .nav-item[title=Reklamationen]{color:#dc2626b3!important;-webkit-text-fill-color:rgba(220,38,38,.7)!important}.light-mode .nav-item[title=Reklamationen]:hover{background:#dc262612!important;color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.light-mode .nav-item[title=Reklamationen].active{background:#dc262614!important;color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.light-mode .nav-item[title=Papierkorb],.light-mode .nav-item[title=Einstellungen]{color:#64748bb3!important;-webkit-text-fill-color:rgba(100,116,139,.7)!important}.light-mode .nav-item[title=Papierkorb]:hover,.light-mode .nav-item[title=Einstellungen]:hover{background:#64748b12!important;color:#475569!important;-webkit-text-fill-color:#475569!important}.light-mode .nav-item[title=Papierkorb].active,.light-mode .nav-item[title=Einstellungen].active{background:#64748b1a!important;color:#475569!important;-webkit-text-fill-color:#475569!important}.light-mode .logout-btn{color:#0006!important;-webkit-text-fill-color:rgba(0,0,0,.4)!important}.light-mode .logout-btn:hover{background:#dc262612!important;color:#dc2626!important;-webkit-text-fill-color:#dc2626!important}.light-mode .username{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.light-mode .role{color:#0006!important;-webkit-text-fill-color:rgba(0,0,0,.4)!important}.stage{position:relative;height:100vh;width:100%;overflow:hidden;background:var(--bg-base);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fff}.stage{position:relative;height:100vh;width:100%;overflow:hidden;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fff}.flow-strand{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:conic-gradient(from 180deg at 50% 50%,#022e1f,#044a30,#1d7f5e 120deg,#059669 160deg,#0d9488 220deg,#022e1f 360deg);filter:blur(80px);opacity:.4;animation:spinFlow 25s linear infinite;transform-origin:center}.flow-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(16,185,129,.3),transparent 40%),radial-gradient(circle at 80% 70%,rgba(20,184,166,.2),transparent 40%);filter:blur(60px);mix-blend-mode:screen;animation:pulseLight 8s ease-in-out infinite alternate}@keyframes spinFlow{0%{transform:rotate(0) scale(1.2)}50%{transform:rotate(180deg) scale(1.4)}to{transform:rotate(360deg) scale(1.2)}}@keyframes pulseLight{0%{opacity:.4}to{opacity:.7}}.cardWrap{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:32px}.brand-header{text-align:center;animation:fadeInDown 1s ease-out;margin-bottom:5px;display:flex;justify-content:center;align-items:center;padding:0 20px}.brand-logo{max-width:400px;width:50vw;min-width:320px;height:auto;mix-blend-mode:screen;filter:drop-shadow(0 5px 15px rgba(255,255,255,.1));transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.brand-logo:hover{transform:scale(1.05)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:slideFadeIn .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--delay) * .12s + .5s)}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage .card{width:min(480px,95vw);background:transparent;border:none;border-radius:28px;padding:20px 40px;display:flex;flex-direction:column;gap:28px}.tabs{display:flex;justify-content:center;gap:32px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.tab{background:none;border:none;font-size:17px;color:#fff;opacity:.5;padding:12px 4px;cursor:pointer;position:relative;transition:all .3s}.tab.active{opacity:1;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#10b981;box-shadow:0 0 12px #10b98199}.form{display:flex;flex-direction:column;gap:18px}label.field-ok .input-wrap{border-color:#22c55e80!important;background:#22c55e0a!important}label.field-err .input-wrap{border-color:#ef444480!important;background:#ef444408!important}.field-icon{padding-right:14px;font-size:1rem;font-weight:700;flex-shrink:0}.field-icon.ok{color:#22c55e}.field-icon.err{color:#ef4444}.field-icon.checking{color:#94a3b8;display:flex;align-items:center}.spin{animation:spin .8s linear infinite}.field-msg{display:block;font-size:.75rem;margin-top:4px;margin-left:4px}.field-msg.ok{color:#22c55e}.field-msg.err{color:#ef4444}.strength-wrap{display:flex;align-items:center;gap:8px;margin-top:8px}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;border-radius:2px;transition:background .3s}.strength-label{font-size:.75rem;font-weight:600;min-width:40px;text-align:right;transition:color .3s}.label-text{display:block;font-size:.8rem;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:11px;margin-left:2px;transition:color .3s}label:focus-within .label-text{color:#10b981}.input-wrap{position:relative;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center}.input-wrap:focus-within{border-color:#10b981;background:#10b9810d;box-shadow:0 0 15px #10b98133}input{flex:1;background:transparent;border:none;padding:18px 20px;color:#fff;outline:none;font-size:16px;font-family:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px #0b0e14 inset!important;transition:background-color 5000s ease-in-out 0s}.eye-btn{background:none;border:none;padding:0 16px;color:#ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s,transform .2s;height:100%}.eye-btn:hover{color:#10b981;transform:scale(1.1)}.eye-icon{display:flex;align-items:center;justify-content:center;color:inherit;transition:transform .2s ease}.eye-icon svg{display:block}.primary{margin-top:12px;width:100%;padding:18px;border-radius:16px;border:none;background:var(--accent-primary);color:#0b0e14;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--glow-emerald)}.primary:hover{background:#34d399;transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #10b98166}.primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 15px 30px #10b98166}.footer-links{text-align:center;font-size:13px}.forgot{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:#fff9;text-decoration:underline;transition:color .2s}.forgot:hover{color:#fff}@media (max-width: 480px){.brand-logo{min-width:100%;max-width:340px;margin-bottom:-15px}.card{width:90vw;padding:30px 20px;gap:20px}.tabs{gap:20px}.tab{font-size:16px}input{padding:14px 16px;font-size:16px}.primary{padding:14px;font-size:16px}}.otp-card{text-align:center;padding:32px 28px 24px}.otp-icon-wrap{display:flex;justify-content:center;margin-bottom:16px;color:#22c55e;filter:drop-shadow(0 0 12px rgba(34,197,94,.4))}.otp-title{margin:0 0 8px;font-size:1.4rem;font-weight:700;color:#f1f5f9}.otp-subtitle{margin:0 0 16px;font-size:.88rem;color:#94a3b8;line-height:1.5}.otp-subtitle strong{color:#e2e8f0}.timer-wrap{display:inline-flex;align-items:center;gap:6px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:20px;padding:5px 14px;font-size:.88rem;color:#22c55e;font-weight:600;margin-bottom:24px;transition:all .3s}.timer-wrap.expired{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.digit-row{display:flex;justify-content:center;gap:10px;margin-bottom:8px}.digit-input{width:46px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;color:#f1f5f9;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:12px;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;caret-color:#22c55e}.digit-input:focus{border-color:#22c55e;background:#22c55e14;box-shadow:0 0 0 3px #22c55e26}.digit-input.filled{border-color:#22c55e80;background:#22c55e0f}.digit-input:disabled{opacity:.4;cursor:not-allowed}.otp-btn{margin-top:20px;width:100%}.otp-footer{display:flex;justify-content:center;gap:20px;margin-top:16px;flex-wrap:wrap}.success{background:#10b98126;color:#6ee7b7;padding:10px;border-radius:8px;font-size:13px;text-align:center;border:1px solid rgba(16,185,129,.3)}.sel-count-inline{font-size:.85rem;font-weight:600;color:#34d399}.create-container{padding:0 0 80px;width:100%;box-sizing:border-box}.co-pdf-preview-wrap{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 24px #0000004d}.co-pdf-iframe{display:block;width:100%;height:900px;border:none;background:#fff}.floating-save-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:1000;padding:0;pointer-events:none;width:calc(100% - 32px);max-width:560px}.floating-save-btn{pointer-events:all;width:100%;max-width:600px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:14px 24px;background:#30d158;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;font-family:-apple-system,system-ui,sans-serif;letter-spacing:-.01em;cursor:pointer;box-shadow:0 4px 20px #30d15866;transition:background .15s,transform .1s,box-shadow .15s}.floating-save-btn:active{transform:scale(.98);box-shadow:0 2px 10px #30d1584d}.floating-save-btn.disabled,.floating-save-btn:disabled{background:#ffffff1f;color:#ffffff4d;box-shadow:none;cursor:not-allowed}.floating-save-icon{display:flex;align-items:center}.floating-save-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.co-tip{position:relative;cursor:help}.co-tip[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);right:0;background:#fffffff5;border:none;border-radius:12px;padding:10px 14px;font-size:12px;color:#000000bf;white-space:pre;width:max-content;max-width:280px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:9999;line-height:1.8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;box-shadow:0 4px 24px #0000001f,0 0 0 .5px #0000000f;letter-spacing:0}.co-tip[data-tip]:hover:after{opacity:1}.co-tab-save-btn{display:flex;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;border-radius:10px;border:1.5px solid rgba(48,209,88,.4);background:#30d1581a;color:#30d158;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease;flex-shrink:0}.co-tab-save-btn:hover{background:#30d1582e;border-color:#30d15899}.co-tab-save-btn.saved{background:#30d15826;border-color:#30d15880}.light-mode .co-tab-save-btn{border-color:#16a34a66;background:#16a34a14;color:#16a34a}.light-mode .co-tab-save-btn:hover{background:#16a34a24}.co-tab-ordernr{margin-left:8px;display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;border:1.5px solid rgba(251,146,60,.45);background:#fb923c1a;box-shadow:0 2px 8px #fb923c26;white-space:nowrap}.co-tab-ordernr-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fb923cb3}.co-tab-ordernr-value{font-size:.95rem;font-weight:800;color:#fb923c;letter-spacing:.04em;font-family:JetBrains Mono,monospace}.light-mode .co-tab-ordernr{border-color:#ea580c66!important;background:#fb923c14!important;box-shadow:0 2px 8px #ea580c1f!important}.light-mode .co-tab-ordernr-label{color:#c2410cb3!important}.light-mode .co-tab-ordernr-value{color:#c2410c!important}.pos-mode-toggle{display:inline-flex;background:#ffffff0f;border-radius:8px;padding:3px;gap:2px;border:1px solid rgba(255,255,255,.1)}.pos-mode-btn{background:none;border:none;color:#ffffff73;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .15s;letter-spacing:.03em}.pos-mode-btn.active{background:#10b9812e;color:#10b981;border:1px solid rgba(16,185,129,.35)}.pos-mode-btn:not(.active):hover{color:#ffffffbf;background:#ffffff0f}.tmpl-section-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin:14px 0 6px}.tmpl-mat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 14px;margin-bottom:6px}.tmpl-mat-name{font-size:.85rem;font-weight:600;color:#ffffffd9;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmpl-mat-row{display:flex;align-items:center;gap:8px}.tmpl-qty-wrap{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;background:#ffffff0a;flex-shrink:0}.tmpl-qty-input{background:transparent;border:none;outline:none;color:#fff;-webkit-text-fill-color:#fff;font-size:15px;font-weight:700;text-align:center;padding:7px 8px;width:70px;box-sizing:border-box}.tmpl-unit-select{background:#ffffff14;border:none;border-left:1px solid rgba(255,255,255,.12);color:#fff;-webkit-text-fill-color:#fff;font-size:12px;font-weight:600;padding:7px 4px;cursor:pointer;outline:none;width:64px}.tmpl-mat-price{flex:1;font-size:.78rem;color:#ffffff73;text-align:right}.tmpl-mat-total{font-size:.9rem;font-weight:700;color:#10b981;font-family:JetBrains Mono,monospace;min-width:70px;text-align:right}.tmpl-remove-btn{background:none;border:none;color:#ef444499;cursor:pointer;font-size:16px;padding:2px 4px;line-height:1}.tmpl-mat-sum{display:flex;justify-content:space-between;padding:6px 4px;font-size:.82rem;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.tmpl-service-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;margin-top:8px}.tmpl-svc-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.tmpl-svc-name{flex:1;font-size:.82rem;color:#ffffffbf}.tmpl-svc-min{display:flex;align-items:center;gap:4px}.tmpl-min-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;-webkit-text-fill-color:#fff;font-size:.85rem;font-weight:600;text-align:center;padding:4px 6px;width:60px;outline:none}.tmpl-min-label{font-size:.75rem;color:#fff6}.tmpl-svc-total{font-size:.8rem;color:#10b981;font-weight:600;margin:8px 0 6px}.tmpl-labor-area{margin:10px 0 6px}.tmpl-area-row{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;background:#ffffff0a}.tmpl-area-input{background:transparent;border:none;outline:none;color:#fff;-webkit-text-fill-color:#fff;font-size:18px;font-weight:700;text-align:center;padding:10px 12px;flex:1;box-sizing:border-box}.tmpl-svc-meta{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.tmpl-rate-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.tmpl-rate-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;-webkit-text-fill-color:#fff;font-size:.85rem;font-weight:600;text-align:center;padding:6px 8px;width:64px;outline:none}.tmpl-labor-result{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 0;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:#ffffff80}.tmpl-labor-result strong{font-size:.95rem;color:#10b981;font-family:JetBrains Mono,monospace}.tmpl-position-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 4px;border-top:2px solid rgba(255,255,255,.15);font-size:.9rem;color:#ffffffa6}.tmpl-position-total strong{font-size:1.05rem;font-weight:700;color:#10b981;font-family:JetBrains Mono,monospace}.selection-overlay{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);width:100%}.selection-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:24px;padding:40px;text-align:center;max-width:600px;width:90%;box-shadow:0 40px 100px #000000b3;animation:fadeInUp .5s ease-out forwards}.selection-card h2{font-size:24px;font-weight:700;margin-bottom:30px;color:var(--text-primary)}.selection-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:28px}.selection-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.selection-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 36px;font-size:18px;font-weight:600;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.15);transition:all .2s ease;cursor:pointer;color:#fff;min-width:180px}.selection-btn:hover{background:#ffffff17;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.selection-icon{display:flex;align-items:center;justify-content:center;color:#ffffffd9;line-height:1}.selection-icon svg{width:44px;height:44px}.selection-label{font-size:17px;font-weight:600;color:var(--text-primary)}.selection-desc{font-size:12px;color:var(--text-secondary);font-weight:400}.selection-info{font-size:13px;color:#ffffff73;margin-top:24px}.pickup-toggle-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.pickup-label{font-size:14px;color:var(--text-secondary);transition:color .2s}.pickup-label.active{color:var(--accent-primary);font-weight:600}.toggle-switch{position:relative;display:inline-block;width:52px;min-width:52px;max-width:52px;height:28px;flex-shrink:0;flex-grow:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:28px;transition:.25s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}@media (max-width: 600px){.selection-buttons{flex-direction:column;align-items:center}.selection-btn{width:100%;height:auto;padding:20px;flex-direction:row}.selection-btn .icon{font-size:24px}}.form-side{flex:1 1 100%;min-width:100%}.preview-side{flex:1 1 100%;width:100%;height:800px}.card,.preview-card{width:100%;max-width:none;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:24px;padding:32px;box-sizing:border-box;box-shadow:0 20px 50px #00000080}.preview-card{display:flex;flex-direction:column;padding:24px;height:calc(100vh - 48px);transition:opacity .3s}h1{font-size:26px;font-weight:700;margin-bottom:32px;background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-.5px}.btn.secondary{background:#ffffff0d;border:1px solid var(--border-regular);color:var(--text-secondary);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-premium)}.btn.secondary:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-2px)}.summary-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:24px;padding:24px 32px;display:flex;justify-content:flex-end;box-sizing:border-box;width:100%;margin-top:24px;position:sticky;bottom:24px;z-index:100;box-shadow:0 -10px 40px #0009}.label-text{font-size:13px;color:#fff9;margin-left:4px;font-weight:600}.radio-label:hover{background:#ffffff0d}.radio-label:has(input[type=radio]:checked) .radio-text{color:#fff}.position-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px 28px 24px;position:relative;animation:fadeIn .3s ease-out;transition:border-color .2s}.remove-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#7878802e;color:#ffffff80;border:none;cursor:pointer;padding:0;font-size:14px;font-weight:600;line-height:1;transition:background .15s,color .15s}.remove-btn:hover{background:#ef444433;color:#ef4444}.ios-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ef444426;color:#ef4444;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.ios-remove-btn:hover{background:#ef44444d}.material-search-input{text-align:left!important;transition:border-color .2s,background .2s}.material-search-input.mat-selected{border-color:#10b981b3!important;background:#10b98114!important;color:#6ee7b7!important}.material-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f0f19fa;border:1px solid rgba(255,255,255,.15);border-radius:12px;max-height:280px;overflow-y:auto;z-index:9999;box-shadow:0 16px 48px #000000b3;margin-top:4px}.material-dropdown-item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.05)}.mat-row-top{display:flex;align-items:baseline;gap:10px;width:100%}.mat-row-bottom{display:flex;align-items:center;gap:10px;width:100%;flex-wrap:wrap}.mat-article{font-size:11px;color:#fff6;font-family:Courier New,monospace;flex-shrink:0;white-space:nowrap}.mat-name{font-size:14px;font-weight:600;color:#fffffff2;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-price{font-size:13px;color:#10b981;font-weight:700;flex-shrink:0;margin-left:auto;font-family:Courier New,monospace}.select-input{appearance:none;-webkit-appearance:none;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:10px 32px 10px 14px!important;border-radius:8px!important;font-size:14px!important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}.area-row{margin-bottom:22px}.area-field{width:100%}.area-row-wrap{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0 0 18px;align-items:end}.area-field-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.area-label{font-size:13px;font-weight:600;color:#ffffff73;display:block}.light-mode .area-label{color:#00000073}.area-input-row{display:grid;grid-template-columns:1fr 110px;background:#ffffff0d;border:1px solid var(--bd-border);border-radius:var(--bd-radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.area-input-row:focus-within{border-color:#fff6;box-shadow:0 0 0 3px #ffffff12}.bd-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 18px;border-radius:var(--bd-radius);border:1px solid rgba(0,122,255,.3);background:#007aff14;color:#007aff;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background .15s,border-color .15s;flex-shrink:0}.bd-action-btn:hover:not(:disabled){background:#007aff26;border-color:#007aff80}.bd-action-btn:disabled{opacity:.4;cursor:not-allowed}.area-input{display:block!important;width:100%!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;font-size:16px!important;font-weight:600!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;text-align:center!important;padding:12px!important;margin:0!important;box-sizing:border-box!important}.area-input::-webkit-input-placeholder{color:#ffffff40!important}.area-input::placeholder{color:#ffffff40!important}.unit-select{display:block!important;width:100%!important;background:#ffffff0f!important;border:none!important;border-left:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;color:#ffffffd9!important;font-size:14px!important;font-weight:700!important;text-align:center!important;padding:16px 4px!important;box-sizing:border-box!important;cursor:pointer;outline:none!important}.calc-section{background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;margin-bottom:14px}.calc-section-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:#ffffff59;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.calc-row{display:grid;gap:10px;margin-bottom:10px;align-items:end}.calc-row-3{grid-template-columns:1fr 1fr 1fr}.calc-row-2{grid-template-columns:1fr 1fr}.calc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px;align-items:end}.calc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;align-items:end}.calc-grid-material{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;align-items:end}.material-line-block{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;margin-bottom:10px;background:#ffffff05}.material-line-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff6}.remove-mat-btn{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#ef4444cc;padding:3px 10px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.remove-mat-btn:hover{background:#ef444438;color:#ef4444}.add-material-btn{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);color:#ffffff8c;padding:10px 16px;border-radius:10px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:600;width:100%;margin-bottom:10px}.add-material-btn:hover{background:#10b98114;color:var(--accent-primary, #10b981);border-color:var(--accent-primary, #10b981)}.mat-total-row{border-top:2px solid rgba(255,255,255,.12)!important;margin-top:4px;padding-top:10px!important}.calc-result{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--bd-radius);padding:10px 12px;font-size:14px;font-weight:600;color:#ffffffb3;min-height:42px;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.highlight-blue{color:#60a5fa!important;background:#60a5fa14!important;border-color:#60a5fa33!important}.ek-color{color:#f59e0b!important}.vk-color{color:#10b981!important}.calc-subtotal{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:14px;color:#ffffff8c}.calc-subtotal strong{color:#ffffffe6;font-size:15px}.mat-supplier{color:#fff6;font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-discount{color:#f59e0b;font-size:12px;font-weight:600;flex-shrink:0;white-space:nowrap}.profit-summary{background:#10b9810d;border:1px solid rgba(16,185,129,.18);border-radius:16px;padding:20px;margin:20px 0 16px;display:flex;flex-direction:column;gap:0}.summary-main-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#10b981b3;margin-bottom:14px}.summary-position-block{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;margin-bottom:8px}.summary-pos-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;margin-bottom:10px}.summary-item-group{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:4px 0}.summary-detail-left{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.summary-row-tag{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:4px;flex-shrink:0;margin-top:2px;white-space:nowrap}.mat-tag{background:#f59e0b1f;color:#f59e0bb3;border:1px solid rgba(245,158,11,.2)}.labor-tag{background:#60a5fa1a;color:#60a5fab3;border:1px solid rgba(96,165,250,.2)}.extern-tag{background:#ffffff0a;color:#ffffff4d;border:1px solid rgba(255,255,255,.08)}.summary-detail-text{flex:1;min-width:0}.summary-detail-name{font-size:13px;font-weight:600;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-detail-sub{font-size:11px;color:#fff6;margin-top:1px}.summary-detail-value{font-size:13px;font-weight:700;flex-shrink:0;white-space:nowrap}.summary-emp-count{font-size:11px;font-weight:600;color:#60a5fab3;margin-left:4px}.summary-item-subtotal{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#fff6;margin-top:6px;padding-top:5px;border-top:1px dashed rgba(255,255,255,.08)}.summary-pos-total{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#ffffffe6;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.summary-section-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#ffffff4d;margin-top:4px;margin-bottom:6px}.profit-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:#fff9;padding:4px 0;gap:12px}.summary-pos-label{font-size:12px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.summary-pos-detail{font-size:12px;color:#ffffffbf;font-weight:600;flex-shrink:0;white-space:nowrap}.summary-total-row{font-weight:600;color:#ffffffd9!important;font-size:13px;margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.profit-divider{border-top:1px solid rgba(16,185,129,.2);margin:10px 0}.profit-highlight{font-weight:700;font-size:15px;color:#ffffffe6!important;margin-top:2px}.profit-value{color:#10b981;font-size:20px;font-weight:700}.input-with-unit{position:relative;display:flex;align-items:center;border-radius:var(--bd-radius);overflow:hidden}.input-with-unit{display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow:hidden!important}.input-with-unit input{flex:1 1 auto!important;min-width:50px!important;padding-right:8px!important;padding-left:10px!important;text-align:left!important;text-overflow:clip!important}.input-unit{position:static!important;transform:none!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px;color:#a5b4fc;pointer-events:none;font-weight:700;padding:0 6px;background-color:#6366f11a;border-left:1px solid rgba(99,102,241,.25);border-radius:0;letter-spacing:.02em;line-height:1;min-width:0;width:auto;white-space:nowrap;text-align:center;align-self:stretch}.input-with-unit:has(.inline-unit-select){display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;padding:0!important;overflow:hidden!important;position:relative!important;background-image:none!important}.input-with-unit .has-unit-select{flex:1 1 auto!important;min-width:0!important;width:auto!important;padding:8px 10px!important;margin:0!important;border:none!important;background:transparent!important;background-image:none!important;text-align:center!important;font-size:15px!important;font-weight:700!important;outline:none!important;box-shadow:none!important;border-radius:0!important;pointer-events:auto!important;cursor:text!important}.input-with-unit .inline-unit-select{flex:0 0 auto!important;width:auto!important;min-width:52px!important;max-width:60px!important;align-self:stretch!important;margin:0!important;padding:0 6px!important;border:none!important;border-left:1px solid rgba(99,102,241,.3)!important;border-radius:0!important;background-color:#6366f11a!important;background-image:none!important;color:#a5b4fc!important;font-size:11px!important;font-weight:700!important;text-align:center!important;text-align-last:center!important;text-indent:0!important;line-height:1!important;vertical-align:middle!important;cursor:pointer!important;outline:none!important;box-shadow:none!important;pointer-events:auto!important;position:static!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;transition:background-color .15s!important}.input-with-unit .inline-unit-select option{text-align:center!important}.input-with-unit .inline-unit-select:hover{background-color:#6366f133!important}.input-with-unit .inline-unit-select:focus{background-color:#6366f140!important}.light-mode .input-with-unit .inline-unit-select{border-left:1px solid rgba(99,102,241,.25)!important;background-color:#6366f10f!important;color:#4338ca!important}.light-mode .input-with-unit .inline-unit-select:hover{background-color:#6366f124!important}.info-input{min-width:unset;height:60px;min-height:60px;resize:none;line-height:1.5;padding-top:8px!important;overflow-y:auto;white-space:pre-wrap;font-size:14px}.info-input:focus{height:120px;background:var(--bg-surface-light)!important;border-color:var(--accent-primary)!important}textarea{background:#14141499!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;width:100%;min-height:60px;box-shadow:none!important;outline:none!important}textarea:focus{border-color:var(--accent-primary)!important;background:var(--bg-surface-light)!important}.add-btn{background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);color:#ffffffb3;padding:16px;border-radius:12px;font-size:15px;cursor:pointer;transition:all .2s;font-weight:600}.add-btn:hover{background:#10b9811a;color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#0b0e14;padding:16px 32px;border-radius:14px;border:none;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:var(--glow-emerald);transition:all .3s cubic-bezier(.16,1,.3,1)}.locked-banner{background:#eab3081a;color:var(--accent-edit);border:1px solid var(--accent-edit);padding:16px;border-radius:12px;margin-bottom:32px;text-align:center;font-weight:600}:root{--bd-radius: 12px;--bd-bg: rgba(255,255,255,.04);--bd-border: rgba(255,255,255,.1);--bd-color: #ffffff;--bd-font: 14px}.table-input{width:100%;background:var(--bd-bg)!important;border:1px solid var(--bd-border)!important;color:var(--bd-color)!important;padding:10px 12px!important;border-radius:var(--bd-radius)!important;transition:border-color .2s,background .2s,box-shadow .2s;font-size:var(--bd-font)!important;line-height:1.4;box-sizing:border-box;height:auto;text-align:center}input[type=text].table-input:not(:placeholder-shown),input[type=email].table-input:not(:placeholder-shown),textarea.table-input:not(:placeholder-shown){background:#22c55e0f!important;border:1px solid rgba(34,197,94,.35)!important;box-shadow:0 0 0 3px #22c55e12!important;color:#fff!important}input[type=date].table-input{background:#22c55e0f!important;border:1px solid rgba(34,197,94,.35)!important;color:#fff!important}.table-input:-webkit-autofill,.table-input:-webkit-autofill:hover,.table-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1a2535 inset!important;box-shadow:0 0 0 1000px #1a2535 inset,0 0 0 3px #22c55e12!important;-webkit-text-fill-color:#ffffff!important;border:1px solid rgba(34,197,94,.35)!important;transition:background-color 5000s ease-in-out 0s}.light-mode .table-input:-webkit-autofill,.light-mode .table-input:-webkit-autofill:hover,.light-mode .table-input:-webkit-autofill:focus,.light-mode input:-webkit-autofill,.light-mode input:-webkit-autofill:hover,.light-mode input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#1a1a2e!important;border:1px solid rgba(16,185,129,.35)!important;transition:background-color 5000s ease-in-out 0s}.table-input:focus{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;outline:none;box-shadow:none!important}.table-input{border-radius:8px!important}.table-input:hover:not(:disabled){background:#ffffff0f!important}.total-item.highlight{font-size:1.4rem;font-weight:700;color:#10b981!important}.total-item.highlight .value{color:#10b981!important}@media (max-width: 1400px){.split-layout{flex-direction:column}.preview-side{width:100%;position:static}.create-container{padding:12px 12px 120px}.card,.preview-card{padding:16px;border-radius:14px;overflow:hidden;max-width:100%;box-sizing:border-box}.preview-card{height:600px;margin-top:24px}.card h1{padding:16px;font-size:1.3rem}.card-content{padding:0 16px 16px}.form{gap:20px}.row{flex-direction:column;gap:14px}label{min-width:unset}.table-container{overflow:visible;background:none;border:none;border-radius:0;margin:0;padding:0}.styled-table{min-width:unset!important;table-layout:auto!important}.styled-table thead{display:none}.styled-table,.styled-table tbody,.styled-table tr,.styled-table td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.styled-table tr{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px}.styled-table td{display:flex;flex-direction:column;align-items:stretch;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:6px}.styled-table td:last-child{border-bottom:none}.styled-table td:before{content:attr(data-label);font-weight:600;font-size:.7rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px;text-align:center;display:block;margin-bottom:4px}.styled-table td[data-label=""]:before{display:none}.styled-table .table-input:not([type=checkbox]),.styled-table td input:not([type=checkbox]),.styled-table td select,.styled-table td textarea{width:100%!important;max-width:100%!important;font-size:16px!important;padding:12px!important;background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important}.styled-table .table-input:focus,.styled-table td input:not([type=checkbox]):focus,.styled-table td select:focus{background:#0000004d!important;border-color:#fff3!important}.position-card{padding:14px;border-radius:12px}.position-material-row{margin-bottom:8px}.material-search-input{font-size:16px!important}.position-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.position-grid{grid-template-columns:1fr 1fr;gap:10px}.section-label{font-size:.7rem;letter-spacing:1px;margin-bottom:8px}.position-section .cost-summary{font-size:.85rem}.position-total{font-size:1rem;padding-top:10px}.field-group label,.field-label{font-size:.65rem}.table-input{font-size:16px!important;padding:10px 12px!important}.summary-card{position:sticky;bottom:0;flex-direction:column;align-items:center;gap:16px;padding:16px;border-radius:14px 14px 0 0;background:#05020af2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:10;margin:0 -12px;box-sizing:border-box}.footer-content{flex-direction:column;align-items:center;gap:16px}.total-item{font-size:.95rem;gap:10px}.total-item.highlight{font-size:1.3rem}.actions{justify-content:stretch}.btn.primary{width:100%;padding:14px;font-size:15px}.add-btn{padding:12px;font-size:14px}.divider{font-size:15px}.beautiful-checkbox{display:flex;flex-direction:row!important;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.beautiful-checkbox:hover{background:#ffffff1a}.beautiful-checkbox span{font-size:16px;color:#ffffffe6;font-weight:600;margin-right:0}.beautiful-checkbox input[type=checkbox]{width:24px!important;height:24px!important;cursor:pointer;accent-color:var(--accent-primary);margin:0}}@media (max-width: 480px){.calc-grid-3,.calc-grid-2{grid-template-columns:1fr 1fr}.unit-select{width:75px}.position-grid{grid-template-columns:1fr 1fr}.position-header{flex-direction:row;align-items:center;gap:8px}.remove-btn{align-self:flex-end}.material-dropdown{max-height:320px}.material-dropdown-item{padding:10px 14px}}@media (min-width: 769px) and (max-width: 1200px){.preview-side{height:800px}.card{padding:24px}.styled-table{font-size:15px}.position-grid{grid-template-columns:repeat(3,1fr)}}.employee-selector,.emp-dropdown-wrapper{position:relative}.emp-list{position:absolute;top:100%;left:0;right:0;z-index:300;background:#1a2235;border:1px solid rgba(255,255,255,.15);border-radius:10px;margin-top:4px;max-height:320px;overflow-y:auto;box-shadow:0 12px 32px #00000080;-webkit-overflow-scrolling:touch}.emp-toggle{display:flex;justify-content:space-between;align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;cursor:pointer;color:#fff;font-size:14px;transition:border-color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.emp-toggle:hover{border-color:#10b98166}.emp-placeholder{color:#ffffff59}.emp-selected-text{color:#10b981;font-weight:600}.emp-arrow{color:#fff6;font-size:10px;margin-left:8px}.emp-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:10px;margin-top:4px;z-index:100;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px #0006}.emp-option{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s;font-size:13px;color:#fffc;text-align:left!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(16,185,129,.15);user-select:none;-webkit-user-select:none;min-height:44px}.emp-option:hover{background:#ffffff0f}.emp-option.selected{background:#10b98114}.emp-option:last-child{border-bottom:none}.emp-option input[type=checkbox]{accent-color:#10b981;width:18px!important;height:18px!important;min-width:18px!important;cursor:pointer;flex-shrink:0!important;margin:0!important}.emp-name{flex:1!important;font-weight:600;min-width:0}.emp-rate{color:#10b981;font-weight:600;white-space:nowrap;margin-left:auto}.selected-employees{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.emp-badge{display:flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:6px 10px;font-size:13px}.emp-badge-name{color:#fff;font-weight:600}.emp-badge-rate{color:#10b981;font-weight:600}.emp-badge-remove{color:#fff6;cursor:pointer;font-size:12px;margin-left:4px;padding:2px;border-radius:4px;transition:all .15s}.emp-badge-remove:hover{color:#ef4444;background:#ef444426}.emp-sum{width:100%;padding-top:6px;font-size:13px;color:#10b981;border-top:1px solid rgba(16,185,129,.15);margin-top:2px}.advanced-section{display:flex;flex-direction:column;gap:0;padding:4px 0 8px}.tpl-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff4d;margin-bottom:10px;margin-top:4px}.tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.tpl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s}.tpl-btn:hover{background:#10b9811a;border-color:#10b9814d}.tpl-name{font-size:12px;font-weight:700;color:#ffffffd9}.tpl-desc{font-size:10px;color:#ffffff59}.ph-info{font-size:10px;font-weight:600;color:#ffffff4d;margin-bottom:8px;letter-spacing:.3px}.ph-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.ph-btn{font-size:11px;font-weight:600;color:#60a5fae6;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);border-radius:6px;padding:4px 10px;cursor:pointer;transition:all .15s;font-family:monospace}.ph-btn:hover{background:#60a5fa2e;border-color:#60a5fa66}.adv-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.adv-label{font-size:11px;font-weight:600;color:#ffffff73;letter-spacing:.3px}@media (max-width: 600px){.tpl-grid{grid-template-columns:repeat(3,1fr)}}.co-tabs{display:flex;gap:6px;padding:8px 16px;background:none;position:sticky;top:0;z-index:20;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 16px}.co-tab{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.co-tab:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff2e}.co-tab.active{background:#10b9811f;border-color:#10b98159;color:#10b981;font-weight:600}.co-tab-add{border-style:dashed!important;opacity:.6;min-width:unset;padding:6px 14px}.co-tab-add:hover{opacity:1}.card .lg-tabs{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.card .lg-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.card .lg-tab:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff2e}.card .lg-tab.active{background:#10b9811f;border-color:#10b98159;color:#10b981;font-weight:600}.card .lg-tab-badge{background:#10b98126;color:#10b981;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:16px;text-align:center}.card .lg-tab.active .lg-tab-badge{background:#10b98140;color:#10b981}.card .lg-tab-add{border:none!important;border-bottom:2px solid transparent!important;background:transparent;opacity:.5;font-size:16px;font-weight:700;padding:5px 14px;color:#10b981;margin-bottom:-1px}.card .lg-tab-add:hover{opacity:1;background:none;border-bottom-color:#10b9814d!important}.co-tab-icon{width:16px;height:16px;flex-shrink:0}.co-tab-icon svg{width:16px;height:16px}.co-tab-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.co-tab-dot.valid{background:#10b981}.co-tab-dot.invalid{background:#ef4444}.co-tab-badge{background:#10b981;color:#000;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.co-content{padding:0 0 80px}.co-tab-panel .card{margin:16px;border-radius:16px}.co-tab-panel .lg-card-panel{margin-top:0}@media (max-width: 768px){.co-tabs{position:fixed;bottom:0;left:0;right:0;top:unset;padding:0;gap:0;border-bottom:none;border-top:1px solid rgba(255,255,255,.08);background:#0d1117f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px)}.co-tab{flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 4px 8px;border:none;border-top:2px solid transparent;font-size:.62rem;font-weight:600;min-height:56px;margin-bottom:0}.co-tab.active{border-top-color:#10b981;color:#10b981}.co-tab-icon{width:22px;height:22px}.co-tab-icon svg{width:22px;height:22px}.co-tab-dot{position:absolute;top:8px;right:calc(50% - 14px);width:8px;height:8px}.co-tab-badge{position:absolute;top:6px;right:calc(50% - 18px);font-size:.58rem;padding:1px 4px}.co-content{padding:0 0 72px}.co-tab-panel .card{margin:8px}.summary-card{bottom:calc(56px + env(safe-area-inset-bottom,0px))!important}}.co-image-upload{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:20px;border:2px dashed rgba(255,255,255,.15);border-radius:12px;color:#ffffff80;cursor:pointer;font-size:.9rem;margin-bottom:16px;touch-action:manipulation;box-sizing:border-box}.co-image-upload:active{border-color:#10b981;color:#10b981}.co-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.co-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.co-image-item img{width:100%;height:100%;object-fit:cover}.co-image-remove{position:absolute;top:4px;right:4px;background:#ef4444d9;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px 12px;align-items:end;margin-bottom:12px}.pos-grid .pos-grid-area{grid-column:span 2;min-width:0}.pos-grid .pos-grid-mat,.pos-grid .pos-grid-svc{grid-column:span 3;min-width:0}.pos-grid .pos-grid-emp{grid-column:span 2;min-width:0}.pos-grid .pos-grid-full{grid-column:1 / -1}.menge-input-wrap{display:grid;grid-template-columns:1fr 80px;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;background:#ffffff0a}.menge-number-input{background:transparent;border:none;outline:none;color:#fff;-webkit-text-fill-color:#fff;caret-color:#fff;font-size:14px;font-weight:600;text-align:left;padding:8px 10px;width:100%;box-sizing:border-box}.menge-unit-select{background:#ffffff14;border:none;border-left:1px solid rgba(255,255,255,.12);border-radius:0 10px 10px 0;color:#fff;-webkit-text-fill-color:#fff;font-size:13px;font-weight:600;text-align:center;padding:8px 4px;box-sizing:border-box;cursor:pointer;outline:none;width:100%}@media (max-width: 900px){.pos-grid .pos-grid-mat,.pos-grid .pos-grid-svc{grid-column:span 2}}@media (max-width: 600px){.pos-grid{grid-template-columns:1fr 1fr}.pos-grid .pos-grid-area,.pos-grid .pos-grid-mat,.pos-grid .pos-grid-svc,.pos-grid .pos-grid-emp{grid-column:1 / -1}}.light-mode .menge-input-wrap{border-color:#00000026!important;background:#fff!important}.light-mode .area-input-row{background:#fff!important;border-color:#00000026!important}.light-mode .area-input-row input{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode .area-input-row select{background:#00000008!important;color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;border-left-color:#0000001a!important}.light-mode{--bd-bg: #ffffff;--bd-border: rgba(0, 0, 0, .14);--bd-color: #1a1a2e}.light-mode .bd-action-btn{background:#007aff12!important;border-color:#007aff40!important;color:#0056cc!important}.light-mode .calc-result{background:#f5f6f8!important;border-color:#0000001a!important;color:#374151!important}.light-mode .menge-number-input{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important}.light-mode .menge-unit-select{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;background:#0000000a!important;border-left-color:#0000001f!important}.light-mode .table-input,.light-mode .table-input:focus,.light-mode .table-input:hover,.light-mode input[type=text].table-input,.light-mode input[type=text].table-input:not(:placeholder-shown),.light-mode input[type=email].table-input,.light-mode input[type=email].table-input:not(:placeholder-shown),.light-mode input[type=number].table-input,.light-mode input[type=date].table-input,.light-mode textarea.table-input,.light-mode textarea.table-input:not(:placeholder-shown),.light-mode .styled-table .table-input,.light-mode .styled-table td input:not([type=checkbox]){color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important;background:#fff!important;border:1px solid rgba(0,0,0,.15)!important}.light-mode .table-input:focus{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98126!important}.light-mode .table-input::placeholder{color:#0006!important;-webkit-text-fill-color:rgba(0,0,0,.4)!important}.light-mode input[style*="color:#fff"],.light-mode input[style*="color: #fff"],.light-mode input[style*="-webkit-text-fill-color:#fff"],.light-mode input[style*="-webkit-text-fill-color: #fff"]{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important}.light-mode select.table-input,.light-mode select,.light-mode textarea{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;background:#fff!important}.light-mode .info-input{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;background:#f8f9fa!important;border:1px solid rgba(0,0,0,.12)!important}.light-mode .position-wrapper{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 12px #0000000f!important}.light-mode .calc-section{background:#f8f9fa!important;border:1px solid rgba(0,0,0,.08)!important}.light-mode .calc-section-header{color:#9ca3af!important;border-bottom-color:#00000012!important}.light-mode .calc-result{background:#f0f2f5!important;border:1px solid rgba(0,0,0,.1)!important;color:#374151!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.light-mode .calc-result.highlight-blue{background:#2563eb0f!important;border-color:#2563eb2e!important;color:#1d4ed8!important}.light-mode .calc-result.ek-color{color:#c2410c!important;background:#c2410c0d!important;border-color:#c2410c26!important}.light-mode .calc-result.vk-color{color:#059669!important;background:#0596690f!important;border-color:#0596692e!important}.light-mode .calc-subtotal{border-top-color:#00000014!important;color:#6b7280!important}.light-mode .field-label{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.light-mode .input-with-unit{background:#fff!important;border:1px solid rgba(0,0,0,.14)!important;border-radius:var(--bd-radius)!important;overflow:hidden!important}.light-mode .input-with-unit input,.light-mode .input-with-unit input[type=number],.light-mode .input-with-unit .table-input,.light-mode .input-with-unit input[type=number].table-input{background:transparent!important;border:none!important;box-shadow:none!important;color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .input-unit{color:#4338ca!important;-webkit-text-fill-color:#4338ca!important;background-color:#6366f11a!important;border-left:none!important}.box-blue .input-unit{color:#a5b4fc!important;background-color:#6366f11f!important;border-left:1px solid rgba(99,102,241,.25)!important}.light-mode .box-blue .input-unit{color:#4338ca!important;-webkit-text-fill-color:#4338ca!important;background-color:#6366f11a!important;border-left:1px solid rgba(99,102,241,.2)!important}.box-orange .input-unit{color:#fdba74!important;background-color:#f9731624!important;border-left:1px solid rgba(249,115,22,.28)!important}.light-mode .box-orange .input-unit{color:#c2410c!important;-webkit-text-fill-color:#c2410c!important;background-color:#f973161a!important;border-left:1px solid rgba(249,115,22,.2)!important}.box-red .input-unit{color:#fca5a5!important;background-color:#ef444424!important;border-left:1px solid rgba(239,68,68,.28)!important}.light-mode .box-red .input-unit{color:#b91c1c!important;-webkit-text-fill-color:#b91c1c!important;background-color:#ef44441a!important;border-left:1px solid rgba(239,68,68,.2)!important}.box-green .input-unit,.box-green-light .input-unit{color:#86efac!important;background-color:#22c55e24!important;border-left:1px solid rgba(34,197,94,.28)!important}.light-mode .box-green .input-unit,.light-mode .box-green-light .input-unit{color:#15803d!important;-webkit-text-fill-color:#15803d!important;background-color:#22c55e1a!important;border-left:1px solid rgba(34,197,94,.2)!important}.light-mode .menge-input-wrap{background:#fff!important;border:1px solid rgba(0,0,0,.14)!important;box-shadow:0 1px 3px #0000000a!important}.light-mode .menge-number-input{color:#111827!important;-webkit-text-fill-color:#111827!important;caret-color:#111827!important}.light-mode .menge-unit-select{color:#374151!important;-webkit-text-fill-color:#374151!important;background:#00000008!important;border-left-color:#0000001a!important}.light-mode .material-search-input{background:#0000000a!important;border:1px solid rgba(0,0,0,.12)!important;color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .material-search-input:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811f!important}.light-mode .material-dropdown{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 24px #0000001f!important}.light-mode .material-dropdown-item{border-bottom-color:#0000000d!important}.light-mode .material-dropdown-item:hover{background:#10b9810d!important}.light-mode .mat-article{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.light-mode .mat-name{color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .mat-supplier{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important}.light-mode .mat-price{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .mat-discount{color:#d97706!important;-webkit-text-fill-color:#d97706!important}.light-mode .emp-toggle{background:#fff!important;border:1px solid rgba(0,0,0,.14)!important;box-shadow:0 1px 3px #0000000a!important}.light-mode .emp-toggle:hover{border-color:#00000038!important}.light-mode .emp-list{background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 24px #0000001f!important}.light-mode .emp-option:hover{background:#10b9810d!important}.light-mode .emp-name{color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .emp-rate{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .emp-badge{background:#10b98114!important;border:1px solid rgba(16,185,129,.2)!important}.light-mode .emp-badge-name{color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .emp-badge-rate{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .emp-badge-remove{color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important}.light-mode .position-material-row{background:transparent!important}.light-mode .position-footer{background:#00000005!important;border-top:1px solid rgba(0,0,0,.08)!important}.light-mode .position-total-label{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.light-mode .position-total-value{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .profit-summary{background:#0596690a!important;border-color:#05966926!important}.light-mode .summary-position-block{background:#fff!important;border-color:#00000014!important}.light-mode .summary-main-title{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .pos-mode-toggle{background:#0000000d!important;border:1px solid rgba(0,0,0,.1)!important}.light-mode .pos-mode-toggle button{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.light-mode .pos-mode-toggle button.active{background:#10b981!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}.light-mode .add-btn{background:#10b9810f!important;border:1px dashed rgba(16,185,129,.3)!important;color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .add-btn:hover{background:#10b9811f!important;border-style:solid!important}.light-mode .info-input{background:#f8f9fa!important;border:1px solid rgba(0,0,0,.12)!important;color:#111827!important;-webkit-text-fill-color:#111827!important}.field-label{font-size:11px!important;font-weight:700!important;letter-spacing:.8px!important}.light-mode .field-label{color:#4b5563!important;-webkit-text-fill-color:#4b5563!important;font-size:11px!important;font-weight:700!important}.calc-section-header{font-size:11px!important;letter-spacing:2px!important}.light-mode .calc-section-header{color:#6b7280!important;font-size:11px!important}.calc-result{font-size:15px!important;font-weight:700!important;min-height:44px!important}.light-mode .table-input,.light-mode input.table-input{font-size:15px!important;font-weight:600!important;padding:10px 12px!important}.light-mode .input-with-unit input{font-size:15px!important;font-weight:600!important}.light-mode .input-unit{font-size:13px!important;font-weight:600!important;padding:0 10px!important}.menge-number-input{font-size:14px!important;font-weight:600!important}.menge-unit-select{font-size:13px!important;font-weight:600!important}.light-mode .emp-toggle{font-size:14px!important;min-height:44px!important;padding:0 14px!important}.calc-subtotal{font-size:14px!important;padding-top:12px!important;margin-top:4px!important}.calc-subtotal strong{font-size:16px!important}.light-mode .calc-subtotal{color:#374151!important}.light-mode .calc-subtotal strong{color:#111827!important}.light-mode .position-total-label{font-size:14px!important}.light-mode .position-total-value{font-size:18px!important;font-weight:800!important}.material-search-input{font-size:14px!important}.light-mode .calc-section{padding:20px 22px!important}.light-mode .pos-grid{gap:12px 14px!important}.pos-grid .pos-grid-full.calc-subtotal,.pos-grid-full.calc-subtotal,.calc-subtotal{font-size:15px!important;padding:12px 0 4px!important}.calc-subtotal span,.pos-grid-full.calc-subtotal span{font-size:15px!important;font-weight:600!important}.calc-subtotal strong,.pos-grid-full.calc-subtotal strong{font-size:17px!important;font-weight:800!important}.light-mode .pos-grid-full.calc-subtotal{color:#374151!important;border-top:1px solid rgba(0,0,0,.1)!important}.light-mode .pos-grid-full.calc-subtotal span{color:#374151!important;-webkit-text-fill-color:#374151!important}.light-mode .pos-grid-full.calc-subtotal strong{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .calc-section{border-radius:16px!important;padding:20px 22px!important}.light-mode .calc-section>div[style*=border-top]{border-radius:12px!important;padding:16px!important;margin-top:16px!important;background:#f0f2f5!important}.light-mode .summary-card{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 -4px 24px #0000001a!important}.light-mode .summary-card *{color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .footer-content [class*=mwst],.light-mode .footer-content [class*=tax],.light-mode .footer-content span:first-child{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.light-mode .footer-content [class*=total],.light-mode .footer-content [class*=gesamt],.light-mode .footer-content strong{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .calc-section>div[style*=border-top]{border-radius:12px!important;background:#eef0f3!important;padding:16px!important;margin:12px -4px -4px!important}@media (max-width: 768px){.light-mode .emp-toggle{min-height:50px!important;font-size:15px!important;border-radius:12px!important}.light-mode .menge-input-wrap{border-radius:12px!important}.light-mode .calc-section{border-radius:16px!important;padding:16px!important}.light-mode .table-input{font-size:16px!important;padding:12px 14px!important;border-radius:12px!important}.light-mode .input-with-unit{border-radius:12px!important;min-height:50px!important}.light-mode .calc-result{min-height:50px!important;border-radius:12px!important;font-size:16px!important}.light-mode .pos-grid{gap:10px!important}}.light-mode .co-tab{color:#00000080!important;-webkit-text-fill-color:rgba(0,0,0,.5)!important;border-color:#0000001a!important;background:transparent!important}.light-mode .co-tab:hover{background:#0000000a!important;color:#000000bf!important;-webkit-text-fill-color:rgba(0,0,0,.75)!important;border-color:#0000002e!important}.light-mode .co-tab svg{stroke:#0000008c!important}.light-mode .co-tab.active{background:#0596691a!important;border-color:#0596694d!important;color:#047857!important;-webkit-text-fill-color:#047857!important}.light-mode .co-tab.active svg{stroke:#047857!important}.light-mode .co-tab-label{color:inherit!important;-webkit-text-fill-color:inherit!important}.light-mode .co-tab-badge{background:#10b981!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important}@media (max-width: 768px){.light-mode .summary-card{position:relative!important;bottom:unset!important;margin:0 0 16px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 2px 12px #00000014!important;padding:16px 20px!important}.light-mode .co-content{padding-bottom:80px!important}}@media (max-width: 768px){.light-mode .position-wrapper{border-radius:20px!important;padding:16px!important;margin-bottom:16px!important;box-shadow:0 2px 16px #00000014!important}.light-mode .position-header{border-bottom:1px solid rgba(0,0,0,.07)!important;margin-bottom:16px!important;padding-bottom:12px!important}.light-mode .calc-section{border-radius:14px!important;padding:14px!important;margin-bottom:10px!important;background:#f4f5f7!important;border:1px solid rgba(0,0,0,.07)!important;box-shadow:none!important}.light-mode .calc-section-header{font-size:10px!important;margin-bottom:12px!important;padding-bottom:8px!important;letter-spacing:1.5px!important}.light-mode .pos-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.light-mode .pos-grid .pos-grid-area,.light-mode .pos-grid .pos-grid-mat,.light-mode .pos-grid .pos-grid-svc,.light-mode .pos-grid .pos-grid-emp{grid-column:1 / -1!important}.light-mode .menge-input-wrap{border-radius:8px!important}.light-mode .menge-number-input{font-size:14px!important}.light-mode .menge-unit-select{font-size:13px!important;min-width:70px!important}.light-mode .table-input{border-radius:var(--bd-radius)!important;font-size:15px!important;padding:11px 12px!important;min-height:46px!important}.light-mode .input-with-unit{border-radius:var(--bd-radius)!important;min-height:46px!important}.light-mode .input-unit{font-size:12px!important;padding:0 10px!important;min-width:36px!important}.light-mode .calc-result{border-radius:var(--bd-radius)!important;font-size:15px!important;min-height:46px!important;padding:10px 12px!important}.light-mode .emp-toggle{border-radius:var(--bd-radius)!important;min-height:50px!important;padding:0 14px!important;font-size:14px!important}.light-mode .field-label{font-size:10px!important;letter-spacing:.5px!important;margin-bottom:4px!important}.light-mode .calc-subtotal,.light-mode .pos-grid-full.calc-subtotal{margin-top:8px!important;padding-top:10px!important;font-size:14px!important}.light-mode .calc-subtotal strong,.light-mode .pos-grid-full.calc-subtotal strong{font-size:16px!important}.light-mode .add-btn{border-radius:12px!important;padding:12px 16px!important;font-size:14px!important;width:100%!important;text-align:center!important;margin:4px 0!important}.light-mode .position-footer{border-radius:0 0 12px 12px!important;padding:12px 16px!important}.light-mode .position-total-value{font-size:20px!important}.light-mode .info-input{border-radius:12px!important;font-size:14px!important;min-height:70px!important}}@media (max-width: 768px){.co-tab-panel .card{margin:4px!important;border-radius:16px!important}.card{padding:12px!important}.position-wrapper{margin:0 0 12px!important;padding:14px 12px!important;border-radius:16px!important}.light-mode .co-tab-panel .card{margin:4px!important}.light-mode .position-wrapper{padding:14px 12px!important;border-radius:16px!important}.light-mode .calc-section{margin:0 0 8px!important;padding:12px!important}.summary-card{margin:0 4px 12px!important;border-radius:16px!important;padding:14px 16px!important}}@media (max-width: 768px){.co-tab-panel .card,.light-mode .co-tab-panel .card{margin:2px!important;padding:0!important;border-radius:14px!important}.card,.light-mode .card{padding:0!important;margin:2px!important}.position-wrapper,.light-mode .position-wrapper{margin:2px 0 8px!important;padding:12px 10px!important}.summary-card,.light-mode .summary-card{margin:2px 2px 8px!important;padding:12px 14px!important}.co-content{padding:0 0 72px!important}}@media (max-width: 768px){.summary-card{position:relative!important;bottom:unset!important;margin:0 2px 16px!important;border-radius:16px!important;box-shadow:0 2px 12px #0000004d!important;padding:16px 20px!important}}@media (min-width: 769px){.pos-grid{grid-template-columns:repeat(6,1fr)!important;gap:14px 16px!important}.pos-grid .pos-grid-area{grid-column:span 2!important}.pos-grid .pos-grid-mat{grid-column:span 4!important}.pos-grid .pos-grid-svc,.pos-grid .pos-grid-emp{grid-column:span 3!important}}@media (min-width: 1400px){.pos-grid{gap:16px 20px!important}}@media (min-width: 769px){.pos-grid.material-grid{display:flex!important;flex-wrap:wrap!important;gap:10px 14px!important;align-items:flex-end!important;width:100%!important;box-sizing:border-box!important}.pos-grid.material-grid .pos-grid-area{flex:0 0 100%!important;min-width:0!important}.pos-grid.material-grid .pos-grid-area .menge-input-wrap{max-width:calc(33.333% - 8px)!important;min-width:220px!important}.pos-grid.material-grid .pos-grid-mat{flex:0 0 calc(33.333% - 8px)!important;min-width:200px!important;align-self:flex-end!important}.pos-grid.material-grid .field-group:not(.pos-grid-area):not(.pos-grid-mat):not(.pos-grid-full){flex:1 1 100px!important;min-width:0!important}.pos-grid.material-grid .pos-grid-full{flex:0 0 100%!important}.pos-grid.material-grid .menge-input-wrap{height:auto!important;width:100%!important}.pos-grid.material-grid .menge-number-input{font-size:14px!important;font-weight:600!important}}.kalk-summary{background:var(--glass-bg);border:1px solid var(--border-regular);border-radius:16px;padding:24px 28px;margin-top:16px}.kalk-summary-rows{display:flex;gap:32px}.kalk-sum-row{display:flex;flex-direction:column;gap:4px;flex:1}.kalk-sum-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73}.kalk-sum-value{font-size:22px;font-weight:700;font-family:JetBrains Mono,monospace}.kalk-sum-value.mat-color{color:#f59e0b}.kalk-sum-value.labor-color{color:#60a5fa}.kalk-summary-divider{height:1px;background:#ffffff1a;margin:20px 0}.kalk-summary-bottom{display:flex;align-items:center;gap:0}.kalk-bottom-col{flex:1;display:flex;flex-direction:column;gap:4px}.kalk-bottom-divider{width:1px;height:60px;background:#ffffff1f;margin:0 32px}.kalk-bottom-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73}.kalk-bottom-value{font-size:26px;font-weight:800;font-family:JetBrains Mono,monospace;color:#fff}.kalk-bottom-value.profit-color{color:#10b981!important}.kalk-bottom-sub{font-size:12px;color:#ffffff59;margin-top:2px}.light-mode .kalk-summary{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important}.light-mode .kalk-sum-label,.light-mode .kalk-bottom-label,.light-mode .kalk-bottom-sub{color:#00000073!important;-webkit-text-fill-color:rgba(0,0,0,.45)!important}.light-mode .kalk-bottom-value{color:#111827!important;-webkit-text-fill-color:#111827!important}.light-mode .kalk-bottom-value.profit-color{color:#059669!important;-webkit-text-fill-color:#059669!important}.light-mode .kalk-summary-divider,.light-mode .kalk-bottom-divider{background:#0000001a!important}.calc-section,.position-wrapper{max-width:100%!important;box-sizing:border-box!important}.pos-grid>*{min-width:0!important;box-sizing:border-box!important}.pos-grid .field-label{white-space:normal!important;word-break:break-word!important}.light-mode .table-container{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important}.light-mode .styled-table th{background:#f0f2f5!important;color:#374151!important;-webkit-text-fill-color:#374151!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.light-mode .styled-table td{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.05)!important}.light-mode .styled-table tr:hover td{background:#f8f9fa!important}.light-mode .card-content{background:#fff!important}@media (min-width: 769px){.pos-grid.leistung-grid{display:flex!important;flex-wrap:wrap!important;gap:12px 14px!important;align-items:flex-end!important;width:100%!important;box-sizing:border-box!important}.pos-grid.leistung-grid .pos-grid-svc{flex:3 1 220px!important;min-width:0!important}.pos-grid.leistung-grid .pos-grid-emp{flex:2 1 180px!important;min-width:0!important}.pos-grid.leistung-grid .field-group:not(.pos-grid-svc):not(.pos-grid-emp):not(.pos-grid-full){flex:1 1 100px!important;min-width:0!important}.pos-grid.leistung-grid .pos-grid-full{flex:1 0 100%!important}}.pos-header-left{display:flex;flex-direction:column;gap:3px}.pos-header-costs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pos-cost-item{font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace}.pos-cost-item.mat{color:#f59e0b}.pos-cost-item.labor{color:#60a5fa}.pos-cost-sep{color:#ffffff40;font-size:11px}.pos-cost-total{font-size:13px;font-weight:800;color:#10b981;font-family:JetBrains Mono,monospace}.light-mode .pos-cost-sep{color:#0003!important}.light-mode .pos-cost-total{color:#059669!important;-webkit-text-fill-color:#059669!important}.menge-number-input{text-align:left!important;padding-left:10px!important}.confirm-backdrop{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.confirm-dialog{background:#0d111af5;border:1px solid rgba(239,68,68,.35);border-radius:20px;padding:28px 24px 24px;width:100%;max-width:360px;box-shadow:0 24px 64px #0009,0 0 0 1px #ef444426;display:flex;flex-direction:column;align-items:center;gap:12px;animation:confirm-pop .18s cubic-bezier(.34,1.56,.64,1)}@keyframes confirm-pop{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.confirm-icon{width:48px;height:48px;border-radius:50%;background:#ef44441f;border:1px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;color:#ef4444;margin-bottom:4px}.confirm-icon svg{width:22px;height:22px}.confirm-title{font-size:17px;font-weight:700;color:#fff;letter-spacing:.01em}.confirm-message{font-size:13px;color:#ffffff8c;text-align:center;line-height:1.6}.confirm-message strong{color:#ffffffd9;font-weight:600}.confirm-actions{display:flex;gap:10px;width:100%;margin-top:8px}.confirm-btn-cancel{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.confirm-btn-cancel:hover{background:#ffffff1a}.confirm-btn-delete{flex:1;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #ef444459;transition:opacity .15s,transform .1s}.confirm-btn-delete:hover{opacity:.9;transform:translateY(-1px)}.confirm-btn-delete:active{transform:translateY(0)}.nsm-backdrop{position:fixed;inset:0;z-index:9000;background:#0000008c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.nsm-card{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:32px 28px 24px;display:flex;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 24px 80px #00000040;animation:nsm-pop .18s cubic-bezier(.34,1.56,.64,1)}@keyframes nsm-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.nsm-icon{width:64px;height:64px;background:#fff0ee;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.nsm-title{font-size:22px;font-weight:800;color:#1a202c;margin:0 0 20px;text-align:left}.nsm-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:10px 14px;color:#c53030;font-size:13px;margin-bottom:12px}.nsm-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.nsm-label{font-size:11px;font-weight:700;color:#718096;letter-spacing:.06em}.nsm-input{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:11px 14px;font-size:14px;color:#1a202c;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s}.nsm-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}.nsm-actions{display:flex;gap:12px;margin-top:8px}.nsm-btn-cancel{flex:1;padding:13px;border-radius:12px;border:1px solid #e2e8f0;background:#f7fafc;color:#4a5568;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.nsm-btn-cancel:hover{background:#edf2f7}.nsm-btn-save{flex:2;padding:13px;border-radius:12px;border:none;background:#e53e3e;color:#fff;font-size:14px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:background .15s,opacity .15s;box-shadow:0 4px 14px #e53e3e59}.nsm-btn-save:hover:not(:disabled){background:#c53030}.nsm-btn-save:disabled{opacity:.6;cursor:not-allowed}.light-mode .lg-tab{color:#0000008c!important;border:none!important;background:#00000012!important}.light-mode .lg-tab:hover{background:#0000001c!important;color:#000c!important}.light-mode .lg-tab.active{background:#0596691f!important;color:#047857!important}.light-mode .lg-tab-badge{background:#0000001a;color:#0009}.light-mode .lg-tab.active .lg-tab-badge{background:#0478572e;color:#047857}.light-mode .lg-tab-add{color:#0006!important;border-color:#0000002e!important}.light-mode .lg-tab-add:hover{background:#0000000d!important}.light-mode .confirm-backdrop{background:#00000059}.light-mode .confirm-dialog{background:#fff;border:1px solid rgba(239,68,68,.2);box-shadow:0 24px 64px #00000026,0 0 0 1px #0000000d}.light-mode .confirm-icon{background:#ef444414;border-color:#ef444433;color:#dc2626}.light-mode .confirm-title{color:#1e293b}.light-mode .confirm-message{color:#64748b}.light-mode .confirm-message strong{color:#334155}.light-mode .confirm-btn-cancel{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.light-mode .confirm-btn-cancel:hover{background:#e2e8f0}.light-mode .confirm-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.light-mode .order-number-bar{background:linear-gradient(135deg,#fb923c1f,#ea580c14)!important}.light-mode .order-number-bar span{color:#92400e!important;-webkit-text-fill-color:#92400e!important}.light-mode .kalk-card{background:linear-gradient(135deg,#fb923c14,#ea580c0d)!important;border-color:#fb923c4d!important}.light-mode .nsm-backdrop{background:#00000059}.light-mode .nsm-card{background:#fff!important;border-color:#10b98133!important;box-shadow:0 24px 64px #0000001f!important}.light-mode .nsm-card .nsm-icon{background:#10b98114;border-color:#10b98133}.light-mode .nsm-card h3{color:#1e293b!important}.light-mode .nsm-card p{color:#64748b!important}.light-mode .nsm-card label{color:#475569!important}.light-mode .nsm-card input,.light-mode .nsm-card .nsm-input{background:#f8fafc!important;border-color:#e2e8f0!important;color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.light-mode .nsm-card input:focus,.light-mode .nsm-card .nsm-input:focus{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98126!important}.light-mode .nsm-card input::placeholder,.light-mode .nsm-card .nsm-input::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}.light-mode .nsm-btn-cancel{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#475569!important}.light-mode .nsm-btn-cancel:hover{background:#e2e8f0!important}.light-mode .position-card{background:#fff!important;border-color:#e2e8f0!important}.light-mode .position-header{border-bottom-color:#f1f5f9!important}.light-mode .mat-section-header{color:#475569!important;border-bottom-color:#e2e8f0!important}.light-mode .emp-dropdown-wrapper .emp-toggle{background:#f8fafc!important;border-color:#e2e8f0!important}.light-mode .emp-dropdown-wrapper .emp-toggle span{color:#475569!important;-webkit-text-fill-color:#475569!important}.light-mode .emp-dropdown-wrapper .emp-list{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 8px 24px #0000001a!important}.light-mode .emp-dropdown-wrapper .emp-list .emp-option:hover{background:#f1f5f9!important}.light-mode .emp-dropdown-wrapper .emp-list .emp-name{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.light-mode .emp-dropdown-wrapper .emp-list .emp-rate{color:#64748b!important;-webkit-text-fill-color:#64748b!important}.light-mode .leistung-item{background:#f59e0b0d!important;border-color:#f59e0b26!important}.light-mode .mat-cost-bar,.light-mode .labor-cost-bar,.light-mode .emp-badge{background:#60a5fa0f!important;border-color:#60a5fa26!important}.light-mode .kalk-bottom-row{border-top-color:#e2e8f0!important}.light-mode .total-kalk-card{background:linear-gradient(135deg,#60a5fa0f,#3b82f60a)!important;border-color:#60a5fa33!important}.light-mode [style*="color:rgba(255,255,255"],.light-mode [style*="color: rgba(255,255,255"]{color:#334155!important;-webkit-text-fill-color:#334155!important}.light-mode [style*="border-color:rgba(255,255,255"],.light-mode [style*="border:1px solid rgba(255,255,255"],.light-mode [style*="border:2px solid rgba(255,255,255"]{border-color:#0000001a!important}.light-mode [style*="background:rgba(255,255,255,0.0"]{background:#00000005!important}.light-mode [style*="background:rgba(0,0,0"]{background:#00000008!important}.light-mode [style*="border-top:1px solid rgba(255,255,255"],.light-mode [style*="border-top:2px solid rgba("]{border-top-color:#e2e8f0!important}.light-mode [style*="border-bottom:1px solid rgba(255,255,255"]{border-bottom-color:#e2e8f0!important}.co-header-wrap{position:sticky;top:0;z-index:50;background:#080d18}.light-mode .co-header-wrap{background:#eef1f6}@media (max-width: 768px){.co-header-wrap{position:static}}.co-header-wrap .co-tabs{position:relative!important;top:unset!important;z-index:auto!important}.co-tabs{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#121828f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:16px 16px 4px;position:sticky;top:16px;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;will-change:transform;box-shadow:0 4px 20px #00000040}.co-tabs-hidden{transform:translateY(calc(-100% - 20px));opacity:0;pointer-events:none}.light-mode .co-tabs{background:#fff;border:1.5px solid rgba(5,150,105,.22);box-shadow:0 6px 32px #0000002e,0 2px 8px #0000001a}.co-tab{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:#ffffff73;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:36px}.co-tab.active{background:#ffffff1f;color:#fff;box-shadow:0 1px 4px #0000004d}.co-tab-icon{width:17px;height:17px}.co-tab-icon svg{width:17px;height:17px}.lg-tabs{display:flex;gap:8px;padding:10px 16px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lg-tabs::-webkit-scrollbar{display:none}.lg-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;border:none;background:#ffffff14;color:#ffffff8c;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:36px;transition:all .2s}.lg-tab:hover{background:#ffffff1f;color:#fffc}.lg-tab.active{background:#ffffff29;color:#fff}.lg-tab-badge{background:#ffffff2e;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:50px}.lg-tab-add{border:1.5px dashed rgba(255,255,255,.2)!important;background:transparent!important;color:#fff6!important;font-size:20px!important;padding:4px 14px!important;border-radius:50px!important;opacity:.7;min-height:36px}.position-card{background:#ffffff0a;border:none;border-radius:16px;padding:0;margin-bottom:14px;box-shadow:0 2px 16px #00000026,0 0 0 .5px #ffffff14}.position-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:.5px solid rgba(255,255,255,.06);background:transparent;border-radius:16px 16px 0 0;margin-bottom:0}.position-number{font-size:15px;font-weight:600;color:#ffffffd9;letter-spacing:-.01em}.calc-section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.01em;text-transform:none;padding:20px 20px 8px;border-bottom:none;margin-bottom:0}.mat-box-grid,.lst-box-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:0;align-items:stretch}.mat-box-grid .field-group,.lst-box-grid .field-group{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:14px 16px 16px;min-height:80px;border-radius:12px;border:none;background:#ffffff0f;box-shadow:none;box-sizing:border-box}.mat-box-grid .field-group.span2,.lst-box-grid .field-group.span2{grid-column:span 2}.mat-box-grid .field-group .field-label,.lst-box-grid .field-group .field-label{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:#fff6;margin-bottom:0;white-space:normal;line-height:1.35;word-break:break-word;text-align:center}.mat-box-grid .field-group .calc-result,.lst-box-grid .field-group .calc-result{font-size:17px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;padding:0;background:none;border:none;display:block;line-height:1.2;color:#ffffffe6;margin-top:auto;text-align:center}.mat-box-grid .field-group .input-with-unit,.lst-box-grid .field-group .input-with-unit{width:100%;margin-top:auto}.mat-box-grid .field-group .table-input,.lst-box-grid .field-group .table-input{min-height:40px;font-size:15px;font-weight:600;text-align:center;padding:8px 28px 8px 10px;border-radius:10px;border:none;background:#ffffff14;width:100%;color:#fff;box-sizing:border-box;transition:background .15s}.mat-box-grid .field-group .table-input:focus,.lst-box-grid .field-group .table-input:focus{background:#ffffff24;outline:none;box-shadow:0 0 0 2px #3b82f666}.mat-box-grid .field-group.box-blue,.lst-box-grid .field-group.box-blue{background:#3b82f614}.mat-box-grid .field-group.box-orange,.lst-box-grid .field-group.box-orange{background:#ff950012}.mat-box-grid .field-group.box-green,.lst-box-grid .field-group.box-green{background:#30d1581f;border:1px solid rgba(48,209,88,.18)}.mat-box-grid .field-group.box-green-light,.lst-box-grid .field-group.box-green-light{background:#30d1580f;border:1px solid rgba(48,209,88,.13)}.mat-box-grid .field-group.box-red,.lst-box-grid .field-group.box-red{background:#ef44441a;border:1px solid rgba(239,68,68,.22)}.mat-box-grid .field-group.box-dim,.lst-box-grid .field-group.box-dim{background:#ffffff0a}.mat-box-grid .field-group.box-blue .calc-result,.lst-box-grid .field-group.box-blue .calc-result{color:#64b5f6}.mat-box-grid .field-group.box-orange .calc-result,.lst-box-grid .field-group.box-orange .calc-result{color:#ffb74d}.mat-box-grid .field-group.box-green .calc-result,.lst-box-grid .field-group.box-green .calc-result{color:#30d158}.mat-box-grid .field-group.box-red .calc-result,.lst-box-grid .field-group.box-red .calc-result{color:#f87171}.position-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:transparent;border-top:.5px solid rgba(255,255,255,.06);border-radius:0 0 16px 16px;margin-top:0}.position-total-label{font-size:15px;font-weight:600;color:#ffffff80}.position-total-value{font-size:24px;font-weight:700;color:#30d158;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.02em}.add-btn{width:100%;padding:16px 20px;border-radius:12px;border:none;background:#ffffff0f;color:#ffffff80;font-size:15px;font-weight:600;min-height:50px;cursor:pointer;transition:all .2s}.add-btn:hover{background:#ffffff1a}.btn.primary{border-radius:12px;min-height:50px;font-size:16px;font-weight:600;letter-spacing:-.01em}.table-input{min-height:44px;font-size:15px;border-radius:10px;padding:10px 14px;border:none;background:#ffffff14;color:#fff;transition:background .15s;box-sizing:border-box;font-weight:400}.table-input:focus{background:#ffffff24;outline:none;box-shadow:0 0 0 2px #3b82f666}.material-search-input{min-height:44px;font-size:15px;border-radius:10px;padding:11px 16px;margin:0;width:100%;box-sizing:border-box}.card .light-mode .co-tabs,.light-mode .card .co-tabs{background:#0000000f}.light-mode .card .co-tab{color:#00000073}.light-mode .card .co-tab.active{background:#fff;color:#000;box-shadow:0 1px 4px #0000001a}.light-mode .card .lg-tab{border:none;color:#0000008c;background:#0000000f}.light-mode .position-card{background:#fff;box-shadow:0 2px 16px #0000000f,0 0 0 .5px #00000014}.light-mode .position-header{background:transparent;border-color:#0000000f}.light-mode .mat-box-grid .field-group .field-label,.light-mode .lst-box-grid .field-group .field-label{color:#0006}.light-mode .mat-box-grid .field-group,.light-mode .lst-box-grid .field-group{background:#00000009;border:none}.light-mode .mat-box-grid .field-group .table-input,.light-mode .lst-box-grid .field-group .table-input{background:#0000000d;color:#1a2235}.light-mode .flaeche-num-input{color:#1a2235}.light-mode .flaeche-unit-select{color:#1a2235;background:#0000000a}.light-mode .position-footer{background:transparent}.light-mode .position-total-value{color:#34c759}.light-mode .table-input{background:#0000000d;color:#1a2235;border:none}.mat-calc-card{background:#ffffff0a;border:none;border-radius:14px;padding:0;margin:8px 0 12px;overflow:hidden;box-shadow:0 1px 8px #0000001f,0 0 0 .5px #ffffff0f}.mat-info-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#ffffff08;border-bottom:.5px solid rgba(255,255,255,.06);flex-wrap:wrap}.mat-info-tag{font-size:12px;font-weight:600;color:#ffffff73;background:#ffffff12;padding:4px 12px;border-radius:6px;white-space:nowrap}.mat-info-tag.mat-info-price{color:#64b5f6;background:#3b82f61a;font-weight:600}.mat-subgroup{padding:0 18px 14px}.mat-subgroup-header{display:flex;align-items:center;gap:8px;padding:16px 0 10px;font-size:13px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:#ffffff80}.mat-subgroup-icon{font-size:14px}.mat-subgroup+.mat-subgroup{border-top:.5px solid rgba(255,255,255,.06)}.mat-surplus-hint{background:#ff950014;border:none;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffa6;margin-top:10px}.mat-result-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#3b82f60f;border-top:.5px solid rgba(255,255,255,.06)}.mat-result-bar span{font-size:14px;font-weight:600;color:#ffffff73}.mat-result-bar strong{font-size:20px;font-weight:700;color:#64b5f6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.02em}.mat-total-bar{display:flex;justify-content:space-between;align-items:center;background:#3b82f617;border:1px solid rgba(100,181,246,.22);border-radius:12px;padding:14px 20px;margin:4px 12px 14px;box-shadow:0 8px 32px #00000059,0 2px 8px #64b5f61f}.mat-total-bar span{font-weight:600;color:#ffffff80;font-size:14px}.mat-total-bar strong{color:#64b5f6;font-size:20px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.field-group.field-calculated{border:none;background:#ffffff08}.highlight-blue-input{color:#64b5f6!important;-webkit-text-fill-color:#64b5f6!important;font-weight:700!important;font-size:15px!important;text-align:center!important}.highlight-blue-unit{color:#64b5f6b3!important}.light-mode .highlight-blue-input{color:#1d6fa4!important;-webkit-text-fill-color:#1d6fa4!important}.mat-pill-input{width:auto!important;min-width:20px!important;max-width:64px!important;background:transparent!important;background-color:transparent!important;-webkit-appearance:none!important;appearance:none!important;border:none!important;outline:none!important;box-shadow:none!important;color:#30d158!important;-webkit-text-fill-color:#30d158!important;font-size:13px!important;font-weight:700!important;text-align:center!important;padding:0!important;font-family:-apple-system,system-ui,sans-serif!important;height:auto!important}.mat-pill-input:focus{background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important}.light-mode input[type=number]:focus{background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none!important}.lst-calc-card{background:#ffffff0a;border:none;border-radius:14px;padding:0;margin:8px 0 12px;overflow:hidden;box-shadow:0 1px 8px #0000001f,0 0 0 .5px #ffffff0f}.lst-subgroup{padding:0 18px 14px}.lst-subgroup-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 0 10px;font-size:13px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:#ffffff80}.lst-subgroup-icon{font-size:14px}.lst-subgroup+.lst-subgroup{border-top:.5px solid rgba(255,255,255,.06)}.lst-add-btn{display:flex;align-items:center;gap:5px;background:#ffffff14;border:none;border-radius:8px;color:#fff9;font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;white-space:nowrap;transition:background .15s}.lst-add-btn:hover{background:#ffffff24;color:#fff}.lst-selected-items{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 4px}.lst-selected-tag{display:flex;align-items:center;gap:8px;background:#ff950014;border:none;border-radius:8px;padding:8px 10px 8px 14px;font-size:13px}.lst-tag-name{color:#ffffffd9;font-weight:600}.lst-tag-time{color:#ffffff4d;font-size:12px}.lst-tag-remove{cursor:pointer;color:#ff3b30b3;font-size:14px;line-height:1;padding:2px 4px;transition:color .15s}.lst-tag-remove:hover{color:#ff3b30}.lst-selected-summary{width:100%;display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}.lst-emp-tag{display:flex;align-items:center;gap:8px;background:#3b82f614;border:none;border-radius:8px;padding:8px 10px 8px 14px;font-size:13px;color:#ffffffd9}.lst-result-bar{display:flex;justify-content:space-between;align-items:center;background:#ff950014;border:1px solid rgba(255,149,0,.22);border-radius:12px;padding:14px 20px;margin:4px 12px 14px;box-shadow:0 8px 32px #00000059,0 2px 8px #ff95001a}.lst-result-label{font-size:14px;font-weight:600;color:#ffffff73}.lst-result-pill{display:flex;align-items:center;gap:3px;background:#ff95001f;border:1px solid rgba(255,149,0,.25);border-radius:8px;padding:5px 10px 5px 8px}.lst-result-pill-input{width:56px;background:transparent;border:none;outline:none;color:#ffb74d;-webkit-text-fill-color:#ffb74d;font-size:14px;font-weight:700;text-align:center;padding:0;font-family:-apple-system,system-ui,sans-serif}.lst-result-pill-unit{font-size:11px;color:#ffb74d80;font-weight:600}.lst-result-total{display:flex;align-items:center;gap:3px;font-size:20px;font-weight:700;color:#ffb74d;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.02em}.lst-result-total-input{width:80px;background:transparent;border:none;outline:none;color:#ffb74d;-webkit-text-fill-color:#ffb74d;font-size:20px;font-weight:700;text-align:right;padding:0;font-family:-apple-system,system-ui,sans-serif;letter-spacing:-.02em}.lst-per-m2{font-size:13px;font-weight:600;color:#30d158cc;background:#30d15814;border:none;border-radius:6px;padding:4px 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.pos-summary-card{background:#ffffff0a;border:none;border-radius:14px;overflow:hidden;margin:14px 0 0;box-shadow:0 1px 8px #0000001f,0 0 0 .5px #ffffff0f}.pos-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:transparent}.pos-summary-row+.pos-summary-row{border-top:.5px solid rgba(255,255,255,.06)}.pos-summary-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;color:#ffffff73}.pos-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.pos-summary-value{font-size:16px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.pos-summary-total{display:flex;justify-content:space-between;align-items:center;background:#30d15814;border:1px solid rgba(48,209,88,.22);border-radius:12px;padding:14px 20px;margin:4px 12px 14px;box-shadow:0 8px 32px #00000059,0 2px 8px #30d1581a}.pos-per-m2{font-size:13px;color:#30d15899;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.pos-total-value{font-size:22px;font-weight:700;color:#30d158;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.02em}.pos-result-pill{display:flex;align-items:center;gap:3px;background:#30d1581a;border:1px solid rgba(48,209,88,.22);border-radius:8px;padding:5px 10px 5px 8px}.pos-result-pill-input{width:60px;background:transparent;border:none;outline:none;color:#30d158;-webkit-text-fill-color:#30d158;font-size:15px;font-weight:700;text-align:center;padding:0;font-family:-apple-system,system-ui,sans-serif}.pos-result-pill-unit{font-size:11px;color:#30d15873;font-weight:600}.pos-result-total{display:flex;align-items:center;gap:3px;font-size:22px;font-weight:700;color:#30d158;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;letter-spacing:-.02em}.pos-result-total-input{width:90px;background:transparent;border:none;outline:none;color:#30d158;-webkit-text-fill-color:#30d158;font-size:22px;font-weight:700;text-align:right;padding:0;font-family:-apple-system,system-ui,sans-serif;letter-spacing:-.02em}.light-mode .mat-calc-card,.light-mode .lst-calc-card,.light-mode .pos-summary-card{background:#fff!important;border:1.5px solid rgba(0,0,0,.08)!important;box-shadow:0 2px 10px #0000000f!important}.light-mode .mat-info-bar{background:#007aff0f!important;border-color:#007aff1f!important}.light-mode .mat-info-tag{color:#00000080;background:#0000000d}.light-mode .mat-info-tag.mat-info-price{color:#007aff;background:#007aff1a}.light-mode .mat-subgroup-header,.light-mode .lst-subgroup-header{color:#0006}.light-mode .mat-total-bar{background:#2563eb0f!important;border-color:#2563eb2e!important;box-shadow:0 4px 16px #0000000f,0 2px 6px #2563eb14!important}.light-mode .mat-total-bar span{color:#00000073!important}.light-mode .mat-total-bar strong{color:#1d4ed8!important}.light-mode .mat-total-bar input{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important;background:transparent!important;background-color:transparent!important;-webkit-appearance:none!important}.light-mode .mat-total-bar .co-tip{background:#2563eb17!important}.light-mode .mat-result-bar{background:#007aff0a}.light-mode .mat-result-bar span{color:#00000073}.light-mode .mat-result-bar strong{color:#007aff}.light-mode .lst-result-bar{background:#ff95000f;border-color:#ff950047;box-shadow:0 4px 16px #00000014,0 2px 6px #ff95001a}.light-mode .lst-result-label{color:#00000073}.light-mode .lst-result-pill{background:#ff950017;border-color:#ff95004d}.light-mode .lst-result-pill-input{color:#d97706!important;-webkit-text-fill-color:#d97706!important}.light-mode .lst-result-pill-unit{color:#d977068c}.light-mode .lst-result-total{color:#d97706}.light-mode .lst-result-total-input{color:#d97706!important;-webkit-text-fill-color:#d97706!important}.light-mode .pos-summary-row{background:transparent}.light-mode .pos-summary-total{background:#34c75912;border-color:#34c75947;box-shadow:0 4px 16px #00000014,0 2px 6px #34c7591a}.light-mode .pos-total-value{color:#16a34a}.light-mode .pos-summary-label{color:#00000073}.light-mode .pos-result-pill{background:#34c75917;border-color:#34c7594d}.light-mode .pos-result-pill-input{color:#16a34a!important;-webkit-text-fill-color:#16a34a!important}.light-mode .pos-result-pill-unit{color:#16a34a8c}.light-mode .pos-result-total{color:#16a34a}.light-mode .pos-result-total-input{color:#16a34a!important;-webkit-text-fill-color:#16a34a!important}.light-mode .field-group.field-calculated{background:#00000005}.light-mode .mat-box-grid .field-group.box-blue{background:#007aff0f}.light-mode .mat-box-grid .field-group.box-orange{background:#ff95000d}.light-mode .mat-box-grid .field-group.box-green{background:#34c7592e!important;border:1px solid rgba(52,199,89,.3)}.light-mode .mat-box-grid .field-group.box-dim{background:#34c75914!important}.save-toast{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-20px);display:flex;align-items:center;gap:8px;padding:12px 24px;background:#30d158;color:#fff;border-radius:14px;box-shadow:0 4px 24px #30d15866;font-size:14px;font-weight:600;z-index:10000;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.save-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.table-input,.calc-result,.input-with-unit,.area-input-row{border-radius:var(--bd-radius)!important}.input-with-unit{overflow:hidden!important;border-radius:var(--bd-radius)!important}.input-with-unit input,.input-with-unit .table-input{border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;outline:none!important}.light-mode .input-with-unit{border:1px solid rgba(0,0,0,.13)!important;background:#fff!important;border-radius:var(--bd-radius)!important;overflow:hidden!important}.light-mode .input-with-unit input,.light-mode .input-with-unit .table-input,.light-mode .input-with-unit input[type=number],.light-mode .input-with-unit input[type=number].table-input{border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}.light-mode .table-input:not(.input-with-unit *){border:1px solid rgba(0,0,0,.13)!important;background:#fff!important;border-radius:var(--bd-radius)!important}.light-mode .calc-result{border-radius:var(--bd-radius)!important;border:1px solid rgba(0,0,0,.09)!important;background:#f5f6f8!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex:1!important;width:100%!important}.create-container{height:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column}.eo-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px;gap:12px}.eo-top-bar h1{margin:0;font-size:1.2rem;font-weight:700;color:#ffffffe6}.eo-top-right{display:flex;align-items:center;gap:8px}.card .co-tabs{display:flex;gap:6px;padding:4px 16px 0;background:none;overflow-x:auto;-webkit-overflow-scrolling:touch;position:static;top:unset;z-index:unset;border-radius:0;margin:0;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.card .co-tab{display:flex;flex-direction:row;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;flex:unset;min-height:unset}.card .co-tab:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff2e}.card .co-tab.active{background:#10b9811f;border-color:#10b98159;color:#10b981;font-weight:600}.card .co-tab-icon{width:16px;height:16px;flex-shrink:0}.card .co-tab-icon svg{width:16px;height:16px}.card .co-tab-label{font-size:.88rem}.card .co-tab-badge{background:#10b981;color:#000;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.card .co-tab-ordernr{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.card .co-tab-ordernr-label{font-size:.7rem;color:#fff6}.card .co-tab-ordernr-value{font-size:.85rem;font-weight:700;color:#ffffffbf}.lg-tab-add:hover{opacity:1}.lg-tab-name{font-size:.85rem}.group-name-row{padding:12px 0 8px}.group-name-input{font-size:1rem!important;font-weight:700!important;padding:10px 14px!important;width:100%}.light-mode .eo-top-bar h1{color:#1e293b}.light-mode .card .co-tab{border-color:#e2e8f0;color:#64748b}.light-mode .card .co-tab:hover{background:#f8fafc;color:#1e293b}.light-mode .card .co-tab.active{background:#05966914;border-color:#0596694d;color:#047857}.light-mode .card .co-tab-ordernr{background:#f8fafc;border-color:#e2e8f0}.light-mode .card .co-tab-ordernr-label{color:#94a3b8}.light-mode .card .co-tab-ordernr-value{color:#334155}.light-mode .card .lg-tab{border-color:#e2e8f0;color:#64748b}.light-mode .card .lg-tab:hover{background:#f1f5f9;color:#1e293b}.light-mode .card .lg-tab.active{background:#05966914;border-color:#0596694d;color:#047857}.info-grid{display:flex;flex-direction:column;gap:2px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#ffffff05;margin-bottom:8px}.info-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-cell{display:flex;flex-direction:column;gap:4px;padding:12px 18px;border-right:1px solid rgba(255,255,255,.05)}.info-cell:last-child{border-right:none}.info-cell-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.7px;color:#ffffff59;font-weight:600}.info-cell-value{font-size:.95rem;color:#ffffffe0;font-weight:400}.info-cell-value.strong{font-weight:600;color:#fff}.pickup-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.pickup-badge.delivery{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.pickup-badge.pickup{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.beautiful-checkbox{display:flex;flex-direction:row!important;align-items:center;justify-content:center;cursor:pointer;width:max-content;min-width:0;flex:none;margin:0 auto}.beautiful-checkbox span{font-size:.85em;margin-right:8px;color:var(--text-secondary)}.beautiful-checkbox input[type=checkbox]{width:20px!important;height:20px!important;cursor:pointer;margin:0;accent-color:var(--accent-primary);background:var(--bg-base);border:1px solid var(--border-regular)}.beautiful-checkbox.disabled{opacity:.5;cursor:not-allowed}.beautiful-checkbox.disabled input{cursor:not-allowed}.split-layout{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.form-side{flex:1 1 100%;min-width:100%;display:flex;flex-direction:column}.preview-side{flex:1 1 100%;width:100%;display:flex;flex-direction:column;height:800px}.card,.preview-card{width:100%;max-width:none;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:24px;padding:0;box-sizing:border-box;box-shadow:0 20px 50px #00000080}.preview-card{display:flex;flex-direction:column;padding:24px;height:100%;transition:opacity .3s}.preview-header h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.loader{width:20px;height:20px;border:2px solid var(--border-regular);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.preview-content{flex:1;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-regular);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.card h1{font-size:26px;font-weight:700;margin:0;padding:32px 32px 20px;background:linear-gradient(90deg,#ffffff,var(--text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;flex-shrink:0;letter-spacing:-.5px}.card-content{flex-grow:1;overflow-y:auto;padding:0 32px 32px}.form{display:flex;flex-direction:column;gap:32px;width:100%;margin:0 auto;padding-bottom:0}.summary-card{position:sticky;bottom:24px;z-index:100;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);box-shadow:0 -10px 40px #0009;border-radius:24px;padding:20px 32px;display:flex;justify-content:flex-end;box-sizing:border-box;width:100%;margin-top:32px;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.footer-content{display:flex;flex-direction:row;justify-content:space-between;gap:12px;align-items:center;width:100%;margin:0 auto;flex-wrap:nowrap}.totals-wrapper{display:flex;flex-direction:column;gap:4px;align-items:flex-end;margin-left:auto}.info-input:focus{height:150px;background:var(--bg-surface-light)!important;border-color:var(--accent-primary)!important;overflow-y:auto;box-shadow:0 4px 20px #0006}.discount-list{display:flex;flex-direction:column;gap:8px;align-items:flex-end;width:100%}.discount-item{color:#ff6b6b;font-size:1rem}.add-discount-container{display:flex;align-items:center;gap:8px;margin-bottom:8px}.discount-input{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 12px;color:#fff;width:100px;text-align:right;font-size:.9em}.add-btn-small{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.2em;padding:0}.add-btn-small:hover{background:#10b98133;transform:scale(1.05)}.remove-btn-small{background:none;border:none;color:#ff6b6bb3;cursor:pointer;font-size:1.2em;margin-left:8px;padding:0 4px}.remove-btn-small:hover{color:#ff6b6b}.total-item{display:flex;align-items:center;gap:16px;font-size:1.2rem;color:#ffffffe6;white-space:nowrap}.total-item .value{font-family:Inter,sans-serif;font-weight:700;font-size:1.4rem;color:#ffffffe6}.total-item.discount,.total-item.discount .label,.total-item.discount .value{color:#f59e0b}.total-item.highlight{font-size:1.4rem;font-weight:800;color:#10b981!important;border-top:1px solid var(--border-dim);padding-top:12px;margin-top:12px;text-shadow:var(--glow-emerald)}.total-item.highlight .label,.total-item.highlight .value{color:#10b981!important}.input-wrap:focus-within{background:var(--accent-primary);box-shadow:var(--glow-emerald)}input,textarea{width:100%;background:var(--bg-base);border:1px solid var(--border-regular);border-radius:12px;padding:14px 16px;color:var(--text-primary);outline:none;font-size:15px;box-sizing:border-box;font-family:inherit;transition:var(--transition-premium)}input:focus,textarea:focus{border-color:var(--accent-primary);background:var(--bg-surface-light)}.positions-list{display:flex;flex-direction:column;gap:20px}.position-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;position:relative;animation:fadeIn .3s ease-out;transition:border-color .2s}.position-card:hover{border-color:#ffffff26}.position-card.completed-card{border-color:#10b98140;background:#10b98108}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.position-header-left{display:flex;align-items:center;gap:12px}.position-number{font-size:16px;font-weight:700;color:#ffffffb3;letter-spacing:.02em}.remove-btn{background:none;border:1px solid rgba(220,38,38,.3);color:#ffffff80;font-size:13px;line-height:1;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s;font-weight:500}.remove-btn:hover{color:#fca5a5;background:#dc262626;border-color:#dc262680}.position-material-row{margin-bottom:16px}.material-autocomplete{position:relative}.material-search-input{text-align:left!important}.material-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f0f19fa;border:1px solid rgba(255,255,255,.15);border-radius:12px;max-height:280px;overflow-y:auto;z-index:1000;box-shadow:0 16px 48px #000000b3;margin-top:4px}.material-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.material-dropdown-item:last-child{border-bottom:none}.material-dropdown-item:hover{background:#10b9811a}.mat-article{font-size:12px;color:#fff6;font-family:Courier New,monospace;min-width:80px;flex-shrink:0}.mat-name{font-size:14px;color:#ffffffe6;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-price{font-size:13px;color:#10b981;font-weight:600;flex-shrink:0;font-family:Courier New,monospace}.position-meta-row{display:flex;gap:16px;margin-bottom:20px;align-items:flex-end}.position-meta-row .field-group{flex:1}.select-input{appearance:none;-webkit-appearance:none;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;padding:10px 32px 10px 14px!important;border-radius:8px!important;font-size:14px!important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important}.select-input:focus{border-color:var(--accent-primary)!important;background-color:#ffffff0f!important}.select-input option{background:#1a1a2e;color:#fff}.value-display{padding:10px 14px;font-size:15px;font-weight:600;color:#ffffffb3;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-family:Courier New,monospace}.position-section{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px 20px;margin-bottom:16px}.material-line-block{border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:#ffffff05}.material-line-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.material-line-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff59}.remove-mat-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444bf;padding:2px 8px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s}.remove-mat-btn:hover:not(:disabled){background:#ef444433;color:#ef4444}.add-material-btn{background:#ffffff08;border:1px dashed rgba(255,255,255,.12);color:#ffffff73;padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s;font-weight:500;width:100%;margin-bottom:10px;text-align:center}.add-material-btn:hover:not(:disabled){background:#10b98112;color:#10b981;border-color:#10b981}.mat-total-row{border-top:2px solid rgba(255,255,255,.1)!important;margin-top:4px;font-weight:700}.highlight-blue{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#93c5fd;padding:8px 12px;border-radius:8px;font-weight:700}.ek-color{color:#fb923c}.vk-color{color:#4ade80}.value-display{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:8px;color:#ffffffd9;font-weight:600}.area-row{margin-bottom:14px}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff59;margin-bottom:14px}.position-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:12px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;flex:none;min-width:auto}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{padding-right:56px!important}.input-unit{position:absolute;right:12px;font-size:12px;color:#ffffff80;pointer-events:none;padding-left:8px;letter-spacing:.02em;font-weight:500}.position-subtotal{text-align:right;font-size:14px;font-weight:600;color:#fff9;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);font-family:Courier New,monospace}.position-info{margin-bottom:16px}.position-info .field-label{margin-bottom:6px}.position-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.position-total-label{font-size:15px;font-weight:600;color:#ffffffb3}.position-total-value{font-size:18px;font-weight:700;color:#10b981;font-family:Courier New,monospace}.view-position-details{margin-bottom:12px}.view-detail-row{display:flex;gap:8px;padding:6px 0;font-size:14px;color:#ffffffbf;flex-wrap:wrap}.view-detail-label{font-weight:600;color:#ffffff80;min-width:70px;flex-shrink:0}.view-detail-value{color:#ffffffd9;font-family:Courier New,monospace}.pos-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:#ffffff08;margin-bottom:8px;gap:12px}.pos-summary-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.pos-row-tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:6px;white-space:nowrap;flex-shrink:0}.mat-tag{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.labor-tag{background:#60a5fa1f;color:#60a5fa;border:1px solid rgba(96,165,250,.25)}.pos-summary-text{min-width:0}.pos-summary-name{font-size:13px;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-summary-sub{font-size:11px;color:#fff6;margin-top:2px;font-family:Courier New,monospace}.pos-summary-value{font-size:15px;font-weight:700;font-family:Courier New,monospace;white-space:nowrap;flex-shrink:0}.mat-value{color:#f59e0b}.labor-value{color:#60a5fa}.completed-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.completion-cell{display:flex;align-items:center;gap:8px}.status-checkbox{width:18px!important;height:18px!important;cursor:pointer;accent-color:var(--accent-primary)}.completion-date{font-size:.72rem;color:#10b981b3;white-space:nowrap}textarea:focus{border-color:var(--accent-primary)!important}.btn.secondary{background:#ffffff0d;border:1px solid var(--border-regular);color:var(--text-primary);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-premium)}.btn.secondary:hover{background:#ffffff1a;border-color:var(--text-secondary);transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-base);padding:16px 32px;border-radius:14px;border:none;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:var(--glow-emerald);transition:var(--transition-premium)}.btn.primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #10b98166}.locked-badge{background-color:var(--accent-primary);color:var(--bg-base);font-size:.6em;padding:2px 8px;border-radius:99px;vertical-align:middle;margin-left:10px}.edit-indicator{display:inline-block;width:60px;height:10px;background-color:var(--accent-edit);border-radius:99px;vertical-align:middle;margin-left:15px;opacity:.8}.locked-banner{background:#eab3081a;color:var(--accent-edit);border:1px solid var(--accent-edit);padding:16px;border-radius:12px;margin-bottom:32px;text-align:center;font-weight:500}.info-input:focus{background:var(--bg-surface-light)!important;border-color:var(--accent-primary)!important}.payment-table td.amount{font-family:Inter,sans-serif;font-weight:700;color:var(--accent-primary);font-size:1.1em}.styled-table td[data-label=Abholung]{text-align:center}.styled-table th{background:var(--bg-surface-light);font-size:.9rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;text-align:center;white-space:nowrap;letter-spacing:.5px}.styled-table th:nth-child(2),.styled-table td:nth-child(2){width:40px;text-align:center}.customer-type-toggle{display:inline-flex;background:#0000004d;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.radio-label{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:100px;padding:8px 16px;border-radius:8px;transition:all .2s ease}.disabled-label{opacity:.5;cursor:not-allowed!important}.radio-label input[type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-text{font-size:14px;font-weight:600;color:#ffffff80;transition:color .2s ease}.radio-label:not(.disabled-label):hover{background:#ffffff0d}.radio-label:has(input[type=radio]:checked){background:var(--accent-primary);box-shadow:var(--glow-emerald)}.radio-label:has(input[type=radio]:checked) .radio-text{color:var(--bg-base)}.two-col-table th,.two-col-table td,.company-table th,.company-table td{width:50%}.positions-table{table-layout:auto;min-width:860px}.positions-table th:nth-child(1),.positions-table td:nth-child(1){width:44px;min-width:44px}.positions-table th:nth-child(2),.positions-table td:nth-child(2){width:36px;min-width:36px}.positions-table th:nth-child(3),.positions-table td:nth-child(3){min-width:120px}.positions-table th:nth-child(4),.positions-table td:nth-child(4){width:155px;min-width:155px}.positions-table th:nth-child(5),.positions-table td:nth-child(5){width:72px;min-width:72px}.positions-table th:nth-child(6),.positions-table td:nth-child(6){width:95px;min-width:95px}.positions-table th:nth-child(7),.positions-table td:nth-child(7){width:115px;min-width:115px}.positions-table th:nth-child(8),.positions-table td:nth-child(8){width:88px;min-width:88px}.positions-table th:nth-child(9),.positions-table td:nth-child(9){min-width:100px}.positions-table th:nth-child(3),.positions-table td:nth-child(3),.positions-table th:nth-child(9),.positions-table td:nth-child(9){text-align:left}.positions-table th:nth-child(4),.positions-table td:nth-child(4),.positions-table th:nth-child(5),.positions-table td:nth-child(5),.positions-table th:nth-child(6),.positions-table td:nth-child(6),.positions-table th:nth-child(7),.positions-table td:nth-child(7),.positions-table th:nth-child(8),.positions-table td:nth-child(8){text-align:center}.status-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#4ade80}.completed-row td{background:#4ade8014!important;border-bottom:1px solid rgba(74,222,128,.2)!important;position:relative}.completed-row{animation:flashGreen 1s ease-out}.completion-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.completion-date{font-size:.65rem;color:#ffffff73;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}@keyframes flashGreen{0%{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 20px #4ade8066 inset}to{box-shadow:0 0 #4ade8000}}.completed-row .table-input{color:#86efac!important}.completed-row .pos-number{color:#4ade80;font-weight:700}.positions-table th:last-child,.positions-table td:last-child{width:50px;text-align:center;border-bottom:none}.mode-toggle-container{display:inline-flex;align-items:center;gap:12px;margin-left:24px;vertical-align:middle;background:#ffffff0d;padding:6px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.1)}.mode-label{font-size:14px;font-weight:500;color:#fff6;transition:color .3s ease}.mode-label.active{color:#fff;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.3)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-surface);transition:var(--transition-premium);border:1px solid var(--border-regular)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--accent-primary);box-shadow:var(--glow-emerald)}input:focus+.slider{border-color:var(--accent-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.card.editing-mode{border-color:var(--accent-primary);box-shadow:var(--glow-emerald);transition:var(--transition-premium)}.segment-control{display:inline-flex;position:relative;background:var(--bg-surface);border-radius:12px;padding:4px;margin-left:20px;vertical-align:middle;border:1px solid var(--border-regular);height:40px;box-sizing:border-box;overflow:hidden}.segment-option{position:relative;z-index:2;padding:0 16px;font-size:14px;font-weight:700;color:var(--text-secondary)!important;cursor:pointer;transition:var(--transition-premium);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;height:100%;text-shadow:none!important;-webkit-text-fill-color:var(--text-secondary)!important;background:transparent}.segment-option.active{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}.segment-slider{position:absolute;top:4px;bottom:4px;left:4px;width:80px;background:var(--accent-primary);border-radius:8px;transition:var(--transition-premium);box-shadow:var(--glow-emerald);z-index:1}.segment-slider.right{transform:translate(100%);background:var(--accent-edit);box-shadow:var(--glow-amber)}.segment-slider.right{transform:translate(80px);width:100px;background:var(--accent-edit);box-shadow:var(--glow-amber)}@media (max-width: 768px){.split-layout{flex-direction:column}.preview-side{width:100%;position:static}.create-container{padding:12px 12px 120px}.card,.preview-card{border-radius:14px;margin-bottom:12px;overflow:hidden}.preview-card{height:600px;margin-top:12px;padding:16px}.card h1{padding:16px 16px 12px;font-size:1.3rem}.card-content{padding:0 14px 14px}.form{gap:16px}.row{flex-direction:column;gap:12px}label{min-width:unset}.position-card{padding:16px;border-radius:12px}.position-grid{grid-template-columns:1fr 1fr;gap:10px}.position-meta-row{flex-direction:column;gap:10px}.position-header{flex-direction:column;align-items:flex-start;gap:8px}.remove-btn{align-self:flex-end}.material-dropdown-item{flex-wrap:wrap;gap:4px}.mat-article{min-width:unset;width:100%}.table-container{overflow:visible;background:none;border:none;border-radius:0}.styled-table{min-width:unset!important;table-layout:auto!important}.styled-table thead{display:none}.styled-table,.styled-table tbody,.styled-table tr,.styled-table td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.styled-table tr{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px}.styled-table td{display:flex;flex-direction:column;align-items:stretch;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:6px}.styled-table td:last-child{border-bottom:none}.styled-table td:before{content:attr(data-label);font-weight:600;font-size:.7rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.styled-table td[data-label=""]:before{display:none}.styled-table .table-input:not([type=checkbox]),.styled-table td input:not([type=checkbox]),.styled-table td select,.styled-table td textarea{width:100%!important;max-width:100%!important;font-size:16px!important;padding:12px!important;background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important}.styled-table td input[type=checkbox]{width:22px!important;height:22px!important;cursor:pointer;accent-color:#10b981}.styled-table td[data-label=Erledigt]{flex-direction:row;align-items:center;gap:12px}.styled-table .table-input:focus,.styled-table td input:not([type=checkbox]):focus,.styled-table td select:focus{background:#0000004d!important;border-color:#fff3!important}.dims-group{display:flex;width:100%}.dims-group .dim{flex:1;width:auto}.x-sep{margin:0 8px;align-self:center}.styled-table td.pos-number{text-align:center;font-size:.85rem;padding:4px 0 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff6}.styled-table td.pos-number:before{display:none}.styled-table td.total-col{font-size:1.1rem;font-weight:600;color:#10b981;text-align:right}.styled-table td[data-label=""]{align-items:flex-end}.remove-btn{font-size:20px}.info-input{min-width:unset!important;width:100%!important;height:60px!important}.styled-table td[data-label=Info] .input-wrap{width:100%}.payment-table{min-width:unset!important}.payment-table thead{display:none}.payment-table,.payment-table tbody,.payment-table tr,.payment-table td{display:block;width:100%}.payment-table tr{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px;margin-bottom:8px}.payment-table td{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9em;gap:4px}.payment-table td:last-child{border-bottom:none}.payment-table td:before{content:attr(data-label);font-weight:600;font-size:.7rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.summary-card{position:sticky;bottom:0;padding:14px 16px;border-radius:14px 14px 0 0;background:#05020af2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:10;margin:0 -12px;box-sizing:border-box}.footer-content{flex-direction:column!important;align-items:center!important;gap:12px}.footer-content .totals-wrapper{display:flex;flex-direction:column;gap:4px;align-items:center}.total-item{font-size:1rem;gap:10px}.total-item.highlight{font-size:1.15rem}.actions{width:100%;justify-content:stretch;margin-top:0}.btn.primary{width:100%;padding:14px;font-size:15px}.add-btn{padding:12px;font-size:14px}.divider{font-size:15px}.locked-banner{padding:12px;margin-bottom:20px;font-size:.9rem}.segment-control{width:fit-content;margin:0 auto 16px}.beautiful-checkbox{display:flex;flex-direction:row!important;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.beautiful-checkbox:hover{background:#ffffff1a}.beautiful-checkbox span{font-size:16px;color:#ffffffe6;font-weight:500;margin-right:0}.beautiful-checkbox input[type=checkbox]{width:24px!important;height:24px!important;cursor:pointer;accent-color:var(--accent-primary);margin:0}}@media (min-width: 769px) and (max-width: 1200px){.preview-side{height:800px}.card{margin-bottom:14px}.card-content{padding:0 24px 24px}.styled-table{font-size:15px}}.photos-section{padding:12px 0}.upload-area{display:flex;flex-direction:column;gap:10px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:16px}.upload-buttons{display:flex;gap:10px}.upload-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);letter-spacing:.2px}.upload-btn svg{flex-shrink:0}.gallery-btn{background:#ffffff0d;color:#ffffffbf}.gallery-btn:hover{background:#ffffff17;border-color:#ffffff2e}.camera-btn{background:#ffffff0d;color:#ffffffbf}.camera-btn:hover{background:#ffffff17;border-color:#ffffff2e}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.photo-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.photo-thumb{width:100%;aspect-ratio:4/3;overflow:hidden;cursor:pointer;position:relative}.photo-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-thumb:hover img{transform:scale(1.05)}.photo-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.photo-date{font-size:.75rem;color:#ffffff73}.photo-user{font-size:.75rem;color:#fff9;font-weight:500}.delete-row{cursor:pointer;padding:5px 10px;transition:background .2s ease;border-radius:0}.delete-row:hover{background:#ef44441a}.delete-label{font-size:.78rem;color:#ef4444b3}.delete-icon{color:#ef444499}.photo-comment-section{margin:6px 10px 10px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.comment-text{font-size:.82rem;color:#fffc;margin:0 0 6px;line-height:1.35;word-break:break-word}.comment-empty{font-size:.78rem;color:#ffffff40;margin:0 0 6px;font-style:italic}.comment-actions{display:flex;gap:6px;margin-top:4px}.comment-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:.72rem;cursor:pointer;border:none;transition:all .2s ease}.comment-btn.edit{background:#6366f126;color:#6366f1e6;border:1px solid rgba(99,102,241,.25)}.comment-btn.edit:hover{background:#6366f140}.comment-btn.delete{background:#ef44441f;color:#ef4444cc;border:1px solid rgba(239,68,68,.2)}.comment-btn.delete:hover{background:#ef444440}.comment-btn.save{background:#22c55e26;color:#22c55ee6;border:1px solid rgba(34,197,94,.25)}.comment-btn.save:hover{background:#22c55e40}.comment-btn.cancel{background:#ffffff0f;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}.comment-btn.cancel:hover{background:#ffffff1a}.comment-edit-input{width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#00000040;color:#fff;font-size:.82rem;box-sizing:border-box;margin-bottom:6px}.comment-edit-input::placeholder{color:#ffffff4d}.empty-photos{text-align:center;padding:24px 16px;color:#ffffff4d;font-size:.9rem;font-style:italic}.invoices-section{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px}.invoice-item{display:flex;flex-direction:column;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 16px;transition:background .15s}.invoice-item:hover{background:#ffffff0d}.invoice-top-row{display:flex;align-items:center;gap:10px}.invoice-number{font-size:.9rem;font-weight:600;color:#fff;font-family:Courier New,monospace;flex:1}.invoice-amount{font-size:1rem;font-weight:700;color:#fff;font-family:Courier New,monospace;margin-left:auto;white-space:nowrap}.inv-status-text{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;letter-spacing:.3px}.inv-status-text.paid{color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.inv-status-text.open{color:#fbbf24;background:#f59e0b1a;border:1px solid rgba(245,158,11,.22)}.invoice-item-paid{border-color:#10b98133!important;background:#10b9810a!important}.warn-date{color:#fbbf24}.invoice-meta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.invoice-meta-item{display:flex;flex-direction:column;gap:1px}.invoice-meta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.6px;color:#ffffff52;font-weight:600}.invoice-meta-value{font-size:.8rem;color:#ffffffa6;font-weight:500}.invoice-meta-value.paid-date{color:#34d399}.inv-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.inv-badge.paid{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.inv-badge.open{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.inv-pdf-btn{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:5px 10px;border-radius:7px;font-size:.78rem;cursor:pointer;transition:all .15s}.inv-pdf-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.invoices-empty{text-align:center;padding:20px;color:#ffffff47;font-size:.88rem;font-style:italic}.inv-summary{display:flex;flex-direction:column;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 14px}.inv-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#ffffff80}.inv-summary-row span:last-child{font-family:Courier New,monospace;font-weight:600;color:#ffffffbf}.inv-summary-row.remaining span{color:#f59e0b}.inv-summary-row.remaining span:last-child{color:#f59e0b}.inv-summary-row.fully-paid span{color:#10b981}.inv-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:#ffffffb3;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;padding:0 6px;margin-left:6px}.inv-create-btn{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:9px 16px;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.inv-create-btn:hover{background:#10b9812e;border-color:#10b98180}.image-preview-modal{position:fixed;inset:0;background:#000000eb;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px)}.preview-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.preview-content img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #0009}.preview-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.preview-close:hover{background:#ffffff40;transform:scale(1.1)}.preview-info{margin-top:16px;text-align:center;color:#fffc}.preview-comment{font-size:1rem;margin:0 0 8px}.preview-meta{font-size:.8rem;color:#fff6;display:flex;gap:12px;justify-content:center}@media (max-width: 768px){.photo-gallery{grid-template-columns:repeat(2,1fr);gap:8px}.upload-buttons{flex-direction:column}.preview-content{max-width:95vw}.preview-content img{max-height:65vh}}.upload-progress{display:flex;align-items:center;gap:10px;padding:8px 0 2px;font-size:.82rem;color:#ffffff80}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .7s linear infinite}.upload-btn.disabled{opacity:.4;pointer-events:none}.photo-card{animation:fadeSlideIn .35s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);animation:fadeIn .2s ease-out}.delete-confirm-modal{background:linear-gradient(145deg,#1e1e32,#161625);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirm-icon{width:56px;height:56px;border-radius:50%;background:#ef44441a;border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#ef4444b3}.delete-confirm-modal h3{font-size:1.05rem;font-weight:600;color:#ffffffe6;margin:0 0 6px}.delete-confirm-modal p{font-size:.82rem;color:#fff6;margin:0 0 22px}.delete-confirm-actions{display:flex;gap:10px}.confirm-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.confirm-btn.cancel{background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.1)}.confirm-btn.cancel:hover{background:#ffffff1a}.confirm-btn.delete{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.confirm-btn.delete:hover{background:#ef444459}.context-menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999}.context-menu{position:fixed;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:12px;padding:6px;z-index:1000;box-shadow:0 10px 40px -10px #000000b3;min-width:200px;animation:menuFadeUp .15s ease-out}@keyframes menuFadeUp{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu .context-btn{width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);text-align:left;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.context-menu .context-btn:hover{background:#ffffff14;color:var(--accent-primary);transform:translate(2px)}.context-menu .context-btn.warning{color:#f87171}.context-menu .context-btn.warning:hover{background:#ef444426;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background:var(--bg-surface);border:1px solid var(--border-regular);border-radius:16px;width:90%;max-width:450px;box-shadow:0 20px 40px #00000080;animation:menuFadeUp .2s ease-out;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:1.2rem;font-weight:600;margin:0;color:var(--text-primary)}.close-btn{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;transition:color .2s}.modal-body{margin-bottom:24px}.modal-body .form-group{margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.gate-card{text-align:center;padding:40px 30px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff08 inset;width:100%}.gate-icon{width:64px;height:64px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent-primary);border:1px solid rgba(255,255,255,.1)}.gate-icon.payment-icon{color:#10b981;background:#10b9811a;border-color:#10b98133;box-shadow:var(--glow-emerald)}.gate-form .input-group input[type=datetime-local]{letter-spacing:2px;font-family:Inter,monospace;cursor:pointer}.ov-dashboard{margin-bottom:28px}.ov-hero{display:flex;justify-content:space-between;align-items:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 24px;margin-bottom:16px;gap:16px}.ov-hero-left{display:flex;align-items:flex-start;gap:16px;flex:1}.ov-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.ov-customer-name{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:4px}.ov-customer-sub{font-size:.82rem;color:#ffffff80;margin-bottom:4px}.ov-customer-addr{font-size:.82rem;color:#fff6}.ov-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.ov-order-nr{font-size:1rem;font-weight:700;color:#ffffff59;letter-spacing:.05em}.ov-status-badge{padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ov-status-open{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.ov-status-accepted{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.ov-status-in_progress{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.ov-status-delivered{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.ov-status-cancelled{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.ov-dates{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ov-date-item{display:flex;align-items:center;gap:5px;font-size:.78rem;color:#ffffff73}.ov-date-item svg{width:12px;height:12px;opacity:.6}.ov-date-item strong{color:#ffffffbf}.ov-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ov-kpi{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;transition:all .2s}.ov-kpi:hover{background:#ffffff0f}.ov-kpi-total,.ov-kpi-paid{background:#10b9810f;border-color:#10b98133}.ov-kpi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ov-kpi-icon svg{width:18px;height:18px}.ov-kpi-icon-net{background:#6366f126;color:#818cf8}.ov-kpi-icon-tax{background:#fbbf241f;color:#fbbf24}.ov-kpi-icon-total{background:#10b98126;color:#10b981}.ov-kpi-icon-open{background:#ef44441f;color:#f87171}.ov-kpi-icon-done{background:#10b98126;color:#10b981}.ov-kpi-label{font-size:.73rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.ov-kpi-value{font-size:1.15rem;font-weight:700;color:#fff}.ov-kpi-total-val{color:#10b981}.ov-open-val{color:#f87171}.ov-paid-val{color:#10b981}.ov-charts-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.ov-chart-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.ov-chart-title{font-size:.78rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.ov-donut-wrap{display:flex;justify-content:center;margin-bottom:16px}.ov-donut{width:130px;height:130px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.ov-donut-inner{width:82px;height:82px;border-radius:50%;background:#1a2035;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.ov-donut-val{font-size:.95rem;font-weight:800;color:#fff;line-height:1}.ov-donut-unit{font-size:.65rem;color:#fff6;margin-top:2px}.ov-legend{display:flex;flex-direction:column;gap:8px}.ov-legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem}.ov-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.ov-legend-text{flex:1;color:#fff9}.ov-legend-pct{color:#fff6;font-size:.75rem}.ov-legend-amt{color:#fff;font-weight:600;font-size:.82rem}.ov-payment-card{display:flex;flex-direction:column;gap:0}.ov-prog-section{margin-bottom:16px}.ov-prog-section:last-child{margin-bottom:0}.ov-prog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ov-prog-label{font-size:.8rem;color:#ffffff8c}.ov-prog-nums{font-size:.82rem;color:#ffffffb3}.ov-prog-of{color:#ffffff59}.ov-progress-track{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-bottom:4px}.ov-progress-fill{height:100%;border-radius:4px;transition:width .6s ease}.ov-fill-invoice{background:linear-gradient(90deg,#6366f1,#818cf8)}.ov-fill-paid{background:linear-gradient(90deg,#10b981,#34d399)}.ov-fill-pos{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ov-prog-pct{font-size:.72rem;color:#ffffff59;text-align:right}.ov-inv-list{display:flex;flex-direction:column;gap:8px}.ov-inv-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.ov-inv-nr{font-size:.82rem;font-weight:600;color:#fff;margin-bottom:2px}.ov-inv-date{font-size:.72rem;color:#fff6}.ov-inv-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ov-inv-amt{font-size:.88rem;font-weight:700;color:#fff}.ov-inv-status{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}.ov-inv-status.paid{background:#10b98126;color:#10b981}.ov-inv-status.unpaid{background:#ef44441f;color:#f87171}.light-mode .ov-hero,.light-mode .ov-kpi,.light-mode .ov-chart-card{background:#fff;border-color:#e2e8f0}.light-mode .ov-kpi-total,.light-mode .ov-kpi-paid{background:#10b9810a;border-color:#10b98140}.light-mode .ov-customer-name{color:#1e293b}.light-mode .ov-customer-sub{color:#64748b}.light-mode .ov-customer-addr,.light-mode .ov-order-nr{color:#94a3b8}.light-mode .ov-kpi-value{color:#1e293b}.light-mode .ov-kpi-label,.light-mode .ov-chart-title{color:#94a3b8}.light-mode .ov-legend-text{color:#475569}.light-mode .ov-legend-amt{color:#1e293b}.light-mode .ov-donut-inner{background:#f8fafc}.light-mode .ov-donut-val{color:#1e293b}.light-mode .ov-prog-label{color:#64748b}.light-mode .ov-prog-nums{color:#475569}.light-mode .ov-progress-track{background:#0000000f}.light-mode .ov-inv-item{background:#f8fafc;border-color:#e2e8f0}.light-mode .ov-inv-nr{color:#1e293b}.light-mode .ov-inv-date{color:#94a3b8}.light-mode .ov-inv-amt{color:#1e293b}.light-mode .ov-date-item{color:#94a3b8}.ov-accept-card{display:flex;flex-direction:column;gap:14px}.ov-accept-desc{font-size:.85rem;color:#ffffff80;margin:0;line-height:1.5}.ov-accept-groups{display:flex;flex-wrap:wrap;gap:8px}.ov-accept-group-chip{padding:5px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem;color:#fff9}.ov-accept-empty{font-size:.82rem;color:#ffffff4d}.ov-accept-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.ov-accept-btn svg{width:16px;height:16px}.ov-accept-btn:hover{opacity:.9;transform:translateY(-1px)}.ov-pdf-card{display:flex;flex-direction:column;gap:12px}.ov-pdf-btns{display:flex;flex-direction:column;gap:8px}.ov-pdf-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffbf;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .2s}.ov-pdf-btn svg{width:15px;height:15px;flex-shrink:0}.ov-pdf-btn:hover{background:#ffffff1a;color:#fff}.ov-pdf-full{border-color:#10b9814d;color:#10b981}.ov-pdf-full:hover{background:#10b9811a}.ov-preview-btn-wrap{border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.ov-preview-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#ffffff73;font-size:.8rem;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.ov-preview-btn svg{width:14px;height:14px}.ov-preview-btn:hover{background:#ffffff0f;color:#fffc}.empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#ffffff4d;font-size:.88rem}.accept-modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.accept-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px}.accept-modal-header{display:flex;align-items:center;justify-content:space-between}.accept-modal-header h3{margin:0;font-size:1.1rem;color:#fff}.modal-close-btn{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;padding:4px;line-height:1}.accept-modal-sub{margin:0;font-size:.85rem;color:#ffffff80}.accept-groups-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto}.accept-group-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;color:#ffffffbf;font-size:.88rem;transition:all .15s}.accept-group-item:hover{background:#ffffff12}.accept-group-info{display:flex;flex-direction:column;gap:2px}.accept-group-name{font-weight:600;font-size:.9rem;color:#ffffffd9}.accept-group-hint{font-size:.75rem;color:#fff6}.accept-cbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.25);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.accept-cbox svg{width:13px;height:13px}.accept-cbox-on{background:#10b981!important;border-color:#10b981!important}.accept-modal-info{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:.82rem;color:#fff9;line-height:1.5}.accept-modal-info strong{color:#10b981}.accept-error{padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#ef4444;font-size:.82rem}.accept-empty{color:#ffffff59;font-size:.85rem;padding:10px;text-align:center}.accept-modal-actions{display:flex;gap:10px;justify-content:flex-end}.accept-confirm-btn{display:flex;align-items:center;gap:7px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}.accept-confirm-btn svg{width:15px;height:15px}.accept-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.accept-confirm-btn:not(:disabled):hover{opacity:.9}.light-mode .ov-accept-desc{color:#64748b}.light-mode .ov-accept-group-chip,.light-mode .ov-pdf-btn{background:#f8fafc;border-color:#e2e8f0;color:#475569}.light-mode .ov-pdf-full{border-color:#10b98166;color:#047857}.light-mode .ov-preview-btn{border-color:#e2e8f0;color:#94a3b8}.light-mode .accept-modal{background:#fff;border-color:#e2e8f0}.light-mode .accept-modal-header h3{color:#1e293b}.light-mode .accept-group-item{background:#f8fafc;border-color:#e2e8f0;color:#334155}.light-mode .accept-cbox{border-color:#cbd5e1}.light-mode .accept-modal-sub{color:#64748b}.light-mode .accept-modal-info{color:#475569}.light-mode .empty-preview{color:#94a3b8}@media (max-width: 768px){.ov-hero{flex-direction:column}.ov-hero-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.ov-kpi-row{grid-template-columns:repeat(2,1fr)}.ov-charts-row{grid-template-columns:1fr}}@media (max-width: 480px){.ov-kpi-row{grid-template-columns:1fr 1fr}.ov-kpi{padding:12px 14px;gap:10px}.ov-kpi-value{font-size:1rem}}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.search-input{width:100%;padding:12px 40px 12px 42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);box-sizing:border-box}.search-input:focus{background:var(--bg-surface-light);border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.add-btn-small{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 20px;border-radius:10px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px #10b9814d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.add-btn-small:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 25px #10b98166}.datanorm-section{margin-bottom:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.datanorm-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:16px 20px;background:transparent;border:none;color:#ffffffb3;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.datanorm-toggle:hover{color:#fff;background:#ffffff08}.datanorm-toggle svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.datanorm-toggle svg.rotated{transform:rotate(180deg)}.datanorm-badge{background:#10b981;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:auto}.datanorm-body{padding:0 20px 20px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropzone{border:2px dashed rgba(255,255,255,.12);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff05;margin-bottom:16px}.dropzone:hover{border-color:#10b98166;background:#10b98108}.dropzone.drag-over{border-color:#10b981;background:#10b98114;box-shadow:0 0 30px #10b9811a inset;transform:scale(1.01)}.dropzone.has-file{border-color:#10b9814d;background:#10b9810a;padding:24px 20px}.dropzone-content svg{width:40px;height:40px;color:#ffffff4d;margin-bottom:12px}.dropzone.drag-over .dropzone-content svg{color:#10b981}.dropzone-content p{color:#fff9;font-size:.95rem;margin:0 0 4px;font-weight:500}.dropzone-content span{color:#ffffff4d;font-size:.82rem}.has-file-content svg{color:#10b981!important;width:32px;height:32px}.has-file-content p{color:#10b981;font-weight:600}.clear-file-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:4px 12px;border-radius:8px;font-size:.8rem;cursor:pointer;margin-top:8px;transition:all .2s}.clear-file-btn:hover{background:#ef444433}.datanorm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;color:#ffffff80;font-size:.9rem}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.datanorm-preview{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.datanorm-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-count{color:#fff9;font-size:.88rem;font-weight:500}.select-all-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:5px 12px;border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .2s}.select-all-btn:hover{background:#ffffff14;color:#fff}.import-summary-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;margin-bottom:10px;flex-wrap:wrap}.summary-number{font-size:1.1rem;font-weight:700;color:#10b981}.summary-label{font-size:.85rem;color:#fff9}.summary-conflicts{font-size:.82rem;color:#fbbf24}.import-groups-list{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto;padding-right:4px;margin-bottom:12px}.import-groups-list::-webkit-scrollbar{width:6px}.import-groups-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.import-group-row{border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden}.import-group-header{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#8b5cf61a;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;color:#fff;font-size:.88rem}.import-group-header:hover{background:#8b5cf62e}.igr-chevron{font-size:10px;color:#fff6;transition:transform .2s;display:inline-block}.igr-chevron.open{transform:rotate(90deg)}.igr-name{flex:1;font-weight:600;color:#c4b5fd}.igr-count{font-size:.78rem;color:#fff6;background:#ffffff0f;padding:2px 8px;border-radius:20px}.import-group-items{background:#0000001f}.group-ctrl-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#fffc;padding:5px 12px;border-radius:8px;font-size:.82rem;cursor:pointer;transition:all .2s;white-space:nowrap}.group-ctrl-btn:hover{background:#ffffff1f;color:#fff}.import-summary{margin-bottom:16px}.import-summary-total{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:14px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px}.summary-number{font-size:1.4rem;font-weight:700;color:#10b981}.summary-label{font-size:.9rem;color:#ffffffb3}.summary-conflicts{font-size:.85rem;color:#fbbf24;margin-left:auto}.import-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.import-group-grid::-webkit-scrollbar{width:6px}.import-group-grid::-webkit-scrollbar-track{background:#ffffff05}.import-group-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.import-group-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:8px;gap:8px}.import-group-name{font-size:.85rem;font-weight:600;color:#c4b5fd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-group-count{font-size:.8rem;color:#ffffff80;background:#ffffff14;padding:2px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.preview-table-wrapper{max-height:300px;overflow-y:auto;margin-bottom:16px}.preview-table-wrapper::-webkit-scrollbar{width:6px}.preview-table-wrapper::-webkit-scrollbar-track{background:#ffffff05}.preview-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.preview-table{font-size:.88rem!important}.check-col{width:40px;text-align:center!important}.check-col input[type=checkbox]{accent-color:#10b981;width:16px;height:16px;cursor:pointer}tr.deselected{opacity:.35}.import-mode-section{margin-bottom:16px;border:1px solid rgba(245,158,11,.25);border-radius:10px;overflow:hidden}.import-mode-label{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:12px;color:#f59e0b;background:#f59e0b12;border-bottom:1px solid rgba(245,158,11,.15)}.import-mode-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.import-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:14px 10px;background:#ffffff05;border:none;border-right:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s;text-align:center;color:#ffffff8c;position:relative}.import-mode-btn:last-child{border-right:none}.import-mode-btn:hover{background:#ffffff0f;color:#ffffffd9}.import-mode-btn.active{background:#10b9811f;color:#10b981}.import-mode-btn.recommended.active{background:#10b98126}.mode-icon{font-size:18px;line-height:1;margin-bottom:2px}.mode-name{font-size:12px;font-weight:600;color:inherit}.mode-desc{font-size:10px;color:#ffffff59;line-height:1.3}.import-mode-btn.active .mode-desc{color:#10b98199}.mode-tag{font-size:9px;background:#10b98133;color:#10b981;border-radius:4px;padding:1px 5px;margin-top:2px;font-weight:600;letter-spacing:.02em}@media (max-width: 768px){.import-mode-btns{grid-template-columns:repeat(2,1fr)}.import-mode-btn:nth-child(2){border-right:none}.import-mode-btn:nth-child(odd):last-child{border-right:none}}.datanorm-import-actions{display:flex;gap:12px;align-items:center;margin-bottom:12px}.import-password-wrap{flex:1}.import-password-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.import-password-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.import-password-input::placeholder{color:#ffffff4d}.import-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;box-shadow:0 4px 15px #10b9814d}.import-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.import-btn:disabled{opacity:.5;cursor:not-allowed}.import-btn svg{width:18px;height:18px}.datanorm-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.88rem;font-weight:500;margin-top:12px}.datanorm-message svg{width:18px;height:18px;flex-shrink:0}.datanorm-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}.datanorm-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.table-scroll-wrap{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow-y:auto;overflow-x:auto;max-height:65vh;box-shadow:0 4px 20px #0003;width:100%}.table-scroll-wrap::-webkit-scrollbar{width:6px;height:6px}.table-scroll-wrap::-webkit-scrollbar-track{background:transparent}.table-scroll-wrap::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.table-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#fff3}.table-scroll-wrap .material-table thead th{position:sticky;top:0;z-index:2;background:#1a1f2e}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 0 4px;flex-wrap:wrap}.page-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:8px;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:all .15s;min-width:36px}.page-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-btn.active{background:#10b981;border-color:#10b981;color:#fff;font-weight:700}.page-info{font-size:.78rem;color:#ffffff59;margin-left:8px}.header-actions{display:flex;align-items:center;gap:10px}.delete-all-btn{display:inline-flex;align-items:center;gap:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:10px;padding:8px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.delete-all-btn:hover{background:#ef44442e;border-color:#ef444466;color:#ef4444}.count-label{font-size:.82rem;color:#ffffff59;white-space:nowrap}.group-view-toggle{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:10px;padding:8px 14px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.group-view-toggle:hover{background:#ffffff1a;color:#fff}.group-view-toggle.active{background:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.main-groups-container{display:flex;flex-direction:column;gap:6px;margin-top:8px}.main-group{border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.main-group-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#8b5cf614;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.main-group-header:hover{background:#8b5cf624}.main-group-name{font-weight:600;font-size:.95rem}.no-group{color:#fff6;font-style:italic;font-size:.9rem}.group-code-badge{display:inline-block;padding:1px 7px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:6px;font-size:.72rem;font-family:JetBrains Mono,monospace;color:#8b5cf6b3;margin-left:8px;vertical-align:middle}.main-group-items{background:#0000001a}.conflict-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:.85rem;color:#fbbf24}.conflict-toggle label{display:flex;align-items:center;gap:6px;cursor:pointer;color:#ffffffb3;font-size:.82rem}.exists-badge{display:inline-flex;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:1px 6px;font-size:.68rem;font-weight:600;margin-left:5px;vertical-align:middle}.conflict-row td{background:#f59e0b0a!important}.delete-all-progress{display:flex;align-items:center;gap:10px;color:#ffffff80;font-size:.85rem}.col-supplier,.col-group{width:9%;min-width:80px}.col-artnr-ean{width:12%;min-width:110px}.col-name{width:auto;min-width:180px}.col-content{width:5%;min-width:45px}.col-unit{width:6%;min-width:50px}.col-price{width:8%;min-width:80px;color:#94a3b8}.col-discount{width:7%;min-width:65px}.col-netprice{width:9%;min-width:80px}.ek-price{color:#fbbf24!important}.ek-highlight{color:#10b981!important;font-weight:600}.col-artnr-ean{display:table-cell;vertical-align:middle}.artnr-line{display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:#ffffffd9;font-weight:500}.ean-line{display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#ffffff59;margin-top:2px;word-break:break-all}.name-col{word-break:break-word;white-space:normal;line-height:1.4}.col-supplier{word-break:break-word;white-space:normal}.group-badge{display:inline-block;padding:2px 8px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:6px;font-size:.75rem;color:#c4b5fd;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.discount-badge{display:inline-block;padding:2px 8px;background:#fbbf241f;border:1px solid rgba(251,191,36,.2);border-radius:6px;font-size:.82rem;color:#fbbf24;font-weight:600}.net-price-display .net-price-value{padding:12px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;color:#10b981;font-size:1rem;font-weight:700}.modal-content.gate-card.material-modal{max-width:620px;width:95vw;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:left}.form-field select{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;appearance:none;cursor:pointer}.form-field select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-field select option{background:#1a1f2e;color:#fff}.material-table{width:100%;border-collapse:collapse;font-size:.9rem;table-layout:auto}.material-table th{text-align:left;padding:10px 8px;background:#ffffff08;color:#ffffff73;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.material-table td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.03);color:#fffc;transition:color .2s;vertical-align:top;line-height:1.45}.material-table tr:last-child td{border-bottom:none}.center{text-align:center}.highlight{color:#10b981!important;font-weight:700}.article-nr{font-family:JetBrains Mono,Fira Code,monospace;font-size:.88rem;color:#ffffff80!important;letter-spacing:.5px}.category-badge{display:inline-block;padding:3px 10px;background:#6366f11f;border:1px solid rgba(99,102,241,.2);border-radius:8px;font-size:.8rem;color:#a5b4fc;font-weight:500}.no-category{color:#fff3}.discount-zero{display:inline-block;padding:2px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.82rem;color:#ffffff40;font-weight:500}.placeholder{padding:40px 20px!important;font-style:italic;color:#ffffff4d!important}.loading{padding:30px;text-align:center;color:#ffffff80}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:400px;max-width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}.gate-card{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 30px;text-align:center;backdrop-filter:blur(20px);width:90%;max-width:480px;box-shadow:0 25px 50px #0009}.gate-icon.edit-icon{background:#10b9811a;border-color:#10b98133}.gate-icon.edit-icon svg{color:#10b981}.material-form{text-align:left}.form-row{display:flex;gap:12px}.form-row .form-field{flex:1}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.8rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.form-field input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-field input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-field input::placeholder{color:#ffffff40}.btn-unlock:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.btn-unlock.save-btn{background:linear-gradient(135deg,#10b981,#059669)}.btn-unlock.save-btn:hover{box-shadow:0 8px 20px #10b9814d}@media (pointer: coarse){.context-menu{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:260px!important;min-width:unset!important;max-width:90vw!important}}@media (max-width: 768px){.card{padding:14px;border-radius:14px}.header-row{margin-bottom:12px;flex-wrap:wrap;gap:8px}h1{font-size:1.3rem}.actions-bar{flex-direction:column;gap:8px;align-items:stretch}.search-wrap{width:100%}.search-input{font-size:16px;width:100%;box-sizing:border-box}.add-btn-small{width:100%;padding:12px;font-size:1rem}.datanorm-import-actions{flex-direction:column}.material-table thead{display:none}.material-table,.material-table tbody{display:block;width:100%}.material-table tr{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:14px 16px 12px;margin-bottom:10px;position:relative;column-gap:10px;row-gap:0}.material-table tr:active{background:#ffffff0f}.material-table td{display:none!important;padding:0;border-bottom:none;box-sizing:border-box}.material-table td:nth-child(1){display:block!important;position:absolute;top:12px;right:12px;font-size:16px;grid-row:unset;grid-column:unset}.material-table td:nth-child(2){display:block!important;position:absolute;top:15px;right:30px;font-size:.68rem;color:#ffffff4d;white-space:nowrap}.material-table td:nth-child(5){display:block!important;grid-column:1 / 3;grid-row:1;font-weight:700;font-size:.95rem;color:#fff;line-height:1.35;padding-right:72px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07);white-space:normal}.material-table td:nth-child(4){display:block!important;grid-column:1;grid-row:2;padding-bottom:8px;align-self:start}.material-table td:nth-child(4) .artnr-line{font-family:JetBrains Mono,Fira Code,monospace;font-size:.87rem;font-weight:500;color:#ffffffd9}.material-table td:nth-child(4) .ean-line{font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;color:#ffffff47;margin-top:4px}.material-table td:nth-child(7){display:flex!important;flex-direction:column;align-items:flex-end;grid-column:2;grid-row:2;font-size:.88rem;font-weight:600;color:#ffffffb3;padding-bottom:8px}.material-table td:nth-child(8){display:flex!important;flex-direction:column;align-items:flex-start;grid-column:1;grid-row:3;font-size:.88rem;color:#94a3b8;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.material-table td:nth-child(10){display:flex!important;flex-direction:row;align-items:center;justify-content:flex-end;gap:6px;grid-column:2;grid-row:3;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:.9rem;font-weight:700;color:#10b981}.material-table td:nth-child(9){display:none!important}.material-table td:nth-child(3),.material-table td:nth-child(6){display:none!important}.material-table td:nth-child(7):before{content:"Einheit";font-size:.57rem;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}.material-table td:nth-child(8):before{content:"Listenpreis";font-size:.57rem;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}.material-table td:nth-child(10):before{content:"VKP";font-size:.57rem;font-weight:700;color:#ffffff38;text-transform:uppercase;letter-spacing:.7px;margin-right:auto;align-self:start}.clickable-row:hover{transform:none;box-shadow:none}.form-row{flex-direction:column;gap:14px}.gate-card{padding:24px 20px}}.service-tree{margin-top:16px}.tree-ab{margin-bottom:4px}.tree-ab-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.tree-ab-header:hover{background:#ffffff12;border-color:#10b9814d}.tree-ab-name{font-weight:600;font-size:1rem;color:#fff;flex:1}.tree-chevron{width:16px;height:16px;color:#fff6;transition:transform .2s;flex-shrink:0}.tree-chevron.expanded{transform:rotate(90deg)}.tree-chevron.small{width:14px;height:14px}.tree-count{font-size:.8rem;color:#ffffff59;background:#ffffff0f;padding:2px 10px;border-radius:20px}.tree-count.small{font-size:.75rem;padding:1px 8px}.tree-ab-body{padding-left:20px;margin-top:4px}.tree-kat{margin-bottom:2px}.tree-kat-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .2s}.tree-kat-header:hover{background:#ffffff0d}.tree-kat-name{font-weight:500;font-size:.92rem;color:#ffffffd9;flex:1}.tree-items{padding-left:22px;margin:4px 0}.tree-item{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;border-radius:6px}.tree-item:hover{background:#10b9810f}.tree-item-name{font-size:.9rem;color:#fffc;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.tree-item-time{font-size:.85rem;font-weight:600;color:#10b981;white-space:nowrap;font-family:JetBrains Mono,Fira Code,monospace}.import-msg{padding:10px 14px;border-radius:8px;font-size:.85rem;margin-top:8px}.import-msg.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.import-msg.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.conflict-btn{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;text-align:left;cursor:pointer;transition:all .2s}.conflict-btn:hover{background:#ffffff14}.conflict-btn.replace{border-color:#3b82f64d}.conflict-btn.replace:hover{background:#3b82f61a;border-color:#3b82f680}.conflict-btn.keep{border-color:#10b9814d}.conflict-btn.keep:hover{background:#10b9811a;border-color:#10b98180}.conflict-btn.skip{border-color:#ffffff26}.conflict-btn-title{font-weight:600;font-size:.95rem;margin-bottom:3px}.conflict-btn.replace .conflict-btn-title{color:#60a5fa}.conflict-btn.keep .conflict-btn-title{color:#10b981}.conflict-btn.skip .conflict-btn-title{color:#fffc}.conflict-btn-desc{font-size:.78rem;color:#fff6}.btn-label-short{display:none}.btn-label-long{display:inline}@media (max-width: 768px){.tree-ab-body{padding-left:10px}.tree-items{padding-left:12px}.tree-item-name{font-size:.82rem}.leistungen-header-row{flex-direction:column;align-items:flex-start;gap:10px}.leistungen-header-row h1{font-size:1.4rem;margin:0}.leistungen-actions{width:100%;display:flex;flex-wrap:nowrap;gap:8px}.leistungen-actions .import-btn{flex:1;justify-content:center;padding:9px 10px;font-size:.82rem;min-width:0}.leistungen-actions .add-btn-small{flex:1;justify-content:center;padding:9px 10px;font-size:.82rem;min-width:0;white-space:nowrap}.btn-label-long{display:none}.btn-label-short{display:inline}.tree-item{padding:7px 8px}.tree-item-time{font-size:.78rem;white-space:nowrap;min-width:80px;text-align:right}.tree-ab-header{padding:10px}.tree-ab-name{font-size:.92rem}}.import-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .2s}.import-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff40}.import-status{margin-bottom:16px}.import-file-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:10px;margin-bottom:6px}.import-file-name{flex:1;font-size:.85rem;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leist-action-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffa6;font-size:.84rem;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.leist-action-btn:hover{background:#ffffff17;color:#ffffffe6;border-color:#ffffff38}.leist-action-btn.active{background:#10b9811a;border-color:#10b98159;color:#10b981}.leist-action-btn.accent{background:#10b9811a;border-color:#10b9814d;color:#10b981}.leist-action-btn.accent:hover{background:#10b9812e;border-color:#10b98180;color:#34d399}.leist-action-btn.danger{background:#ef444412;border-color:#ef444433;color:#ef4444b3}.leist-action-btn.danger:hover{background:#ef444424;border-color:#ef444466;color:#f87171}.datanorm-badge-inline{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#10b98140;color:#10b981;font-size:.7rem;font-weight:700}@media (max-width: 1280px){.leistungen-header-row{flex-wrap:wrap;gap:8px}.btn-label-long{display:none!important}.leist-action-btn{padding:8px 12px}}@media (max-width: 768px){.leistungen-actions{gap:6px}.leist-action-btn{flex:1;justify-content:center;padding:9px 8px;font-size:.8rem}.leist-action-btn svg{margin:0}}.tree-edit-hint{margin-left:auto;font-size:.75rem;color:#ffffff2e;opacity:0;transition:opacity .15s;padding:0 4px}.tree-ab-header:hover .tree-edit-hint,.tree-kat-header:hover .tree-edit-hint{opacity:1}.tree-item.selected{background:#10b9811a;border-color:#10b9814d}.tree-item-checkbox{font-size:1rem;margin-right:6px;color:#ffffff59;flex-shrink:0}.tree-item-checkbox.checked{color:#10b981}.tree-select-all{padding:5px 12px;font-size:.75rem;color:#ffffff59;cursor:pointer;border-radius:6px;transition:color .15s}.tree-select-all:hover{color:#10b981}.bulk-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:10px;margin-bottom:14px;font-size:.85rem;color:#ffffffb3}.bulk-delete-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#ef444414;color:#f87171;font-size:.82rem;cursor:pointer;transition:all .18s}.bulk-delete-btn:hover{background:#ef444426;border-color:#ef444480}.bulk-clear-btn{padding:7px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff6;font-size:.8rem;cursor:pointer;transition:all .18s}.bulk-clear-btn:hover{color:#ffffffb3}.bulk-select-all-btn{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffb3;font-size:.82rem;cursor:pointer;transition:all .18s;white-space:nowrap}.bulk-select-all-btn:hover{background:#ffffff1a;color:#fff}.tree-ab-header.selection-active,.tree-kat-header.selection-active{background:#10b9811a;border-color:#10b9814d}.csv-supplier-wrap{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.2);border-radius:10px}.csv-supplier-label{font-size:.8rem;font-weight:600;color:#f59e0b;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.csv-supplier-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s}.csv-supplier-input:focus{border-color:#f59e0b}.csv-supplier-input::placeholder{color:#ffffff4d}.mob-disc{display:none}@media (max-width: 768px){.mob-disc{display:inline-block}}.leistung-subtabs{display:none}.leistung-subtabs-bar{display:flex;gap:6px;margin-bottom:20px;margin-top:4px;flex-wrap:wrap}.leistung-subtab{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;background:transparent;border:1px solid transparent;border-radius:10px;color:#ffffff73;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap}.leistung-subtab:hover{color:#fffc;background:#ffffff0f;border-color:#ffffff1a}.leistung-subtab.active{color:#10b981;background:#10b9811a;border-color:#10b9814d;font-weight:600}.subtab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#10b981;color:#000;border-radius:10px;font-size:.75rem;font-weight:700}.light-mode .leistung-subtab{color:#00000073}.light-mode .leistung-subtab:hover{color:#000000b3;background:#0000000a;border-color:#0000001a}.light-mode .leistung-subtab.active{color:#047857;background:#10b9811a;border-color:#10b9814d}.sg-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.sg-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:14px 16px;transition:border-color .18s,background .15s;cursor:pointer}.sg-card:hover{border-color:#10b98166;background:#10b9810a}.sg-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.sg-id-badge{font-size:.7rem;font-weight:700;color:#60a5fae6;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);border-radius:5px;padding:1px 6px;white-space:nowrap;align-self:flex-start;letter-spacing:.02em}.sg-modal-id{font-size:.78rem;font-weight:600;color:#60a5facc;background:#3b82f61f;border-radius:5px;padding:1px 7px;margin-left:6px;vertical-align:middle}.sg-card-title{flex:1;font-size:1.05rem;font-weight:700;color:#fff;line-height:1.3}.sg-card-einheit{font-size:.75rem;color:#10b981;background:#10b9811f;border-radius:6px;padding:2px 7px;white-space:nowrap;align-self:flex-start}.sg-card-actions{display:flex;gap:4px;align-self:flex-start}.sg-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff9;cursor:pointer;transition:all .15s}.sg-icon-btn:hover{background:#ffffff1f;color:#fff}.sg-icon-btn.danger:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.sg-card-desc{font-size:.8rem;color:#ffffff73;margin-bottom:8px}.sg-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sg-chip{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;padding:4px 9px;border-radius:6px;white-space:nowrap}.sg-chip.mat{background:#8b5cf626;color:#a78bfa}.sg-chip.svc{background:#10b9811f;color:#34d399}.sg-chip.time{background:#f59e0b1f;color:#fbbf24;margin-left:auto}.sg-chip.cost{background:#3b82f61f;color:#60a5fa}.sg-card-preview{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.sg-preview-row{display:flex;align-items:center;gap:8px;font-size:.84rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.sg-preview-row.mat-row{color:#a78bfad9}.sg-preview-row.svc-row{color:#34d399d9}.sg-prev-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.87rem}.sg-prev-qty{font-size:.82rem;color:#ffffff80;white-space:nowrap;margin-left:auto}.sg-prev-price{font-size:.82rem;color:#60a5faf2;white-space:nowrap;font-weight:700;margin-left:12px}.sg-more{font-size:.8rem;color:#fff6;padding-top:4px}.sg-modal-backdrop{position:fixed;inset:0;background:#000000bf;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px 12px 120px}.sg-modal{background:#0f1117;border:1px solid rgba(255,255,255,.12);border-radius:16px;width:100%;max-width:680px;flex-shrink:0;box-shadow:0 24px 60px #000000b3;overflow:visible}.sg-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.sg-modal-header h2{font-size:1.05rem;font-weight:600;color:#fff;margin:0}.sg-modal-close{background:none;border:none;color:#fff6;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s}.sg-modal-close:hover{color:#fff}.sg-modal-section{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sg-section-header{display:flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:#fffc;margin-bottom:12px}.sg-section-count{background:#ffffff1a;border-radius:10px;padding:1px 7px;font-size:.75rem;color:#ffffff80}.sg-add-custom-btn{margin-left:auto;background:none;border:1px dashed rgba(255,255,255,.25);color:#ffffff80;font-size:.78rem;padding:3px 10px;border-radius:6px;cursor:pointer;transition:all .15s}.sg-add-custom-btn:hover{color:#fff;border-color:#ffffff80}.sg-field-row{display:flex;gap:12px;margin-bottom:10px}.sg-field-group{display:flex;flex-direction:column;gap:4px;flex:1}.sg-label{font-size:.78rem;color:#ffffff80;font-weight:500}.sg-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;color:#fff;font-size:.88rem;outline:none;width:100%;box-sizing:border-box;transition:border-color .18s}.sg-input:focus{border-color:#10b981}.sg-input option{background:#0f1117}.sg-search-row{margin-bottom:6px}.sg-search-results{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:200px;overflow-y:auto;margin-bottom:8px}.sg-result-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.sg-result-item:hover{background:#ffffff0f}.sg-result-item:last-child{border-bottom:none}.sg-result-name{flex:1;font-size:.84rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-result-meta{font-size:.74rem;color:#fff6;white-space:nowrap}.sg-result-price{font-size:.78rem;color:#60a5fa;white-space:nowrap}.sg-result-add{color:#10b981;flex-shrink:0}.sg-result-loading{display:flex;justify-content:center;padding:10px}.sg-items-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.sg-item-row{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 10px;flex-wrap:wrap}.sg-item-info{flex:1;min-width:120px;display:flex;flex-direction:column;gap:2px}.sg-item-name{font-size:.84rem;color:#fff;font-weight:500}.sg-item-meta{font-size:.74rem;color:#fff6}.sg-item-qty-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.sg-qty-input{width:64px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 8px;color:#fff;font-size:.84rem;text-align:right;outline:none}.sg-unit-input{width:52px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 6px;color:#fff9;font-size:.78rem;text-align:center;outline:none}.sg-unit-label{font-size:.78rem;color:#fff6}.sg-item-subtotal{font-size:.8rem;color:#60a5fa;white-space:nowrap;min-width:60px;text-align:right}.sg-remove-btn{background:none;border:none;color:#ef444480;font-size:.9rem;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s;flex-shrink:0}.sg-remove-btn:hover{color:#f87171}.sg-dicke-group{display:flex;align-items:center;gap:4px}.sg-dicke-label{font-size:.78rem;color:#ffffff73;white-space:nowrap}.sg-dicke-prefix{font-size:.75rem;color:#fff6;white-space:nowrap}.sg-unit-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;color:#ffffff80;background:#ffffff0f;border-radius:4px;white-space:nowrap}.sg-m2-price{color:#10b981!important;font-weight:500}.sg-svc-subrow{width:100%;margin-top:2px;padding:4px 0 0;border-top:1px solid rgba(255,255,255,.05)}.sg-svc-chip{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:6px;padding:3px 8px;font-size:.78rem;color:#6ee7b7}.sg-svc-min-input{width:48px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;color:#fff;text-align:center;font-size:.78rem;padding:2px 4px;outline:none}.sg-svc-min-label{font-size:.72rem;color:#fff6}.sg-svc-remove{background:none;border:none;color:#ef444480;cursor:pointer;font-size:.72rem;padding:0 2px}.sg-svc-remove:hover{color:#f87171}.sg-svc-search-wrap{display:flex;flex-direction:column;gap:6px}.sg-svc-item-row{border-color:#10b98126!important;background:#10b9810a!important}.sg-svc-create-btn{background:none;border:1px dashed rgba(16,185,129,.25);color:#10b98199;border-radius:6px;padding:5px 12px;font-size:.78rem;cursor:pointer;transition:all .15s;width:100%;text-align:center}.sg-svc-create-btn:hover{border-color:#10b98180;color:#10b981}.sg-svc-create-inline{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.sg-input-inline{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;color:#fff;font-size:.82rem;outline:none;width:100%;box-sizing:border-box}.sg-input-inline.small{width:90px}.sg-item-price-row{display:flex;align-items:center;gap:6px;margin-top:3px}.sg-item-unit-label{font-size:.74rem;color:#fff6}.sg-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#10b98112;border:1px solid rgba(16,185,129,.15);border-radius:8px;font-size:.84rem;color:#ffffffb3;margin-top:4px}.sg-total-val{font-weight:600;color:#34d399}.sg-modal-footer{padding:14px 20px;display:flex;flex-direction:column;gap:10px}.sg-modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px 12px;color:#fca5a5;font-size:.83rem}.sg-modal-btns{display:flex;justify-content:flex-end;gap:10px}.sg-btn-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:9px 20px;border-radius:9px;font-size:.88rem;cursor:pointer;transition:all .15s}.sg-btn-cancel:hover{background:#ffffff1a}.sg-btn-save{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:9px 22px;border-radius:9px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s}.sg-btn-save:hover{opacity:.9}.sg-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.leistung-subtab{padding:8px 12px;font-size:.83rem}.sg-card{padding:12px}.sg-modal-backdrop{padding:8px 6px 120px}.sg-field-row{flex-direction:column;gap:8px}.sg-item-row{gap:8px}.sg-item-subtotal{display:none}}.sg-new-svc-form{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:14px;margin-bottom:12px}.sg-new-svc-row{display:flex;gap:10px;margin-bottom:10px}.sg-new-svc-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:6px 10px;color:#fca5a5;font-size:.8rem;margin-top:6px}@media (max-width: 768px){.sg-new-svc-row{flex-direction:column;gap:8px}}.light-mode .sg-card{background:#f8fafc!important;border-color:#0000001f!important}.light-mode .sg-card:hover{border-color:#10b981!important;background:#10b9810d!important}.light-mode .sg-card-title{color:#111827!important}.light-mode .sg-card-desc{color:#4b5563!important}.light-mode .sg-card-einheit{color:#047857!important;background:#10b98126!important;font-weight:700!important}.light-mode .sg-icon-btn{background:#0000000f!important;border-color:#00000026!important;color:#0000008c!important}.light-mode .sg-icon-btn:hover{background:#0000001f!important;color:#111827!important}.light-mode .sg-chip.mat{background:#6d28d91a!important;color:#5b21b6!important;font-weight:600!important}.light-mode .sg-chip.svc{background:#0596691f!important;color:#047857!important;font-weight:600!important}.light-mode .sg-chip.time{background:#d977061f!important;color:#b45309!important;font-weight:600!important}.light-mode .sg-chip.cost{background:#2563eb1a!important;color:#1d4ed8!important;font-weight:600!important}.light-mode .sg-preview-row{border-bottom-color:#00000012!important;font-size:.85rem!important}.light-mode .sg-preview-row.mat-row{color:#7c3aed!important;font-weight:500!important}.light-mode .sg-preview-row.svc-row{color:#047857!important;font-weight:500!important}.light-mode .sg-prev-qty{color:#6b7280!important}.light-mode .sg-prev-price{color:#1d4ed8!important;font-weight:700!important}.light-mode .sg-chip.time{background:#f59e0b1f!important;color:#b45309!important;margin-left:auto!important}.light-mode .sg-chip.cost{background:#3b82f61a!important;color:#1d4ed8!important}.light-mode .sg-more{color:#6b7280!important}.light-mode .sg-id-badge{color:#2563eb!important;background:#3b82f61a!important;border-color:#3b82f640!important}.light-mode .sg-modal-id{color:#2563eb!important;background:#3b82f61a!important}.sg-section-header svg{color:#a78bfa}.sg-section-header span:first-of-type{color:#ffffffd9}.sg-item-row{border-left:3px solid rgba(139,92,246,.35)}.sg-item-row.sg-svc-item-row{border-left:3px solid rgba(16,185,129,.45)!important}.sg-item-name{color:#e2e8f0!important}.sg-item-meta{color:#a5b4fc99!important}.sg-item-subtotal{color:#60a5fa!important}.sg-item-subtotal[style*="10b981"]{color:#34d399!important}.sg-unit-badge{font-size:.75rem;color:#10b981;background:#10b9811a;border-radius:5px;padding:1px 6px;white-space:nowrap}.sg-section-count{background:#8b5cf62e!important;color:#c4b5fd!important}.sg-total-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.84rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.sg-total-val{color:#10b981;font-weight:600}.light-mode .sg-modal{background:#fff!important;border-color:#0000001a!important;box-shadow:0 24px 60px #00000026!important}.light-mode .sg-modal-header{border-bottom-color:#00000014!important}.light-mode .sg-modal-header h2{color:#1a1a2e!important}.light-mode .sg-modal-close{color:#0006!important}.light-mode .sg-modal-close:hover{color:#1a1a2e!important}.light-mode .sg-modal-section{border-bottom-color:#0000000f!important}.light-mode .sg-section-header{color:#374151!important}.light-mode .sg-section-count{background:#8b5cf61f!important;color:#7c3aed!important}.light-mode .sg-add-custom-btn{border-color:#0003!important;color:#00000080!important}.light-mode .sg-add-custom-btn:hover{color:#1a1a2e!important;border-color:#0006!important}.light-mode .sg-item-row{background:#f8fafc!important;border-color:#00000012!important;border-left-color:#8b5cf666!important}.light-mode .sg-item-row.sg-svc-item-row{background:#10b9810a!important;border-color:#10b98133!important;border-left-color:#10b98180!important}.light-mode .sg-item-name{color:#1a1a2e!important}.light-mode .sg-item-meta{color:#00000073!important}.light-mode .sg-item-subtotal{color:#2563eb!important}.light-mode .sg-unit-badge{color:#059669!important;background:#10b9811a!important}.light-mode .sg-qty-input{background:#fff!important;border-color:#00000026!important;color:#1a1a2e!important}.light-mode .sg-total-row{color:#00000080!important;border-top-color:#00000014!important}.light-mode .sg-total-val{color:#059669!important}.light-mode .sg-modal-footer{border-top:1px solid rgba(0,0,0,.08)}.light-mode .sg-btn-cancel{background:#f1f5f9!important;border-color:#0000001f!important;color:#374151!important}.light-mode .sg-dicke-prefix,.light-mode .sg-dicke-label{color:#00000080!important}.light-mode .sg-label{color:#0009!important}.light-mode .sg-search-results{background:#fff!important;border-color:#0000001a!important}.light-mode .sg-result-item{border-bottom-color:#0000000f!important}.light-mode .sg-result-item:hover{background:#10b9810f!important}.light-mode .sg-result-name{color:#1a1a2e!important}.light-mode .sg-result-meta{color:#00000073!important}.light-mode .sg-result-price{color:#2563eb!important}.light-mode .sg-svc-create-btn{color:#059669!important;border-color:#10b9814d!important}.light-mode .sg-new-svc-error{color:#dc2626!important}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.add-btn-small{background:linear-gradient(135deg,var(--accent-edit),#d97706);color:#0b0e14;padding:8px 16px;border-radius:10px;border:none;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-amber);transition:var(--transition-premium)}.add-btn-small:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 20px #f59e0b66}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.search-wrap{position:relative;flex:1}.product-table th{text-align:center;padding:18px 20px;background:#ffffff08;color:#ffffff80;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05)}.product-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.02);color:#fffc;transition:color .2s;text-align:center}.product-table .actions-col{text-align:center}.clickable-row{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.clickable-row:hover{background:#ffffff12;transform:scale(1.005);box-shadow:0 4px 15px #0003}.clickable-row:hover td{color:#fff}.styled-table{width:100%;border-collapse:collapse;font-size:16px}.styled-table th,.styled-table td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.styled-table th{background:#ffffff08;text-transform:uppercase;font-size:.85rem;color:#ffffff80;font-weight:600}.styled-table .center{text-align:center}.styled-table .highlight{color:var(--accent-success);font-weight:700;text-shadow:var(--glow-emerald)}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:#ffffff0d}.action-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:4px;transition:background .2s}.action-btn.edit:hover{color:var(--accent-edit);background:#f59e0b1a;box-shadow:var(--glow-amber)}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef44441a}.action-btn .text{display:none}.action-btn .icon{display:inline}.mobile-actions-wrapper{display:inline-flex;gap:10px;align-items:center;justify-content:center}.placeholder{padding:30px;font-style:italic;color:#fff6}.loading{padding:20px;text-align:center;color:#ffffff80}@media (max-width: 768px){.card{padding:16px;border-radius:14px}.header-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}h1{font-size:1.3rem}.actions-bar{flex-direction:column;gap:10px;align-items:stretch}.search-wrap{width:100%}.search-input{font-size:16px;width:100%;box-sizing:border-box}.add-btn-small{width:100%;padding:12px;font-size:1rem}.table-wrapper{background:none;border:none;box-shadow:none;overflow:visible}.product-table thead{display:none}.product-table,.product-table tbody{display:block;width:100%}.product-table tr{display:flex;flex-wrap:wrap;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;margin-bottom:10px;gap:4px 0;position:relative}.product-table td{display:block;padding:6px 4px;border-bottom:none;width:100%;text-align:left;font-size:.88rem;box-sizing:border-box}.product-table td:before{display:block;font-size:.68rem;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.product-table td:nth-child(1):before{content:"Produkt:"}.product-table td:nth-child(2):before{content:"Einkauf"}.product-table td:nth-child(3):before{content:"Marge"}.product-table td:nth-child(4):before{content:"Verkauf"}.product-table td:nth-child(5):before{content:"Ma\df e"}.product-table td:nth-child(1){font-weight:600;font-size:1rem;color:#fff;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.product-table td:nth-child(2),.product-table td:nth-child(3),.product-table td:nth-child(4),.product-table td:nth-child(5){width:50%;display:inline-block;vertical-align:top}.product-table td:nth-child(6),.product-table td:nth-child(7){width:50%;display:inline-block;vertical-align:top;padding-top:12px;margin-top:8px;border-top:1px solid rgba(255,255,255,.06)}.product-table td:nth-child(6){padding-right:6px}.product-table td:nth-child(7){padding-left:6px}.product-table td:nth-child(6):before,.product-table td:nth-child(7):before{content:"";display:none}.action-btn .text{display:inline}.action-btn .icon{display:none}.action-btn{font-size:.95rem;padding:8px 16px;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center}.action-btn.edit{background:#6366f11a;color:#818cf8}.action-btn.delete{background:#ef44441a;color:#f87171}.clickable-row:hover{transform:none;box-shadow:none}.clickable-row:active{background:#ffffff0f}}@media (min-width: 769px) and (max-width: 1024px){.card{padding:24px}}.gate-icon svg{width:32px;height:32px;color:#ef4444}.error-message{color:#ef4444;font-size:.9rem;text-align:center}.context-menu-divider{height:1px;background:#ffffff14;margin:4px 6px}.card{width:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:20px;padding:32px;box-sizing:border-box;box-shadow:0 20px 50px #00000080}h2{font-size:20px;font-weight:600;margin-bottom:24px;color:#fff;border-left:4px solid var(--accent-edit);padding-left:12px}.form{display:flex;flex-direction:column;gap:32px;max-width:100%;margin:0}.table-wrapper{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow-x:auto;box-shadow:0 4px 20px #0003}.product-table{width:100%;border-collapse:collapse;font-size:1.1rem}.product-table th{text-align:left;padding:18px 20px;background:#ffffff08;color:#ffffff80;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05)}.product-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.02);color:#fffc;transition:color .2s;vertical-align:middle}.product-table tr:last-child td{border-bottom:none}.input-wrap{width:100%;background:#0003;border-radius:8px;padding:1px;background-image:linear-gradient(to right,#ffffff1a,#ffffff0d);transition:all .3s}.input-wrap:focus-within{background:#ffffff4d}.highlight-wrap{background-image:linear-gradient(to right,#10b981,#059669)}input{width:100%;background:#14141499;border:none;border-radius:7px;padding:10px 14px;color:#fff;outline:none;font-size:15px;box-sizing:border-box;font-family:inherit}.readonly-input{background:#0006;color:#10b981;font-weight:700;font-family:monospace;cursor:default}.dimensions-group{display:flex;align-items:center;gap:8px}.input-wrap.small{flex:1;min-width:80px}.x-separator{color:#ffffff80;font-weight:600}.action-buttons{display:flex;gap:8px;justify-content:center}.action-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:16px;font-weight:700}.action-btn.save{background:#10b9811a;color:#10b981}.action-btn.save:hover{background:#10b98133;transform:translateY(-1px)}.action-btn.save:disabled{opacity:.5;cursor:not-allowed}.action-btn.cancel{background:#ef44441a;color:#ef4444}.action-btn.cancel:hover{background:#ef444433;transform:translateY(-1px)}.actions{display:flex;justify-content:flex-end;gap:16px;margin-top:12px}.btn{padding:14px 24px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn.primary{background:linear-gradient(135deg,var(--accent-edit),#d97706);color:#0b0e14;box-shadow:var(--glow-amber);font-weight:700;text-transform:uppercase}.btn.secondary:hover{background:#ffffff26;color:#fff}.history-card{margin-top:40px}.chart-container{display:flex;flex-direction:column;gap:16px;padding:20px 0;margin-bottom:20px}.bar-group{display:flex;align-items:center;gap:14px}.bar-label{font-size:13px;color:#ffffff80;font-weight:600;min-width:80px;text-align:right;flex-shrink:0}.bar-wrapper{flex:1;height:36px;background:#ffffff0a;border-radius:10px;position:relative;overflow:visible}.bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);min-width:4px;box-shadow:0 0 20px #10b9814d}.bar-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}.old-price{text-decoration:line-through;color:#fff6;margin-right:8px}.new-price{color:#10b981;font-weight:700}@media (max-width: 1024px){.product-table th,.product-table td{padding:12px}input{padding:8px 10px;font-size:14px}}@media (max-width: 768px){.card{padding:16px;border-radius:14px}h1{font-size:1.3rem;margin-bottom:20px}h2{font-size:1.1rem;margin-bottom:16px}.form{gap:20px}.table-wrapper{overflow:visible;border:none;background:none;box-shadow:none}.product-table thead{display:none}.product-table,.product-table tbody,.product-table tr{display:block;width:100%}.product-table tr{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.product-table td{display:block;width:100%;padding:6px 0;border-bottom:none}.product-table td:before{display:block;font-size:.72rem;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.product-table td:nth-child(1):before{content:"Produktname"}.product-table td:nth-child(2):before{content:"Einkaufspreis (\20ac)"}.product-table td:nth-child(3):before{content:"Aufschlag (%)"}.product-table td:nth-child(4):before{content:"Verkaufspreis (\20ac)"}.product-table td:nth-child(5):before{content:"Ma\df e (L x B)"}input{font-size:16px;padding:10px 14px}.actions{flex-direction:column;gap:10px}.btn{width:100%;text-align:center;padding:12px 20px;font-size:15px}.history-card{margin-top:24px}.chart-container{padding:12px 0;margin-bottom:12px}.bar-label{min-width:60px;font-size:11px}.bar-wrapper{height:28px}.bar-value{font-size:10px}.orders-table thead{display:none}.orders-table,.orders-table tbody{display:block;width:100%}.orders-table tr{display:flex;flex-wrap:wrap;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;margin-bottom:8px;gap:2px 0}.orders-table td{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:none;width:50%;font-size:.85rem}.orders-table td:before{font-size:.68rem;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.3px}.orders-table td:nth-child(1){width:100%}.orders-table td:nth-child(1):before{content:"Datum"}.orders-table td:nth-child(2):before{content:"Alter Preis"}.orders-table td:nth-child(3):before{content:"Neuer Preis"}.orders-table td:nth-child(4):before{content:"Von"}.divider{margin:12px 0}}.input-group input:focus{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.85rem;margin-top:-6px;margin-bottom:6px}.invoice-list-container{padding:20px;width:100%;max-width:100%;margin:0;color:#fff}.header-actions{margin-bottom:30px}.tabs-navigation{margin-top:16px}.title-row{display:flex;align-items:center;gap:12px}.title-row h1{font-size:1.8rem;font-weight:700}.subtitle{color:#fff6;font-size:.9rem;margin-top:-4px}.reload-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon.spinning{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.highlight{color:#fff!important}.search-container{margin-top:16px;margin-bottom:24px;display:flex;justify-content:flex-start;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.search-wrapper{position:relative;width:100%;max-width:100%}.search-input{width:100%;padding:12px 16px 12px 42px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s;outline:none}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff;pointer-events:none}.loading{text-align:center;color:#fff;padding:40px}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 14px;border-radius:8px;font-size:.9rem}.empty-state{text-align:center;padding:40px;color:#fff;font-size:1rem}.year-group{margin-bottom:8px}.year-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:background .2s}.year-header:hover{background:#ffffff12}.year-title{display:flex;align-items:center;gap:10px}.year-label{font-size:1.3rem;font-weight:700;color:var(--accent-edit)}.chevron{font-size:1rem;color:var(--accent-edit);transition:transform .2s}.chevron.expanded{transform:rotate(90deg)}.chevron.small{font-size:.8rem}.year-summary{display:flex;gap:20px;font-size:.9rem}.year-sum{color:#10b981;font-weight:600;font-family:monospace}.year-tax{color:#34d399b3;font-family:monospace}.month-groups{padding-left:18px;margin-top:6px}.month-group{margin-bottom:6px}.month-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:background .2s}.month-header:hover{background:#ffffff0d}.month-title{display:flex;align-items:center;gap:8px;font-weight:500}.invoice-count{color:#fff;font-size:.85rem}.month-summary{display:flex;gap:16px;font-size:.85rem}.month-sum{color:#10b981;font-weight:600;font-family:monospace}.month-tax{color:#34d399;font-family:monospace}.invoice-table-wrap{margin-top:4px;margin-left:16px;margin-bottom:8px}.invoice-table{width:100%;border-collapse:collapse}.invoice-table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;font-weight:500}.invoice-table thead th.right{text-align:right}.invoice-table thead th.center{text-align:center}.order-info-cell{padding:12px!important}.order-info-cell.center{display:flex;justify-content:center}.order-cell-content{display:flex;flex-direction:column;gap:2px;text-align:center}.order-id{font-weight:700;color:#fff;font-size:.95rem}.order-customer{color:#fff;font-size:.8rem}.not-paid{color:#fff;font-size:1rem;font-weight:300}.invoice-row{border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s;cursor:pointer}.invoice-row:hover{background:#ffffff0a}.invoice-row.is-paid td{opacity:.6}.invoice-row.is-paid:hover td{opacity:1}.invoice-table td{padding:12px;font-size:.9rem;color:#fff;vertical-align:middle}.invoice-table td.right{text-align:right}.invoice-table td.center{text-align:center}.invoice-table td.mono{font-family:monospace}.invoice-table td.highlight{color:#fff!important;font-weight:700}.pdf-cell-content{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.85rem;transition:color .2s}.pdf-icon{width:20px;height:20px;transition:transform .2s}.invoice-row:hover .pdf-icon{transform:scale(1.1)}.invoice-row:hover .pdf-cell-content{color:#fff}.amount-badge{background:#10b98126;color:var(--accent-success);padding:4px 10px;border-radius:8px;font-weight:800;box-shadow:var(--glow-emerald)}.invoice-table td.tax-cell{color:#34d399}.date-badge{background:#ffffff0d;color:#fff;padding:4px 12px;border-radius:6px;font-size:.9rem;font-weight:600;font-family:monospace}.due-date-badge{padding:3px 8px;border-radius:6px;font-size:.9rem;color:#fff;font-weight:600}.due-date-badge.overdue{background:#ef444426;color:#ef4444;font-weight:600}.due-date-badge.paid{opacity:.6}.status-btn{background:none;border:1px solid transparent;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;width:80px}.status-btn.open{background:#f59e0b1a;color:var(--accent-edit);border-color:#f59e0b33;box-shadow:var(--glow-amber)}.status-btn.open:hover{background:#ef444433}.status-btn.paid{background:#10b9811a;color:var(--accent-success);border-color:#10b98133;box-shadow:var(--glow-emerald)}.status-btn.paid:hover{background:#10b98133}.mobile-cards-view{display:none;flex-direction:column;gap:12px;padding:4px}.mobile-invoice-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;transition:all .2s;cursor:pointer}.mobile-invoice-card:hover{background:#ffffff0d;border-color:#ffffff1a}.mobile-invoice-card.is-paid{opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.card-order-info{display:flex;flex-direction:column;gap:2px}.card-top-line{display:flex;align-items:center;gap:12px}.card-invoice-number{font-size:.85rem;font-weight:600}.card-customer{color:#fff;font-size:.85rem}.pdf-icon-small{width:20px;height:20px;color:#ef4444}.card-body{display:flex;flex-direction:column;gap:12px}.card-row{display:flex;justify-content:space-between;align-items:flex-end}.card-item{display:flex;flex-direction:column;gap:4px}.card-item.right{text-align:right;align-items:flex-end}.card-item.full{width:100%}.card-item label{font-size:.7rem;text-transform:uppercase;color:#fff;letter-spacing:.5px}.tax-value{color:#34d399;font-family:monospace;font-size:.95rem;font-weight:600}.card-invoice-number .label{text-transform:uppercase;font-size:.65rem;color:#fff;margin-right:4px}@media (max-width: 768px){.invoice-list-container{padding:12px 16px}.desktop-table-view{display:none!important}.mobile-cards-view{display:flex}.mobile-invoice-card .due-date-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9}.mobile-invoice-card .due-date-badge.overdue{background:#ef444433;border-color:#ef44444d;color:#ef4444}.mobile-invoice-card .due-date-badge.paid{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.year-summary{flex-direction:column;gap:4px;text-align:right}.month-summary{flex-direction:column;gap:2px;text-align:right}.month-groups{padding-left:0}.invoice-table-wrap{margin-left:0}}.delete-btn-table{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-btn-table:hover{background:#ef44441a;color:#ef4444}.gate-card h2{margin:0 0 8px;font-size:1.5rem;color:#fff;font-weight:700}.gate-card .subtitle{color:#fff6;font-size:.9rem;margin:0 0 30px}.gate-form .input-group input{width:100%;padding:14px 18px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .2s;text-align:center;letter-spacing:8px;font-weight:600}.gate-form .input-group input[type=date]{letter-spacing:2px;font-family:Inter,monospace;cursor:pointer}.gate-form .input-group input::placeholder{letter-spacing:normal;font-weight:400;color:#ffffff4d}.gate-form .input-group input:focus{border-color:var(--accent-danger);box-shadow:var(--glow-ruby)}.btn-unlock{cursor:pointer;transition:all .2s;border-radius:12px;font-weight:600}.btn-unlock:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #00000080}.modal-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer}.modal-body{padding:20px}.modal-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer}.context-menu button.paid-btn{color:#4ade80}.context-menu button.paid-btn:hover{background:#10b98126;color:#10b981}@media (max-width: 768px){.context-menu{position:fixed;left:0!important;bottom:0!important;top:auto!important;width:100%;min-width:100%;border-radius:24px 24px 0 0;padding:20px 16px 40px;transform:translateY(100%);animation:sheetUp .3s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 -10px 40px #0009}@keyframes sheetUp{to{transform:translateY(0)}}.context-menu button{padding:16px;font-size:16px;background:#ffffff0d;margin-bottom:8px}.context-menu-backdrop{background:#000000b3;backdrop-filter:blur(4px)}}.invoice-create-container{padding:24px 32px;color:#fff;max-width:1400px;margin:0 auto}.header-actions{margin-bottom:28px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.title-row h1{font-size:1.75rem;font-weight:700;margin:0}.subtitle{color:#ffffff73;font-size:.92rem}.btn-back{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#ffffffbf;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.88rem;transition:all .2s;letter-spacing:.2px}.btn-back:hover{background:#ffffff17;color:#fff;border-color:#fff3}.content-layout{display:flex;flex-direction:column;gap:24px}.form-panel{display:flex;flex-direction:column;gap:20px}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.info-card.highlight{border-color:#10b9814d;background:#10b9810f}.info-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.8px;color:#ffffff61;font-weight:600}.info-value{font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;color:#ffffffe6}.info-value.warn{color:#f87171}.info-value.accent{color:#10b981}.positions-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.positions-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.positions-header label{font-size:.82rem;color:#ffffff8c;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.positions-actions{display:flex;gap:6px}.link-btn{background:none;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.78rem;cursor:pointer;padding:3px 10px;border-radius:6px;transition:all .15s;font-weight:500}.link-btn:hover{background:#10b9811f;border-color:#10b98180}.table-responsive{overflow-x:auto}.curtain-table{width:100%;border-collapse:collapse;font-size:.88rem;color:#ffffffe0}.curtain-table th{background:#ffffff08;font-weight:600;color:#fff6;text-transform:uppercase;font-size:.7rem;letter-spacing:.6px;padding:11px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07)}.curtain-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;text-align:center}.curtain-table tr:last-child td{border-bottom:none}.curtain-table tbody tr{transition:background-color .15s}.curtain-table tbody tr:hover:not(.disabled-row){background:#ffffff0a}.selected-row{background:#10b98112!important}.selected-row td{border-bottom-color:#10b9811f!important}.paid-row{background:#10b98121!important;border-left:3px solid #10b981}.paid-row td{border-bottom-color:#10b98133!important}.paid-row .product-name{color:#34d399;font-weight:600}.paid-row .paid-badge-inline{display:inline-flex;align-items:center;gap:3px;background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600;margin-left:6px;vertical-align:middle}.disabled-row{opacity:.55;pointer-events:none}.selection-cell{text-align:center}.selection-cell input[type=checkbox]{width:16px;height:16px;accent-color:#10b981;cursor:pointer}.product-name{color:#fff;font-size:.92rem}.font-medium{font-weight:600;font-family:Courier New,monospace}.text-muted{color:#ffffff40;font-style:italic}.status-badge{display:inline-block;padding:4px 9px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.warning{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.status-badge.success{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.form-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:18px}.form-card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.7px;color:#ffffff59;font-weight:600;margin:0;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.form-row{display:flex;gap:14px}.col-half{flex:1;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;color:#ffffff80;font-weight:500;letter-spacing:.2px}.form-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;padding:10px 14px;font-size:.92rem;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:#10b98180;background:#10b9810a}.form-input:disabled{opacity:.6;cursor:default}.form-input.textarea{resize:vertical;min-height:82px;font-family:inherit}.amount-input-wrap{position:relative}.amount-input{padding-right:36px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:#10b981!important;border-color:#10b9814d!important}.currency{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ffffff4d}.field-error{color:#f87171;font-size:.78rem}.error-msg{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:10px 14px;border-radius:8px;font-size:.88rem}.success-msg{background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#34d399;padding:10px 14px;border-radius:8px;font-size:.88rem}.btn-create{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 24px;border-radius:12px;border:none;font-size:.97rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #10b98140;transition:all .2s;letter-spacing:.3px;width:100%}.btn-create:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-create:disabled{opacity:.4;cursor:not-allowed;transform:none}.preview-panel{display:flex;flex-direction:column}.preview-panel h2{font-size:1rem;font-weight:600;margin-bottom:12px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.pdf-frame-wrap{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;min-height:600px;position:relative}.pdf-iframe{width:100%;height:100%;min-height:600px;border:none;background:#fff}.preview-loading,.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff40;font-size:.9rem}@media (max-width: 900px){.invoice-create-container{padding:16px}.info-cards{grid-template-columns:1fr}.form-row{flex-direction:column}}:host{display:block;height:100vh;background-color:#080d18;color:#fff;font-family:Inter,sans-serif}.dashboard-layout{display:flex;height:100%;overflow:hidden;position:relative}.mobile-header{display:none;align-items:center;padding:10px 16px;background:#05020ad9;border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:0;left:0;width:100%;z-index:1001;backdrop-filter:blur(10px)}.hamburger-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:10}.mobile-ring-logo{width:30px;height:34px;object-fit:contain;transition:transform .3s ease}.hamburger-btn:active .mobile-ring-logo{transform:scale(.9)}.mobile-logo-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:200px}.mobile-logo{max-width:100%;height:44px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 2px 8px rgba(255,255,255,.05))}.sidebar{flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);background:#0d1520;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1002}.content{flex-grow:1;overflow-y:auto;padding:24px;position:relative;min-height:0;background:#080d18}@media (max-width: 768px){.dashboard-layout{flex-direction:column;padding-top:56px}.mobile-header{display:flex;height:56px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;background:#050210;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1002;box-shadow:10px 0 30px #00000080}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;backdrop-filter:blur(5px);z-index:1001;animation:fadeIn .3s ease-out}.content{width:100%;margin-left:0;padding:16px 12px}}@media (min-width: 769px) and (max-width: 1024px){.content{padding:24px 20px}}.db-page{padding:24px 24px 48px;max-width:100%;font-family:-apple-system,system-ui,sans-serif;animation:dbFadeIn .35s ease-out}@keyframes dbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.db-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.db-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.08);border-top-color:#30d158;border-radius:50%;animation:dbSpin .75s linear infinite}@keyframes dbSpin{to{transform:rotate(360deg)}}.db-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.db-title{font-size:26px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.03em;font-family:-apple-system,system-ui,sans-serif}.db-subtitle{font-size:13px;color:#ffffff59;margin:0}.db-new-btn{display:flex;align-items:center;gap:7px;padding:10px 18px;background:#30d158;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:-apple-system,system-ui,sans-serif;letter-spacing:-.01em;box-shadow:0 4px 16px #30d15859;transition:all .15s;white-space:nowrap}.db-new-btn:active{transform:scale(.97)}.db-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.db-card{position:relative;display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 20px;overflow:hidden;transition:background .2s}.db-card:hover{background:#ffffff12}.db-card-accent{position:absolute;top:0;left:0;width:4px;height:100%;border-radius:16px 0 0 16px}.db-card--blue .db-card-accent{background:#64b5f6}.db-card--green .db-card-accent{background:#30d158}.db-card--red .db-card-accent{background:#ef4444}.db-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.db-card--blue .db-card-icon{background:#64b5f61f;color:#64b5f6}.db-card--green .db-card-icon{background:#30d1581f;color:#30d158}.db-card--red .db-card-icon{background:#ef44441f;color:#ef4444}.db-card-icon svg{width:20px;height:20px}.db-card-body{display:flex;flex-direction:column;gap:3px}.db-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#fff6}.db-card-value{font-size:28px;font-weight:800;letter-spacing:-.04em;font-family:-apple-system,system-ui,sans-serif}.db-card-value--blue{color:#64b5f6}.db-card-value--green{color:#30d158}.db-card-value--red{color:#ef4444}.db-finance-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.db-finance-card{display:flex;flex-direction:column;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 18px;transition:background .2s}.db-finance-card:hover{background:#ffffff0f}.db-finance-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#ffffff59}.db-finance-value{font-size:18px;font-weight:800;letter-spacing:-.03em;font-family:-apple-system,system-ui,sans-serif}.db-finance-value--green{color:#30d158}.db-finance-value--blue{color:#64b5f6}.db-finance-value--orange{color:#ffb74d}.db-finance-value--red{color:#ef4444}.db-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px;margin-bottom:20px}.db-section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.db-section-accent{width:4px;height:20px;border-radius:2px;flex-shrink:0}.db-section-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em}.db-section-sub{font-size:12px;color:#ffffff4d}.db-badge{background:#64b5f61f;color:#64b5f6;font-size:12px;font-weight:700;padding:2px 10px;border-radius:20px}.db-chart{display:flex;flex-direction:column;gap:12px}.db-chart-bar{display:flex;align-items:center;gap:14px}.db-chart-month{font-size:12px;font-weight:600;color:#fff6;min-width:52px;text-align:right;flex-shrink:0}.db-chart-track{flex:1;height:32px;background:#ffffff0a;border-radius:8px;position:relative;overflow:hidden}.db-chart-fill{height:100%;border-radius:8px;min-width:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.db-chart-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.5);pointer-events:none}.db-search-wrap{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 12px;min-width:200px}.db-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:13px;font-family:-apple-system,system-ui,sans-serif}.db-search-input::placeholder{color:#ffffff40}.db-search-clear{background:none;border:none;color:#ffffff4d;font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.db-search-clear:hover{color:#ef4444}.db-table-wrap{overflow-x:auto;border-radius:12px}.db-table{width:100%;min-width:700px;border-collapse:collapse;font-size:13px}.db-table thead tr{border-bottom:1px solid rgba(255,255,255,.06)}.db-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#ffffff4d;white-space:nowrap}.db-table-row{cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.db-table-row:last-child{border-bottom:none}.db-table-row:hover{background:#ffffff0a}.db-table td{padding:12px 14px;vertical-align:middle}.db-table-nr{font-weight:700;color:#64b5f6;font-family:JetBrains Mono,monospace;font-size:13px}.db-table-muted{color:#ffffff73;font-size:12px}.db-table-name{color:#fff;font-weight:500}.db-status-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef444480}.db-status-dot.db-status-done{background:#30d158;box-shadow:0 0 6px #30d15880}.db-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.db-avatar img{width:100%;height:100%;object-fit:cover}.db-avatar--initial{background:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.db-progress-wrap{display:flex;align-items:center;gap:8px}.db-progress-bar{flex:1;min-width:80px;height:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.db-progress-fill{height:100%;background:#ffb74d;border-radius:4px;transition:width .3s}.db-progress-fill.db-progress-full{background:#30d158}.db-progress-text{font-size:11px;color:#fff6;white-space:nowrap;min-width:28px}.db-row-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}.db-icon-btn{width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:all .15s;color:#fff9}.db-icon-btn svg{width:16px;height:16px}.db-icon-btn:hover{background:#ffffff1a;color:#fff}.db-icon-btn--pdf:hover{background:#ef44441f;border-color:#ef444433}.db-empty{text-align:center;padding:40px 20px;color:#ffffff40;font-size:13px;display:flex;flex-direction:column;align-items:center}.db-empty-small{text-align:center;padding:16px;color:#ffffff40;font-size:13px}.db-context-menu{position:fixed;background:#14161ef5;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;z-index:9999;min-width:200px;box-shadow:0 8px 32px #0009;animation:dbCtxIn .15s cubic-bezier(.16,1,.3,1)}@keyframes dbCtxIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.db-ctx-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:#ffffffd9;font-size:13px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;transition:background .15s;font-family:-apple-system,system-ui,sans-serif}.db-ctx-btn:hover{background:#ffffff12}.db-ctx-btn--green{color:#30d158}.db-ctx-btn--green:hover{background:#30d1581a}.db-ctx-btn--muted{color:#ffffff59;font-size:12px;justify-content:center}.db-ctx-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:4px 0}.db-ctx-backdrop{position:fixed;inset:0;z-index:9998}@media (max-width: 768px){.db-page{padding:14px 12px 60px}.db-cards,.db-finance-row{grid-template-columns:1fr 1fr;gap:10px}.db-card-value{font-size:22px}.db-finance-value{font-size:15px}.db-title{font-size:20px}.db-section{padding:14px}.db-section-header{gap:8px}.db-search-wrap{min-width:100%;margin-top:8px}.db-table{font-size:12px}}.selection-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:12px;margin-bottom:12px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sel-count{font-size:.85rem;font-weight:600;color:#34d399}.sel-action{padding:6px 14px;border-radius:8px;border:none;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.sel-action svg{width:14px;height:14px}.sel-delete{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.sel-delete:hover{background:#ef444433}.sel-cancel{background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.1)}.sel-cancel:hover{background:#ffffff1a;color:#fff}.cbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.25);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:transparent}.cbox svg{width:14px;height:14px}.cbox:hover{border-color:#10b981}.cbox-on{background:#10b981!important;border-color:#10b981!important}.order-row.selected-row{background:#10b9811f!important;border-left:3px solid #10b981!important;outline:1px solid rgba(16,185,129,.25)}.light-mode .selection-bar{background:#10b9810f;border-color:#10b98133}.light-mode .sel-count{color:#059669}.light-mode .sel-delete{background:#ef44440f;border-color:#ef444433}.light-mode .sel-cancel{background:#0000000a;color:#64748b;border-color:#e2e8f0}.light-mode .cbox{border-color:#cbd5e1}.light-mode .cbox:hover{border-color:#10b981}.light-mode .order-row.selected-row{background:#10b98114!important;border-left:3px solid #10b981!important;outline:1px solid rgba(16,185,129,.2)}.title-actions{display:flex;align-items:center;gap:8px}.select-mode-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#ffffffbf;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.select-mode-btn svg{width:14px;height:14px}.select-mode-btn:hover{background:#ffffff1a;color:#fff}.light-mode .select-mode-btn{border-color:#e2e8f0;background:#f8fafc;color:#475569}.light-mode .select-mode-btn:hover{background:#f1f5f9;color:#1e293b}.sel-count-inline{font-size:.82rem;font-weight:600;color:#34d399;padding:0 4px}.light-mode .sel-count-inline{color:#059669}.header-actions{display:flex;flex-direction:column;align-items:stretch;margin-bottom:20px;gap:12px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:color .3s ease}.progress-fill{height:100%;background:var(--accent-edit);width:0%;box-shadow:var(--glow-amber);transition:width .3s ease}@media (max-width: 768px){.orders-container{padding:12px 12px 20px}.header-actions{margin-bottom:12px;gap:10px}h1{font-size:1.4rem}.search-input{font-size:16px;padding:10px 36px 10px 38px}.table-wrapper{background:none;border:none;box-shadow:none;overflow:visible}.orders-table thead{display:none}.orders-table,.orders-table tbody{display:block;width:100%}.orders-table tbody.month-group-header,.orders-table tbody.month-group-header tr{display:block}.month-group-header td{padding:10px 14px!important;display:block}.orders-table tbody:not(.month-group-header){display:block}.order-row{display:grid!important;grid-template-columns:1fr 1fr;grid-template-areas:"nr      nr" "kunde   erstellt" "datum   fertig" "fort    aktionen";background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;margin-bottom:8px;gap:6px 12px}.order-row td:nth-child(1){grid-area:nr;font-size:1rem;font-weight:700;color:#10b981;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.order-row td:nth-child(2){grid-area:datum}.order-row td:nth-child(3){grid-area:fertig}.order-row td:nth-child(4){grid-area:kunde}.order-row td:nth-child(5){grid-area:erstellt;display:flex;align-items:flex-start}.order-row td:nth-child(6){grid-area:fort}.order-row td:nth-child(7),.order-row td:nth-child(8){grid-area:aktionen;display:flex;gap:8px;align-items:center;justify-content:flex-end}.order-row td{display:block;padding:3px 0;border-bottom:none;font-size:.85rem}.order-row td:nth-child(2):before{content:"Erstellt";display:block;font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.order-row td:nth-child(3):before{content:"Fertigstellung";display:block;font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.order-row td:nth-child(4):before{content:"Kunde";display:block;font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.order-row td:nth-child(5):before{content:"Erstellt von";display:block;font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.order-row td:nth-child(6):before{content:"Fortschritt";display:block;font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}.group-info{gap:10px;flex-wrap:wrap}.month-name{font-size:1rem}.month-sum{padding:4px 10px;font-size:.85rem}.modal-content{width:95%;max-width:none;padding:20px;border-radius:16px}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{width:100%}.context-menu{min-width:180px}}.month-group-header{background:var(--bg-surface);cursor:pointer;transition:background .2s;position:relative;z-index:10;-webkit-user-select:none;user-select:none}.month-group-header:hover{background:#ffffff0a}.month-group-header td{padding:12px 20px!important;border-bottom:1px solid var(--border-regular)!important}.month-name{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:.5px}.month-sum{margin-left:auto;color:var(--accent-primary);background:#10b9811a;padding:6px 16px;border-radius:20px;font-size:.95rem;font-weight:800;box-shadow:var(--glow-emerald)}.context-menu{position:fixed;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:14px;padding:6px;z-index:1000;box-shadow:0 10px 40px -10px #000000b3,0 0 0 1px #ffffff0d inset;min-width:220px;animation:menuFadeUp .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.context-menu button{width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);text-align:left;font-size:13.5px;font-weight:500;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:12px;transition:all .2s ease;position:relative}.context-menu button:hover{background:#ffffff14;color:var(--accent-primary);transform:translate(2px)}.context-menu button.invoice-btn{color:#fb923c}.context-menu button.invoice-btn:hover{background:#f59e0b26;color:#f59e0b}.context-menu .menu-divider{height:1px;background:#ffffff14;margin:4px 6px}.context-menu .close-btn{color:#ffffff80;font-size:12px;justify-content:center;padding:8px;margin-top:2px;font-weight:400}.context-menu .close-btn:hover{background:transparent;color:#fffc;transform:none}.user-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background-color:var(--accent-primary);color:var(--bg-base);font-size:1.2rem;font-weight:700;letter-spacing:.5px;box-shadow:var(--glow-emerald)}.modal-content{background:var(--glass-bg);border:1px solid var(--border-regular);border-radius:24px;padding:30px;width:90%;max-width:420px;box-shadow:0 25px 50px #0009;backdrop-filter:var(--glass-blur);transform:scale(.95);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}.btn-confirm{padding:10px 20px;background:var(--accent-primary);border:none;border-radius:8px;color:var(--bg-base);cursor:pointer;font-size:.9rem;font-weight:700;transition:var(--transition-premium);box-shadow:var(--glow-emerald)}.btn-confirm:hover{filter:brightness(1.1);transform:translateY(-2px)}.modal-content.error-modal .btn-confirm{background:var(--accent-danger);box-shadow:var(--glow-ruby)}.history-btn:hover{color:var(--accent-edit);background:#f59e0b1a;transform:translateY(-2px) scale(1.1);box-shadow:var(--glow-amber)}.btn-add{background:var(--accent-primary);color:var(--bg-base);padding:0 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:var(--transition-premium);box-shadow:var(--glow-emerald)}.btn-add:hover{filter:brightness(1.1)}.amount-cell{font-weight:700;color:var(--accent-primary)}.company-icon{width:18px;height:18px;color:#fff9;vertical-align:middle;margin-left:6px;flex-shrink:0}.project-container{padding:0 20px 40px;max-width:900px;margin:0 auto;width:100%}.project-header{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;color:#fff;transition:all .2s}.back-btn:hover{background:#ffffff1f}.back-btn svg{width:18px;height:18px}.project-title{flex:1}.project-number{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.project-customer{display:block;font-size:.85rem;color:#ffffff80;margin-top:2px}.project-sum{text-align:right}.sum-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;display:block}.sum-value{font-size:1.3rem;font-weight:700;color:#10b981;font-family:JetBrains Mono,monospace}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}.info-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;display:block}.info-value{font-size:.95rem;color:#fff;font-weight:500}.info-value.highlight{color:#10b981;font-weight:700;font-size:1.05rem}.info-value.accent{color:#60a5fa}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin:24px 0 12px}.groups-list{display:flex;flex-wrap:wrap;gap:8px}.group-chip{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:20px;font-size:.85rem;color:#10b981;font-weight:500}.group-chip svg{width:14px;height:14px}.empty-hint{color:#ffffff59;font-style:italic;font-size:.85rem}.pdf-download-btn{display:flex;align-items:center;gap:10px;margin-top:24px;padding:12px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:12px;color:#ef4444;font-weight:600;cursor:pointer;transition:all .2s}.pdf-download-btn svg{width:18px;height:18px}.pdf-download-btn:hover{background:#ef44442e;transform:translateY(-1px)}.material-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px}.mat-table{width:100%;border-collapse:collapse}.mat-table th{text-align:left;padding:10px 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.mat-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;color:#ffffffd9}.mat-table .right{text-align:right}.mat-name{font-weight:600;color:#fff}.invoice-summary{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.is-item{flex:1;min-width:120px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;text-align:center}.is-label{display:block;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.is-value{font-size:1.1rem;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.is-value.paid{color:#10b981}.is-value.open{color:#f59e0b}.create-invoice-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:10px;color:#10b981;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.create-invoice-btn:hover{background:#10b98133;transform:translateY(-1px)}.invoices-list{display:flex;flex-direction:column;gap:8px}.invoice-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:context-menu;transition:all .2s}.invoice-row:hover{border-color:#ffffff26}.invoice-row.paid{border-color:#10b98133;background:#10b9810a}.inv-number{font-weight:700;color:#fff;font-size:.95rem}.inv-dates{font-size:.82rem;color:#ffffff80}.inv-date-label{color:#ffffff59}.inv-date-sep{margin:0 6px}.inv-amount{font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.status-badge{padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600}.status-badge.done{background:#10b98126;color:#10b981}.status-badge.open-badge{background:#f59e0b26;color:#f59e0b}.loading-state,.error-state,.empty-state{text-align:center;padding:40px;color:#fff6;font-size:.95rem}.error-state{color:#f87171}.modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.modal-card{background:#0d111af7;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;width:90%;max-width:480px;box-shadow:0 25px 50px #0009}.modal-card h3{margin:0 0 20px;font-size:1.2rem;color:#fff}.mode-toggle{display:flex;gap:6px;margin-bottom:16px}.mode-toggle button{flex:1;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:.85rem;cursor:pointer;transition:all .2s}.mode-toggle button.active{background:#10b9811f;border-color:#10b9814d;color:#10b981;font-weight:600}.selection-list{max-height:250px;overflow-y:auto;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:16px}.sel-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;color:#fffc;font-size:.9rem}.sel-item:hover{background:#ffffff0a}.sel-item.selected{background:#10b98114}.sel-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:5px;cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}.sel-item input[type=checkbox]:checked{background:#10b981;border-color:#10b981}.sel-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.due-date-field{margin-bottom:16px}.due-date-field label{display:block;font-size:.75rem;color:#ffffff80;text-transform:uppercase;margin-bottom:6px}.due-date-field input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;outline:none}.due-date-field input:focus{border-color:#10b981}.invoice-preview{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;margin-bottom:16px;color:#ffffffb3;font-size:.9rem}.preview-amount{font-size:1.1rem;font-weight:700;color:#10b981;font-family:JetBrains Mono,monospace}.modal-error{color:#ef4444;font-size:.85rem;margin-bottom:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.btn-create{padding:10px 20px;background:#10b981;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s}.btn-create:hover{background:#059669;transform:translateY(-1px)}.btn-create:disabled{opacity:.5;cursor:not-allowed}.context-menu{position:fixed;background:#0d111af7;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;z-index:3000;min-width:220px;box-shadow:0 10px 40px #000000b3;animation:menuUp .15s ease-out}@keyframes menuUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.context-menu button{width:100%;padding:10px 12px;background:none;border:none;color:#fffc;text-align:left;font-size:.85rem;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:10px;transition:all .15s}.context-menu button svg{width:16px;height:16px}.context-menu button:hover{background:#ffffff14}.context-menu .complete-btn{color:#10b981}.context-menu .complete-btn:hover{background:#10b98126}.context-menu .delete-btn{color:#f87171}.context-menu .delete-btn:hover{background:#ef444426}.context-menu .close-btn{color:#fff6;font-size:.8rem;justify-content:center}.context-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2999}.light-mode .project-header{border-bottom-color:#e2e8f0}.light-mode .back-btn{background:#0000000a;border-color:#e2e8f0;color:#334155}.light-mode .back-btn:hover{background:#00000014}.light-mode .project-customer{color:#64748b}.light-mode .sum-label{color:#94a3b8}.light-mode .info-card{background:#fff;border-color:#e2e8f0}.light-mode .info-label{color:#94a3b8}.light-mode .info-value{color:#1e293b}.light-mode .section-title{color:#64748b}.light-mode .group-chip{background:#10b98114;border-color:#10b98133;color:#047857}.light-mode .pdf-download-btn{background:#ef44440f;border-color:#ef444433}.light-mode .material-table-wrap{border-color:#e2e8f0}.light-mode .mat-table th{background:#f8fafc;color:#64748b;border-bottom-color:#e2e8f0}.light-mode .mat-table td{color:#334155;border-bottom-color:#f1f5f9}.light-mode .mat-name{color:#1e293b}.light-mode .is-item{background:#fff;border-color:#e2e8f0}.light-mode .is-label{color:#94a3b8}.light-mode .is-value{color:#1e293b}.light-mode .create-invoice-btn{background:#10b9810f;border-color:#10b98133}.light-mode .invoice-row{background:#fff;border-color:#e2e8f0}.light-mode .invoice-row:hover{border-color:#cbd5e1}.light-mode .invoice-row.paid{background:#10b98108;border-color:#10b98126}.light-mode .inv-number{color:#1e293b}.light-mode .inv-dates{color:#64748b}.light-mode .inv-date-label{color:#94a3b8}.light-mode .inv-amount{color:#1e293b}.light-mode .loading-state,.light-mode .empty-state{color:#94a3b8}.light-mode .modal-card{background:#fff;border-color:#e2e8f0}.light-mode .modal-card h3{color:#1e293b}.light-mode .mode-toggle button{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.light-mode .mode-toggle button.active{background:#10b98114;border-color:#10b98140;color:#047857}.light-mode .selection-list{border-color:#e2e8f0}.light-mode .sel-item{color:#334155;border-bottom-color:#f1f5f9}.light-mode .sel-item:hover{background:#f8fafc}.light-mode .sel-item.selected{background:#10b9810d}.light-mode .sel-item input[type=checkbox]{background:#f1f5f9;border-color:#cbd5e1}.light-mode .due-date-field input{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.light-mode .due-date-field label{color:#64748b}.light-mode .invoice-preview{background:#10b9810d;border-color:#10b98126;color:#334155}.light-mode .btn-cancel{background:#f8fafc;border-color:#e2e8f0;color:#334155}.light-mode .context-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px #00000026}.light-mode .context-menu button{color:#334155}.light-mode .context-menu button:hover{background:#f1f5f9}@media (max-width: 768px){.project-container{padding:0 12px 100px}.project-header{flex-wrap:wrap;gap:12px}.project-sum{width:100%;text-align:left}.info-grid{grid-template-columns:1fr;gap:14px}.invoice-summary{flex-direction:column}.invoice-row{grid-template-columns:1fr;gap:6px}.inv-dates{font-size:.78rem}.modal-card{max-width:none;width:95%;padding:20px}}.search-input{width:100%;padding:12px 40px 12px 42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.95rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px)}.search-input:focus+.search-icon{color:#6366f1}.btn.primary{background:linear-gradient(135deg,var(--accent-edit),#d97706);color:#0b0e14;padding:12px 24px;border-radius:12px;border:none;font-size:15px;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-amber);transition:var(--transition-premium)}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important;width:100%;margin-left:0!important;margin-right:0!important}.mobile-complaint-list{display:flex;flex-direction:column;gap:16px;margin-top:10px}.mobile-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:background .2s}.mobile-card:active{background:#ffffff0f}.flex-between{justify-content:space-between}.align-center{align-items:center}.flex-align{display:flex;align-items:center}.m-card-row{display:flex;width:100%}.m-order-num{font-weight:700;font-size:1.05rem}.m-date{color:#ffffff80;font-size:.9rem}.description-row p{margin:0;color:#ffffffd9;font-size:.95rem;line-height:1.4}.m-label{color:#ffffff80;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.m-creator-info{gap:8px;color:#fff;font-size:.95rem;font-weight:500}.m-damage{color:var(--accent-danger);font-family:monospace;font-size:1.15rem;font-weight:700;text-shadow:var(--glow-ruby)}.m-footer-row{padding-top:12px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.orders-container{padding:12px}.header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{margin-bottom:16px}.title-row{margin-bottom:12px;justify-content:center}h1{font-size:1.4rem;text-align:center;width:100%}.search-input{font-size:16px;padding:10px 36px 10px 38px;text-align:center}.search-input::placeholder{text-align:center}.table-wrapper{margin:0 -12px;border-radius:0;border-left:none;border-right:none}.month-group-header td{padding:10px 14px!important}.group-info{gap:10px;flex-wrap:wrap}.month-name{font-size:1rem}.month-sum{padding:4px 10px;font-size:.85rem}.action-group{gap:12px}.modal-content{width:95%;max-width:none;padding:20px;border-radius:16px}.header-actions .btn.primary{width:100%;border-radius:12px;padding:14px;font-size:15px;margin-top:8px;justify-content:center}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{width:100%}.context-menu{min-width:180px}.user-badge,.user-avatar-small{width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important;max-width:84px!important;max-height:84px!important;font-size:2.4rem!important}.user-avatar-small img{max-width:84px!important;max-height:84px!important}}.arrow{display:inline-block;transition:transform .2s ease;color:var(--accent-edit);font-size:12px}.month-sum{margin-left:auto;color:var(--accent-success);background:#10b9811a;padding:6px 16px;border-radius:20px;font-size:.95rem;font-weight:800;box-shadow:var(--glow-emerald)}.context-menu button.complete-btn{color:#4ade80}.context-menu button.complete-btn:hover{background:#10b98126;color:#10b981}.form-control:focus{border-color:var(--accent-primary);background:#0000004d;box-shadow:var(--glow-emerald);outline:none}.gate-card{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 30px;text-align:center;backdrop-filter:blur(20px);width:90%;max-width:400px;box-shadow:0 25px 50px #0009;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}.gate-icon svg{width:32px;height:32px}.filter-container{display:inline-block}.filter-toggle-btn.main-filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;padding:10px 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;backdrop-filter:blur(5px);height:44px;margin-left:0}.filter-toggle-btn.main-filter-btn:hover{background:#ffffff14;border-color:#fff3}.filter-toggle-btn.main-filter-btn.active{background:#6366f11a;border-color:#6366f1;color:#a5b4fc}.filter-toggle-btn.main-filter-btn .filter-dot{top:10px;right:10px}.filter-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background-color:#ef4444;border-radius:50%;border:2px solid #1e1e1e}.filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#1e1e1ef2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;box-shadow:0 10px 30px #00000080;z-index:1000;text-align:left;font-weight:400;text-transform:none;letter-spacing:normal}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem;font-weight:600;color:#fff}.clear-filters-btn{background:none;border:none;color:#ef4444;font-size:.8rem;cursor:pointer;padding:4px;transition:color .2s}.clear-filters-btn:hover{color:#dc2626;text-decoration:underline}.filter-group{margin-bottom:12px}.filter-group:last-child{margin-bottom:0}.filter-group-title{font-size:.75rem;text-transform:uppercase;color:#fff6;margin-bottom:6px;font-weight:600;letter-spacing:.5px}.filter-option{display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:pointer;color:#fffc;font-size:.9rem;transition:color .2s}.filter-option:last-child{margin-bottom:0}.filter-option:hover{color:#fff}.filter-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;position:relative;transition:all .2s}.filter-option input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.filter-option input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.create-container{padding:0;width:100%}.split-layout{display:flex;gap:32px;align-items:flex-start}.form-side{flex:1;min-width:0}.preview-side{width:450px;position:sticky;top:24px;flex-shrink:0}.card{width:100%;max-width:auto;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:20px;padding:4px;box-sizing:border-box;overflow:hidden;box-shadow:0 20px 50px #00000080}.card.editing-mode{border-color:#fff3;box-shadow:0 0 20px #00000080;transition:all .4s ease}.card.resolved-mode{border-color:#10b981;box-shadow:0 0 25px #10b98140;transition:all .4s ease}.preview-card{width:100%;max-width:none;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 48px);transition:opacity .3s}.preview-card.loading{opacity:.7;pointer-events:none}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#cbd5e1}.loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#ec4899;border-radius:50%;animation:spin 1s linear infinite}.preview-content{flex:1;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.preview-content iframe{width:100%;height:100%;border:none;display:block}.empty-preview{color:#fff6;font-size:.9rem;text-align:center;padding:20px}h1{font-size:24px;font-weight:700;margin-bottom:32px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.summary-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px 32px;display:flex;justify-content:flex-end;box-sizing:border-box;width:100%;margin-top:24px}.footer-content{display:flex;flex-direction:column;gap:12px;align-items:flex-end;width:100%;margin:0 auto}.form{display:flex;flex-direction:column;gap:32px;width:100%;margin:0 auto}.info-input{min-width:250px;height:32px;min-height:32px;resize:none;line-height:1.4;padding-top:5px!important;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.info-input:focus{height:150px;background:#1f2937!important;border-color:#ec4899!important;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.row{display:flex;gap:20px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.checkbox-row{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;min-width:auto!important;cursor:pointer}.label-text{font-size:13px;color:#fff9;margin-left:4px;font-weight:500}.input-wrap{background:#0003;border-radius:12px;padding:1px;background-image:linear-gradient(to right,#ffffff1a,#ffffff0d);transition:all .3s}.input-wrap:focus-within{background:var(--bg-surface-light);border-color:var(--accent-primary)}input,textarea{width:100%;background:#14141499;border:none;border-radius:11px;padding:14px 16px;color:#fff;outline:none;font-size:15px;box-sizing:border-box;font-family:inherit}textarea{height:100px;resize:none;line-height:1.5}input[type=date]{color-scheme:dark}.divider{display:flex;align-items:center;gap:16px;color:#fffc;font-weight:600;font-size:18px;margin-top:10px}.divider.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.divider.clickable:hover{color:#fff}.divider.clickable:hover .line{background:#ffffff4d}.chevron{font-size:.8em;transition:transform .3s ease;color:#ffffff80}.chevron.collapsed{transform:rotate(-90deg)}.line{flex-grow:1;height:1px;background:#ffffff1a;transition:background .2s}.positions-list{display:flex;flex-direction:column;gap:24px}.position-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;position:relative;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pos-number{font-family:Courier New,monospace;font-weight:700;color:#ffffff4d;font-size:14px}.remove-btn{background:none;border:none;color:#fff6;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s}.remove-btn:hover{color:#fca5a5;background:#dc26261a}.pos-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.pos-grid label{flex:1 1 140px}.pos-grid .full-width{flex:1 1 100%}.pos-grid .price-field{flex:1 1 100px}@media (max-width: 600px){.pos-grid label{flex:1 1 100%}}.full-width{width:100%}.price-field{min-width:100px}.info-field{width:100%}textarea{background:#14141499!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;width:100%;min-height:100px;box-shadow:none!important;outline:none!important}textarea:focus{border-color:#ec4899!important}.add-btn{background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);color:#ffffffb3;padding:16px;border-radius:12px;font-size:15px;cursor:pointer;transition:all .2s;font-weight:500}.add-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff6}.actions{display:flex;justify-content:flex-end;margin-top:12px}.btn.primary{background:linear-gradient(135deg,var(--accent-edit),#d97706);color:#0b0e14;padding:16px 32px;border-radius:12px;border:none;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-amber);transition:var(--transition-premium)}.btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.error{background:#dc26261a;color:#fca5a5;padding:12px;border-radius:8px;border:1px solid rgba(220,38,38,.2);text-align:center}.locked-badge{background-color:#10b981;color:#fff;font-size:.6em;padding:2px 8px;border-radius:99px;vertical-align:middle;margin-left:10px;text-shadow:none;font-weight:500}.locked-banner{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.3);padding:16px;border-radius:12px;margin-bottom:32px;text-align:center;font-weight:500}.payment-history{margin-top:24px;margin-bottom:24px}.payment-history h3{font-size:1.1em;margin-bottom:16px;color:#ffffffe6}.table-container{background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.info-input{min-width:250px;height:80px;resize:none;line-height:1.5;padding-top:6px!important;overflow-y:auto;white-space:pre-wrap}.info-input:focus{background:#1f2937!important;border-color:#ec4899!important}.payment-table{width:100%;border-collapse:collapse}.payment-table th,.payment-table td{padding:16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.payment-table th{background:#ffffff08;font-size:.85em;text-transform:uppercase;color:#ffffff80;font-weight:600;letter-spacing:.5px}.payment-table td{font-size:.95em;color:#ffffffe6}.payment-table td.amount{font-family:monospace;font-weight:600;color:#10b981;font-size:1.1em}.payment-table tr:last-child td{border-bottom:none}.payment-placeholder{color:#fff6;font-style:italic;padding:24px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;margin-bottom:24px}.styled-table{width:100%;border-collapse:collapse;font-size:17px;table-layout:fixed}.styled-table th,.styled-table td{padding:12px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.4;overflow:hidden;text-overflow:ellipsis}.styled-table th{background:#ffffff08;font-size:1rem;text-transform:uppercase;color:#fff9;font-weight:600;text-align:center;white-space:nowrap;letter-spacing:.5px}.styled-table th:nth-child(1),.styled-table td:nth-child(1){width:40px;text-align:center}.styled-table th:nth-child(2),.styled-table td:nth-child(2),.styled-table th:nth-child(3),.styled-table td:nth-child(3),.styled-table th:nth-child(4),.styled-table td:nth-child(4),.styled-table th:nth-child(5),.styled-table td:nth-child(5),.styled-table th:nth-child(6),.styled-table td:nth-child(6),.styled-table th:nth-child(7),.styled-table td:nth-child(7),.styled-table th:nth-child(8),.styled-table td:nth-child(8){width:13.5%}.styled-table th:nth-child(2),.styled-table td:nth-child(2),.styled-table th:nth-child(8),.styled-table td:nth-child(8){text-align:left}.styled-table th:nth-child(3),.styled-table td:nth-child(3),.styled-table th:nth-child(4),.styled-table td:nth-child(4),.styled-table th:nth-child(5),.styled-table td:nth-child(5),.styled-table th:nth-child(6),.styled-table td:nth-child(6),.styled-table th:nth-child(7),.styled-table td:nth-child(7){text-align:center}.styled-table th:last-child,.styled-table td:last-child{width:50px;text-align:center;border-bottom:none}.styled-table tr:last-child td{border-bottom:none}.table-input{width:100%;background:transparent!important;border:1px solid transparent!important;color:#fff!important;padding:6px 8px!important;border-radius:4px!important;transition:all .2s;font-size:17px!important;line-height:1.4;box-sizing:border-box;height:auto;text-align:center}.table-input:focus{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;outline:none}input[type=text].table-input,textarea.table-input{text-align:left}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.table-input:hover:not(:disabled){background:#ffffff0d!important}.table-input:focus{background:#14141499!important;border-color:#fff3!important}.table-input:disabled{color:#ffffffb3!important;background:transparent!important;cursor:default}.dims-group{display:flex;align-items:center;justify-content:center;gap:4px}.dims-group .dim{width:60px;text-align:center}.x-sep{color:#ffffff4d;font-size:.9em}.total-col{font-family:monospace;font-weight:600;color:#10b981}.total-item .value{font-family:Courier New,monospace;font-weight:600}.total-item{display:flex;align-items:center;gap:16px;font-size:1.2rem;color:#ffffffe6}.total-item.discount-item,.total-item .discount-value{color:#ff6b6b}.total-item.damage-total,.total-item.damage-total .value{color:#ef4444}.total-item.highlight{font-size:1.4rem;font-weight:700;color:#10b981}.segment-control{display:inline-flex;position:relative;background:#0f172a;border-radius:99px;padding:4px;margin-left:20px;vertical-align:middle;border:1px solid rgba(255,255,255,.1);box-shadow:none;height:36px;box-sizing:border-box}.segment-option{position:relative;z-index:50!important;padding:0 16px;font-size:14px;font-weight:600;color:#fff!important;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;height:100%;text-shadow:none!important;opacity:1!important;-webkit-text-fill-color:#ffffff!important;background:transparent}.segment-option.active{color:#fff!important;text-shadow:none!important}.segment-slider{position:absolute;top:4px;bottom:4px;left:4px;width:80px;background:#334155;border-radius:99px;z-index:1!important;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s,background-color .3s;box-shadow:none}.segment-option:first-child{width:80px;padding:0!important}.segment-option:nth-child(2){width:100px;padding:0!important}.segment-slider{width:80px;transform:translate(0)}.segment-slider.right{transform:translate(80px);width:100px;background:#2563eb;box-shadow:none}@media (max-width: 768px){.split-layout{flex-direction:column}.preview-side{width:100%;position:static}.create-container{padding:12px 12px 120px}.card,.preview-card{padding:16px;border-radius:14px;overflow:hidden;max-width:100%;box-sizing:border-box}.preview-card{height:600px;margin-top:24px}.card h1{padding:16px;font-size:1.3rem}.card-content{padding:0 16px 16px}.form{gap:20px}.row{flex-direction:column;gap:14px}label{min-width:unset}.position-card{padding:16px;border-radius:12px}.table-container{overflow:visible;background:none;border:none;border-radius:0;margin:0;padding:0}.styled-table{min-width:unset!important;table-layout:auto!important}.styled-table thead{display:none}.styled-table,.styled-table tbody,.styled-table tr,.styled-table td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.styled-table tr{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px}.styled-table td{display:flex;flex-direction:column;align-items:stretch;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:6px}.styled-table td:last-child{border-bottom:none}.styled-table td:before{content:attr(data-label);font-weight:600;font-size:.7rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.styled-table td[data-label=""]:before{display:none}.styled-table .table-input:not([type=checkbox]),.styled-table td input:not([type=checkbox]),.styled-table td select,.styled-table td textarea{width:100%!important;max-width:100%!important;font-size:16px!important;padding:12px!important;background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important}.styled-table .table-input:focus,.styled-table td input:not([type=checkbox]):focus,.styled-table td select:focus{background:#0000004d!important;border-color:#fff3!important}.dims-group{display:flex;width:100%}.dims-group .dim{flex:1;width:auto}.x-sep{margin:0 8px;align-self:center}.styled-table td.pos-number{text-align:center;font-size:.85rem;padding:4px 0 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff6}.styled-table td.pos-number:before{display:none}.styled-table td.total-col{font-size:1.1rem;font-weight:600;color:#10b981;text-align:right}.styled-table td[data-label=""]{align-items:flex-end}.remove-btn{font-size:20px}.info-input{min-width:unset!important;width:100%!important;height:60px!important}.styled-table td[data-label=Info] .input-wrap{width:100%}.summary-card{position:sticky;bottom:0;flex-direction:column;align-items:center;gap:16px;padding:16px;border-radius:14px 14px 0 0;background:#05020af2;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);z-index:10;margin:0 -12px;box-sizing:border-box}.footer-content{flex-direction:column;align-items:center;gap:16px}.total-item{font-size:.95rem;gap:10px}.total-item.highlight{font-size:1.3rem}.actions{justify-content:stretch}.btn.primary{width:100%;padding:14px;font-size:15px}.add-btn{padding:14px;font-size:15px;display:flex!important;justify-content:center;width:100%;margin-top:20px!important;margin-bottom:24px!important}.divider{font-size:15px}}@media (min-width: 769px) and (max-width: 1200px){.split-layout{flex-direction:column}.preview-side{width:100%;position:static}.preview-card{height:800px}.card{padding:24px}.styled-table{font-size:15px}}.custom-dropdown-container{position:relative;width:100%}.custom-select{position:relative;width:100%;cursor:pointer}.search-input{width:100%;padding-right:40px;cursor:text}.chevron-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:#ffffff80;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:transform .2s}.chevron-icon.open{transform:translateY(-50%) rotate(180deg)}.dropdown-list{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:250px;overflow-y:auto;background:#1f2937;border:1px solid rgba(255,255,255,.1);border-radius:12px;z-index:1000;box-shadow:0 10px 25px #00000080;padding:8px 0}.dropdown-item{padding:12px 16px;color:#fff;cursor:pointer;transition:background .2s;font-size:15px}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.empty{color:#ffffff80;font-style:italic;cursor:default}.dropdown-item.empty:hover{background:none}.dropdown-overlay{position:fixed;inset:0;z-index:999}.reklamated-row{background:#ef44441a!important;border-left:3px solid #ef4444}.image-viewer-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;backdrop-filter:blur(10px)}.image-viewer-modal .viewer-image{max-width:90%;max-height:80%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.image-viewer-modal .close-viewer-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s}.image-viewer-modal .close-viewer-btn:hover{background:#ef4444cc}.image-viewer-modal .download-btn{margin-top:20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.image-viewer-modal .download-btn:hover{background:#fff3;border-color:#fff}.gate-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:50px 40px;text-align:center;backdrop-filter:blur(20px)}.gate-icon{width:70px;height:70px;margin:0 auto 24px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:20px;display:grid;place-items:center}.gate-icon svg{width:32px;height:32px;color:#fbbf24}.btn-unlock{width:100%}.deleted-row td{color:#fff9!important}.deleted-row td.highlight{color:#ffffffe6!important}.deleted-card{opacity:.8}.btn-restore{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.85rem}.btn-restore:hover{background:#10b98133;transform:translateY(-1px)}.mobile-btn{padding:8px 16px;font-size:.9rem}.orders-container{padding:20px;width:100%;max-width:100%;margin:0}.tabs-container{display:flex;gap:12px;margin:24px 0;padding:6px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:14px;width:fit-content;box-shadow:0 10px 30px #0000004d}.tab-btn{padding:10px 20px;border:none;background:transparent;color:#fff6;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;opacity:1;border-bottom:none;top:0}.tab-btn .tab-icon{font-size:1.1rem;filter:grayscale(1) opacity(.5);transition:all .2s}.tab-btn:hover{color:#fffc;background:#ffffff08;opacity:1}.tab-btn.active{background:var(--bg-surface-light);color:var(--text-primary);box-shadow:0 4px 12px #0000004d;opacity:1;border-bottom:none}.tab-btn.active .tab-icon{filter:none}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions{display:flex;flex-direction:column;align-items:stretch;margin-bottom:30px;gap:15px}.title-row{display:flex;justify-content:space-between;align-items:center;width:100%}h1{font-size:2rem;margin:0;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.search-wrap{position:relative;width:100%}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#fff6;pointer-events:none;transition:color .3s ease}.search-input{width:100%;padding:12px 40px 12px 42px;background:var(--bg-surface);border:1px solid var(--border-regular);border-radius:12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px)}.search-input:focus{background:var(--bg-surface-light);border-color:var(--accent-primary);box-shadow:var(--glow-emerald)}.search-input:focus+.search-icon{color:var(--accent-primary)}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;font-size:1.2rem;cursor:pointer;padding:0 5px;transition:color .2s}.clear-btn:hover{color:#fff}.no-results{text-align:center;padding:40px!important;color:#fff6;font-style:italic;font-size:1.1rem}.reload-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:grid;place-items:center;transition:all .2s}.reload-btn:hover{background:#ffffff1a}.icon.spinning{animation:spin 1s linear infinite;display:inline-block}.action-group{display:flex;justify-content:center;gap:20px;align-items:center;width:fit-content;margin:0 auto}.btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#0b0e14;padding:12px 24px;border-radius:12px;border:none;font-size:15px;font-weight:800;text-transform:uppercase;cursor:pointer;box-shadow:var(--glow-emerald);transition:all .3s cubic-bezier(.16,1,.3,1)}.btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #10b98166}.btn.primary:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.desktop-only{display:block}.mobile-only{display:none}.selection-action-container{display:flex;justify-content:flex-start;width:100%;margin-bottom:16px;gap:8px}.selection-btn{border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;padding:10px 16px;line-height:1.5;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.selection-btn:hover{background:#ffffff1a}@media (max-width: 768px){.flex-align{display:flex;flex-direction:row;align-items:center}.desktop-only{display:none!important}.mobile-only{display:block!important}.selection-btn{flex:1;width:100%;text-align:center}.mobile-complaint-list{display:flex;flex-direction:column;gap:16px;margin-top:10px}.mobile-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--border-regular);border-radius:16px;padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:all .2s;box-shadow:0 10px 30px #0000004d}.mobile-card.flex-align{flex-direction:row}.mobile-card:active{background:#ffffff0f}.flex-between{justify-content:space-between}.align-center{align-items:center}.flex-align{display:flex;align-items:center}.m-card-row{display:flex;width:100%}.m-order-num{font-weight:700;font-size:1.05rem}.m-date{color:#ffffff80;font-size:.9rem}.description-row p{margin:0;color:#ffffffd9;font-size:.95rem;line-height:1.4}.m-label{color:#ffffff80;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.m-creator-info{gap:8px;color:#fff;font-size:.95rem;font-weight:500}.m-damage{color:#ff6b6b;font-family:monospace;font-size:1.15rem;font-weight:600}.m-footer-row{padding-top:12px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.orders-container{padding:12px}.header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{margin-bottom:16px}.title-row{margin-bottom:12px}h1{font-size:1.4rem}.search-input{font-size:16px;padding:10px 36px 10px 38px}.table-wrapper{margin:0 -12px;border-radius:0;border-left:none;border-right:none}.month-group-header td{padding:10px 14px!important}.group-info{gap:10px;flex-wrap:wrap}.month-name{font-size:1rem}.month-sum{padding:4px 10px;font-size:.85rem}.action-group{gap:12px}.modal-content{width:95%;max-width:none;padding:20px;border-radius:16px}.header-actions .btn.primary{width:100%;border-radius:12px;padding:14px;font-size:15px;margin-top:8px;justify-content:center}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{width:100%}.context-menu{min-width:180px}.user-badge,.user-avatar-small{width:84px!important;height:84px!important;min-width:84px!important;min-height:84px!important;max-width:84px!important;max-height:84px!important;font-size:2.4rem!important}.user-avatar-small img{max-width:84px!important;max-height:84px!important}.floating-action-bar{bottom:20px;width:90%;max-width:400px;flex-direction:column;gap:16px;padding:16px 20px;border-radius:24px}.selection-info{width:100%;justify-content:space-between}.selection-actions{width:100%;flex-direction:column;gap:12px}.selection-actions button{width:100%;justify-content:center;padding:12px;border-radius:12px}}@media (min-width: 769px) and (max-width: 1024px){.orders-container{padding:16px}h1{font-size:1.7rem}}.month-group-header{background:#ffffff0d;cursor:pointer;transition:background .2s}.month-group-header:hover{background:#ffffff14}.month-group-header td{padding:12px 20px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.group-info{display:flex;align-items:center;gap:15px;font-weight:600}.arrow{display:inline-block;transition:transform .2s ease;color:var(--accent-primary);font-size:12px}.arrow.rotated{transform:rotate(0)}.arrow:not(.rotated){transform:rotate(-90deg)}.month-name{color:#fff;font-size:1.2rem;letter-spacing:.5px}.month-sum{margin-left:auto;color:#10b981;background:#10b9811a;padding:6px 16px;border-radius:20px;font-size:.95rem;font-weight:700}.error-msg{background:#dc26261a;color:#fca5a5;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(220,38,38,.2)}.context-menu{position:fixed;background:#171717cc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:6px;z-index:1000;box-shadow:0 10px 40px -10px #000000b3,0 0 0 1px #ffffff0d inset;min-width:220px;animation:menuFadeUp .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes menuFadeUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.context-menu button{width:100%;padding:10px 12px;background:transparent;border:none;color:#ffffffe6;text-align:left;font-size:13.5px;font-weight:500;cursor:pointer;border-radius:8px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.context-menu button:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.context-menu button.delete-btn{color:#f87171}.context-menu button.delete-btn:hover{background:#ef444426;color:#ef4444}.context-menu button .icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:.7;transition:opacity .2s}.context-menu button:hover .icon{opacity:1}.context-menu .close-btn{border-top:1px solid rgba(255,255,255,.08);color:#ffffff80;font-size:12px;justify-content:center;padding:8px;margin-top:4px;font-weight:400}.context-menu .close-btn:hover{background:transparent;color:#fffc}.context-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.user-badge{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background-color:#3b82f6;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.5px}.user-avatar-small{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.user-avatar-small img{width:100%;height:100%;max-width:42px;max-height:42px;object-fit:cover;display:block}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.modal-content{background:#1e1e1ed9;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;width:90%;max-width:420px;box-shadow:0 25px 50px #0009,0 0 0 1px #ffffff0d inset;backdrop-filter:blur(20px);transform:scale(.95);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:25px}.form-group{margin-bottom:25px}.form-group label{display:block;color:#ffffffb3;margin-bottom:8px;font-size:.95rem;font-weight:500}.form-control{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 15px;color:#fff;font-size:1.1rem;transition:all .2s}.form-control:focus{border-color:#6366f1;background:#0000004d;box-shadow:0 0 0 3px #6366f133;outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:10px}.btn-confirm{padding:10px 20px;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-confirm:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.modal-content.error-modal{border-color:#ef44444d}.modal-content.error-modal .modal-header h3{color:#ef4444}.modal-content.error-modal .btn-confirm{background:#ef4444}.modal-content.error-modal .btn-confirm:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.modal-actions.space-between{justify-content:space-between}.right-actions{display:flex;gap:10px}.btn-delete{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-delete:hover{background:#ef444433;transform:translateY(-1px)}.discount-table{width:100%;border-collapse:collapse;margin-bottom:20px}.discount-table th{text-align:left;color:#ffffff80;font-size:.85rem;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.discount-table td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#fff}.btn-icon-delete{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:4px;border-radius:4px;transition:background .2s}.btn-icon-delete:hover{background:#ef444433}.divider{border:0;border-top:1px solid rgba(255,255,255,.1);margin:20px 0}.add-discount-form h4{margin:0 0 15px;color:#fffc;font-size:1rem}.form-group.row{display:flex;gap:10px}.btn-add{background:#6366f1;color:#fff;border:none;padding:0 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add:hover{background:#4f46e5}.no-discounts{text-align:center;color:#fff6;font-style:italic;padding:20px 0}.discounts-list{max-height:200px;overflow-y:auto;margin-bottom:15px;border:1px solid rgba(255,255,255,.05);border-radius:8px}.discount-table{width:100%;border-collapse:collapse}.discount-table th{text-align:left;color:#ffffff80;font-size:.85rem;padding:10px 15px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;backdrop-filter:blur(5px)}.discount-table td{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:.95rem}.amount-cell{font-weight:600;color:#10b981}.add-discount-form h4{display:block;margin:0 0 10px;font-size:1rem;color:#fffc}.btn-add{font-size:.95rem;padding:0 20px}.modal-body{padding:20px 0}.status-badge{display:inline-block;padding:8px 14px;border-radius:10px;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:1px solid transparent}.status-badge.open{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.status-badge.in_progress{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.status-badge.resolved{background:#10b98126;color:#34d399;border-color:#10b9814d}.status-badge.rejected{background:#ef444426;color:#f87171;border-color:#ef44444d}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:400px;max-width:90vw;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gate-card{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 30px;text-align:center;backdrop-filter:blur(20px);width:90%;max-width:400px;box-shadow:0 25px 50px #0009}.gate-icon{width:70px;height:70px;margin:0 auto 24px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;display:grid;place-items:center}.gate-icon svg{width:32px;height:32px;color:#818cf8}.modal-content.gate-card h2{margin:0 0 8px;font-size:1.5rem;color:#fff;font-weight:700}.input-group input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.btn-unlock{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:#6366f1;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-unlock:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.custom-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.selected-row{background-color:#6366f11a!important}.floating-action-bar{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#282828f2;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:14px 28px;display:flex;align-items:center;gap:30px;box-shadow:0 15px 40px #00000080,0 0 0 1px #ffffff0d inset;z-index:1000;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.selection-info{display:flex;align-items:center;gap:16px}.selection-count{color:#fff;font-weight:700;font-size:1rem;background:#6366f133;padding:6px 16px;border-radius:20px;border:1px solid rgba(99,102,241,.4);box-shadow:0 0 15px #6366f133}.selection-actions{display:flex;align-items:center;gap:16px}.btn-delete-hard{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:10px 20px;border-radius:24px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.95rem;display:flex;align-items:center;gap:8px}.btn-delete-hard:hover{background:#ef444440;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.selection-actions .btn-restore{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:10px 20px;border-radius:24px;font-size:.95rem;display:flex;align-items:center;gap:8px}.selection-actions .btn-restore:hover{background:#10b98140;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.employee-page{padding:24px;max-width:900px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:26px;font-weight:700;color:#fff;margin:0}.card,.info-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:20px}.info-card h3{color:#60a5fa;margin:0 0 16px;font-size:16px}.search-bar{margin-bottom:16px}.search-input{width:100%;padding:10px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:14px;box-sizing:border-box}.emp-list{display:flex;flex-direction:column;gap:12px}.emp-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 20px;transition:border-color .2s}.emp-card:hover{border-color:#ffffff26}.emp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px;flex-wrap:wrap}.emp-name{font-size:17px;font-weight:700;color:#fff}.emp-actions{display:flex;gap:6px;flex-shrink:0}.emp-card-body{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:12px;font-size:13px;color:#fff9}.emp-info-row{display:flex;align-items:center;gap:6px}.info-icon{font-size:14px}.emp-card-costs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.cost-item{background:#ffffff0a;border-radius:10px;padding:8px 14px;min-width:100px;flex:1}.cost-item.highlight{background:#10b98114;border:1px solid rgba(16,185,129,.2)}.cost-label{font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.cost-value{font-size:15px;font-weight:700;color:#fff}.rate-color{color:#f59e0b!important}.cost-color{color:#10b981!important}.emp-card-footer{padding-top:10px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge-green{background:#10b98126;color:#10b981}.badge-gray{background:#ffffff14;color:#fff6}.empty-state{text-align:center;color:#ffffff4d;padding:40px 20px;font-size:15px}.contributions-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.contribution-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px;color:#ffffffb3;gap:12px}.contribution-row:nth-child(odd){background:#ffffff05}.c-label{flex:1;min-width:0}.c-rate{font-weight:600;color:#60a5fa;white-space:nowrap}.total-row{grid-column:1 / -1;border-top:2px solid rgba(16,185,129,.3);border-bottom:none;padding-top:10px;color:#10b981;background:#10b9810f!important;border-radius:0 0 8px 8px}.total-row .c-rate{color:#10b981;font-size:15px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;white-space:nowrap;font-size:14px}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;font-size:14px}.btn-sm{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.btn-edit{background:#60a5fa26;color:#60a5fa}.btn-edit:hover{background:#60a5fa40}.btn-danger{background:#ef444426;color:#ef4444}.btn-danger:hover{background:#ef444440}.modal-overlay{position:fixed;inset:0;background:#000000bf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal-box{background:#1a1f2e;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px 32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.modal-box h2{color:#fff;margin:0 0 24px;font-size:20px;font-weight:700;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.full-width{grid-column:1 / -1}.field-group{min-width:0}.field-group label{display:block;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.field-group input,.field-group textarea,.field-group select{width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:10px 14px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.field-group input:focus,.field-group textarea:focus{border-color:#10b98180;outline:none}.form-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px}.section-title{font-size:12px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.salary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.calc-result-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.calc-result-grid.four-cols{grid-template-columns:1fr 1fr 1fr 1fr}.calc-box{background:#ffffff0a;border-radius:10px;padding:10px 12px;text-align:center}.highlight-box{background:#10b98114!important;border:1px solid rgba(16,185,129,.25)}.calc-box-label{font-size:10px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.calc-box-value{font-size:16px;font-weight:700}.calc-box-sub{font-size:10px;color:#ffffff4d;margin-top:2px}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;margin-top:4px}.toggle input[type=checkbox]{width:18px!important;height:18px;accent-color:#10b981;cursor:pointer}.toggle-label{color:#fff;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 600px){.employee-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:22px}.form-grid{grid-template-columns:1fr}.salary-grid,.calc-result-grid,.calc-result-grid.four-cols{grid-template-columns:1fr 1fr}.modal-box{padding:20px;border-radius:16px}.contributions-grid{grid-template-columns:1fr}.emp-card-costs{flex-direction:column}.cost-item{min-width:0}}.light-mode input,.light-mode input:focus,.light-mode textarea,.light-mode textarea:focus,.light-mode select{color:#1a1a2e!important;-webkit-text-fill-color:#1a1a2e!important;caret-color:#1a1a2e!important;background:#fff!important;border-color:#00000026!important}.light-mode input::placeholder,.light-mode textarea::placeholder{color:#0006!important;-webkit-text-fill-color:rgba(0,0,0,.4)!important}.light-mode input:focus,.light-mode textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98126!important}.settings-page{padding:24px;max-width:1100px;margin:0 auto}.settings-header{margin-bottom:28px}.settings-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 6px}.settings-header .subtitle{color:#fff6;font-size:.9rem;margin:0}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;margin-bottom:16px;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.toast svg{width:20px;height:20px;flex-shrink:0}.toast.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;margin-bottom:20px;transition:border-color .2s}.settings-section:hover{border-color:#ffffff1a}.section-header{display:flex;align-items:center;gap:16px}.section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.section-title-area{flex:1;min-width:0}.section-header h2{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.section-header p{font-size:.82rem;color:#fff6;margin:2px 0 0}.section-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border:1px solid rgba(99,102,241,.2);flex-shrink:0}.section-icon svg{width:22px;height:22px;color:#6366f1}.section-icon.company{background:#3b82f61a;border-color:#3b82f633}.section-icon.company svg{color:#3b82f6}.section-icon.users{background:#a855f71a;border-color:#a855f733}.section-icon.users svg{color:#a855f7}.chevron{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#ffffff4d;transition:transform .3s ease,color .2s;flex-shrink:0}.chevron svg{width:18px;height:18px}.chevron.rotated{transform:rotate(180deg)}.section-header.clickable:hover .chevron{color:#fff9}.section-header .btn-edit,.sub-section-header .btn-edit{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:10px;color:#fbbf24;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.section-header .btn-edit:hover,.sub-section-header .btn-edit:hover{background:#fbbf2433;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2426}.section-header .btn-edit svg,.sub-section-header .btn-edit svg{width:16px;height:16px}.section-body{max-height:3000px;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),margin-top .35s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1);opacity:1;margin-top:20px}.section-body.collapsed{max-height:0;opacity:0;margin-top:0;pointer-events:none}.sub-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px;margin-bottom:20px}.sub-section:last-child{margin-bottom:0}.sub-divider{border:none;border-top:1px solid rgba(255,255,255,.06);margin:24px 0}.sub-section-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.sub-section-header h3{flex:1;font-size:1.05rem;font-weight:700;color:#fff;margin:0}.sub-section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);flex-shrink:0}.sub-section-icon svg{width:18px;height:18px;color:#3b82f6}.sub-section-icon.invoice{background:#0ea5e91a;border-color:#0ea5e933}.sub-section-icon.invoice svg{color:#0ea5e9}.logo-area{display:flex;align-items:center;gap:24px}.logo-preview{width:200px;height:100px;border-radius:12px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-placeholder{width:200px;height:100px;border-radius:12px;background:#ffffff05;border:2px dashed rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.logo-placeholder svg{width:32px;height:32px;color:#ffffff26}.logo-placeholder span{font-size:.8rem;color:#ffffff40}.btn-upload{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;color:#818cf8;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-upload:hover{background:#6366f133;transform:translateY(-2px);box-shadow:0 4px 16px #6366f126}.btn-upload svg{width:18px;height:18px}.company-form{display:flex;flex-direction:column;gap:4px}.form-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;margin-top:10px;margin-bottom:6px;padding-left:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row.single{grid-template-columns:1fr;max-width:50%}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.82rem;color:#ffffff80;font-weight:500}.form-group input,.form-group textarea{padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:.9rem;transition:all .2s;outline:none;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.readonly-mode .form-group input,.readonly-mode .form-group textarea{background:#ffffff05;border-color:#ffffff0a;color:#fff9;cursor:default}.readonly-mode .form-group input:focus,.readonly-mode .form-group textarea:focus{border-color:#ffffff0a;box-shadow:none}.form-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.btn-cancel-edit{padding:12px 22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-cancel-edit:hover{background:#ffffff1a;color:#fff}.btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save svg{width:18px;height:18px}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:16px;transition:border-color .2s}.search-bar:focus-within{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.search-bar svg{width:18px;height:18px;color:#ffffff4d;flex-shrink:0}.search-bar input{flex:1;background:none;border:none;color:#fff;font-size:.9rem;outline:none}.search-bar input::placeholder{color:#ffffff40}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px}.premium-card{background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;position:relative;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff0a;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 8px 30px #0003,inset 0 1px #ffffff0f}.card-top-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:-10px;z-index:10}.icon-btn-subtle{width:28px;height:28px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.icon-btn-subtle svg{width:14px;height:14px}.icon-btn-subtle:hover{background:#6366f126;border-color:#6366f14d;color:#818cf8}.icon-btn-subtle.danger:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.user-card-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.user-avatar-premium{width:114px;height:114px;border-radius:50%;overflow:hidden;border:3px solid rgba(99,102,241,.2);box-shadow:0 4px 15px #0003;background:#0003;transition:all .3s}.premium-card:hover .user-avatar-premium{border-color:#6366f180;box-shadow:0 4px 20px #6366f133}.user-avatar-premium img{width:100%;height:100%;object-fit:cover}.username-premium{margin:0;font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.02em}.position-input-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px;background:#00000026;border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.05)}.position-input-premium{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-size:.85rem;padding:6px 4px;width:100%;text-align:center;transition:all .2s;outline:none}.position-input-premium:focus{border-bottom-color:#818cf8;color:#fff}.position-input-premium::placeholder{color:#ffffff40;font-style:italic}.btn-save-inline{width:100%;padding:8px;border-radius:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#34d399;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-inline:hover{background:#22c55e33;border-color:#22c55e4d;color:#10b981}.user-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}.btn-delete-card{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete-card svg{width:16px;height:16px}.btn-delete-card:hover{background:#ef44441a;color:#ef4444}.btn-icon-action{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.btn-icon-action svg{width:16px;height:16px}.btn-icon-action.upload{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#818cf8}.btn-icon-action.upload:hover{background:#6366f133;transform:translateY(-2px)}.btn-icon-action.delete{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.btn-icon-action.delete:hover{background:#ef444433;transform:translateY(-2px)}.btn-icon-action.delete-avatar{background:#fb923c1a;border:1px solid rgba(251,146,60,.2);color:#fb923c}.btn-icon-action.delete-avatar:hover{background:#fb923c33;transform:translateY(-2px)}.no-avatar-hint{color:#fff3;font-size:.85rem}.empty-state{padding:40px;text-align:center;color:#ffffff4d;font-size:.9rem}.invoice-layout{display:flex;flex-direction:column;gap:24px}.invoice-form-side{display:flex;flex-direction:column}.invoice-preview-side{display:flex;flex-direction:column;gap:10px}.preview-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.preview-label svg{width:16px;height:16px}.pdf-preview-container{border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.1);min-height:500px}.pdf-iframe{width:100%;height:600px;border:none;background:#fff}.pdf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;gap:12px;background:#ffffff05}.pdf-placeholder svg{width:40px;height:40px;color:#ffffff1f}.pdf-placeholder span{color:#fff3;font-size:.85rem}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#1e1e32f2;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;max-width:420px;width:90%;backdrop-filter:blur(20px)}.modal-header h3{margin:0;font-size:1.25rem;color:#ef4444}.modal-body p{color:#fffc;line-height:1.6;margin:0 0 10px}.warning-text{color:#fff6!important;font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-cancel:hover{background:#ffffff1a}.btn-delete{padding:10px 20px;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:40vh}@media (max-width: 768px){.settings-page{padding:12px}.settings-header h1{font-size:1.5rem}.settings-section{padding:16px;border-radius:16px}.section-header{gap:12px;flex-wrap:wrap}.section-header h2{font-size:1rem}.section-header p{font-size:.75rem}.section-header .btn-edit{padding:8px 14px;font-size:.78rem}.section-icon{width:40px;height:40px;border-radius:12px}.section-icon svg{width:18px;height:18px}.logo-area{flex-direction:column;align-items:center}.logo-preview,.logo-placeholder{width:160px;height:80px}.form-row{grid-template-columns:1fr}.form-row.single{max-width:100%}.form-actions{flex-direction:column}.form-actions .btn-save,.form-actions .btn-cancel-edit{width:100%;text-align:center;justify-content:center}.users-table-wrapper{margin:0 -16px;padding:0 16px}.users-table th,.users-table td{padding:10px 8px;font-size:.8rem}.user-avatar,.btn-icon-action{width:32px;height:32px}.btn-icon-action svg{width:14px;height:14px}.invoice-layout{grid-template-columns:1fr}.pdf-iframe{height:400px}.pdf-preview-container{min-height:350px}.search-bar{padding:8px 12px}.search-bar input{font-size:.85rem}.modal-content{padding:20px;border-radius:16px}}@media (max-width: 480px){.settings-page{padding:8px}.settings-header h1{font-size:1.3rem}.section-header .btn-edit{width:100%;justify-content:center;order:10}.chevron{order:9}.users-table th:nth-child(4),.users-table td:nth-child(4){display:none}.pdf-iframe{height:300px}.pdf-preview-container{min-height:280px}}.gate-container{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:20px}.gate-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--accent-danger);border-radius:24px;padding:50px 40px;max-width:400px;width:100%;text-align:center;box-shadow:var(--glow-ruby);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gate-icon{width:70px;height:70px;margin:0 auto 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:20px;display:grid;place-items:center}.gate-icon svg{width:32px;height:32px;color:var(--accent-danger)}h2{margin:0 0 8px;font-size:1.5rem;color:#fff;font-weight:700}.subtitle{color:#fff6;font-size:.9rem;margin:0 0 30px}.gate-form{display:flex;flex-direction:column;gap:14px}.input-group input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;text-align:center;letter-spacing:8px;font-weight:600}.input-group input::placeholder{letter-spacing:normal;font-weight:400;color:#ffffff4d}.input-group input:focus{border-color:var(--accent-danger);box-shadow:var(--glow-ruby)}.error-message{color:#ef4444;font-size:.85rem;padding:8px 12px;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.btn-unlock{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;background:linear-gradient(135deg,var(--accent-danger),#b91c1c);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;box-shadow:var(--glow-ruby)}.btn-unlock:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-unlock svg{width:20px;height:20px}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:60vh}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.gate-card{padding:30px 24px}}.history-container{padding:20px;max-width:1200px;margin:0 auto}.header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.back-btn:hover{background:#ffffff1a}h1{font-size:2rem;margin:0;color:#fff;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.table-wrapper{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow-x:auto;box-shadow:0 4px 20px #0003}.history-table{width:100%;min-width:800px;border-collapse:collapse;font-size:1rem}.history-table th{text-align:left;padding:18px 20px;background:#ffffff08;color:#ffffff80;font-weight:500;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05)}.history-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.02);color:#fffc;transition:color .2s;vertical-align:middle}.history-row{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.history-row:hover{background:#ffffff12;transform:scale(1.005);box-shadow:0 4px 15px #0000004d}.history-row:hover td{color:#fff}.history-row:last-child td{border-bottom:none}.center{text-align:center!important}.highlight{font-family:Courier New,monospace;font-weight:600;color:#6366f1!important}.cost{font-weight:600;color:#10b981!important}.preview-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#6366f1;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem}.history-row:hover .preview-btn{background:#6366f1;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background:#111;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:30px;box-shadow:0 25px 50px #00000080;transform:scale(.95);animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:15px}.close-btn{background:none;border:none;color:#ffffff80;font-size:2rem;cursor:pointer;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.detail-section{margin-bottom:25px}.detail-section h3{font-size:1.1rem;color:#6366f1;margin-bottom:10px}.detail-section p{margin:5px 0;color:#ffffffb3}.pos-table{width:100%;border-collapse:collapse;margin-top:15px}.pos-table th{text-align:left;padding:10px;background:#ffffff08;color:#fff6;font-size:.85rem;text-transform:uppercase}.pos-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff}.error{background:#dc26261a;color:#fca5a5;padding:15px;border-radius:8px;border:1px solid rgba(220,38,38,.2);text-align:center}.loading{text-align:center;color:#ffffff80;padding:40px;font-style:italic}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-card{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;width:90%;max-width:450px;box-shadow:0 10px 40px #0006;animation:scaleIn .2s ease-out}.modal-title{margin:0 0 12px;font-size:1.25em;font-weight:600;color:#fff}.modal-message{margin:0 0 24px;color:#ffffffb3;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn.primary{background:#4caf50;color:#fff}.btn.danger{background:#f44336;color:#fff}.btn.secondary{background:#ffffff1a;color:#fffc}.btn:hover{filter:brightness(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;background:#1e1e1e;color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:280px;max-width:400px;animation:slideIn .3s ease-out;cursor:pointer;border-left:4px solid transparent}.toast.success{border-left-color:#4caf50}.toast.error{border-left-color:#f44336}.toast.info{border-left-color:#2196f3}.toast-icon{margin-right:12px;font-size:1.2em;font-weight:700}.toast.success .toast-icon{color:#4caf50}.toast.error .toast-icon{color:#f44336}.toast.info .toast-icon{color:#2196f3}.toast-message{font-size:.95em;line-height:1.4}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bg{position:absolute;inset:0;background:url(/login-bg-v3.png) no-repeat center center;background-size:cover;z-index:0}:host{display:block;height:100vh}.stage{position:relative;height:100vh;width:100%;overflow:hidden;background:#05020a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fff}.bg{position:absolute;inset:0;background:url(/login-bg-v3.png) no-repeat center center;background-size:cover;z-index:0}.bg:after{content:"";position:absolute;inset:0;background:#0006}.cardWrap{position:relative;z-index:10;height:100%;display:grid;place-items:center;padding:20px}.stage .card{width:min(520px,95vw);background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 32px;box-shadow:0 24px 48px #0009,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:24px}.title{margin:0;font-size:28px;font-weight:700;text-align:center;background:linear-gradient(90deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{margin:-16px 0 0;text-align:center;color:#fff9;font-size:15px}.form{display:flex;flex-direction:column;gap:20px}label{display:flex;flex-direction:column;gap:8px}.label-text{font-size:15px;color:#fffc;margin-left:4px}.input-wrap{position:relative;border-radius:12px;background:#0000004d;padding:1px;background-image:linear-gradient(to right,#ffffff1a,#ffffff0d);transition:background-image .3s}.input-wrap:focus-within{background-image:linear-gradient(to right,#ec4899,#f59e0b)}input{width:100%;background:#14141499;border:none;border-radius:14px;padding:16px 20px;color:#fff;outline:none;font-size:17px;box-sizing:border-box}.primary{margin-top:16px;width:100%;padding:18px;border-radius:30px;border:none;background:linear-gradient(90deg,#d97706,#be185d);background-size:200% auto;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #be185d66}.primary:hover{background-position:right center;box-shadow:0 6px 24px #d9770680;transform:translateY(-1px)}.primary:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.footer-links{text-align:center;font-size:14px}.back-link{color:#fff9;text-decoration:none;transition:color .2s}.back-link:hover{color:#fff}.error{background:#dc262633;color:#fca5a5;padding:10px;border-radius:8px;font-size:13px;text-align:center;border:1px solid rgba(220,38,38,.3)}.success{background:#05966933;color:#6ee7b7;padding:10px;border-radius:8px;font-size:13px;text-align:center;border:1px solid rgba(5,150,105,.3)}