@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Kantumruy+Pro:wght@300;400;500;600;700&display=swap";.login-page-wrapper{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,Kantumruy Pro,sans-serif;display:flex;position:relative;overflow:hidden}.bg-shape{filter:blur(80px);z-index:0;animation:10s ease-in-out infinite alternate float;position:absolute}.shape-1{background:#6366f14d;border-radius:50%;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.shape-2{background:#ec489933;border-radius:50%;width:300px;height:300px;animation-delay:-3s;bottom:-50px;right:-50px}.shape-3{background:#0ea5e933;border-radius:50%;width:250px;height:250px;animation-delay:-6s;bottom:20%;left:20%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.login-glass-card{-webkit-backdrop-filter:blur(30px);z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:450px;padding:50px 40px;transition:transform .3s,box-shadow .3s;animation:.8s cubic-bezier(.16,1,.3,1) slideUpFade;transform:translateY(0);box-shadow:0 25px 50px -12px #00000080}.login-glass-card:hover{border:1px solid #ffffff26;transform:translateY(-5px);box-shadow:0 35px 60px -15px #0009}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:35px}.logo-icon-container{color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;animation:3s infinite alternate pulseLogo;display:inline-flex;box-shadow:0 10px 20px #6366f14d}@keyframes pulseLogo{0%{transform:scale(1);box-shadow:0 10px 20px #6366f14d}to{transform:scale(1.05);box-shadow:0 15px 30px #ec489966}}.login-header h2{color:#f8fafc;letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:700}.login-header p{color:#94a3b8;font-size:14px}.modern-form-group{margin-bottom:24px}.modern-form-group label{color:#e2e8f0;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#64748b;transition:color .3s;position:absolute;left:16px}.modern-input.has-icon{color:#f8fafc;background:#0f172a66;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:54px;padding:16px 16px 16px 52px;font-family:Inter,Kantumruy Pro,sans-serif;font-size:15px;line-height:1.5;transition:all .3s}.modern-input.has-icon:focus{background:#0f172a99;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.modern-input.has-icon:focus+.input-icon,.input-with-icon:focus-within .input-icon{color:#6366f1}.modern-input::placeholder{color:#64748b;font-size:14px}.animated-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #4f46e533}.animated-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.animated-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px);box-shadow:0 15px 25px #4f46e54d}.animated-btn:hover:after{left:150%}.animated-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-badge{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;margin-bottom:24px;padding:14px;font-size:14px;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=480px){.login-glass-card{border-radius:20px;margin:15px;padding:35px 25px}.login-header{margin-bottom:25px}.login-header h2{font-size:24px}.login-header p{font-size:15px}.modern-form-group{margin-bottom:20px}.modern-form-group label{margin-bottom:10px;font-size:15px}.modern-input.has-icon{border-radius:14px;min-height:60px;padding:18px 18px 18px 58px;font-size:16px;line-height:1.5}.input-icon{width:22px;height:22px;left:18px}.animated-btn{border-radius:14px;margin-top:15px;padding:18px;font-size:17px}}.btn-cancel,.btn-save{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}body.dark-theme .btn-cancel{background:#33415580;border-color:#334155cc}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}body.dark-theme .btn-cancel:hover{background:#334155}.btn-save{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;box-shadow:0 4px 12px var(--primary-light)}.btn-save:hover{box-shadow:0 6px 16px var(--primary-light);filter:brightness(1.1);transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;box-shadow:none;filter:none;background:#94a3b8;transform:none}.skeleton-box{background:linear-gradient(90deg, var(--border-color,#e2e8f0) 25%, var(--bg-color,#f8fafc) 50%, var(--border-color,#e2e8f0) 75%);border-radius:var(--radius-sm,6px);background-size:200% 100%;width:100%;height:20px;animation:1.5s infinite shimmer}.skeleton-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;display:grid}.skeleton-card{border-radius:var(--radius-lg,16px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:12px;padding:20px;display:flex}.skeleton-block-list{flex-direction:column;gap:12px;width:100%;display:flex}@keyframes shimmer{to{transform:translate(100%)}}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a73;justify-content:flex-end;animation:.25s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.drawer-container{background:var(--surface-solid);border-left:1px solid var(--border-color);flex-direction:column;width:480px;max-width:92vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;overflow:hidden;box-shadow:-10px 0 40px #0003}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer-header{border-bottom:1px solid var(--border-color);background:var(--surface-hover);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.drawer-header-left{align-items:center;gap:14px;display:flex}.drawer-badge-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.drawer-title{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.drawer-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.85rem}.drawer-close-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.drawer-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.drawer-status-bar{justify-content:space-between;align-items:center;display:flex}.status-pill{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.status-pill.status-done,.status-pill.status-active{background:var(--badge-done-bg);color:var(--badge-done-text);border:1px solid var(--badge-done-border)}.status-pill.status-pending{background:var(--badge-pending-bg);color:var(--badge-pending-text);border:1px solid var(--badge-pending-border)}.status-pill.status-inactive,.status-pill.status-repair{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.type-pill{color:var(--text-muted);background:var(--surface-hover);border:1px solid var(--border-color);border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:600}.drawer-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 2px 8px #00000008}.drawer-card-title{color:var(--primary);align-items:center;gap:8px;margin-bottom:4px;font-size:.9rem;font-weight:700;display:flex}.drawer-row{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.drawer-link{color:var(--primary);align-items:center;gap:5px;font-weight:600;text-decoration:none;display:flex}.drawer-link:hover{text-decoration:underline}.code-badge{background:var(--surface-hover);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-family:monospace;font-size:.85rem;transition:all .2s;display:inline-flex}.code-badge:hover{border-color:var(--primary);color:var(--primary)}.drawer-counters-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px;display:grid}.counter-box{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:8px 12px;display:flex}.counter-box.highlight{background:var(--primary-light);border-color:var(--primary)}.counter-label{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.counter-val{color:var(--text-main);margin-top:2px;font-size:1.15rem;font-weight:800}.counter-box.highlight .counter-val{color:var(--primary)}.problem-box,.solution-box{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:8px;padding:10px}.label-tag{margin-bottom:4px;font-size:.78rem;font-weight:700}.tag-problem{color:#f59e0b}.tag-solution{color:#10b981}.problem-box p,.solution-box p{color:var(--text-main);margin:0;font-size:.85rem;line-height:1.45}.financial-card .grand-total-row{padding-top:6px}.drawer-divider{background:var(--border-color);height:1px;margin:4px 0}.drawer-timeline{border-left:2px solid var(--border-color);flex-direction:column;gap:12px;margin-left:8px;padding-left:14px;display:flex}.timeline-item{position:relative}.timeline-dot{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 3px var(--surface-solid);border-radius:50%;position:absolute;top:4px;left:-20px}.timeline-date{color:var(--primary);font-size:.75rem;font-weight:700}.timeline-desc{color:var(--text-main);margin-top:2px;font-size:.82rem}.drawer-footer{border-top:1px solid var(--border-color);background:var(--surface-hover);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}@media (width<=768px){.drawer-container{width:100vw!important;max-width:100vw!important;height:100dvh!important}.drawer-header{padding:14px 16px!important}.drawer-badge-icon{width:36px!important;height:36px!important}.drawer-title{font-size:1.05rem!important}.drawer-content{padding:16px 14px!important}.drawer-footer{padding:12px 14px!important;padding-bottom:max(12px, env(safe-area-inset-bottom,12px))!important}.drawer-footer button{flex:1;justify-content:center;height:42px}}.confirm-dialog-overlay{z-index:10000;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;display:flex;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px)!important;background:#0f172abf!important}.confirm-dialog-overlay.open{animation:.25s ease-out forwards fadeIn}.confirm-dialog-overlay.closed{animation:.2s ease-in forwards fadeOut}.confirm-dialog-card{color:#0f172a!important;text-align:center!important;transform-origin:50%!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;width:100%!important;max-width:500px!important;padding:32px 26px!important;position:relative!important;box-shadow:0 25px 60px -15px #00000073!important}body.dark-theme .confirm-dialog-card{color:#f8fafc!important;background:#0f172a!important;border:1px solid #ffffff29!important;box-shadow:0 25px 60px -15px #000c!important}.confirm-dialog-overlay.open .confirm-dialog-card{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards popIn}.confirm-dialog-overlay.closed .confirm-dialog-card{animation:.2s ease-in forwards popOut}.confirm-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.confirm-close-btn:hover{color:#0f172a;background:#0000000f}body.dark-theme .confirm-close-btn{color:#94a3b8}body.dark-theme .confirm-close-btn:hover{color:#f8fafc;background:#ffffff1a}.confirm-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex;color:#ef4444!important;background:#ef44441f!important;border:2px solid #ef444440!important;box-shadow:0 0 24px #ef444433!important}.confirm-title{color:#0f172a!important;margin:0 0 12px!important;font-size:1.35rem!important;font-weight:700!important}body.dark-theme .confirm-title{color:#fff!important}.confirm-message{word-break:break-word;color:#1e293b!important;margin:0 0 24px!important;font-size:1rem!important;font-weight:500!important;line-height:1.6!important}body.dark-theme .confirm-message{color:#f1f5f9!important}.confirm-highlight-box{text-align:center!important;background:#f1f5f9!important;border:1.5px solid #cbd5e1!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin:14px 0 10px!important;padding:16px 18px!important;display:flex!important;box-shadow:inset 0 1px 3px #00000008!important}body.dark-theme .confirm-highlight-box{background:#1e293b!important;border:1.5px solid #ffffff26!important}.confirm-machine-code{color:#fff!important;letter-spacing:.5px!important;background:#4f46e5!important;border-radius:8px!important;padding:3px 12px!important;font-size:.9rem!important;font-weight:700!important;display:inline-block!important}.confirm-customer-name{color:#0f172a!important;font-size:1.08rem!important;font-weight:700!important;line-height:1.5!important}body.dark-theme .confirm-customer-name{color:#fff!important}.confirm-serial-badge{color:#334155!important;background:#e2e8f0!important;border-radius:8px!important;padding:4px 12px!important;font-family:ui-monospace,monospace!important;font-size:.88rem!important;font-weight:600!important;display:inline-block!important}body.dark-theme .confirm-serial-badge{color:#e2e8f0!important;background:#334155!important}.confirm-warning-note{color:#dc2626!important;margin-top:6px!important;font-size:.85rem!important;font-weight:600!important}body.dark-theme .confirm-warning-note{color:#f87171!important}.confirm-actions{justify-content:center!important;gap:14px!important;margin-top:8px!important;display:flex!important}.confirm-actions button{cursor:pointer!important;border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:12px 20px!important;font-size:.95rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.btn-cancel{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.btn-cancel:hover{color:#0f172a!important;background:#e2e8f0!important;transform:translateY(-1px)!important}body.dark-theme .btn-cancel{color:#f1f5f9!important;background:#1e293b!important;border:1px solid #334155!important}body.dark-theme .btn-cancel:hover{color:#fff!important;background:#334155!important}.btn-danger{color:#fff!important;background:#ef4444!important;border:none!important;box-shadow:0 4px 14px #ef444459!important}.btn-danger:hover{background:#dc2626!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px #ef444473!important}.btn-danger:active{transform:translateY(0)!important}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes popOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)translateY(10px)}}.machine-list-container{flex-direction:column;height:100%;min-height:0;padding:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.machine-header{z-index:40;background:var(--surface);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;padding:16px 0;display:flex;box-shadow:0 4px 20px #0000000d}.machine-header h2{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:24px;font-weight:700}.machine-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search-wrapper{flex:1;min-width:260px;max-width:480px;position:relative}.search-wrapper svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:var(--glass-border);background:var(--surface);border-radius:var(--radius-md);width:100%;color:var(--text-main);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);outline:none;height:42px;padding:10px 14px 10px 42px;font-size:13.5px;transition:all .3s}.search-input:focus{border-color:var(--primary);background:var(--surface-solid);box-shadow:0 0 0 3px var(--primary-light), var(--glass-shadow)}.filter-chips-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:2px 0;display:flex}.filter-chips-label{color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-right:4px;font-size:13px;font-weight:600;display:inline-flex}.filter-chip{border:1px solid var(--border-color);background:var(--surface);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;outline:none;align-items:center;gap:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.filter-chip:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--border-color-hover,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.filter-chip:active{transform:translateY(0)}.filter-chip .chip-icon{align-items:center;font-size:14px;line-height:1;display:flex}.filter-chip .chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:transform .2s,box-shadow .2s;display:inline-block}.filter-chip .dot-active{background-color:#10b981;box-shadow:0 0 0 2px #10b98140}.filter-chip .dot-returned{background-color:#ef4444;box-shadow:0 0 0 2px #ef444440}.filter-chip.active .chip-dot{background-color:#fff;transform:scale(1.15);box-shadow:0 0 0 2px #ffffff59}.filter-chip .chip-count{min-width:22px;height:20px;color:var(--text-muted);background:#64748b1f;border-radius:10px;justify-content:center;align-items:center;padding:0 7px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.filter-chip-all.active{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 3px 12px #2563eb52;color:#fff!important}.filter-chip-all.active .chip-count{color:#fff;background:#ffffff40}.filter-chip-active.active{background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-color:#047857;box-shadow:0 3px 12px #10b98152;color:#fff!important}.filter-chip-active.active .chip-count{color:#fff;background:#ffffff40}.filter-chip-returned.active{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-color:#b91c1c;box-shadow:0 3px 12px #ef444452;color:#fff!important}.filter-chip-returned.active .chip-count{color:#fff;background:#ffffff40}.filter-chip-inactive.active{background:linear-gradient(135deg,#64748b 0%,#334155 100%);border-color:#334155;box-shadow:0 3px 12px #64748b52;color:#fff!important}.filter-chip-inactive.active .chip-count{color:#fff;background:#ffffff40}[data-theme=dark] .filter-chip,.dark-theme .filter-chip{color:#94a3b8;-webkit-backdrop-filter:blur(12px);background:#1e293bbf;border-color:#ffffff1a;box-shadow:0 2px 8px #0003}[data-theme=dark] .filter-chip:hover,.dark-theme .filter-chip:hover{color:#f1f5f9;background:#334155d9;border-color:#fff3}[data-theme=dark] .filter-chip .chip-count,.dark-theme .filter-chip .chip-count{color:#cbd5e1;background:#ffffff14}[data-theme=dark] .filter-chips-label,.dark-theme .filter-chips-label{color:#94a3b8}.modern-table-wrapper{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border:var(--glass-border);flex:1;min-height:0;overflow:auto}.modern-table{border-collapse:collapse;text-align:left;width:100%}.modern-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-color);white-space:nowrap;z-index:30;background-color:#00000005;padding:16px 20px;font-size:13px;font-weight:600;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.modern-table td{vertical-align:middle;color:var(--text-main);border-bottom:1px solid #e2e8f066;padding:16px 20px;font-size:14px}body.dark-theme .modern-table th{background-color:#ffffff05}body.dark-theme .modern-table td{border-bottom:1px solid #33415566}.modern-table tr{transition:all .2s}.modern-table tbody tr:hover{background-color:#00000004;transform:scale(1.001)}body.dark-theme .modern-table tbody tr:hover{background-color:#ffffff05}.status-badge{border:1px solid #0000;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.status-active{background-color:var(--badge-done-bg);color:var(--badge-done-text);border-color:var(--badge-done-border)}.status-maintenance{background-color:var(--badge-pending-bg);color:var(--badge-pending-text);border-color:var(--badge-pending-border)}.action-buttons{gap:8px;display:flex}.btn-action{cursor:pointer;background:var(--surface);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #0000000d}body.dark-theme .btn-action{background:#0f172a80}.btn-action:hover{transform:translateY(-2px)}.btn-action:active{transform:translateY(0)}.btn-action.edit{color:#3b82f6;background:#3b82f60d;border-color:#3b82f61a}.btn-action.edit:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.btn-action.delete{color:#ef4444;background:#ef44440d;border-color:#ef44441a}.btn-action.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.btn-action.return{color:#f59e0b;background:#f59e0b0d;border-color:#f59e0b1a}.btn-action.return:hover{color:#fff;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b40}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 12px var(--primary-light);border:none;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{box-shadow:0 6px 16px var(--primary-light);filter:brightness(1.1);transform:translateY(-2px)}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.page-btn{background:var(--surface);border:var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);box-shadow:var(--glass-shadow);padding:8px 16px;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.page-info{color:var(--text-muted);font-size:14px;font-weight:500}.modern-table-wrapper.compact-density .data-table th,.modern-table-wrapper.compact-density .modern-table th{white-space:nowrap!important;height:36px!important;padding:8px 10px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important}.modern-table-wrapper.compact-density .btn-action{border-radius:6px!important;width:28px!important;height:28px!important}.modern-table-wrapper.compact-density .btn-action svg{width:14px!important;height:14px!important}.modern-table-wrapper.compact-density .status-badge{padding:2px 8px!important;font-size:11px!important}@media (width<=1440px),(height<=900px){.machine-list-container{gap:10px!important}.list-header{margin-bottom:6px!important;padding:6px 0!important}.list-header h2{font-size:18px!important}.machine-controls{gap:8px!important;margin-bottom:10px!important}.search-input{height:36px!important;padding:8px 12px 8px 36px!important;font-size:13px!important}.search-wrapper svg{width:16px!important;height:16px!important;left:10px!important}.filter-chips-bar{gap:8px!important;margin-bottom:12px!important}.filter-chip{padding:5px 12px!important;font-size:12.5px!important}.filter-chip .chip-count{height:18px!important;padding:0 6px!important;font-size:11px!important}}.mobile-machine-cards-wrapper{display:none}.desktop-table-view{flex-direction:column;display:flex}@media (width<=768px){.desktop-table-view,.desktop-only-action{display:none!important}.mobile-machine-cards-wrapper{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.machine-list-container{gap:12px;height:auto!important;min-height:auto!important;overflow:visible!important}.list-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:8px!important}.list-header h2{font-weight:700;font-size:18px!important}.list-header .btn-primary{border-radius:var(--radius-md)!important;justify-content:center!important;width:100%!important;height:44px!important;font-size:14px!important}.machine-controls{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:8px!important}.search-wrapper{width:100%!important;min-width:0!important;max-width:100%!important}.search-input{border-radius:var(--radius-md)!important;height:44px!important;font-size:14.5px!important}.machine-controls>button,.machine-controls>div:not(.search-wrapper):not(.column-menu-wrapper){flex-shrink:0}.filter-chips-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;gap:8px!important;margin-bottom:8px!important;padding:2px 2px 8px!important;overflow-x:auto!important}.filter-chips-bar::-webkit-scrollbar{display:none}.filter-chips-label{flex-shrink:0;font-size:12.5px;font-weight:600}.filter-chip{flex-shrink:0;white-space:nowrap!important;border-radius:20px!important;height:34px!important;padding:7px 14px!important;font-size:12.5px!important}.machine-mobile-card{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000d}body.dark-theme .machine-mobile-card{background:#111827;border:1px solid #ffffff17;box-shadow:0 4px 20px #00000059}.machine-mobile-card:active{transform:scale(.985)}.machine-mobile-card.status-inactive-card{opacity:.85;background:var(--surface-alt)}.mobile-card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.machine-code-badge-group{align-items:center;gap:8px;display:flex}.card-index-badge{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.machine-code-pill{background:var(--primary-light);color:var(--primary);letter-spacing:-.2px;border:1px solid #6366f140;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13.5px;font-weight:700;display:inline-flex}.machine-code-pill .code-icon{flex-shrink:0}.mobile-status-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot-pulse{border-radius:50%;width:7px;height:7px;display:inline-block}.mobile-status-pill.status-active{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.mobile-status-pill.status-active .status-dot-pulse{background:#10b981;box-shadow:0 0 6px #10b981}.mobile-status-pill.status-returned{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.mobile-status-pill.status-returned .status-dot-pulse{background:#f59e0b}.mobile-status-pill.status-inactive{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.mobile-status-pill.status-inactive .status-dot-pulse{background:#ef4444}.mobile-card-body{cursor:pointer;flex-direction:column;gap:10px;display:flex}.mobile-customer-name{align-items:flex-start;gap:8px;display:flex}.mobile-customer-name .customer-icon{flex-shrink:0;font-size:16px;line-height:1.2}.mobile-customer-name h4{color:var(--text-main);letter-spacing:-.2px;margin:0;font-size:15.5px;font-weight:700;line-height:1.35}.mobile-info-chips-grid{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}body.dark-theme .mobile-info-chips-grid{background:#0f172a99}.mobile-info-chip{flex-direction:column;gap:2px;display:flex}.mobile-info-chip.full-width{border-top:1px dashed var(--border-color);grid-column:1/-1;margin-top:2px;padding-top:6px}.mobile-info-chip .chip-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.mobile-info-chip .chip-val{color:var(--text-main);word-break:break-word;font-size:13px;font-weight:600}.mobile-info-chip .serial-text{color:var(--primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:12.5px}.mobile-card-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.card-footer-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--surface);height:38px;color:var(--text-main);-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.card-footer-btn:active{transform:scale(.95)}.card-footer-btn.btn-view-drawer{background:var(--primary-light);color:var(--primary);border-color:#6366f140;flex:1}.card-footer-btn.btn-history{color:#4f46e5;background:#4f46e514;border-color:#4f46e533}.card-footer-btn.btn-qr{color:#059669;background:#10b98114;border-color:#10b98133}.card-footer-btn.btn-edit-card{color:#d97706;background:#f59e0b14;border-color:#f59e0b33}.card-footer-btn.btn-delete-card{color:#ef4444;background:#ef444414;border-color:#ef444433;width:38px;padding:0}.card-footer-btn.btn-swap-card{color:#0284c7;background:#0ea5e914;border-color:#0ea5e933;width:38px;padding:0}.card-footer-btn.btn-restore{color:#059669;background:#10b9811f;border-color:#10b98140}.empty-state-mobile{text-align:center;border:1px dashed var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.mobile-cards-skeleton{flex-direction:column;gap:12px;display:flex}.skeleton-card{background:var(--surface);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:12px;height:160px;padding:16px;display:flex}.skeleton-line{background:linear-gradient(90deg,#e2e8f066 25%,#e2e8f0cc 50%,#e2e8f066 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.skeleton-line.title{width:60%;height:22px}.skeleton-line.text{width:90%;height:16px}.skeleton-line.short{width:45%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pagination-controls{margin-top:8px;background:0 0!important;border:none!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:16px 8px!important}.pagination-info{text-align:center;color:var(--text-muted)!important;font-size:13px!important}.pagination-buttons{justify-content:center;width:100%;max-width:320px;align-items:center!important;gap:10px!important;display:flex!important}.pagination-buttons .page-btn{flex:1;border-radius:12px!important;height:40px!important;font-size:13.5px!important;font-weight:600!important}.page-number-indicator{color:var(--text-main);white-space:nowrap;padding:0 8px;font-size:13.5px;font-weight:700}}.billing-modal{background:var(--surface);-webkit-backdrop-filter:blur(24px);border:var(--glass-border);border-radius:var(--radius-xl);flex-direction:column;max-width:950px;max-height:90vh;margin:40px auto;animation:.4s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 24px 48px #0000001f}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.billing-toggle{background:var(--primary-light);border-radius:var(--radius-md);border:1px solid #6366f133;margin-bottom:20px;padding:16px;transition:all .3s}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:12px;font-size:16px;display:flex}.checkbox-container input{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.checkbox-container strong{color:var(--primary)}.section-title{border-bottom:2px solid var(--border-color);margin-top:24px;margin-bottom:16px;padding-bottom:8px}.section-title h3{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:16px}.readonly-input{border-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;background-color:#00000008}body.dark-theme .readonly-input{background-color:#ffffff0d}.form-input{border:var(--glass-border);background:var(--input-bg);border-radius:var(--radius-md);color:var(--text-main);outline:none;padding:14px 16px;font-size:15px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000005}.form-input:focus{border-color:var(--primary);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--primary-light), inset 0 2px 4px #00000005}.form-input:disabled{cursor:not-allowed;color:var(--text-muted);background-color:#00000008}body.dark-theme .form-input:disabled{background-color:#ffffff0d}.form-section-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff80;margin-bottom:24px;padding:24px;transition:all .3s;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}body.dark-theme .form-section-card{background:#0f172a66}.form-section-card:hover{border-color:#6366f14d;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.form-section-header{border-bottom:1px dashed var(--border-color);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.form-section-header h3{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.section-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 10px #6366f14d}.card-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card-grid.full{grid-template-columns:1fr}.color-input-group{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fffc;padding:12px;transition:all .2s}body.dark-theme .color-input-group{background:#1e293b80}.color-input-group.bw{border-left:4px solid var(--text-muted)}.color-input-group.a4{background:#3b82f608;border-left:4px solid #3b82f6}.color-input-group.a3{background:#a855f708;border-left:4px solid #a855f7}.color-input-group label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:6px;font-size:.85rem}.modal-scroll-area{flex:1;padding-bottom:80px;overflow-y:auto}.sticky-footer{background:var(--surface);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:10;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}.btn-primary.glow{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 15px #6366f166}.btn-primary.glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}@media (width<=768px){.billing-modal{border-radius:0;height:100vh;max-height:100vh;margin:0}.card-grid{grid-template-columns:1fr;gap:16px}.form-section-card{margin-bottom:16px;padding:16px}.sticky-footer{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px;display:flex}.sticky-footer button{flex:calc(50% - 4px);justify-content:center;padding:12px 8px;font-size:14px}.sticky-footer .btn-cancel{color:#ef4444;border-radius:var(--radius-md);box-shadow:none;flex:100%;order:3;padding:10px;font-size:14px;font-weight:500;transition:all .2s;background:#ef44441a!important;border:1px solid #ef444433!important}.parts-section>div[style*="display: flex"]{flex-direction:column!important;align-items:stretch!important}.parts-section button{justify-content:center;width:100%;margin-top:5px;padding:14px}.form-input{padding:12px}.section-title h3{font-size:14px}}.billing-form-wrapper{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.invoice-print-container{display:none}@media print{@page{size:A4;margin:1.2cm}body *{visibility:hidden}.invoice-print-container,.invoice-print-container *{visibility:visible}}.invoice-print-container,.invoice-print-container *{color:#111!important}.invoice-print-container .text-white,.invoice-print-container .text-white *,.invoice-print-container .invoice-logo,.invoice-print-container .invoice-logo *,.invoice-print-container .desc-table th,.invoice-print-container .grand-total-box,.invoice-print-container .grand-total-box *{color:#fff!important}.invoice-print-container .invoice-badge h1{color:#2563eb!important}.invoice-print-container .overuse-breakdown,.invoice-print-container .overuse-breakdown *,.invoice-print-container .overuse-breakdown p,.invoice-print-container .overuse-breakdown strong,.invoice-print-container .overuse-breakdown span{color:#7f1d1d!important}.invoice-print-container{box-sizing:border-box;color:#333;background-color:#fff;width:100%;margin-top:0;padding:15px 30px 10px;font-family:Kantumruy Pro,Siemreap,Inter,sans-serif;display:none;position:absolute;top:0;left:0;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@media print{.invoice-print-container{flex-direction:column;height:272mm!important;max-height:272mm!important;display:flex!important;overflow:hidden!important}}.invoice-print-container .text-left{text-align:left}.invoice-print-container .text-center{text-align:center}.invoice-print-container .text-right{text-align:right}.invoice-print-container .text-white{color:#fff!important}.invoice-print-container .bg-white{background-color:#fff!important}.invoice-print-container .border-none{border:none!important}.invoice-print-container .sub-text{color:#888;font-size:11px;font-weight:400}.invoice-print-container .italic-text{color:#666;font-style:italic}.invoice-print-container .invoice-header-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;display:flex}.invoice-print-container .invoice-logo-group{align-items:center;gap:15px;display:flex}.invoice-print-container .invoice-logo{border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;font-weight:800;display:flex;background-color:#2b5cdb!important}.invoice-print-container .invoice-logo-custom{justify-content:center;align-items:center;min-width:80px;height:80px;display:flex}.invoice-print-container .invoice-company-details h2{margin:0 0 5px;font-size:24px;font-weight:800}.invoice-print-container .contact-line{align-items:center;gap:8px;margin-bottom:3px;display:flex}.invoice-print-container .contact-line p{margin:0;font-size:12px}.invoice-print-container .invoice-title-group{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.invoice-print-container .invoice-badge{border:2px solid #3b82f6;border-radius:8px;padding:5px 30px;background-color:#eff6ff!important}.invoice-print-container .invoice-badge h1{letter-spacing:2px;margin:0;font-size:26px;font-weight:800}.invoice-print-container .invoice-no{border-radius:6px;padding:5px 20px;background-color:#f3f4f6!important}.invoice-print-container .invoice-no p{margin:0;font-size:13px;font-weight:700}.invoice-print-container .invoice-info-row{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.invoice-print-container .info-box{border:1px solid #e5e7eb;border-radius:8px;padding:10px 15px;background-color:#fafafa!important}.invoice-print-container .left-box{width:55%}.invoice-print-container .right-box{flex-direction:column;justify-content:center;gap:10px;width:40%;display:flex}.invoice-print-container .info-label{margin:0 0 5px;font-size:11px;display:block}.invoice-print-container .customer-name{margin:0 0 10px;font-size:16px;font-weight:700}.invoice-print-container .machine-info{margin:2px 0;font-size:13px}.invoice-print-container .date-row{justify-content:space-between;align-items:center;display:flex}.invoice-print-container .date-val{font-size:14px}.invoice-print-container table{border-collapse:collapse;width:100%;margin-bottom:20px}.invoice-print-container th,.invoice-print-container td{border:1px solid #e5e7eb;padding:8px 10px;font-size:13px}.invoice-print-container .desc-table th{border-color:#3b82f6;font-weight:700;background-color:#3b82f6!important}.invoice-print-container .meter-title{margin:0 0 10px;font-size:14px}.invoice-print-container .meter-table th{font-weight:700;background-color:#f3f4f6!important}.invoice-print-container .quota-cell{vertical-align:middle;font-size:18px;background-color:#f9fafb!important}.invoice-print-container .grand-total-row td{background-color:#f3f4f6!important}.invoice-print-container .overuse-breakdown{border:1px dashed #fca5a5;border-radius:6px;margin-bottom:20px;padding:10px 15px;background-color:#fef2f2!important}.invoice-print-container .overuse-breakdown p{margin:0;font-size:12px;line-height:1.6}.invoice-print-container .summary-section{flex-direction:column;align-items:flex-end;margin-bottom:30px;padding-right:15px;display:flex}.invoice-print-container .summary-row{border-bottom:1px solid #eee;justify-content:space-between;width:350px;padding:6px 15px;display:flex}.invoice-print-container .summary-label{font-size:14px}.invoice-print-container .summary-val{font-size:15px}.invoice-print-container .grand-total-box{border-bottom:none;border-radius:6px;margin-top:10px;padding:12px 15px;background-color:#3b82f6!important}.invoice-print-container .invoice-footer-section{margin-top:auto;padding-top:15px}.invoice-print-container .note-text{margin-bottom:35px;font-size:11px}.invoice-print-container .signatures{justify-content:space-between;padding:0 40px;display:flex}.invoice-print-container .sign-box{text-align:center;width:250px}.invoice-print-container .sign-line{border-bottom:1px solid #111;height:40px;margin-bottom:10px}.invoice-print-container .sign-box strong{font-size:13px;display:block}.invoice-print-container .sign-box p{margin:2px 0 0;font-size:11px}.force-display{visibility:visible!important;display:block!important}.thermal-receipt-container{background:#fff;width:76mm;max-width:80mm;margin:0 auto;padding:8px;font-family:Kantumruy Pro,monospace,sans-serif;font-size:11.5px;line-height:1.4;display:none;color:#000!important}@media print{@page{size:80mm auto;margin:2mm}.thermal-receipt-container{visibility:visible!important;display:block!important}.thermal-receipt-container *{visibility:visible!important;color:#000!important}}.thermal-header{text-align:center;margin-bottom:6px}.thermal-logo{max-width:120px;max-height:45px;margin-bottom:4px}.thermal-header h3{margin:0 0 2px;font-size:14px;font-weight:800}.thermal-header h4{margin:4px 0;font-size:13px;font-weight:700}.thermal-sub{margin:1px 0;font-size:10px;color:#444!important}.thermal-meta{margin:2px 0;font-size:10.5px}.thermal-divider-dashed{border-bottom:1px dashed #000;margin:6px 0}.thermal-divider-double{border-bottom:2px solid #000;margin:6px 0}.thermal-body .thermal-row{justify-content:space-between;margin:3px 0;display:flex}.thermal-body .thermal-row.highlight{font-size:12px;font-weight:700}.thermal-body .thermal-row.grand-total{font-size:13.5px;font-weight:900}.thermal-body .thermal-row.grand-total-khr{font-size:12px;font-weight:700}.thermal-block{margin:4px 0}.thermal-block p{margin:2px 0 0;font-size:11px}.thermal-qr{text-align:center;margin-top:8px}.thermal-qr img{width:90px;height:90px}.thermal-qr p{margin:2px 0;font-size:9.5px}.thermal-footer{text-align:center;margin-top:10px}.thermal-footer p{margin:4px 0 12px;font-size:10.5px}.thermal-signs{justify-content:space-between;padding:0 10px;font-size:10px;display:flex}.sign-line-thermal{border-bottom:1px solid #000;width:70px;height:25px;margin-bottom:4px}.billing-container{flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;font-family:Kantumruy Pro,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.3s ease-out fadeIn;display:flex}.billing-container.zen-fullscreen-mode{z-index:9999;background:var(--bg-color);padding:12px 18px;position:fixed;inset:0;box-shadow:0 0 50px #0000004d}.report-toolbar-strip{z-index:100;background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex;position:relative}.toolbar-left-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.toolbar-title-box{align-items:center;gap:10px;display:flex}.toolbar-icon-wrapper{width:32px;height:32px;color:var(--primary);background:linear-gradient(135deg,#4f46e51f,#3b82f62e);border:1px solid #4f46e533;border-radius:8px;justify-content:center;align-items:center;display:flex}.toolbar-title-text h2{color:var(--text-main);letter-spacing:-.2px;white-space:nowrap;margin:0;font-size:17px;font-weight:700}.record-count-chip{background:var(--primary-light);color:var(--primary);white-space:nowrap;border:1px solid #4f46e533;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.toolbar-status-pills{align-items:center;gap:8px;display:flex}.status-counter-pill{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-counter-pill .dot{border-radius:50%;width:6px;height:6px}.status-counter-pill.done-pill{color:#059669;background:#10b9811a;border-color:#10b98133}.status-counter-pill.done-pill .dot{background:#10b981;box-shadow:0 0 6px #10b98199}.status-counter-pill.pending-pill{color:#d97706;background:#f59e0b1a;border-color:#f59e0b33}.status-counter-pill.pending-pill .dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.toolbar-right-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.toolbar-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-main);align-items:center;gap:6px;height:34px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.toolbar-btn:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-1px)}.toolbar-btn.btn-create{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:none;box-shadow:0 3px 10px #4f46e540}.toolbar-btn.btn-create:hover{transform:translateY(-1px);box-shadow:0 5px 14px #4f46e561}.toolbar-btn.btn-zen{color:var(--primary);background:#6366f114;border-color:#6366f133}.toolbar-btn.btn-zen.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 12px #4f46e566}.toolbar-btn.btn-dropdown.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.chevron-icon{color:var(--text-muted);transition:transform .2s}.chevron-icon.rotate{transform:rotate(180deg)}.dropdown-wrapper{position:relative}.modern-dropdown-menu{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:200;flex-direction:column;gap:4px;min-width:250px;padding:8px;animation:.18s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000001f,0 2px 8px #0000000a}.dropdown-menu-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:6px 10px 4px;font-size:11px;font-weight:700}.dropdown-menu-item{cursor:pointer;text-align:left;width:100%;color:var(--text-main);background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.dropdown-menu-item:hover{background:var(--surface-hover)}.dropdown-menu-item.selected{background:var(--primary-light);color:var(--primary)}.dropdown-menu-item .item-icon{flex-shrink:0}.dropdown-menu-item .item-icon.primary{color:#4f46e5}.dropdown-menu-item .item-icon.success{color:#10b981}.dropdown-menu-item .item-icon.warning{color:#f59e0b}.dropdown-menu-item .item-icon.danger{color:#ef4444}.dropdown-menu-item .item-icon.info{color:#0284c7}.dropdown-menu-item .item-icon.purple{color:#8b5cf6}.dropdown-menu-item .item-icon.pink{color:#db2777}.dropdown-menu-item .item-text{flex-direction:column;flex:1;display:flex}.dropdown-menu-item .item-text strong{font-size:13px;font-weight:600;line-height:1.3}.dropdown-menu-item .item-text small{color:var(--text-muted);font-size:11px;line-height:1.2}.dropdown-menu-divider{background:var(--border-color);height:1px;margin:4px 0}.check-mark{margin-left:auto}.column-selector-menu{min-width:220px;max-height:380px;overflow-y:auto}.column-checkbox-item{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;transition:background .15s;display:flex}.column-checkbox-item:hover{background:var(--surface-hover)}.column-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:var(--primary);width:15px;height:15px}.smart-filter-bar{z-index:20;background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-shrink:0;align-items:center;gap:10px;padding:6px 12px;display:flex;position:relative}.smart-search-box{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;align-items:center;min-width:200px;max-width:420px;padding:6px 10px;transition:all .2s;display:flex}.smart-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.smart-search-box .search-icon{color:var(--text-muted);flex-shrink:0;margin-right:8px}.smart-search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13.5px}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.quick-status-tabs{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#00000008;align-items:center;gap:4px;padding:3px;display:flex}.status-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.status-tab:hover{color:var(--text-main);background:#0000000a}.status-tab.active{background:var(--surface-solid);color:var(--primary);box-shadow:0 2px 6px #0000000d}.status-tab.active.done-tab{color:#059669}.status-tab.active.pending-tab{color:#d97706}.status-tab .dot{border-radius:50%;width:7px;height:7px}.dot-done{background:#10b981}.dot-pending{background:#f59e0b}.filter-actions-right{align-items:center;gap:6px;margin-left:auto;display:flex}.btn-toggle-filters{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-main);cursor:pointer;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-toggle-filters:hover{background:var(--surface-hover);border-color:var(--primary)}.btn-toggle-filters.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.active-filter-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.btn-quick-sort{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;height:32px;padding:6px 10px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-quick-sort:hover{color:var(--text-main);border-color:var(--primary)}.advanced-filter-tray{z-index:15;background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-shrink:0;padding:10px 14px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideDownFade;position:relative}.filter-tray-grid{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.tray-item{flex-direction:column;gap:4px;display:flex}.tray-item label{color:var(--text-muted);font-size:12px;font-weight:600}.tray-input{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);outline:none;height:32px;padding:5px 10px;font-family:inherit;font-size:13px;transition:border-color .2s}.tray-input:focus{border-color:var(--primary)}.btn-tray-clear{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;background:#ef44440f;border:1px solid #ef444433;align-items:center;gap:6px;height:32px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-tray-clear:hover{color:#fff;background:#ef4444}.summary-cards-container{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);align-items:center;gap:12px;padding:10px 16px;display:flex}.summary-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.summary-title{color:var(--text-muted);font-size:12px;font-weight:500}.summary-value{color:var(--text-main);font-size:18px;font-weight:800;line-height:1.2}.modern-table-wrapper{background:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:0;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#94a3b866 transparent;flex:1;position:relative;overflow:auto}.modern-table-wrapper::-webkit-scrollbar-track{background:0 0}.data-table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%}.modern-table-wrapper.density-comfortable{--table-font-size:15px;--table-row-padding-y:9px;--table-row-padding-x:12px;--table-row-min-height:44px}.modern-table-wrapper.density-comfortable .data-table th,.modern-table-wrapper.density-comfortable .data-table td{padding:9px 12px!important;font-size:15px!important;line-height:1.55!important}.modern-table-wrapper.density-compact{--table-font-size:13px;--table-row-padding-y:6px;--table-row-padding-x:9px;--table-row-min-height:36px}.modern-table-wrapper.density-compact .data-table th,.modern-table-wrapper.density-compact .data-table td{padding:6px 9px!important;font-size:13px!important;line-height:1.4!important}.modern-table-wrapper.density-spacious{--table-font-size:16.5px;--table-row-padding-y:12px;--table-row-padding-x:16px;--table-row-min-height:52px}.modern-table-wrapper.density-spacious .data-table th,.modern-table-wrapper.density-spacious .data-table td{padding:12px 16px!important;font-size:16.5px!important;line-height:1.65!important}.data-table thead tr{z-index:10;position:sticky;top:0}.data-table th{background:var(--surface-alt);color:var(--text-muted);font-size:calc(var(--table-font-size,14.5px) - 1px);padding:8px var(--table-row-padding-x,12px);text-align:left;border-bottom:2px solid var(--border-color);letter-spacing:.02em;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700}.data-table th.sortable-th{cursor:pointer;transition:color .15s,background .15s}.data-table th.sortable-th:hover{color:var(--primary);background:var(--surface-hover)}.data-table th.sortable-th span{align-items:center;gap:4px;display:inline-flex}.sort-icon{color:var(--primary);margin-left:4px}.report-row{background-color:var(--surface-solid);min-height:var(--table-row-min-height,44px);transition:background-color .15s}.report-row:nth-child(2n){background-color:#f8fafc80}.report-row:hover{background-color:var(--surface-hover)!important}.data-table td{padding:var(--table-row-padding-y,9px) var(--table-row-padding-x,12px);font-size:var(--table-font-size,14.5px);color:var(--text-main);border-bottom:1px solid var(--border-color);vertical-align:middle;line-height:1.5}.cell-date .date-badge{color:var(--text-muted);font-size:calc(var(--table-font-size,14.5px) - .5px);font-weight:500}.cell-customer{cursor:pointer}.customer-name{color:var(--text-main);font-weight:700;transition:color .15s}.cell-customer:hover .customer-name{color:var(--primary)}.machine-code-pill{background:var(--primary-light);color:var(--primary);font-weight:700;font-size:calc(var(--table-font-size,14.5px) - 1px);cursor:pointer;border:1px solid #4f46e526;border-radius:6px;padding:2px 8px;transition:all .15s;display:inline-block}.machine-code-pill:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.model-text{color:var(--text-muted);font-weight:500}.line-clamp-text{-webkit-line-clamp:2;text-overflow:ellipsis;cursor:pointer;max-width:200px;color:var(--text-main);-webkit-box-orient:vertical;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden}.line-clamp-text:hover{color:var(--primary)}.tabular-num{font-variant-numeric:tabular-nums;color:var(--text-muted);font-family:Inter,-apple-system,sans-serif;font-weight:500}.total-use-badge{color:var(--primary);font-variant-numeric:tabular-nums;background:#6366f114;border-radius:6px;align-items:baseline;gap:2px;padding:2px 8px;font-family:Inter,sans-serif;display:inline-flex}.total-use-badge strong{font-size:var(--table-font-size,14.5px);font-weight:700}.total-use-badge small{font-family:Kantumruy Pro,sans-serif;font-size:11px}.status-pill-badge{cursor:pointer;border:1px solid #0000;border-radius:20px;outline:none;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.status-pill-badge .status-dot{border-radius:50%;width:6px;height:6px}.status-pill-badge.status-done{color:#059669;background:#10b9811f;border-color:#10b98140}.status-pill-badge.status-done .status-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.status-pill-badge.status-pending{color:#d97706;background:#f59e0b1f;border-color:#f59e0b40}.status-pill-badge.status-pending .status-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.status-pill-badge:hover{transform:scale(1.05)}.badge-type{border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600}.badge-type.type-billing{color:#059669;background:#10b9811a}.badge-type.type-report{color:#64748b;background:#64748b1a}.technician-name{color:var(--text-main);font-weight:500}.sticky-action-th{box-shadow:-4px 0 8px -2px #0000000f;z-index:12!important;background:var(--surface-alt)!important;text-align:center!important;position:sticky!important;right:0!important}.sticky-action-td{box-shadow:-4px 0 8px -2px #0000000f;z-index:5!important;background:var(--surface-solid)!important;position:sticky!important;right:0!important}.report-row:nth-child(2n) .sticky-action-td{background:#f8fafc!important}.report-row:hover .sticky-action-td{background:var(--surface-hover)!important}.action-buttons-group{justify-content:center;align-items:center;gap:4px;display:flex}.row-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.row-action-btn:hover{transform:translateY(-2px)scale(1.05)}.row-action-btn.btn-view{color:#4f46e5;background:#6366f11a;border-color:#6366f133}.row-action-btn.btn-view:hover{color:#fff;background:#4f46e5}.row-action-btn.btn-print{color:#0284c7;background:#0284c71a;border-color:#0284c733}.row-action-btn.btn-print:hover{color:#fff;background:#0284c7}.row-action-btn.btn-edit{color:#d97706;background:#f59e0b1a;border-color:#f59e0b33}.row-action-btn.btn-edit:hover{color:#fff;background:#d97706}.row-action-btn.btn-pdf{color:#059669;background:#10b9811a;border-color:#10b98133}.row-action-btn.btn-pdf:hover{color:#fff;background:#059669}.row-action-btn.btn-telegram{color:#0284c7;background:#0ea5e91a;border-color:#0ea5e933}.row-action-btn.btn-telegram:hover{color:#fff;background:#0284c7}.row-action-btn.btn-delete{color:#dc2626;background:#ef44441a;border-color:#ef444433}.row-action-btn.btn-delete:hover{color:#fff;background:#dc2626}.empty-state-cell{text-align:center;padding:40px!important}.empty-state-box{flex-direction:column;align-items:center;gap:10px;display:flex}.empty-icon{color:var(--text-muted);opacity:.5}.empty-title{color:var(--text-main);font-size:16px;font-weight:700}.empty-desc{color:var(--text-muted);margin:0;font-size:13px}.btn-empty-create{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;align-items:center;gap:6px;margin-top:8px;padding:8px 18px;font-weight:600;display:inline-flex}.report-pagination-strip{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 14px;display:flex}.pagination-text{color:var(--text-muted);font-size:12.5px}.pagination-text strong{color:var(--text-main);font-weight:700}.pagination-controls-right{align-items:center;gap:14px;display:flex}.items-per-page-selector{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.select-items-per-page{background:var(--surface-solid);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:4px;outline:none;padding:2px 6px;font-family:inherit;font-size:12px}.page-nav-buttons{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--border-color);background:var(--surface-solid);color:var(--text-main);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.page-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-current-indicator{color:var(--text-muted);padding:0 4px;font-size:12px}.page-current-indicator strong{color:var(--primary)}.export-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.export-modal-content{background:var(--surface-solid);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:90%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpFade;box-shadow:0 20px 40px -10px #0003}.export-modal-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.export-icon-container{color:#10b981;background:#10b9811f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.export-title-wrapper h3{color:var(--text-main);margin:0 0 2px;font-size:17px;font-weight:700}.export-title-wrapper p{color:var(--text-muted);margin:0;font-size:12px}.export-modal-body{margin-bottom:24px}.export-form-group label{color:var(--text-main);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.month-input-wrapper{align-items:center;display:flex;position:relative}.month-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.export-month-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface);width:100%;color:var(--text-main);outline:none;padding:10px 14px 10px 38px;font-family:inherit;font-size:14px}.export-modal-footer{justify-content:flex-end;gap:10px;display:flex}.btn-cancel{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:600}.btn-export{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#10b981;border:none;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.export-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}body.dark-theme .report-toolbar-strip,body.dark-theme .smart-filter-bar,body.dark-theme .advanced-filter-tray,body.dark-theme .report-pagination-strip{background:#0f172abf;border-color:#33415599}body.dark-theme .modern-table-wrapper{background:#0f172a;border-color:#33415599}body.dark-theme .data-table th{color:#94a3b8;background:#1e293b;border-bottom-color:#334155cc}body.dark-theme .report-row{background-color:#0f172a}body.dark-theme .report-row:nth-child(2n){background-color:#1e293b59}body.dark-theme .report-row:hover{background-color:#1e293bbf!important}body.dark-theme .sticky-action-th{background:#1e293b!important}body.dark-theme .sticky-action-td{background:#0f172a!important}body.dark-theme .report-row:nth-child(2n) .sticky-action-td{background:#151d30!important}body.dark-theme .report-row:hover .sticky-action-td{background:#1e293b!important}body.dark-theme .quick-status-tabs{background:#ffffff0a}body.dark-theme .status-tab.active{color:var(--primary);background:#1e293b}body.dark-theme .toolbar-btn,body.dark-theme .btn-toggle-filters,body.dark-theme .btn-quick-sort,body.dark-theme .smart-search-box,body.dark-theme .tray-input,body.dark-theme .page-btn,body.dark-theme .select-items-per-page{color:#f8fafc;background:#1e293b;border-color:#334155cc}body.dark-theme .modern-dropdown-menu{background:#1e293b;border-color:#334155cc}@media (width<=1440px),(height<=900px){.billing-container{gap:6px!important}.report-toolbar-strip{padding:6px 10px!important}.toolbar-title-text h2{font-size:15px!important}.toolbar-btn{height:30px!important;padding:4px 10px!important;font-size:12px!important}.smart-filter-bar{gap:8px!important;padding:5px 10px!important}.smart-search-box{max-width:320px!important;padding:4px 8px!important}.status-tab{padding:4px 9px!important;font-size:12px!important}.btn-toggle-filters,.btn-quick-sort{height:28px!important;padding:4px 8px!important;font-size:12px!important}.report-pagination-strip{padding:4px 10px!important}}@media (width<=768px){.billing-container{gap:10px!important;height:auto!important;min-height:auto!important;overflow:visible!important}.report-toolbar-strip{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px 12px!important}.toolbar-left-group{justify-content:space-between;width:100%}.toolbar-title-text h2{font-size:16px!important}.toolbar-right-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.toolbar-right-actions::-webkit-scrollbar{display:none}.toolbar-btn{white-space:nowrap!important;flex-shrink:0!important;height:38px!important;padding:0 14px!important;font-size:13px!important}.smart-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px 12px!important}.smart-search-box{border-radius:var(--radius-md)!important;width:100%!important;max-width:100%!important;height:42px!important;font-size:14px!important}.quick-status-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.quick-status-tabs::-webkit-scrollbar{display:none}.status-tab{white-space:nowrap!important;border-radius:20px!important;flex-shrink:0!important;padding:6px 12px!important;font-size:12.5px!important}.filter-secondary-actions{justify-content:space-between;gap:8px;width:100%;display:flex}.btn-toggle-filters,.btn-quick-sort{flex:1;justify-content:center;height:36px!important;font-size:13px!important}.advanced-filter-tray{border-radius:var(--radius-md)!important;padding:14px 12px!important}.filter-tray-grid{grid-template-columns:1fr!important;gap:12px!important}.summary-cards-container{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.summary-card{gap:10px!important;padding:12px!important}.billing-container .modern-table-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.billing-container .data-table thead{display:none!important}.billing-container .data-table,.billing-container .data-table tbody{width:100%!important;display:block!important}.billing-container .data-table tr.report-row{transition:transform .2s;background:var(--surface)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;width:100%!important;margin-bottom:14px!important;padding:14px 16px!important;display:block!important;position:relative!important;box-shadow:0 4px 16px #0000000a!important}body.dark-theme .billing-container .data-table tr.report-row{background:#0f172abf!important;border:1px solid #ffffff14!important;box-shadow:0 4px 20px #0000004d!important}.billing-container .data-table td{text-align:right!important;white-space:normal!important;word-break:break-word!important;border-bottom:1px dashed #e2e8f099!important;justify-content:space-between!important;align-items:center!important;height:auto!important;padding:9px 0!important;font-size:13.5px!important;display:flex!important}body.dark-theme .billing-container .data-table td{border-bottom:1px dashed #33415599!important}.billing-container .data-table td:before{content:attr(data-label);color:var(--text-muted);text-align:left;flex-shrink:0;margin-right:12px;font-size:12.5px;font-weight:600}.billing-container .data-table td.cell-actions{border-bottom:none!important;border-top:1px solid var(--border-color)!important;background:0 0!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;margin-top:6px!important;padding-top:12px!important;position:static!important}.billing-container .data-table td.cell-actions:before{display:none!important}.billing-container .action-buttons-group{justify-content:flex-end!important;gap:8px!important;width:100%!important}.billing-container .row-action-btn{border-radius:10px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important}.billing-container .row-action-btn svg{width:17px!important;height:17px!important}.report-pagination-strip{flex-direction:column!important;align-items:center!important;gap:10px!important;padding:14px 12px!important}.pagination-controls-right{gap:12px;width:100%;justify-content:center!important}}.sidebar{background:var(--surface);-webkit-backdrop-filter:blur(24px);border-right:var(--glass-border);z-index:100;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000005}.sidebar-brand{border-bottom:1px solid #e2e8f066;align-items:center;gap:16px;padding:24px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;width:44px;height:44px;box-shadow:0 8px 16px var(--primary-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand h2{color:var(--text-main);letter-spacing:-.5px;background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.sidebar-menu{flex-direction:column;flex-grow:1;gap:6px;padding:24px 16px;display:flex;overflow-y:auto}.menu-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:16px;padding:14px 16px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.menu-item:hover:not(.disabled){color:var(--primary);background:#ffffff80;transform:translate(6px)}.menu-item.active{background:var(--surface-solid);color:var(--primary);box-shadow:0 4px 15px var(--primary-light);font-weight:600}.menu-item.active:before{content:"";background:var(--primary);border-radius:0 4px 4px 0;width:4px;position:absolute;top:10%;bottom:10%;left:0}.menu-item.disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.sidebar{z-index:1000;width:280px;max-width:85vw;height:100dvh;padding-bottom:max(20px, env(safe-area-inset-bottom,20px));transition:transform .35s cubic-bezier(.16,1,.3,1);transform:translate(-100%);box-shadow:10px 0 30px #00000040}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(6px);background:#0f172a99;display:none;position:fixed;inset:0}.sidebar-overlay.open{animation:.25s ease-out fadeIn;display:block}.mobile-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;display:flex!important}.mobile-close-btn:hover{color:var(--text-main);background:var(--surface-hover)}}.mobile-close-btn{display:none}.topbar{background:var(--surface);-webkit-backdrop-filter:blur(24px);border-bottom:var(--glass-border);z-index:90;justify-content:space-between;align-items:center;height:80px;padding:16px 40px;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000005}.topbar-left h2{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:600}.topbar-right{align-items:center;gap:24px;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:#ffffff80;border:1px solid #e2e8f0cc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #00000005}.icon-btn:hover{background:var(--surface-solid);color:var(--primary);box-shadow:0 4px 12px var(--primary-light);border-color:var(--primary-light);transform:translateY(-2px)}.notification-dot{border:2px solid var(--surface-solid);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:12px}.user-profile{border-left:1px solid var(--border-color);align-items:center;gap:16px;padding-left:24px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--primary-light) 0%, #ec48991a 100%);border:1px solid var(--primary-light);width:44px;height:44px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000a}.user-info{flex-direction:column;display:flex}.username{color:var(--text-main);font-size:15px;font-weight:600}.role{color:var(--text-muted);text-transform:capitalize;font-size:13px;font-weight:500}.logout-btn-new{color:#ef4444;cursor:pointer;background:#ef44440d;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.logout-btn-new:hover{color:#fff;background:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.theme-picker-wrapper,.theme-picker-trigger{position:relative}.theme-picker-trigger.active{background:var(--surface-solid);color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-light)}.accent-active-dot{border:1.5px solid var(--surface-solid);border-radius:50%;width:9px;height:9px;position:absolute;bottom:8px;right:8px;box-shadow:0 0 4px #0003}.theme-popover{background:var(--surface-solid);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:200;transform-origin:100% 0;border-radius:16px;width:290px;padding:16px;position:absolute;top:calc(100% + 12px);right:-50px;box-shadow:0 12px 36px #00000026,0 4px 12px #00000014}.animate-popover{animation:.22s cubic-bezier(.16,1,.3,1) forwards popoverFadeIn}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.92)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.theme-popover-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.theme-popover-title{color:var(--text-main);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.theme-mode-selector{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:4px;display:grid}.theme-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.theme-mode-btn:hover{color:var(--text-main)}.theme-mode-btn.active{background:var(--surface-solid);color:var(--primary);box-shadow:0 2px 8px #00000014}.theme-palette-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11.5px;font-weight:600}.theme-colors-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-color-btn{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.theme-color-btn:hover{background:var(--surface-hover);border-color:var(--primary-light);transform:translateY(-2px)}.theme-color-btn.selected{background:var(--primary-light);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.theme-color-circle{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:0 2px 6px #0003}.theme-color-name{color:var(--text-main);font-size:11px;font-weight:600}@media (width<=1440px),(height<=900px){.topbar{height:54px!important;padding:8px 24px!important}.icon-btn{width:36px!important;height:36px!important}.topbar-right{gap:12px!important}.topbar-left h2{font-size:18px!important}}@media (width<=768px){.topbar{z-index:90;border-bottom:var(--glass-border);width:100%;position:fixed;top:0;left:0;height:56px!important;padding:8px 14px!important}.topbar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex!important}.topbar-left h2.page-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:0;overflow:hidden;font-size:15px!important;font-weight:700!important}.topbar-right{flex-shrink:0;gap:6px!important}.hide-mobile{display:none!important}.topbar-search-trigger{border-radius:50%!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important}.icon-btn,.notification-btn{width:36px!important;height:36px!important}.user-profile{border-left:none!important;gap:0!important;padding-left:4px!important}.user-info{display:none!important}.user-avatar{width:34px!important;height:34px!important;font-size:13px!important}.logout-btn-new{border-radius:50%!important;justify-content:center!important;width:36px!important;height:36px!important;padding:0!important}.logout-btn-new span{display:none!important}.theme-popover{width:270px!important;max-width:90vw!important;top:calc(100% + 8px)!important;right:-10px!important}}.billing-schedule-container{flex-direction:column;flex:1;height:100%;min-height:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.billing-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card-overdue{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border-left:4px solid #ff4757;border-top:var(--glass-border);border-right:var(--glass-border);border-bottom:var(--glass-border)}.stat-card-overdue .stat-title,.stat-card-overdue .stat-value{color:#ff4757}.stat-card-due{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border-left:4px solid #ffa502;border-top:var(--glass-border);border-right:var(--glass-border);border-bottom:var(--glass-border)}.stat-card-due .stat-title,.stat-card-due .stat-value{color:#ffa502}.stat-card-upcoming{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border-left:4px solid #2ed573;border-top:var(--glass-border);border-right:var(--glass-border);border-bottom:var(--glass-border)}.stat-card-upcoming .stat-title,.stat-card-upcoming .stat-value{color:#2ed573}.billing-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.billing-filter-buttons{flex-wrap:wrap;gap:12px;display:flex}.status-badge{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-overdue{color:#ff4757;background:#ff475726;border-color:#ff47574d}.badge-due{color:#ffa502;background:#ffa50226;border-color:#ffa5024d}.badge-upcoming{color:#2ed573;background:#2ed57326;border-color:#2ed5734d}.table-scroll-area{border-radius:var(--radius-lg);border:var(--glass-border);background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);flex:1;overflow-y:auto}.billing-schedule-sticky-header{z-index:40;background:var(--surface);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);padding:16px 0;box-shadow:0 4px 20px #0000000d}.inventory-container{flex-direction:column;height:100%;min-height:0;padding:10px;display:flex}.inventory-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.inventory-filters{margin-bottom:20px;padding:15px 20px}.search-box{max-width:400px;position:relative}.search-box .search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:8px;width:100%;padding:10px 10px 10px 38px;font-family:inherit;font-size:14px;transition:all .2s}.search-box input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.quantity-badge{border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.quantity-badge.in-stock{color:#059669;background-color:#d1fae5}.quantity-badge.low-stock{color:#dc2626;background-color:#fee2e2}.summary-cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.summary-card{align-items:center;gap:16px;padding:16px;display:flex}.summary-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.summary-info{flex-direction:column;display:flex}.summary-title{color:var(--text-muted);font-size:13px}.summary-value{color:var(--text-main);font-size:20px;font-weight:700}.summary-value small{color:var(--text-muted);font-size:13px;font-weight:500}.advanced-filters{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:12px 16px;display:flex}.filter-group label{color:var(--text-muted);font-size:13px}.filter-select{border:var(--glass-border);background:var(--surface);border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;box-shadow:var(--glass-shadow);outline:none;padding:8px 12px;transition:all .3s}.filter-select:focus{border-color:var(--primary)}.inventory-filters-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.export-btn{color:#10b981;border-color:#10b981}.export-btn:hover{color:#fff;background:#10b981}@media (width<=1920px){.inventory-header-section{padding:10px 16px!important}.inventory-title h2{font-size:20px!important}.inventory-filters,.advanced-filters{flex-wrap:wrap;gap:10px!important;padding:10px 16px!important}.search-box{max-width:250px!important;padding:6px 12px!important}.modern-input{padding:6px 8px!important;font-size:13px!important}.btn-primary,.btn-secondary,.btn-outline{padding:6px 12px!important;font-size:13px!important}.btn-secondary svg,.btn-primary svg,.btn-outline svg{width:16px;height:16px}}@media (width<=768px){.inventory-container{padding-bottom:70px;height:auto!important;min-height:auto!important;overflow:visible!important}.inventory-header,.inventory-header-section{gap:12px;flex-direction:column!important;align-items:stretch!important}.inventory-filters,.inventory-filters-row{gap:10px;flex-direction:column!important;align-items:stretch!important}.search-box{width:100%!important;max-width:100%!important}.summary-cards-container{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.inventory-container .modern-table-wrapper{background:0 0!important;border:none!important;overflow:visible!important}.inventory-container .data-table thead,.inventory-container .modern-table thead{display:none!important}.inventory-container .data-table,.inventory-container .modern-table,.inventory-container tbody{width:100%!important;display:block!important}.inventory-container tr{background:var(--surface)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;width:100%!important;margin-bottom:14px!important;padding:14px 16px!important;display:block!important;box-shadow:0 4px 16px #0000000a!important}.inventory-container td{text-align:right!important;white-space:normal!important;border-bottom:1px dashed #e2e8f099!important;justify-content:space-between!important;align-items:center!important;padding:9px 0!important;font-size:13.5px!important;display:flex!important}.inventory-container td:before{content:attr(data-label);color:var(--text-muted);text-align:left;flex-shrink:0;margin-right:12px;font-size:12.5px;font-weight:600}.inventory-container td:last-child{border-bottom:none!important;border-top:1px solid var(--border-color)!important;justify-content:flex-end!important;gap:8px!important;margin-top:6px!important;padding-top:12px!important}.inventory-container td:last-child:before{display:none!important}}.parts-request-container{height:100%;padding:10px;overflow-y:auto}.request-card{border-radius:var(--radius-lg);background:var(--surface);border:var(--glass-border);box-shadow:var(--glass-shadow);flex-direction:column;gap:15px;margin-bottom:20px;padding:20px;transition:all .3s;display:flex}.request-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.request-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.request-title h3{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.request-meta{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.request-status{text-transform:uppercase;border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:600}.request-status.Pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.request-status.Approved{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.request-status.Rejected{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.request-body{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=768px){.request-body{grid-template-columns:1fr}}.request-details,.request-items-list{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#00000005;padding:15px}.request-details p{color:var(--text-main);margin:5px 0}.request-items-list h4{color:var(--text-main);margin-top:0;margin-bottom:10px}.request-items-list ul{margin:0;padding:0;list-style:none}.request-items-list li{border-bottom:1px dashed var(--border-color);color:var(--text-main);justify-content:space-between;padding:8px 0;display:flex}.request-items-list li:last-child{border-bottom:none}.request-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.modal-items-selected{max-height:200px;margin-top:15px;padding-right:5px;overflow-y:auto}.selected-item{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 15px;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.selected-item:hover{border-color:var(--primary-light);transform:translate(2px)}.item-qty-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface);width:70px;color:var(--text-main);text-align:center;padding:8px 10px;font-weight:500;transition:all .2s}.item-qty-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb), .2);outline:none}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:var(--radius-lg);border:var(--glass-border);width:90%;max-width:650px;max-height:90vh;padding:30px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.modal-header h2{color:var(--text-main);align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.close-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.modal-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:.95rem;font-weight:600}.form-group input[type=date],.form-group select,.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface);width:100%;color:var(--text-main);padding:12px 15px;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), .15);outline:none}.form-group textarea{resize:vertical;min-height:80px}.part-selector-box{background:var(--surface-hover);border-radius:var(--radius-lg);border:1px dashed var(--border-color);padding:20px}.form-actions button{border-radius:var(--radius-md);padding:10px 25px;font-size:1rem;font-weight:600}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.action-btn:active{transform:translateY(0)}.approve-btn{color:#10b981;background-color:#10b9811a;border-color:#10b9814d}.approve-btn:hover{color:#fff;background-color:#10b981}.reject-btn{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d}.reject-btn:hover{color:#fff;background-color:#ef4444}.edit-btn{color:#3b82f6;background-color:#3b82f61a;border-color:#3b82f64d}.edit-btn:hover{color:#fff;background-color:#3b82f6}.delete-btn{color:#ef4444;background-color:#0000;border-color:#ef4444}.delete-btn:hover{color:#fff;background-color:#ef4444}.secondary-btn{color:#6b7280;background-color:#6b72801a;border-color:#6b72804d}.secondary-btn:hover{color:#fff;background-color:#6b7280}.users-container{flex-direction:column;height:100%;min-height:0;padding:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.users-header{z-index:40;background:var(--surface);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:flex-start;padding:16px 0;display:flex;box-shadow:0 4px 20px #0000000d}.users-title h2{color:var(--text-main);letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:700}.users-title p{color:var(--text-muted);margin:0;font-size:14px}.table-container{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border:var(--glass-border);flex:1;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;overflow:auto}.badge{border:1px solid #0000;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-primary{color:var(--primary);background:#6366f126;border-color:#6366f14d}.badge-secondary{color:var(--text-muted);background:#64748b26;border-color:#64748b4d}.actions-cell{justify-content:flex-start;gap:8px;display:flex}.action-btn{cursor:pointer;background:#ffffff80;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 4px #0000000d}body.dark-theme .action-btn{background:#0f172a80}.edit-btn{color:#3b82f6}.edit-btn:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.delete-btn{color:#ef4444}.delete-btn:hover{color:#fff;background:#ef4444;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.empty-state{text-align:center;font-style:italic;color:var(--text-muted)!important;padding:40px!important}.tech-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.tech-modal-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid #6366f133;flex-direction:column;width:90%;max-width:450px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) techPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #6366f11a,0 25px 50px #0000004d}@keyframes techPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.tech-modal-card:before{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);width:100%;height:4px;position:absolute;top:0;left:0}.tech-modal-header{border-bottom:1px solid var(--glass-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.tech-modal-header-title{align-items:center;gap:16px;display:flex}.tech-icon-container{color:#8b5cf6;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid #8b5cf633;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #8b5cf633}.tech-modal-header h3{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:700}.tech-modal-header p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.tech-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s;display:flex}.tech-modal-close:hover{background:var(--surface-hover);color:var(--text-main);transform:rotate(90deg)}.tech-modal-body{flex:1;padding:24px 30px;overflow-y:auto}.tech-form-grid{flex-direction:column;gap:16px;display:flex}.tech-input-group{margin-bottom:4px}.tech-input-group label{color:var(--text-main);align-items:center;gap:4px;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.tech-input-wrapper{align-items:center;display:flex;position:relative}.tech-input-icon{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;transition:color .3s;display:flex;position:absolute;left:14px}.tech-input-group input,.tech-input-group select{border:2px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#0f172a08;padding:14px 16px 14px 44px;font-family:inherit;font-size:1rem;transition:all .3s}body.dark-theme .tech-input-group input,body.dark-theme .tech-input-group select{background:#0f172a66}.tech-input-group input:focus,.tech-input-group select:focus{background:var(--surface);border-color:#8b5cf6;outline:none;box-shadow:0 0 0 4px #8b5cf626}.tech-input-group input:focus+.tech-input-icon,.tech-input-group select:focus+.tech-input-icon,.tech-input-wrapper:focus-within .tech-input-icon{color:#8b5cf6}.tech-modal-footer{border-top:1px solid var(--glass-border);background:#00000005;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.tech-btn-cancel{border-radius:var(--radius-md);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:0 0;padding:10px 20px;font-weight:600;transition:all .2s}.tech-btn-cancel:hover{background:var(--surface-hover);color:var(--text-main)}.tech-btn-save{border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;flex-shrink:0;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #6366f14d}.tech-btn-save:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media (width<=768px){.tech-modal-card{width:95%;max-height:98vh}.tech-modal-header{padding:16px 20px}.tech-modal-header h3{font-size:1.15rem}.tech-icon-container{width:40px;height:40px}.tech-modal-body{padding:16px 20px}.tech-input-group input,.tech-input-group select{padding:12px 14px 12px 40px}.tech-modal-footer{padding:16px 20px}}.settings-container{flex-direction:column;gap:24px;height:100%;padding-bottom:32px;display:flex;overflow-y:auto}.settings-header{align-items:center;gap:16px;padding:24px;display:flex}.settings-content{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.settings-content{grid-template-columns:1fr 1fr}}.settings-card{flex-direction:column;gap:20px;padding:24px;display:flex}.settings-card h3{color:var(--text-main);border-bottom:1px solid var(--border);margin:0;padding-bottom:16px;font-size:18px;font-weight:600}.settings-form{flex-direction:column;gap:16px;display:flex}.image-upload-section{flex-direction:column;gap:24px;display:flex}.image-upload-box{border-radius:var(--radius-md);border:1px dashed var(--border);background:#ffffff05;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.image-upload-box h4{color:var(--text-main);margin:0;font-size:14px}.image-preview{border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid var(--border);justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.no-image-placeholder{color:var(--text-muted);font-size:13px}.upload-action{margin-top:8px}.form-actions{justify-content:flex-end;margin-top:16px;display:flex}.parts-lifecycle-container{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:0 0 40px;display:flex}.dashboard-content:has(.parts-lifecycle-container){overflow-y:auto!important}.lifecycle-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lifecycle-title-group h1{color:var(--text-main);align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:700;display:flex}.lifecycle-title-group p{color:var(--text-muted);margin:0;font-size:14px}.lifecycle-actions{align-items:center;gap:12px;display:flex}.lifecycle-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.lifecycle-kpi-card{border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.lifecycle-kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kpi-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.kpi-icon-wrapper.total{color:#6366f1;background:#6366f126}.kpi-icon-wrapper.good{color:#10b981;background:#10b98126}.kpi-icon-wrapper.warning{color:#f59e0b;background:#f59e0b26}.kpi-icon-wrapper.critical{color:#ef4444;background:#ef444426}.kpi-data{flex-direction:column;display:flex}.lifecycle-filters-panel{border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:16px 20px;display:flex}.filters-row-top{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lifecycle-search-box{flex:1;min-width:280px;position:relative}.lifecycle-search-box svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.lifecycle-search-box input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-main);outline:none;padding:10px 14px 10px 42px;font-size:14px;transition:border-color .2s,box-shadow .2s}.lifecycle-search-box input:focus{border-color:var(--primary);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--primary-light)}.filter-pills-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pills-label{color:var(--text-muted);margin-right:4px;font-size:13px;font-weight:600}.filter-pill{border:1px solid var(--border-color);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.filter-pill:hover{color:var(--text-main);border-color:var(--primary)}.filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px var(--primary-light)}.machine-groups-container{flex-direction:column;gap:20px;display:flex}.machine-group-card{border-radius:var(--radius-xl);transition:box-shadow .2s;overflow:hidden}.machine-group-header{border-bottom:1px solid var(--border-color);background:#fff6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}body.dark-theme .machine-group-header{background:#ffffff05}.machine-info-main{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.machine-code-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);letter-spacing:.5px;padding:4px 10px;font-size:14px;font-weight:700}.machine-customer-title{color:var(--text-main);margin:0;font-size:16px;font-weight:700}.machine-model-tag{color:var(--text-muted);background:#94a3b826;border-radius:6px;padding:2px 8px;font-size:14px}.machine-header-stats{align-items:center;gap:16px;display:flex}.current-counter-tag{color:var(--text-main);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.machine-parts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px 24px;display:grid}.part-item-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.part-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.part-item-card.critical{background:linear-gradient(to bottom, #ef44440a, var(--surface));border-color:#ef444466}.part-item-card.warning{background:linear-gradient(to bottom, #f59e0b0a, var(--surface));border-color:#f59e0b66}.part-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.part-type-pill{letter-spacing:.5px;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.part-type-pill.drum{color:#6366f1;background:#6366f126}.part-type-pill.blade{color:#0ea5e9;background:#0ea5e926}.part-type-pill.film{color:#a855f7;background:#a855f726}.part-type-pill.toner{color:#10b981;background:#10b98126}.part-type-pill.other{color:#64748b;background:#64748b26}.part-type-pill.k{color:#0f172a;background:#1e293b26;border:1px solid #0f172a4d}[data-theme=dark] .part-type-pill.k{color:#f8fafc;background:#ffffff1f;border:1px solid #ffffff40}.part-type-pill.c{color:#0891b2;background:#06b6d426;border:1px solid #06b6d459}[data-theme=dark] .part-type-pill.c{color:#38bdf8;background:#06b6d440;border:1px solid #38bdf866}.part-type-pill.m{color:#db2777;background:#ec489926;border:1px solid #ec489959}[data-theme=dark] .part-type-pill.m{color:#f472b6;background:#ec489940;border:1px solid #f472b666}.part-type-pill.y{color:#b45309;background:#eab3082e;border:1px solid #eab30866}[data-theme=dark] .part-type-pill.y{color:#facc15;background:#eab30840;border:1px solid #facc1566}.part-type-pill.itb{color:#7c3aed;background:#8b5cf626;border:1px solid #8b5cf659}[data-theme=dark] .part-type-pill.itb{color:#a78bfa;background:#8b5cf640;border:1px solid #a78bfa66}.health-status-badge{text-transform:uppercase;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.health-status-badge.good{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.health-status-badge.warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.health-status-badge.critical{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;animation:2s infinite pulseCritical}@keyframes pulseCritical{0%,to{opacity:1}50%{opacity:.7}}.part-name-text{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.part-progress-container{flex-direction:column;gap:6px;display:flex}.progress-labels{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.progress-pct-bold{color:var(--text-main);font-weight:700}.progress-track{background:#94a3b833;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .4s}.progress-fill.good{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.part-metrics-row{border-top:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding-top:4px;font-size:13px;display:flex}.metric-used{color:var(--text-main);font-weight:600}.metric-remaining{font-weight:600}.metric-remaining.good{color:#10b981}.metric-remaining.warning{color:#f59e0b}.metric-remaining.critical{color:#ef4444}.part-meta-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.part-card-actions{gap:8px;margin-top:4px;display:flex}.btn-replace-action{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-replace-action:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-icon-subtle{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-subtle:hover{color:var(--text-main);border-color:var(--primary)}.btn-icon-subtle.delete:hover{color:#ef4444;border-color:#ef4444}.lifecycle-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-icon-circle{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex}.lifecycle-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lifecycle-modal-content{border-radius:var(--radius-xl);background:var(--surface-solid);border:1px solid var(--border-color);width:100%;max-width:540px;box-shadow:var(--shadow);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.lifecycle-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.lifecycle-modal-header h3{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.lifecycle-modal-body{flex-direction:column;gap:16px;max-height:75vh;padding:24px;display:flex;overflow-y:auto}.form-group-item input,.form-group-item select,.form-group-item textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-main);outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-hint{color:var(--text-muted);font-size:11px}.lifecycle-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.parts-lifecycle-container{gap:14px;padding:0 0 70px}.lifecycle-header{gap:12px;flex-direction:column!important;align-items:stretch!important}.lifecycle-controls{gap:10px;flex-direction:column!important;align-items:stretch!important}.machine-parts-grid{grid-template-columns:1fr;gap:12px;padding:12px}.machine-info-main{flex-direction:column;align-items:flex-start;gap:6px}.part-item-card{padding:14px 12px}.lifecycle-modal-footer{flex-direction:column}.lifecycle-modal-footer button{justify-content:center;width:100%}}.dashboard-content:has(.error-codes-container){overflow-y:auto!important}.error-codes-container{flex-direction:column;gap:16px;width:100%;padding-bottom:50px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex}.error-header-panel{border-radius:var(--radius-xl,16px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.error-header-title{align-items:center;gap:16px;display:flex}.error-brand-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 16px #ef44444d}.error-header-title h2{color:var(--text-main,#0f172a);letter-spacing:-.2px;margin:0 0 4px;font-size:20px;font-weight:700}.error-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.4}.error-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.offline-status-badge{-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.offline-status-badge.synced{color:#059669;cursor:pointer;background:#10b9811a;border:1px solid #10b98159}.offline-status-badge.synced:hover{background:#10b98133;transform:translateY(-1px);box-shadow:0 3px 10px #10b98133}.offline-status-badge.offline{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b66;animation:2s ease-in-out infinite pulseOffline}@keyframes pulseOffline{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.btn-cheat-sheet{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:9999px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #0ea5e947}.btn-cheat-sheet:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0ea5e966}.btn-excel-export{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:9999px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #10b98147}.btn-excel-export:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #10b98166}.btn-excel-export:disabled{opacity:.65;cursor:not-allowed}.btn-import-expanded{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:9999px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #8b5cf647}.btn-import-expanded:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #8b5cf666}.btn-import-expanded:disabled{opacity:.65;cursor:not-allowed}.error-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.error-kpi-card{border-radius:var(--radius-lg,12px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);align-items:center;gap:14px;padding:14px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000008}.error-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.error-kpi-card.total .kpi-icon-wrap{color:#3b82f6;background:#3b82f61f}.error-kpi-card.fixing .kpi-icon-wrap{color:#f59e0b;background:#f59e0b1f}.error-kpi-card.toner .kpi-icon-wrap{color:#10b981;background:#10b9811f}.error-kpi-card.drum .kpi-icon-wrap{color:#8b5cf6;background:#8b5cf61f}.error-kpi-card.laser .kpi-icon-wrap{color:#06b6d4;background:#06b6d41f}.error-kpi-card.system .kpi-icon-wrap{color:#6366f1;background:#6366f11f}.kpi-meta{flex-direction:column;display:flex}.kpi-label{color:var(--text-muted,#64748b);font-size:12px;font-weight:500}.kpi-value{color:var(--text-main,#0f172a);font-size:20px;font-weight:700;line-height:1.2}.error-toolbar{border-radius:var(--radius-lg,12px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);flex-direction:column;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000008}.error-search-wrapper{width:100%;position:relative}.error-search-wrapper .search-icon{color:var(--text-muted,#64748b);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.error-search-input{border-radius:var(--radius-md,10px);border:1px solid var(--border-color,#e2e8f0);background:var(--surface-alt,#f8fafc);width:100%;height:44px;color:var(--text-main,#0f172a);outline:none;padding:10px 40px 10px 44px;font-family:inherit;font-size:14px;transition:all .2s}.error-search-input:focus{border-color:var(--primary,#3b82f6);background:var(--surface,#fff);box-shadow:0 0 0 3px #3b82f626}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--text-main);background:#0000000f}.filter-group-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-group-label{color:var(--text-muted,#64748b);-webkit-user-select:none;user-select:none;min-width:44px;font-size:13px;font-weight:600}.filter-pills-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error-filter-pill{border:1px solid var(--border-color,#e2e8f0);background:var(--surface,#fff);color:var(--text-muted,#64748b);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.error-filter-pill:hover{color:var(--text-main,#0f172a);background:var(--surface-hover,#f1f5f9);border-color:#cbd5e1}.error-filter-pill.active{background:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #3b82f64d;color:#fff!important}.error-results-header{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;padding:0 4px;font-size:13.5px;display:flex}.results-count b{color:var(--text-main,#0f172a)}.results-quick-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.view-mode-toggle-group{background:var(--surface-alt,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}.btn-view-toggle{color:var(--text-muted,#64748b);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-toggle:hover{color:var(--text-main,#0f172a)}.btn-view-toggle.active{background:var(--surface,#fff);color:var(--primary,#3b82f6);box-shadow:0 1px 3px #00000014}.btn-toggle-all{color:var(--primary,#3b82f6);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .2s}.btn-toggle-all:hover{background:#3b82f614}.error-table-container{border-radius:var(--radius-xl,14px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);overflow:hidden;box-shadow:0 4px 16px #00000008}.error-table-scroll-area{width:100%;overflow-x:auto}.error-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.error-data-table thead th{background:var(--surface-alt,#f8fafc);color:var(--text-muted,#64748b);border-bottom:1px solid var(--border-color,#e2e8f0);white-space:nowrap;letter-spacing:.3px;padding:12px 16px;font-size:12px;font-weight:700}.error-table-row{cursor:pointer;border-bottom:1px solid var(--border-color,#f1f5f9);transition:background-color .15s}.error-table-row:hover{background-color:var(--surface-hover,#f8fafc)}.error-table-row.row-expanded{background-color:#3b82f60a}.error-table-row td{vertical-align:middle;color:var(--text-main,#0f172a);padding:12px 16px}.code-badge-table{color:#fff;letter-spacing:.5px;background:#1e293b;border-radius:6px;padding:3px 8px;font-family:monospace,sans-serif;font-size:13px;font-weight:800;display:inline-block}.table-title-cell{flex-direction:column;gap:3px;min-width:220px;display:flex}.table-main-title{color:var(--text-main,#0f172a);font-size:13.5px;font-weight:600;line-height:1.35}.table-desc-preview{color:var(--text-muted,#64748b);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.table-actions-cell{justify-content:center;align-items:center;gap:6px;display:flex}.btn-action-round-sm{border:1px solid var(--border-color,#e2e8f0);background:var(--surface,#fff);width:28px;height:28px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .18s;display:flex}.btn-action-round-sm:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.btn-action-round-sm.copy:hover{color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);background:#3b82f614}.btn-action-round-sm.telegram:hover{color:#0284c7;background:#0284c714;border-color:#0284c7}.btn-action-round-sm.edit:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.btn-action-round-sm.delete:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.btn-action-round-sm.expand:hover{color:var(--text-main);background:#0000000f}.error-table-detail-row td{background-color:var(--surface-alt,#f8fafc);border-bottom:2px solid var(--border-color,#e2e8f0);padding:0}.table-expanded-content{border-left:4px solid var(--primary,#3b82f6);padding:16px 20px}.error-cards-list{flex-direction:column;gap:12px;display:flex}.error-item-card{border-radius:var(--radius-lg,12px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-left-width:5px;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 2px 8px #00000005}.error-item-card:hover{box-shadow:0 6px 18px #0000000f}.error-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.code-identity-box{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.code-badge{color:#fff;letter-spacing:.5px;background:#1e293b;border-radius:8px;padding:4px 10px;font-family:monospace,sans-serif;font-size:16px;font-weight:800;box-shadow:0 2px 6px #00000026}.brand-tag{color:var(--text-muted,#475569);background:#64748b1f;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:700}.category-tag{color:var(--primary,#3b82f6);background:#3b82f614;border-radius:12px;padding:3px 9px;font-size:12px;font-weight:600}.severity-pill{border-radius:9999px;padding:3px 8px;font-size:11px;font-weight:700}.code-title-box{flex:1;min-width:250px}.code-main-title{color:var(--text-main,#0f172a);margin:0 0 4px;font-size:14.5px;font-weight:700;line-height:1.35}.models-tag{color:var(--text-muted,#64748b);background:#00000008;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;display:inline-flex}.code-actions-box{align-items:center;gap:8px;display:flex}.btn-action-round{border:1px solid var(--border-color,#e2e8f0);background:var(--surface,#fff);width:34px;height:34px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action-round:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.btn-action-round.copy:hover{color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);background:#3b82f614}.btn-action-round.telegram:hover{color:#0284c7;background:#0284c714;border-color:#0284c7}.btn-action-round.edit:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.btn-action-round.delete:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.btn-expand-arrow{width:32px;height:32px;color:var(--text-muted,#64748b);cursor:pointer;background:#0000000a;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-expand-arrow:hover{color:var(--text-main);background:#00000014}.error-card-body{border-top:1px solid var(--border-color,#e2e8f0);background:var(--surface-alt,#fafafa);flex-direction:column;gap:14px;padding:16px 20px 20px;animation:.25s ease-out fadeIn;display:flex}.error-section{flex-direction:column;gap:6px;display:flex}.section-title{color:var(--text-main,#0f172a);align-items:center;gap:7px;font-size:13.5px;font-weight:700;display:flex}.section-content-text{color:var(--text-muted,#475569);margin:0;font-size:13px;line-height:1.5}.error-details-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.error-detail-col{flex-direction:column;gap:6px;display:flex}.section-content-box{background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);flex:1;padding:12px 14px}.section-content-box.highlight-solution{background:#10b98108;border-left:3px solid #10b981}.pre-formatted-text{white-space:pre-wrap;color:var(--text-main,#1e293b);margin:0;font-family:inherit;font-size:13px;line-height:1.6}.reset-procedure-box{border-radius:var(--radius-md,8px);background:linear-gradient(135deg,#3b82f60d,#6366f114);border:1px solid #3b82f633;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.reset-title{color:var(--primary,#2563eb);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.reset-code-snippet code{color:#1e293b;background:#fffc;border:1px solid #00000014;border-radius:6px;padding:4px 10px;font-family:monospace,sans-serif;font-size:13px;font-weight:600;display:inline-block}.tech-tips-banner{border-radius:var(--radius-md,8px);background:#fffbeb;border:1px solid #fef3c7;border-left:3px solid #f59e0b;padding:10px 14px}.tip-header{color:#b45309;margin-bottom:2px;font-size:12.5px;font-weight:700}.tech-tips-banner p{color:#78350f;margin:0;font-size:12.5px;line-height:1.45}.error-loading-state,.error-empty-state{border-radius:var(--radius-xl,16px);background:var(--surface,#fff);border:1px solid var(--border-color,#e2e8f0);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.error-empty-state h3{color:var(--text-main);margin:12px 0 6px;font-size:17px}.error-empty-state p{color:var(--text-muted);margin:0;font-size:13.5px}.error-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99999;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.error-modal-content{background:var(--surface,#fff);border-radius:var(--radius-xl,16px);border:1px solid var(--border-color,#e2e8f0);flex-direction:column;width:100%;max-width:620px;max-height:90vh;animation:.25s ease-out slideUpFade;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.error-modal-content.cheat-sheet-modal{max-width:680px}.error-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.btn-print-cheat{background:var(--surface,#fff);border:1px solid var(--border-color,#cbd5e1);color:var(--text-main,#0f172a);border-radius:var(--radius-md,8px);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-print-cheat:hover{color:#2563eb;background:#2563eb14;border-color:#3b82f6;transform:translateY(-1px)}.error-modal-header h3{color:var(--text-main,#0f172a);margin:0;font-size:16.5px;font-weight:700}.error-modal-body{flex-direction:column;gap:14px;padding:20px 22px;display:flex;overflow-y:auto}.error-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--surface-alt,#fafafa);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.cheat-section{background:var(--surface-alt,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,10px);padding:14px 16px}.cheat-section h4{color:var(--text-main);margin:0 0 10px;font-size:14px;font-weight:700}.cheat-steps{flex-direction:column;gap:8px;display:flex}.step-row{color:var(--text-main);align-items:center;gap:10px;font-size:13px;display:flex}.step-num{background:var(--primary,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;font-weight:700;display:flex}.step-row code{color:#2563eb;background:#0000000f;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.form-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3col{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.form-group-item{flex-direction:column;gap:5px;display:flex}.form-group-item label{color:var(--text-main,#0f172a);font-size:12.5px;font-weight:600}.form-group-item input,.form-group-item select,.form-group-item textarea{border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#cbd5e1);background:var(--surface,#fff);width:100%;color:var(--text-main,#0f172a);outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s}.form-group-item input:focus,.form-group-item select:focus,.form-group-item textarea:focus{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .error-header-panel,.dark-theme .error-header-panel,[data-theme=dark] .error-kpi-card,.dark-theme .error-kpi-card,[data-theme=dark] .error-toolbar,.dark-theme .error-toolbar,[data-theme=dark] .error-item-card,.dark-theme .error-item-card,[data-theme=dark] .error-modal-content,.dark-theme .error-modal-content{background:#1e293bd9;border-color:#ffffff14}[data-theme=dark] .error-card-body,.dark-theme .error-card-body,[data-theme=dark] .error-search-input,.dark-theme .error-search-input,[data-theme=dark] .cheat-section,.dark-theme .cheat-section,[data-theme=dark] .error-modal-footer,.dark-theme .error-modal-footer{background:#0f172ab3;border-color:#ffffff14}[data-theme=dark] .section-content-box,.dark-theme .section-content-box{background:#1e293be6;border-color:#ffffff14}[data-theme=dark] .reset-code-snippet code,.dark-theme .reset-code-snippet code{color:#93c5fd;background:#1e293bf2;border-color:#ffffff1a}[data-theme=dark] .tech-tips-banner,.dark-theme .tech-tips-banner{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .tech-tips-banner p,.dark-theme .tech-tips-banner p{color:#fde68a}[data-theme=dark] .error-table-container,.dark-theme .error-table-container{background:#1e293bd9;border-color:#ffffff14}[data-theme=dark] .error-data-table thead th,.dark-theme .error-data-table thead th,[data-theme=dark] .error-table-detail-row td,.dark-theme .error-table-detail-row td{background:#0f172a99;border-color:#ffffff14}[data-theme=dark] .error-table-row:hover,.dark-theme .error-table-row:hover{background-color:#ffffff08}[data-theme=dark] .view-mode-toggle-group,.dark-theme .view-mode-toggle-group{background:#0f172a99;border-color:#ffffff1a}[data-theme=dark] .btn-view-toggle.active,.dark-theme .btn-view-toggle.active{color:#60a5fa;background:#1e293bf2}[data-theme=dark] .btn-action-round-sm,.dark-theme .btn-action-round-sm{color:#94a3b8;background:#1e293bcc;border-color:#ffffff1a}[data-theme=dark] .btn-print-cheat,.dark-theme .btn-print-cheat{color:#e2e8f0;background:#1e293bd9;border-color:#ffffff26}[data-theme=dark] .btn-print-cheat:hover,.dark-theme .btn-print-cheat:hover{color:#93c5fd;background:#3b82f633;border-color:#60a5fa}.error-modal-content form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=900px){.error-details-grid,.form-grid-2col,.form-grid-3col{grid-template-columns:1fr}}.card-meta-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.part-number-badge{color:#1d4ed8;letter-spacing:-.1px;background:#2563eb14;border:1px solid #3b82f640;border-radius:9999px;align-items:center;gap:5px;padding:2.5px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.diagram-thumb-btn{color:#db2777;cursor:pointer;background:#ec489914;border:1px solid #ec489940;border-radius:9999px;align-items:center;gap:5px;padding:2.5px 9px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.diagram-thumb-btn:hover{background:#ec489929;transform:translateY(-1px)}.part-info-box{background:#10b9810f;border:1px solid #10b98138;border-left:4px solid #10b981;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:12px;padding:10px 14px;display:flex}.part-info-title{color:#047857;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.part-info-code{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.part-info-code code,.part-number-code{color:#065f46;background:#fff;border:1px solid #10b98140;border-radius:6px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700}.btn-copy-part{color:#059669;cursor:pointer;background:#fff;border:1px solid #10b98159;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-copy-part:hover{color:#047857;background:#ecfdf5;border-color:#10b981}.part-diagram-section{margin-bottom:14px}.diagram-display-card{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:#0f172a;border-radius:10px;justify-content:center;align-items:center;max-height:260px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.diagram-display-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}.diagram-full-preview{object-fit:contain;background:#f8fafc;width:100%;max-height:260px;display:block}.diagram-zoom-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172ac7;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:background .2s;display:flex;position:absolute;bottom:8px;right:8px}.diagram-display-card:hover .diagram-zoom-hint{background:#2563ebe6}.table-meta-subrow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.table-part-tag{color:#1d4ed8;background:#2563eb14;border:1px solid #3b82f640;border-radius:4px;align-items:center;gap:4px;padding:1.5px 7px;font-size:11px;font-weight:600;display:inline-flex}.table-img-badge-btn{color:#db2777;cursor:pointer;background:#ec489914;border:1px solid #ec489940;border-radius:4px;align-items:center;gap:4px;padding:1.5px 7px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.table-img-badge-btn:hover{background:#ec489929}.btn-action-round.print,.btn-action-round-sm.print{color:#64748b}.btn-action-round.print:hover,.btn-action-round-sm.print:hover{color:#2563eb;background:#2563eb1a;border-color:#2563eb4d}.image-upload-wrapper{align-items:center;display:flex}.btn-upload-part-image{color:#2563eb;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-upload-part-image:hover{background:#eff6ff;border-color:#3b82f6}.btn-upload-part-image.disabled{opacity:.6;pointer-events:none}.form-image-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex}.image-preview-thumb-box{align-items:center;gap:10px;display:flex;overflow:hidden}.image-preview-thumb{object-fit:cover;border:1px solid #cbd5e1;border-radius:6px;width:44px;height:44px}.image-preview-meta{flex-direction:column;gap:2px;display:flex;overflow:hidden}.image-preview-path{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:11.5px;font-weight:600;overflow:hidden}.image-preview-status{color:#16a34a;font-size:11px}.btn-remove-image{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-remove-image:hover{background:#fecaca}.image-lightbox-backdrop{z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.image-lightbox-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) zoomInModal;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000073}.lightbox-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.lightbox-title-info{align-items:center;gap:10px;display:flex;overflow:hidden}.lightbox-code-badge{color:#fff;background:#dc2626;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:700}.lightbox-title-info h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:700;overflow:hidden}.lightbox-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-lightbox-action{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-lightbox-action:hover{background:#dbeafe}.btn-lightbox-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.btn-lightbox-close:hover{color:#dc2626;background:#fee2e2}.lightbox-body{background:#0b0f19;justify-content:center;align-items:center;min-height:260px;max-height:65vh;padding:16px;display:flex;overflow:auto}.lightbox-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:60vh}.lightbox-footer{color:#1e3a8a;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 18px;font-size:13px;display:flex}[data-theme=dark] .part-number-badge,.dark-theme .part-number-badge{color:#93c5fd;background:#2563eb33;border-color:#3b82f659}[data-theme=dark] .diagram-thumb-btn,.dark-theme .diagram-thumb-btn{color:#f472b6;background:#ec489933;border-color:#ec489959}[data-theme=dark] .part-info-box,.dark-theme .part-info-box{background:#10b9811f;border-color:#10b98140 #10b98140 #10b98140 #10b981}[data-theme=dark] .part-info-title,.dark-theme .part-info-title{color:#34d399}[data-theme=dark] .part-info-code code,.dark-theme .part-info-code code{color:#6ee7b7;background:#0f172ab3;border-color:#10b9814d}[data-theme=dark] .btn-copy-part,.dark-theme .btn-copy-part{color:#34d399;background:#0f172acc;border-color:#10b9814d}[data-theme=dark] .diagram-display-card,.dark-theme .diagram-display-card{border-color:#ffffff1a}[data-theme=dark] .image-lightbox-modal,.dark-theme .image-lightbox-modal{background:#1e293b;border:1px solid #ffffff1a}[data-theme=dark] .lightbox-header,.dark-theme .lightbox-header,[data-theme=dark] .lightbox-footer,.dark-theme .lightbox-footer{background:#0f172a;border-color:#ffffff14}[data-theme=dark] .lightbox-title-info h4,.dark-theme .lightbox-title-info h4{color:#f1f5f9}[data-theme=dark] .lightbox-footer,.dark-theme .lightbox-footer{color:#93c5fd}[data-theme=dark] .btn-upload-part-image,.dark-theme .btn-upload-part-image{color:#60a5fa;background:#1e293b99;border-color:#ffffff26}[data-theme=dark] .form-image-preview-card,.dark-theme .form-image-preview-card{background:#0f172a99;border-color:#ffffff1a}[data-theme=dark] .image-preview-path,.dark-theme .image-preview-path{color:#cbd5e1}@media (width<=768px){.error-codes-container{gap:12px;padding-bottom:70px}.error-header-panel{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px 16px!important}.error-header-actions{justify-content:space-between;width:100%}.error-search-box-wrapper,.error-search-bar{width:100%!important}.error-brand-tabs,.brand-pills-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;padding-bottom:4px!important;overflow-x:auto!important}.error-grid,.error-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.error-code-detail-modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important}}.scroll-to-top-btn{background:var(--surface-solid);width:42px;height:42px;color:var(--primary);border:1.5px solid var(--border-color);cursor:pointer;z-index:85;-webkit-backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInUpBtn;display:flex;position:fixed;bottom:80px;right:28px;box-shadow:0 4px 16px #0000001f,0 2px 6px #00000014}.scroll-to-top-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 24px var(--primary-light), 0 4px 12px #0003;transform:translateY(-4px)scale(1.05)}.scroll-to-top-btn:active{transform:translateY(-1px)scale(.98)}@keyframes slideInUpBtn{0%{opacity:0;transform:translateY(20px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}:is(body:has(.drawer-overlay) .scroll-to-top-btn,body:has(.modal-backdrop) .scroll-to-top-btn,body:has(.modal-overlay) .scroll-to-top-btn,body:has(.export-modal-backdrop) .scroll-to-top-btn,body:has(.command-palette-backdrop) .scroll-to-top-btn,body:has(.confirm-dialog-backdrop) .scroll-to-top-btn){opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}@media (width<=768px){.scroll-to-top-btn{width:38px;height:38px;bottom:75px;right:20px}}.command-palette-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#0f172aa6;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.15s ease-out fadeInPalette;display:flex;position:fixed;inset:0}@keyframes fadeInPalette{0%{opacity:0}to{opacity:1}}.command-palette-modal{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);flex-direction:column;width:100%;max-width:640px;animation:.15s ease-out scaleInPalette;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0006}@keyframes scaleInPalette{0%{transform:scale(.96)}to{transform:scale(1)}}.command-palette-header{border-bottom:1px solid var(--border-color);background:var(--surface);align-items:center;gap:12px;padding:16px 20px;display:flex}.command-search-icon{color:var(--primary);flex-shrink:0}.command-search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:1.05rem}.command-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.command-close-btn:hover{background:var(--surface-hover);color:var(--text-main)}.command-palette-body{max-height:380px;padding:10px;overflow-y:auto}.command-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:8px 12px 4px;font-size:.75rem;font-weight:700}.command-empty{text-align:center;color:var(--text-muted);padding:30px;font-size:.95rem}.command-item{border-radius:var(--radius-md,8px);cursor:pointer;color:var(--text-main);align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.command-item:hover,.command-item.selected{background:var(--surface-hover)}.command-item.selected{border-left:3px solid var(--primary)}.command-item-icon{color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.command-item-content{flex:1;min-width:0}.command-item-label{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;display:block;overflow:hidden}.command-item-sub{color:var(--text-muted);margin-top:2px;font-size:.8rem}.command-item-arrow{color:var(--text-muted);opacity:.6}.command-item-tag{color:var(--primary);background:#6366f11a;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.command-palette-footer{background:var(--surface-hover);border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:flex-end;align-items:center;gap:16px;padding:10px 20px;font-size:.8rem;display:flex}.command-palette-footer kbd{background:var(--surface);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-size:.75rem;box-shadow:0 1px 1px #0000001a}.mobile-bottom-nav{display:none}@media (width<=768px){.mobile-bottom-nav{z-index:85;background:var(--surface);-webkit-backdrop-filter:blur(24px);border-top:var(--glass-border);padding-bottom:max(6px, env(safe-area-inset-bottom,6px));-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}body.dark-theme .mobile-bottom-nav{background:#0f172ad9;border-top:1px solid #ffffff14;box-shadow:0 -4px 24px #0000004d}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:500px;height:60px;margin:0 auto;padding:0 4px;display:flex}.bottom-nav-item{cursor:pointer;height:100%;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:36px;height:28px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bottom-nav-icon{stroke-width:2px;transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s}.bottom-nav-label{letter-spacing:-.2px;font-size:11px;font-weight:500;line-height:1.1;transition:color .2s,font-weight .2s}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active .bottom-nav-icon-wrapper{background:var(--primary-light);color:var(--primary)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-1px)scale(1.1)}.bottom-nav-item.active .bottom-nav-label{color:var(--primary);font-weight:700}.bottom-nav-active-pill{background:var(--primary);width:14px;height:3px;box-shadow:0 0 8px var(--primary);border-radius:4px;position:absolute;bottom:-2px}.bottom-nav-badge{color:#fff;border:1.5px solid var(--surface-solid);background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite pulseBadge;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #ef444466}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bottom-nav-menu-btn .bottom-nav-icon-wrapper{color:var(--text-muted)}}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:#0000;flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow:hidden}.dashboard-content{flex:1;min-height:0;padding:24px;overflow:hidden auto}.no-page-scroll{overflow:hidden!important}.dashboard-home{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.dashboard-header h1{color:var(--text-main);margin:0;font-size:1.5rem}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.stat-card{border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--shadow);align-items:center;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-4px)}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon.primary{color:#6366f1;background:#6366f11a}.stat-icon.success{color:#10b981;background:#10b9811a}.stat-icon.warning{color:#f59e0b;background:#f59e0b1a}.stat-icon.info{color:#0ea5e9;background:#0ea5e91a}.stat-info{flex-grow:1}.stat-info h3{color:var(--text-muted);margin:0 0 5px;font-size:.9rem;font-weight:500}.stat-value{color:var(--text-main);margin-bottom:5px;font-size:1.8rem;font-weight:700}.stat-trend{align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.dashboard-charts{border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--shadow);padding:24px}.dashboard-charts h3{color:var(--text-main);margin:0 0 20px;font-size:1.1rem}.chart-container{width:100%;height:300px;min-height:300px;position:relative}.recharts-responsive-container{min-height:300px;width:100%!important;height:100%!important}.dashboard-top-stats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.top-card{border-radius:var(--radius-lg);border:var(--glass-border);box-shadow:var(--shadow);padding:20px}.top-card ul li{transition:background-color .2s}.top-card ul li:hover{background-color:var(--surface-hover);border-radius:var(--radius-sm);margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.telegram-toggle-container{background:var(--surface);border:var(--glass-border);border-radius:30px;align-items:center;gap:12px;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.telegram-toggle-container:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.telegram-toggle-label{color:var(--text-main);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#2b6cb0}input:focus+.slider{box-shadow:0 0 1px #2b6cb0}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@media (width<=1440px),(height<=900px){.dashboard-content{padding:10px 14px!important}}@media (width<=768px){.app-container,.main-content{height:100dvh;overflow:hidden}.dashboard-content{-webkit-overflow-scrolling:touch;padding:64px 12px calc(80px + env(safe-area-inset-bottom,10px)) 12px!important;height:100%!important;overflow-y:auto!important}.dashboard-content.no-page-scroll{overflow-y:auto!important}.dashboard-home{gap:16px}.dashboard-header{flex-direction:column;align-items:stretch!important;gap:12px!important}.dashboard-header h1{line-height:1.3;font-size:1.25rem!important}.dashboard-header>div{flex-wrap:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.dashboard-header .btn-primary,.dashboard-header .btn-secondary{white-space:nowrap;border-radius:var(--radius-md)!important;flex:calc(50% - 4px)!important;justify-content:center!important;padding:10px 12px!important;font-size:13px!important}.telegram-toggle-container{justify-content:space-between!important;width:100%!important;padding:10px 14px!important}.dashboard-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stat-card{border-radius:var(--radius-md)!important;background:var(--surface)!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px 14px!important}.stat-icon{border-radius:10px!important;width:38px!important;height:38px!important}.stat-info h3{margin-bottom:2px!important;font-size:.8rem!important}.stat-value{margin-bottom:2px!important;font-size:1.4rem!important}.stat-trend{font-size:.75rem!important}.dashboard-charts{border-radius:var(--radius-md)!important;margin-top:14px!important;padding:16px 14px!important}.dashboard-charts h3{line-height:1.4;margin-bottom:12px!important;font-size:.95rem!important}.chart-container{touch-action:pan-y;height:250px!important;min-height:250px!important}.recharts-responsive-container{min-height:250px!important}.dashboard-top-stats{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}.top-card{border-radius:var(--radius-md)!important;padding:16px!important}.top-card h3{font-size:.95rem!important}}.pwa-update-banner{z-index:99999;-webkit-backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #3b82f659;border-radius:14px;max-width:440px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px -4px #00000080,0 0 20px #3b82f633}.pwa-update-content{align-items:center;gap:14px;display:flex}.pwa-update-icon{background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pwa-update-text{flex:1;min-width:0}.pwa-update-title{color:#fff;margin-bottom:2px;font-size:13.5px;font-weight:700}.pwa-update-desc{color:#94a3b8;font-size:11.5px;line-height:1.35}.pwa-update-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pwa-btn-update{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pwa-btn-update:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66}.pwa-btn-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.pwa-btn-dismiss:hover{color:#fff;background:#ffffff1a}@media (width<=640px){.pwa-update-banner{max-width:none;bottom:16px;left:16px;right:16px}}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#6366f11a;--secondary:#ec4899;--bg-color:#f8fafc;--surface:#ffffffb3;--surface-solid:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0cc;--shadow:0 4px 20px #0000000d, 0 2px 8px #0000000a;--glass-bg:#ffffffb3;--glass-shadow:0 8px 32px 0 #1f268712;--glass-border:1px solid #fff9;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--surface-hover:#ffffffe6;--surface-alt:#f8fafc;--input-bg:#fffc;--input-bg-focus:#fff;--text-gradient:linear-gradient(135deg, #0f172a 0%, #334155 100%)}body.dark-theme{--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#818cf826;--bg-color:#0b0f19;--surface:#0f172abf;--surface-solid:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155cc;--glass-shadow:0 8px 32px 0 #0000004d, 0 0 0 1px #ffffff0d inset;--glass-border:1px solid #ffffff14;--surface-hover:#1e293be6;--surface-alt:#0b0f19;--input-bg:#0f172a99;--input-bg-focus:#1e293b;--text-gradient:linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%);--badge-done-bg:#10b98126;--badge-done-text:#34d399;--badge-done-border:#34d3994d;--badge-pending-bg:#f59e0b26;--badge-pending-text:#fbbf24;--badge-pending-border:#fbbf244d}body[data-accent=blue]{--primary:#0284c7;--primary-hover:#0369a1;--primary-light:#0284c71f;--secondary:#06b6d4}body.dark-theme[data-accent=blue]{--primary:#38bdf8;--primary-hover:#0284c7;--primary-light:#38bdf82e;--secondary:#22d3ee}body[data-accent=green]{--primary:#059669;--primary-hover:#047857;--primary-light:#0596691f;--secondary:#10b981}body.dark-theme[data-accent=green]{--primary:#34d399;--primary-hover:#059669;--primary-light:#34d3992e;--secondary:#6ee7b7}body[data-accent=violet]{--primary:#7c3aed;--primary-hover:#6d28d9;--primary-light:#7c3aed1f;--secondary:#a855f7}body.dark-theme[data-accent=violet]{--primary:#a78bfa;--primary-hover:#7c3aed;--primary-light:#a78bfa2e;--secondary:#c084fc}body[data-accent=amber]{--primary:#d97706;--primary-hover:#b45309;--primary-light:#d977061f;--secondary:#f59e0b}body.dark-theme[data-accent=amber]{--primary:#fbbf24;--primary-hover:#d97706;--primary-light:#fbbf242e;--secondary:#fcd34d}body[data-accent=rose]{--primary:#e11d48;--primary-hover:#be123c;--primary-light:#e11d481f;--secondary:#f43f5e}body.dark-theme[data-accent=rose]{--primary:#fb7185;--primary-hover:#e11d48;--primary-light:#fb71852e;--secondary:#fda4af}.text-success{color:var(--badge-done-text)}.text-warning{color:var(--badge-pending-text)}.text-primary{color:var(--primary)}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#d8f1e675 0%,#e9e2fb80 90%);background-attachment:fixed;height:100vh;font-family:Inter,Kantumruy Pro,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}body.dark-theme{background-image:radial-gradient(circle at 10% 20%,#1e293b 0%,#0f172a 90%)}.app-container{width:100%;height:100%;display:flex}.glass{background:var(--surface);-webkit-backdrop-filter:blur(16px)saturate(180%);border:var(--glass-border);box-shadow:var(--glass-shadow)}.sidebar{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:var(--glass-border);z-index:10;flex-direction:column;width:280px;display:flex}.logo{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:28px 24px;display:flex}.logo h2{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:700}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem}nav{flex-direction:column;gap:12px;padding:24px 16px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:12px;padding:14px 20px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text-main);background-color:#fff9;transform:translate(4px)}.nav-item.active{background:var(--surface-solid);color:var(--primary);font-weight:600;box-shadow:0 4px 15px #4f46e51a}.main-content{flex-direction:column;flex:1;min-height:0;margin-left:280px;display:flex;overflow:hidden}header{z-index:5;background:0 0;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}header h1{color:var(--text-main);letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.subtitle{color:var(--text-muted);margin-top:6px;font-size:.95rem}.content-wrapper{flex-direction:column;flex:1;min-height:0;padding:0 40px 32px;display:flex;overflow:hidden}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:var(--surface-solid);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);border:1px solid #fffc;flex-direction:column;gap:12px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.stat-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 30px #00000014}.stat-card:hover:before{opacity:1}.stat-title{color:var(--text-muted);font-size:1rem;font-weight:500}.stat-value{color:var(--text-main);background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.filter-bar{background:var(--surface-solid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.filter-group{align-items:center;gap:10px;display:flex}.filter-label{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:600}.filter-input{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--input-bg);color:var(--text-main);outline:none;padding:10px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.filter-input:focus{border-color:var(--primary);background-color:var(--input-bg-focus);box-shadow:0 0 0 4px var(--primary-light)}#search-keyword{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2394a3b8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"></line></svg>");background-position:12px;background-repeat:no-repeat;flex:1;min-width:250px;padding-left:38px}.table-container{background:var(--surface-solid);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:0 4px 6px -1px #0000000d}.table-scroll-area{flex:1;min-height:0;overflow:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:16px 20px}.data-table th{background-color:var(--surface-alt);color:var(--text-muted);z-index:10;font-size:1rem;font-weight:600;position:sticky;top:0}.modern-table-wrapper{min-height:0;box-shadow:inset 0 -1px 0 var(--border);scrollbar-width:thin;scrollbar-color:#94a3b866 transparent;flex:1;overflow:auto}.modern-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.modern-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}.modern-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.modern-table-wrapper.compact-density .data-table th,.modern-table-wrapper.compact-density .modern-table th{height:36px!important;padding:8px 10px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important}.modern-table-wrapper.compact-density .data-table td,.modern-table-wrapper.compact-density .modern-table td{height:38px!important;padding:6px 10px!important;font-size:13px!important;line-height:1.35!important}.modern-table-wrapper.compact-density .data-table tr,.modern-table-wrapper.compact-density .modern-table tr{height:38px!important}.data-table tr{background-color:var(--surface-solid);transition:all .25s}.data-table tr:hover{background-color:var(--surface-hover);z-index:1;position:relative;transform:scale(1.001);box-shadow:0 4px 12px #00000008}.data-table th:last-child,.data-table td:last-child{background-color:inherit;z-index:5;position:sticky;right:0;box-shadow:-4px 0 8px -4px #0000000d}.data-table th:last-child{z-index:11;background-color:var(--surface-alt)}.badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.badge-done{background-color:var(--badge-done-bg);color:var(--badge-done-text);border:1px solid var(--badge-done-border)}.badge-done:before{background-color:#10b981;box-shadow:0 0 6px #10b98180}.badge-pending{background-color:var(--badge-pending-bg);color:var(--badge-pending-text);border:1px solid var(--badge-pending-border)}.badge-pending:before{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b80}.btn-action{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:8px;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-edit:hover{background-color:var(--primary-light);color:var(--primary);transform:translateY(-2px)}.btn-delete:hover{color:#ef4444;background-color:#dc26261a;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-family:Kantumruy Pro,sans-serif;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #4f46e566}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--surface-solid);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:12px 24px;font-family:Kantumruy Pro,sans-serif;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--primary-light);transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:1;background-color:#0f172a66;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-solid);border-radius:var(--radius-xl);border:1px solid #fffc;flex-direction:column;width:700px;max-width:95%;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideIn;display:flex;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);background:var(--surface-alt);border-radius:var(--radius-xl) var(--radius-xl) 0 0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-header h3{color:var(--text-main);font-size:1.4rem;font-weight:700}.close-btn{cursor:pointer;color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.close-btn:hover{color:#fff;background:#ef4444;border-color:#0000;transform:rotate(90deg)scale(1.1);box-shadow:0 0 15px #ef444466}.modal-body{flex:1;min-height:0;padding:24px 32px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-alt);border-radius:0 0 var(--radius-xl) var(--radius-xl);justify-content:flex-end;gap:12px;padding:16px 32px;display:flex}.form-group{flex:1;margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.form-row{gap:20px;display:flex}label{color:var(--text-main);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--input-bg);width:100%;color:var(--text-main);outline:none;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:var(--primary);background-color:var(--input-bg-focus);box-shadow:0 0 0 4px var(--primary-light)}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;display:flex}.hidden{display:none!important}.pagination-container{border-top:1px solid var(--border);background-color:var(--surface-solid);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface-solid);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:40px;padding:8px 14px;font-size:.95rem;font-weight:600;transition:all .2s}.pagination-btn:hover:not(.disabled):not(.active){background-color:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.pagination-btn.active{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;border-color:#0000;box-shadow:0 4px 10px #4f46e54d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.skeleton-row td{padding:16px 20px}.skeleton-box{background:#e2e8f0;background-color:var(--surface-hover);border-radius:6px;width:80%;height:24px;position:relative;overflow:hidden}.skeleton-box:after{content:"";background:linear-gradient(90deg,#fff0 0,#fff6 20%,#fff9 60%,#fff0 100%);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}body.dark-theme .skeleton-box:after{background:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0 100%)}.skeleton-box.short{width:50%}.skeleton-box.long{width:100%}.stagger-row{opacity:0;animation:.15s cubic-bezier(.16,1,.3,1) forwards slideInUp;transform:translateY(15px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none;z-index:9999;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;transform:scale(.9)}.btn-loading:after{content:"";border:3px solid #0000001a;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;animation:.8s linear infinite btn-spin;position:absolute;top:50%;left:50%}.btn-secondary.btn-loading:after{border-top-color:var(--primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (width<=768px){.data-table,.data-table thead,.data-table tbody,.data-table tr,.data-table td,.data-table th{display:block}.data-table thead tr{display:none}.data-table tr{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:12px;position:relative;box-shadow:0 2px 5px #0000000d}.data-table td{border-bottom:1px dashed var(--border);text-align:right;justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:relative}.data-table td:before{content:attr(data-label);color:var(--text-muted);text-align:left;flex:1;margin-right:10px;font-weight:600}.data-table td:last-child{border-bottom:none}.data-table th:last-child,.data-table td:last-child{box-shadow:none;background-color:#0000;right:auto}}[data-tooltip]:before{content:"";border:6px solid #0000;border-bottom-width:0;border-top-color:var(--text-main);margin-bottom:5px;bottom:100%;left:50%;transform:translate(-50%,5px)}[data-tooltip]:after{content:attr(data-tooltip);background-color:var(--text-main);color:var(--bg-color);white-space:nowrap;border-radius:6px;margin-bottom:11px;padding:6px 10px;font-size:.8rem;font-weight:500;bottom:100%;left:50%;transform:translate(-50%,5px);box-shadow:0 4px 10px #00000026}[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;opacity:1;transform:translate(-50%)}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.btn-primary,.btn-secondary{position:relative;overflow:hidden}.ripple{pointer-events:none;background-color:#fff6;border-radius:50%;animation:.6s linear ripple-animation;position:absolute;transform:scale(0)}.btn-secondary .ripple{background-color:var(--primary-light)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.trend-indicator{background:#00000008;border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:.85rem;font-weight:500;display:inline-flex}body.dark-theme .trend-indicator{background:#ffffff0d}.trend-up{color:#10b981}.trend-down{color:#ef4444}.trend-neutral{color:var(--text-muted)}.drag-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background-color:var(--surface-hover);color:var(--text-muted);padding:30px;transition:all .3s}.drag-drop-zone:hover,.drag-drop-zone.dragover{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary)}.drag-drop-content{pointer-events:none}.fab-btn{background:linear-gradient(135deg, var(--primary) 0%, #ec4899 100%);color:#fff;cursor:pointer;z-index:990;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #4f46e566}.fab-btn:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 15px 35px #ec489980}.fab-btn:active{transform:scale(.95)}@media (width>=769px){.fab-btn.hidden{display:none!important}}@media (width<=768px){.fab-btn{display:flex!important}.fab-btn.hidden{display:none!important}}.toast{position:relative;overflow:hidden}.toast-progress{opacity:.3;background-color:currentColor;height:4px;animation:4s linear forwards toast-progress;position:absolute;bottom:0;left:0}@keyframes toast-progress{0%{width:100%}to{width:0%}}.avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 5px #0000001a}.notification-bell.pulse{animation:1s cubic-bezier(.4,0,.6,1) infinite bell-pulse}@keyframes bell-pulse{0%,to{transform:scale(1)}50%{color:var(--primary);transform:scale(1.1)rotate(10deg)}}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background-color .2s;display:none}.mobile-menu-btn:hover{background-color:var(--primary-light);color:var(--primary)}.theme-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:1.2rem;transition:transform .3s,background-color .2s}.theme-toggle-btn:hover{background-color:var(--primary-light);transform:rotate(30deg)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:9;opacity:0;visibility:hidden;background-color:#0f172a80;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}@media screen and (width<=1024px){.content-wrapper{padding:0 20px 100px}header{padding:20px}}@media screen and (width<=768px){.content-wrapper{padding:80px 20px 100px}.mobile-menu-btn{display:block}.app-container{flex-direction:column;height:auto;min-height:100vh}body,.main-content,.content-wrapper,.table-container,.table-scroll-area{flex:none;height:auto;overflow:visible}.sidebar{border-right:var(--glass-border);z-index:20;border-bottom:none;flex-direction:column;width:280px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px}.sidebar.active{left:0}.logo{border-bottom:1px solid var(--border);padding:28px 24px}.logo h2{display:block}nav{flex-direction:column;padding:24px 16px;overflow:hidden auto}header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 20px 10px}.stats-grid{grid-template-columns:1fr 1fr}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border:none;border-top:1px solid #fff3;border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:92vh;margin:0;animation:.3s cubic-bezier(.16,1,.3,1) bottomSheetSlideIn;box-shadow:0 -10px 40px #00000026}@keyframes bottomSheetSlideIn{0%{opacity:1;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{border-radius:24px 24px 0 0;padding:20px 24px}.modal-body{padding:20px 24px}.modal-footer{border-radius:0;flex-direction:column;padding:16px 24px}.modal-footer button{justify-content:center;width:100%}.form-grid{grid-template-columns:1fr;gap:16px}.form-row{flex-direction:column;gap:16px}.filter-bar{gap:8px;padding:10px}.filter-input{width:100%;padding:8px 12px}.filter-group{justify-content:space-between;width:100%}#btn-search{width:100%;margin-top:5px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border-radius:var(--radius-xl);background-color:var(--surface-solid);border:1px solid #fff6;margin-bottom:20px;padding:16px 20px 0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000f}.data-table td{text-align:right;border-bottom:1px dashed var(--border);white-space:normal;word-break:break-word;justify-content:space-between;align-items:center;padding:12px 0;font-size:.95rem;display:flex}.data-table td:last-child{box-shadow:none;background:var(--surface-hover);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-bottom:none;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:12px;width:calc(100% + 40px);margin:8px -20px 0;padding:16px 20px;position:static}.data-table td:last-child:before{display:none}.data-table td:last-child .btn-action{background:var(--surface-solid);border-radius:22px;justify-content:center;align-items:center;min-width:44px;height:44px;margin:0;padding:0 16px;display:flex;box-shadow:0 4px 10px #00000014}.data-table td:before{content:attr(data-label);color:var(--text-muted);text-align:left;flex-shrink:0;margin-right:12px;font-size:.9rem;font-weight:600}#btn-add{z-index:100;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:0;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #4f46e566;display:flex!important}#btn-add:before{content:"+";color:#fff;font-size:32px;font-weight:300}}.notification-container{cursor:pointer;align-items:center;margin-right:20px;display:flex;position:relative}.notification-bell{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.notification-bell:hover{color:var(--primary)}.notification-badge{color:#fff;background:#ef4444;border-radius:10px;padding:2px 5px;font-size:.7rem;font-weight:700;display:none;position:absolute;top:-5px;right:-5px}.notification-dropdown{background:var(--surface-solid);border:1px solid var(--border);z-index:100;border-radius:8px;flex-direction:column;width:320px;display:none;position:absolute;top:40px;right:-10px;box-shadow:0 10px 15px -3px #0000001a}.notification-dropdown.active{display:flex}.notification-header{border-bottom:1px solid var(--border);color:var(--text-main);background:var(--surface-alt);border-radius:8px 8px 0 0;padding:12px 16px;font-weight:700}.notification-list{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;transition:background .2s;display:flex}.notification-item:hover{background:var(--surface-hover)}.notification-item:last-child{border-bottom:none}.notification-title{color:var(--text-main);font-size:.9rem;font-weight:500}.notification-date{color:var(--text-muted);font-size:.8rem}.toast-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);color:var(--text-main);opacity:0;border:1px solid #fff6;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translate(120%);box-shadow:0 10px 30px #0000001a}.toast.show{opacity:1;transform:translate(0)}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast.info{border-left:4px solid var(--primary)}.toast-icon{font-size:1.2rem}.toast-content{flex:1}.toast-title{margin-bottom:2px;font-size:.95rem;font-weight:600}.toast-message{color:var(--text-muted);font-size:.85rem}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;transition:color .2s}.toast-close:hover{color:var(--text-main)}.theme-toggle-btn{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}@media print{body{color:#000;background:#fff}.sidebar,.top-nav,.controls,.btn-primary,.btn-secondary,.modal,.login-overlay{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important}.card{box-shadow:none!important;background:0 0!important;border:none!important}table{border-collapse:collapse;width:100%}th,td{color:#000!important;border:1px solid #ccc!important;padding:4px!important;font-size:10pt!important}th{-webkit-print-color-adjust:exact;background-color:#f0f0f0!important}}.row-overdue{background-color:#ff47570d!important}.row-overdue:hover{background-color:#ff47571a!important}.row-due{background-color:#ffa5020d!important}.row-due:hover{background-color:#ffa5021a!important}body.dark-theme .row-overdue{background-color:#ff475726!important}body.dark-theme .row-overdue:hover{background-color:#ff475740!important}body.dark-theme .row-due{background-color:#ffa50226!important}body.dark-theme .row-due:hover{background-color:#ffa50240!important}.status-icon{vertical-align:text-bottom;margin-right:6px;font-size:1.1em}.scroll-top-btn{background:var(--surface-solid);width:60px;height:60px;color:var(--primary);border:2px solid var(--border);cursor:pointer;z-index:990;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;right:100px;transform:translateY(20px);box-shadow:0 4px 15px #0000001a}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-5px);box-shadow:0 8px 25px #4f46e566}@media (width<=768px){.scroll-top-btn{width:50px;height:50px;font-size:24px;right:100px}.data-table td{white-space:normal!important;max-width:none!important;overflow:visible!important}.data-table td[data-label="?????"],.data-table td[data-label="??????????"]{text-align:left;flex-direction:column;align-items:flex-start}.data-table td[data-label="?????"]:before,.data-table td[data-label="??????????"]:before{color:var(--primary);margin-bottom:6px}}.form-section{background:#fff6;border:1px solid #ffffff80;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s;box-shadow:0 4px 6px #00000005}body.dark-theme .form-section{background:linear-gradient(145deg,#1e293b99,#0f172acc);border:1px solid #94a3b826;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.form-section-title{color:var(--primary-color);border-bottom:1px solid #0000000d;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;font-size:1.05rem;font-weight:700;display:flex}body.dark-theme .form-section-title{color:#818cf8;border-bottom:1px solid #ffffff1a}.form-group label i{color:var(--text-muted);margin-right:6px}.modal-content{overflow-y:auto}.login-overlay{z-index:10000;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}body:not(.dark-theme) .login-overlay{background:radial-gradient(circle,#f1f5f9 0%,#e2e8f0 100%)}.login-bg-shape{filter:blur(80px);opacity:.6;z-index:1;border-radius:50%;animation:10s ease-in-out infinite alternate floatShape;position:absolute}.shape1{background:#4f46e566;width:400px;height:400px;top:-100px;left:-100px}.shape2{background:#ec489966;width:300px;height:300px;animation-delay:-3s;bottom:-50px;right:-50px}.shape3{background:#10b9814d;width:250px;height:250px;animation-delay:-6s;bottom:20%;left:10%}body:not(.dark-theme) .shape1{background:#4f46e533}body:not(.dark-theme) .shape2{background:#ec489933}body:not(.dark-theme) .shape3{background:#10b98126}@keyframes floatShape{0%{transform:translate(0)scale(1)}to{transform:translate(50px,30px)scale(1.1)}}.login-card.premium-glass{z-index:2;text-align:center;-webkit-backdrop-filter:blur(20px);opacity:0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:3rem 2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards loginIn;position:relative;transform:translateY(30px);box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}body:not(.dark-theme) .login-card.premium-glass{background:#fff9;border:1px solid #fffc;box-shadow:0 25px 50px -12px #0000001a,inset 0 1px #fff}@keyframes loginIn{to{opacity:1;transform:translateY(0)}}.login-logo-wrapper{background:linear-gradient(135deg,#4f46e5,#ec4899);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:rotate(-10deg);box-shadow:0 10px 25px #4f46e566}.login-card.premium-glass:hover .login-logo-wrapper{transform:rotate(0)scale(1.05)}.login-logo-icon{color:#fff;font-size:2rem;font-weight:800;transition:transform .4s;transform:rotate(10deg)}.login-card.premium-glass:hover .login-logo-icon{transform:rotate(0)}.login-title{background:linear-gradient(135deg,#f8fafc,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.2rem;font-size:2rem;font-weight:800}body:not(.dark-theme) .login-title{background:linear-gradient(135deg,#1e293b,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem;font-weight:400}.premium-form-group{text-align:left;margin-bottom:1.5rem;position:relative}.premium-input{width:100%;color:var(--text-main);background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:14px 16px 14px 45px;font-size:1rem;transition:all .3s}body:not(.dark-theme) .premium-input{background:#fffc;border:1px solid #0000001a}.premium-input:focus{background:#0006;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e533}body:not(.dark-theme) .premium-input:focus{background:#fff}.premium-label{color:var(--text-muted);pointer-events:none;font-size:1rem;transition:all .2s;position:absolute;top:14px;left:45px}.premium-input:focus~.premium-label,.premium-input:not(:placeholder-shown)~.premium-label{background:var(--surface-solid);color:#4f46e5;border-radius:4px;padding:0 8px;font-size:.8rem;top:-10px;left:15px}.premium-form-group i{opacity:.5;font-size:1.1rem;font-style:normal;transition:all .3s;position:absolute;top:14px;left:16px}.premium-input:focus~i{opacity:1;transform:scale(1.1)}.btn-premium{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 20px #4f46e54d}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4f46e580}.btn-premium:active{transform:translateY(1px)}.btn-glow{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.btn-premium:hover .btn-glow{transform:rotate(45deg)translate(100%)}.login-error-msg{color:#ef4444;min-height:20px;margin-top:15px;font-size:.9rem;font-weight:500;animation:.5s shake}.login-overlay.hidden{display:none!important}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}@keyframes spin{to{transform:rotate(360deg)}}.logo-upload-container{border:2px dashed var(--primary);cursor:pointer;background-color:var(--surface-hover);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.logo-upload-container:hover{border-color:var(--primary-hover);background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 25px #4f46e526}.logo-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex}.logo-preview.has-image{background-color:#fff}.logo-preview.has-image .upload-icon,.logo-preview.has-image .upload-text{opacity:0;transition:opacity .3s}.logo-upload-container:hover .logo-preview.has-image .upload-icon,.logo-upload-container:hover .logo-preview.has-image .upload-text{opacity:.8;color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-preview .upload-icon{color:var(--primary);margin-bottom:5px;font-size:28px}.logo-preview .upload-text{color:var(--text-muted);font-size:.85rem;font-weight:500}.remove-logo-btn{color:#fff;cursor:pointer;z-index:10;background:#ff4757;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 5px #0003}.remove-logo-btn:hover{background:#ff6b81;transform:scale(1.1)}@media (width<=768px){.sidebar{z-index:1000;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.open{left:0}.sidebar-overlay{z-index:999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;pointer-events:all}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;margin-right:15px;display:flex!important}.mobile-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;margin-left:auto;display:flex!important}.main-content{width:100%;margin-left:0!important}.modern-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.modern-table{min-width:800px}.topbar-left h2.page-title{font-size:16px}.topbar-right span{display:none}.dashboard-stats-grid{grid-template-columns:1fr}}.mobile-menu-btn,.mobile-close-btn{display:none}@media (width<=768px){.dashboard-top-stats{grid-template-columns:1fr!important}.modal-content.glass{width:95%!important;max-width:100%!important;padding:10px!important}.history-timeline .status-badge{font-size:.8rem}.history-timeline .status-done,.history-timeline .status-pending{padding:3px 8px}input[type=text],input[type=search],input[type=password],input[type=number],input[type=date],input[type=email],select,textarea{font-size:16px!important}button,a,input,select{-webkit-tap-highlight-color:transparent}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content,.billing-modal{border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important}.dashboard-content{padding-bottom:calc(85px + env(safe-area-inset-bottom,12px))!important}}