.auth-layout{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-primary, #0f0f1a);padding:0;margin:0}.auth-background{position:absolute;inset:0;z-index:0}.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%)}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:40px 40px}.auth-container{position:relative;z-index:1;width:100%;max-width:420px;padding:1.5rem}.auth-card{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:20px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.auth-logo .logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;animation:none;box-shadow:none;position:relative;overflow:hidden}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff);letter-spacing:-.5px}.auth-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary, #fff);margin:0 0 .5rem}.auth-header p{color:var(--text-secondary, #a0a0a0);margin:0;font-size:.95rem}.success-icon{width:80px;height:80px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-icon .material-symbols-rounded{font-size:40px;color:#22c55e}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}.auth-form .form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #a0a0a0);display:block;margin-bottom:0}.auth-form .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.auth-form .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted, #666);font-size:20px;pointer-events:none;z-index:1}.auth-form .input-wrapper input{width:100%;height:48px;padding:0 1rem 0 3rem;background:var(--bg-tertiary, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;color:var(--text-primary, #fff);font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.auth-form .input-wrapper input:focus{outline:none;border-color:#6366f1;background:#6366f10d;box-shadow:0 0 0 4px #6366f11a}.auth-form .input-wrapper input::placeholder{color:var(--text-muted, #666)}.auth-form .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted, #666);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:1}.auth-form .password-toggle:hover{color:var(--text-primary, #fff)}.auth-form .password-toggle .material-symbols-rounded{font-size:20px}.form-options{display:flex;justify-content:flex-end}.forgot-password{background:none;border:none;color:#6366f1;font-size:.875rem;cursor:pointer;padding:0;transition:color .2s ease}.forgot-password:hover{color:#818cf8;text-decoration:underline}.auth-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;margin-top:.5rem}.auth-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.auth-button.primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-button.demo{background:transparent;color:var(--text-primary, #fff);border:1px solid var(--border-color, rgba(255, 255, 255, .2))}.auth-button.demo:hover{background:#ffffff0d;border-color:#6366f1;color:#818cf8}.auth-button.demo .material-symbols-rounded{font-size:20px}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color, rgba(255, 255, 255, .1))}.auth-divider span{color:var(--text-muted, #666);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:.875rem}.auth-error .material-symbols-rounded{font-size:20px;flex-shrink:0}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));text-align:center}.auth-footer p{color:var(--text-secondary, #a0a0a0);font-size:.95rem;margin:0}.auth-footer button{background:none;border:none;color:#6366f1;font-size:.95rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}.auth-footer button:hover{color:#818cf8;text-decoration:underline}@media(max-width:480px){.auth-container{padding:1rem}.auth-card{padding:1.5rem;border-radius:16px}.auth-logo .logo-icon{width:40px;height:40px;font-size:1.25rem}.logo-text,.auth-header h1{font-size:1.25rem}}[data-theme=light] .auth-layout{background:#f5f5f5}[data-theme=light] .bg-gradient{background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(168,85,247,.08) 0%,transparent 50%)}[data-theme=light] .bg-pattern{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0)}[data-theme=light] .auth-card{background:#fff;border-color:#0000001a;box-shadow:0 25px 50px -12px #00000026}[data-theme=light] .input-wrapper input{background:#f8f9fa;border-color:#0000001a}[data-theme=light] .input-wrapper input:focus{background:#fff}.card{background:var(--bg-card, #ffffff);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-color, #e0e0e0);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 16px #0000001f}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-2px)}[data-theme=dark] .card{background:var(--bg-card-dark, #1e1e2e);border-color:var(--border-color-dark, #2d2d3d)}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff26,#ffffff14 60%,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:skeleton-wave 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{animation-delay:calc(var(--line-index, 0) * .1s)}.skeleton-text .skeleton:nth-child(1){--line-index: 0}.skeleton-text .skeleton:nth-child(2){--line-index: 1}.skeleton-text .skeleton:nth-child(3){--line-index: 2}.skeleton-text .skeleton:nth-child(4){--line-index: 3}.skeleton-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:skeleton-card-fade .5s ease-out}@keyframes skeleton-card-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-card-header{display:flex;align-items:center;gap:1rem}.skeleton-card-title{display:flex;flex-direction:column;gap:.375rem;flex:1}.skeleton-card-body{padding:.5rem 0}.skeleton-card-footer{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.skeleton-table{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.skeleton-table-header{display:grid;grid-template-columns:60px repeat(4,1fr) 120px;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.skeleton-table-row{display:grid;grid-template-columns:60px repeat(4,1fr) 120px;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03);animation:skeleton-row-fade .3s ease-out;animation-fill-mode:both}.skeleton-table-row:nth-child(1){animation-delay:.05s}.skeleton-table-row:nth-child(2){animation-delay:.1s}.skeleton-table-row:nth-child(3){animation-delay:.15s}.skeleton-table-row:nth-child(4){animation-delay:.2s}.skeleton-table-row:nth-child(5){animation-delay:.25s}.skeleton-table-row:nth-child(6){animation-delay:.3s}.skeleton-table-row:nth-child(7){animation-delay:.35s}.skeleton-table-row:nth-child(8){animation-delay:.4s}@keyframes skeleton-row-fade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.skeleton-table-row:last-child{border-bottom:none}.skeleton-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1024px){.skeleton-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skeleton-stats-row{grid-template-columns:1fr}}.skeleton-stat{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;animation:skeleton-stat-pop .4s ease-out;animation-fill-mode:both}.skeleton-stat:nth-child(1){animation-delay:0s}.skeleton-stat:nth-child(2){animation-delay:.1s}.skeleton-stat:nth-child(3){animation-delay:.2s}.skeleton-stat:nth-child(4){animation-delay:.3s}@keyframes skeleton-stat-pop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.skeleton-stat-content{display:flex;flex-direction:column;gap:.375rem}.skeleton-form{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:#ffffff05;border-radius:16px}.skeleton-form-field{display:flex;flex-direction:column;gap:.5rem}.skeleton-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.skeleton-chart{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;min-height:250px;display:flex;align-items:flex-end;justify-content:center}.skeleton-chart-bars{display:flex;align-items:flex-end;gap:1rem;height:180px;width:100%;justify-content:center}.skeleton-chart-bars .skeleton{flex-shrink:0;animation:skeleton-bar-grow .6s ease-out;animation-fill-mode:both}.skeleton-chart-bars .skeleton:nth-child(1){animation-delay:0s}.skeleton-chart-bars .skeleton:nth-child(2){animation-delay:.1s}.skeleton-chart-bars .skeleton:nth-child(3){animation-delay:.2s}.skeleton-chart-bars .skeleton:nth-child(4){animation-delay:.3s}.skeleton-chart-bars .skeleton:nth-child(5){animation-delay:.4s}.skeleton-chart-bars .skeleton:nth-child(6){animation-delay:.5s}.skeleton-chart-bars .skeleton:nth-child(7){animation-delay:.6s}@keyframes skeleton-bar-grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.skeleton-chart-line{width:100%;height:100px}.skeleton-chart-line svg{width:100%;height:100%}.skeleton-path{stroke:#ffffff1a;stroke-width:3;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;animation:skeleton-line-draw 2s ease-out forwards}@keyframes skeleton-line-draw{to{stroke-dashoffset:0}}.skeleton-chart-donut{position:relative;display:flex;align-items:center;justify-content:center}.skeleton-donut-hole{position:absolute;width:80px;height:80px;background:var(--bg-primary, #0a0a1a);border-radius:50%}.skeleton-page{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;animation:skeleton-page-fade .4s ease-out}@keyframes skeleton-page-fade{0%{opacity:0}to{opacity:1}}.skeleton-page-header{display:flex;justify-content:space-between;align-items:center}.skeleton-page-title{display:flex;align-items:center;gap:1rem}.skeleton-page-title>div{display:flex;flex-direction:column;gap:.5rem}.skeleton-toolbar{display:flex;gap:1rem;align-items:center}.skeleton-module{animation:skeleton-module-enter .5s ease-out}@keyframes skeleton-module-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;margin-top:1.5rem}.skeleton-dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin:1rem 0}@media(max-width:1024px){.skeleton-dashboard-charts{grid-template-columns:1fr}}.skeleton-pulse{animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-glow{box-shadow:0 0 20px #0033b31a,0 0 40px #d354000d}.shortcuts-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.shortcuts-modal{background:linear-gradient(135deg,#0f2350f2,#0a1628fa);border:1px solid rgba(211,84,0,.3);border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 60px #d3540026,inset 0 1px #ffffff1a;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.shortcuts-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#f8fafc}.shortcuts-title .material-symbols-rounded{color:#d35400;font-size:28px}.shortcuts-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.shortcuts-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:scale(1.05)}.shortcuts-content{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 140px)}.shortcuts-section{margin-bottom:1.5rem}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#d35400;margin-bottom:.75rem;padding-left:.25rem}.shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;transition:all .2s ease}.shortcut-item:hover{background:#d3540014;border-color:#d3540033}.shortcut-description{color:#e2e8f0;font-size:.9375rem}.shortcut-keys{display:flex;align-items:center;gap:.5rem}.key-group{display:flex;align-items:center;gap:.25rem}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:linear-gradient(180deg,#ffffff1f,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:500;color:#f1f5f9;text-transform:capitalize;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff1a}.key-cmd,.key-shift,.key-alt{font-size:1rem}.key-plus{color:#64748b;margin:0 2px;font-size:.75rem}.key-or{color:#64748b;font-size:.75rem;margin:0 .5rem;font-style:italic}.shortcuts-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);background:#0003;text-align:center}.shortcuts-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#64748b;font-size:.875rem}.shortcuts-indicator{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2350e6,#0a1628f2);border:1px solid rgba(211,84,0,.3);border-radius:12px;color:#94a3b8;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px #0000004d,0 0 20px #d354001a}.shortcuts-indicator:hover{color:#d35400;border-color:#d3540099;transform:translateY(-3px);box-shadow:0 8px 30px #0006,0 0 30px #d3540033}.shortcuts-indicator .material-symbols-rounded{font-size:22px}.shortcuts-content::-webkit-scrollbar{width:6px}.shortcuts-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.shortcuts-content::-webkit-scrollbar-thumb{background:#d354004d;border-radius:3px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:#d3540080}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:640px){.shortcuts-modal{width:95%;max-height:85vh;border-radius:16px}.shortcuts-header,.shortcuts-content{padding:1rem}.shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcut-keys{align-self:flex-end}.shortcuts-indicator{bottom:1rem;right:1rem;width:40px;height:40px}}.global-search-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:10000;animation:fadeIn .15s ease-out}.global-search-modal{width:90%;max-width:580px;background:linear-gradient(135deg,#0f2350fa,#08142dfc);border:1px solid rgba(211,84,0,.25);border-radius:16px;overflow:hidden;box-shadow:0 30px 100px #0009,0 0 80px #d354001a,inset 0 1px #ffffff14;animation:searchModalIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes searchModalIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-input-container{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.search-icon{font-size:24px;color:#d35400}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:1.125rem;color:#f8fafc;font-family:inherit}.search-input::placeholder{color:#64748b}.search-shortcut{display:flex;align-items:center}.search-results{max-height:400px;overflow-y:auto;padding:.5rem}.search-section{padding:.625rem .875rem .375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.search-item{display:flex;align-items:center;gap:.875rem;padding:.75rem .875rem;border-radius:10px;cursor:pointer;transition:all .15s ease}.search-item:hover,.search-item.selected{background:#d354001f}.search-item.selected{box-shadow:inset 0 0 0 1px #d354004d}.item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;font-size:20px;color:#94a3b8;transition:all .15s ease}.search-item:hover .item-icon,.search-item.selected .item-icon{background:#d3540033;color:#d35400}.item-label{flex:1;font-size:.9375rem;color:#e2e8f0}.item-type{font-size:.75rem;color:#64748b;padding:.25rem .5rem;background:#ffffff0d;border-radius:4px}.item-type.action{color:#d35400;background:#d354001a}.item-enter{opacity:0;transition:opacity .15s ease}.search-item.selected .item-enter{opacity:1}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:#64748b}.search-empty .material-symbols-rounded{font-size:36px;opacity:.5}.search-footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06);background:#0003}.search-hint{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b}.key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:5px;font-family:SF Mono,monospace;font-size:.75rem;color:#94a3b8}.key-badge.small{min-width:18px;height:18px;padding:0 4px;font-size:.6875rem}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.global-search-overlay{padding-top:5vh}.global-search-modal{width:95%;border-radius:12px}.search-input-container{padding:.875rem 1rem}.search-input{font-size:1rem}.search-results{max-height:50vh}.search-footer{gap:1rem;flex-wrap:wrap}.search-hint:last-child{display:none}}.empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;position:relative;overflow:hidden}.empty-state-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;position:relative;z-index:1}.empty-state-small{min-height:200px;padding:1.5rem}.empty-state-small .empty-state-icon{width:60px;height:60px}.empty-state-small .empty-state-icon .material-symbols-rounded{font-size:28px}.empty-state-small .empty-state-title{font-size:1rem}.empty-state-small .empty-state-description{font-size:.8125rem}.empty-state-large{min-height:400px}.empty-state-large .empty-state-icon{width:100px;height:100px}.empty-state-large .empty-state-icon .material-symbols-rounded{font-size:48px}.empty-state-decoration{position:absolute;inset:0;overflow:hidden;pointer-events:none}.decoration-circle{position:absolute;border-radius:50%;border:1px solid rgba(211,84,0,.1)}.circle-1{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseCircle 4s ease-in-out infinite}.circle-2{width:220px;height:220px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#0047e01a;animation:pulseCircle 4s ease-in-out infinite .5s}.circle-3{width:140px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#d3540026;animation:pulseCircle 4s ease-in-out infinite 1s}@keyframes pulseCircle{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.empty-state-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d3540026,#d354000d);border:1px solid rgba(211,84,0,.25);border-radius:20px;margin-bottom:1.5rem;position:relative;box-shadow:0 10px 40px #d354001a,inset 0 1px #ffffff1a}.empty-state-icon .material-symbols-rounded{font-size:36px;color:#d35400}.empty-state.animated .empty-state-icon{animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-title{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0 0 .5rem}.empty-state-description{font-size:.9375rem;color:#64748b;line-height:1.6;margin:0 0 1.5rem}.empty-state-action{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;font-size:.9375rem;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #d354004d,inset 0 1px #fff3}.empty-state-action:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d3540066,inset 0 1px #fff3}.empty-state-action:active{transform:translateY(-1px)}.empty-state-action .material-symbols-rounded{font-size:20px}.empty-state.animated .empty-state-content{animation:emptyStateIn .6s ease-out}@keyframes emptyStateIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.empty-state{min-height:250px;padding:1.5rem}.empty-state-icon{width:64px;height:64px}.empty-state-icon .material-symbols-rounded{font-size:28px}.empty-state-title{font-size:1.125rem}.empty-state-description{font-size:.875rem}}.kanban-board{display:flex;gap:1rem;padding:1rem 0;overflow-x:auto;min-height:500px}.kanban-column{flex:1;min-width:280px;max-width:320px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;flex-direction:column;transition:all .2s ease}.kanban-column.drag-over{border-color:#d3540066;background:#d354000d;box-shadow:0 0 20px #d354001a}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:2px solid var(--column-color, #666);background:#0003;border-radius:12px 12px 0 0}.column-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#e2e8f0}.column-title .material-symbols-rounded{font-size:20px;color:var(--column-color, #888)}.column-count{background:#ffffff1a;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#94a3b8}.kanban-column-body{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;max-height:600px}.kanban-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.875rem;cursor:grab;transition:all .2s ease;animation:cardSlideIn .3s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.kanban-card:hover{border-color:#d354004d;background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.kanban-card.dragging{opacity:.5;cursor:grabbing;transform:scale(1.02) rotate(2deg);box-shadow:0 15px 40px #0000004d}.kanban-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.kanban-card-folio{font-size:.75rem;font-weight:600;color:#d35400;font-family:Coda,monospace}.kanban-card-priority{font-size:.625rem;font-weight:600;text-transform:uppercase;padding:.125rem .5rem;border-radius:4px}.kanban-card-priority.high{background:#ef444433;color:#ef4444}.kanban-card-priority.medium{background:#fbbf2433;color:#fbbf24}.kanban-card-priority.low{background:#10b98133;color:#10b981}.kanban-card-title{font-size:.9375rem;font-weight:500;color:#f1f5f9;margin-bottom:.5rem;line-height:1.4}.kanban-card-project{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;margin-bottom:.625rem}.kanban-card-project .material-symbols-rounded{font-size:14px}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.kanban-card-quantity{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#94a3b8}.kanban-card-quantity .material-symbols-rounded{font-size:14px}.kanban-card-progress{display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:#94a3b8}.progress-bar{width:50px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d35400,#e67e22);border-radius:2px;transition:width .3s ease}.kanban-card-due{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:#64748b;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.kanban-card-due .material-symbols-rounded{font-size:12px}.kanban-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#475569;gap:.5rem}.kanban-empty .material-symbols-rounded{font-size:32px;opacity:.5}.kanban-empty span:last-child{font-size:.8125rem}.kanban-column-body::-webkit-scrollbar{width:4px}.kanban-column-body::-webkit-scrollbar-track{background:transparent}.kanban-column-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}[data-theme=light] .kanban-column{background:#00000005;border-color:#00000014}[data-theme=light] .kanban-column-header{background:#00000008}[data-theme=light] .column-title{color:#1e293b}[data-theme=light] .kanban-card{background:#fff;border-color:#00000014;box-shadow:0 2px 8px #0000000f}[data-theme=light] .kanban-card:hover{box-shadow:0 8px 20px #0000001a}[data-theme=light] .kanban-card-title{color:#1e293b}@media(max-width:1024px){.kanban-board{padding-bottom:1rem}.kanban-column{min-width:260px}}@media(max-width:640px){.kanban-column{min-width:85vw}}.requisitions-module{padding:1.5rem}.requisitions-module .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.requisitions-module .header-title{display:flex;align-items:center;gap:.75rem}.requisitions-module .header-title h1{margin:0;font-size:1.5rem;color:var(--text-primary, #1a1a2e)}.requisitions-module .module-icon{font-size:1.5rem;color:var(--primary-color, #4361ee)}.requisitions-module .api-badge{background:var(--primary-color, #4361ee);color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.requisitions-module .module-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.requisitions-module .search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:.5rem 1rem;flex:1;min-width:250px;max-width:400px}.requisitions-module .search-box input{border:none;background:transparent;outline:none;flex:1;font-size:.9rem}.requisitions-module .filter-group{display:flex;align-items:center;gap:.5rem}.requisitions-module .filter-group select{padding:.5rem 1rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-secondary, #f8f9fa);font-size:.9rem;cursor:pointer}.requisitions-module .view-toggle{display:flex;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden}.requisitions-module .view-toggle button{padding:.5rem 1rem;border:none;background:var(--bg-secondary, #f8f9fa);cursor:pointer;transition:all .2s}.requisitions-module .view-toggle button.active{background:var(--primary-color, #4361ee);color:#fff}.requisitions-module .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.requisitions-module .stat-card{padding:1rem}.requisitions-module .stat-content{display:flex;align-items:center;gap:1rem}.requisitions-module .stat-icon{font-size:2rem;color:var(--primary-color, #4361ee)}.requisitions-module .stat-card.pending .stat-icon{color:#ffc107}.requisitions-module .stat-card.approved .stat-icon{color:#28a745}.requisitions-module .stat-card.fulfilled .stat-icon{color:#20c997}.requisitions-module .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.requisitions-module .stat-label{display:block;font-size:.8rem;color:var(--text-secondary, #6c757d)}.requisitions-module .data-table-card{overflow-x:auto}.requisitions-module .data-table{width:100%;border-collapse:collapse}.requisitions-module .data-table th,.requisitions-module .data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0)}.requisitions-module .data-table th{background:var(--bg-secondary, #f8f9fa);font-weight:600;color:var(--text-secondary, #6c757d);font-size:.85rem;text-transform:uppercase}.requisitions-module .data-table tbody tr:hover{background:var(--bg-hover, #f1f3f4)}.requisitions-module .data-table tbody tr.expanded{background:var(--bg-secondary, #f8f9fa)}.requisitions-module .expand-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, #6c757d);transition:transform .2s}.requisitions-module .expand-btn:hover,.requisitions-module .folio-cell strong{color:var(--primary-color, #4361ee)}.requisitions-module .cell-icon{margin-right:.5rem;color:var(--text-secondary, #6c757d)}.requisitions-module .items-count{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #6c757d)}.requisitions-module .status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.requisitions-module .item-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff}.requisitions-module .actions-cell{display:flex;gap:.5rem}.requisitions-module .btn-icon{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.requisitions-module .btn-icon.view{background:#e3f2fd;color:#1976d2}.requisitions-module .btn-icon.edit{background:#fff3e0;color:#f57c00}.requisitions-module .btn-icon.approve{background:#e8f5e9;color:#388e3c}.requisitions-module .btn-icon.delete{background:#ffebee;color:#d32f2f}.requisitions-module .btn-icon:hover{transform:scale(1.1)}.requisitions-module .expanded-row td{padding:0;background:var(--bg-secondary, #f8f9fa)}.requisitions-module .expanded-content{padding:1rem 2rem}.requisitions-module .expanded-content h4{margin:0 0 1rem;color:var(--text-primary, #1a1a2e)}.requisitions-module .items-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.requisitions-module .items-table th,.requisitions-module .items-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0);font-size:.85rem}.requisitions-module .items-table th{background:var(--bg-tertiary, #eee);font-weight:600}.requisitions-module .requisition-comments{margin-top:1rem;padding:.75rem;background:#fff;border-radius:8px;font-size:.9rem}.requisitions-module .requisitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.requisitions-module .requisition-card{display:flex;flex-direction:column}.requisitions-module .requisition-card .card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e0e0e0);margin-bottom:.75rem}.requisitions-module .requisition-card .folio{font-weight:700;color:var(--primary-color, #4361ee);font-size:1.1rem}.requisitions-module .requisition-card .card-body{flex:1}.requisitions-module .requisition-card .info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary, #6c757d);font-size:.9rem}.requisitions-module .requisition-card .info-icon{color:var(--primary-color, #4361ee)}.requisitions-module .requisition-card .items-summary{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e0e0e0)}.requisitions-module .progress-bar{flex:1;height:8px;background:var(--bg-secondary, #e0e0e0);border-radius:4px;overflow:hidden}.requisitions-module .progress-bar.large{height:12px}.requisitions-module .progress-fill{height:100%;background:var(--primary-color, #4361ee);border-radius:4px;transition:width .3s ease}.requisitions-module .requisition-card .card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e0e0e0)}.requisitions-module .requisition-card .card-actions button{flex:1;padding:.5rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;transition:all .2s}.requisitions-module .requisition-card .card-actions button:hover{background:var(--primary-color, #4361ee);color:#fff;border-color:var(--primary-color, #4361ee)}.requisitions-module .empty-state{text-align:center;padding:3rem;color:var(--text-secondary, #6c757d)}.requisitions-module .empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.requisitions-module .empty-state.full-width{grid-column:1 / -1}.requisitions-module .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #6c757d)}.requisitions-module .spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.requisitions-module .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#dc3545}.requisitions-module .error-state svg{font-size:2rem;margin-bottom:1rem}.requisitions-module .error-state button{margin-top:1rem;padding:.5rem 1rem;background:var(--primary-color, #4361ee);color:#fff;border:none;border-radius:6px;cursor:pointer}.requisitions-module .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-color, #4361ee);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.requisitions-module .btn-primary:hover{background:var(--primary-hover, #3651d4)}.requisitions-module .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #1a1a2e);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.requisitions-module .btn-secondary:hover{background:var(--bg-hover, #e9ecef)}.requisitions-module .btn-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.requisitions-module .btn-success:hover{background:#218838}.requisitions-module .btn-danger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.requisitions-module .btn-danger:hover{background:#c82333}.requisitions-module .requisition-form{padding:1rem}.requisitions-module .form-section{margin-bottom:2rem}.requisitions-module .form-section h3{margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color, #4361ee);color:var(--text-primary, #1a1a2e)}.requisitions-module .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.requisitions-module .form-group{display:flex;flex-direction:column;gap:.5rem}.requisitions-module .form-group.full-width{grid-column:1 / -1}.requisitions-module .form-group label{font-weight:600;font-size:.85rem;color:var(--text-secondary, #6c757d)}.requisitions-module .form-group input,.requisitions-module .form-group select,.requisitions-module .form-group textarea{padding:.75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;font-size:.95rem;transition:border-color .2s}.requisitions-module .form-group input:focus,.requisitions-module .form-group select:focus,.requisitions-module .form-group textarea:focus{outline:none;border-color:var(--primary-color, #4361ee)}.requisitions-module .form-group input[readonly]{background:var(--bg-secondary, #f8f9fa);cursor:not-allowed}.requisitions-module .item-form{background:var(--bg-secondary, #f8f9fa);padding:1rem;border-radius:8px;margin-bottom:1rem}.requisitions-module .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.requisitions-module .requisition-detail{padding:1rem}.requisitions-module .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.requisitions-module .detail-date{font-size:.9rem;color:var(--text-secondary, #6c757d)}.requisitions-module .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.requisitions-module .detail-item{display:flex;flex-direction:column;gap:.25rem}.requisitions-module .detail-item label{font-size:.8rem;color:var(--text-secondary, #6c757d);text-transform:uppercase}.requisitions-module .detail-item span{font-weight:600;color:var(--text-primary, #1a1a2e)}.requisitions-module .detail-comments{margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.requisitions-module .detail-comments label{display:block;font-size:.8rem;color:var(--text-secondary, #6c757d);text-transform:uppercase;margin-bottom:.5rem}.requisitions-module .detail-items{margin-bottom:1.5rem}.requisitions-module .detail-items h4{margin:0 0 1rem}.requisitions-module .detail-progress{padding:1rem;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.requisitions-module .detail-progress label{display:block;font-size:.8rem;color:var(--text-secondary, #6c757d);text-transform:uppercase;margin-bottom:.5rem}.requisitions-module .progress-container{display:flex;align-items:center;gap:1rem}.requisitions-module .approval-form{padding:1rem}.requisitions-module .approval-form p{margin-bottom:1rem}.requisitions-module .approval-summary{background:var(--bg-secondary, #f8f9fa);padding:1rem;border-radius:8px;margin-bottom:1rem}.requisitions-module .approval-summary>div{margin-bottom:.5rem}.requisitions-module .approval-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.requisitions-module .delete-confirmation{text-align:center;padding:1rem}.requisitions-module .delete-confirmation .warning-icon{font-size:3rem;color:#ffc107;margin-bottom:1rem}.requisitions-module .delete-confirmation .warning-text{color:#dc3545;font-size:.9rem}.requisitions-module .confirmation-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}@media(max-width:768px){.requisitions-module{padding:1rem}.requisitions-module .module-header{flex-direction:column;align-items:stretch}.requisitions-module .module-filters{flex-direction:column}.requisitions-module .search-box{max-width:none}.requisitions-module .stats-row{grid-template-columns:repeat(2,1fr)}.requisitions-module .data-table{font-size:.85rem}.requisitions-module .data-table th,.requisitions-module .data-table td{padding:.5rem}.requisitions-module .requisitions-grid,.requisitions-module .form-grid{grid-template-columns:1fr}.requisitions-module .form-actions,.requisitions-module .approval-actions,.requisitions-module .confirmation-actions{flex-direction:column}}@media(max-width:480px){.requisitions-module .stats-row{grid-template-columns:1fr}.requisitions-module .view-toggle{width:100%}.requisitions-module .view-toggle button{flex:1}}.materials-table{margin-top:12px}.materials-table .expanded-items-header{background:#f9731626!important}.materials-table .expanded-items-row.shortage-row{background:#dc354514}.materials-table .expanded-items-row.sufficient-row{background:#28a7450d}.materials-table .qty-required{font-weight:600;color:#f97316}.materials-table .qty-stock{color:#20c997;font-weight:500}.materials-table .qty-shortage{font-weight:600}.materials-table .qty-shortage.has-shortage{color:#dc3545}.material-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.material-status .material-symbols-rounded{font-size:14px}.material-status.sufficient{background:#28a74533;color:#28a745}.material-status.shortage{background:#dc354533;color:#dc3545}.materials-summary{display:flex;gap:20px;margin-top:12px;padding:12px 16px;background:#ffffff0d;border-radius:8px;flex-wrap:wrap}.materials-summary .summary-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#aaa}.materials-summary .summary-item .material-symbols-rounded{font-size:16px}.materials-summary .summary-item.sufficient{color:#28a745}.materials-summary .summary-item.shortage{color:#dc3545}.requisition-detail{padding:8px 0;color:#ccc}.requisition-detail .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.requisition-detail .detail-date{color:#888;font-size:13px}.requisition-detail .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.requisition-detail .detail-item{background:#ffffff08;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.requisition-detail .detail-item label{display:block;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;margin-bottom:4px}.requisition-detail .detail-item span{font-size:14px;color:#fff}.requisition-detail .detail-comments{background:#ffffff08;padding:12px 16px;border-radius:8px;margin-bottom:20px}.requisition-detail .detail-comments label{display:block;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;margin-bottom:8px}.requisition-detail .detail-comments p{margin:0;font-size:14px;color:#ccc}.requisition-detail .detail-items h4,.requisition-detail .detail-materials h4{display:flex;align-items:center;gap:8px;margin:20px 0 12px;font-size:16px;color:#f97316}.requisition-detail .detail-items h4 .material-symbols-rounded,.requisition-detail .detail-materials h4 .material-symbols-rounded{font-size:20px}.requisition-detail .items-table{width:100%;border-collapse:collapse;margin-top:8px;background:#0003;border-radius:8px;overflow:hidden}.requisition-detail .items-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;color:#f97316;text-transform:uppercase;letter-spacing:.5px;background:#f9731626;border-bottom:1px solid rgba(249,115,22,.3)}.requisition-detail .items-table td{padding:12px 14px;font-size:13px;color:#ccc;border-bottom:1px solid rgba(255,255,255,.05)}.requisition-detail .items-table tbody tr:hover{background:#f9731614}.requisition-detail .materials-requirements-table th{background:#f9731633}.requisition-detail .materials-requirements-table .shortage-row{background:#dc35451a}.requisition-detail .materials-requirements-table .shortage-row:hover{background:#dc354526}.requisition-detail .materials-requirements-table .sufficient-row{background:#28a74514}.requisition-detail .materials-requirements-table .sufficient-row:hover{background:#28a7451f}.requisition-detail .qty-required{font-weight:600;color:#f97316}.requisition-detail .qty-stock{color:#20c997;font-weight:500}.requisition-detail .qty-shortage{font-weight:600;color:#888}.requisition-detail .qty-shortage.has-shortage{color:#dc3545}.order-totals{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:16px;padding:16px;background:#0003;border-radius:8px}.order-totals .total-row{display:flex;justify-content:space-between;gap:40px;font-size:14px;color:#aaa}.order-totals .total-row span:last-child{color:#fff;font-weight:500}.order-totals .total-row.grand-total{font-size:18px;font-weight:600;color:#20c997;padding-top:12px;margin-top:8px;border-top:1px dashed rgba(255,255,255,.1)}.order-totals .total-row.grand-total span:last-child{color:#20c997}.order-totals .total-row.deposit .deposit-amount{color:#28a745;font-weight:600}.detail-materials{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.detail-materials .materials-summary{margin-top:12px;background:#0003}.quotations-module{padding:24px}.quotations-table-container{background:var(--card-bg, #1a1a2e);border-radius:12px;overflow:hidden;margin-top:16px}.quotations-table{width:100%;border-collapse:collapse}.quotations-table thead{background:#8b5cf626}.quotations-table th{padding:14px 12px;text-align:left;font-weight:600;font-size:13px;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px}.quotations-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.quotations-table tbody tr:hover{background:#8b5cf60d}.folio-cell{display:flex;align-items:center;gap:8px}.folio-cell strong{color:#a78bfa}.qb-badge{background:#28a745;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.entity-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.entity-badge.dovecreek{background:#28a74533;color:#28a745}.entity-badge.innovative{background:#17a2b833;color:#17a2b8}.amount-cell{font-weight:600;color:#20c997}.deposit-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px}.deposit-badge.paid{background:#28a74533;color:#28a745}.deposit-badge.pending{background:#ffc10733;color:#ffc107}.deposit-badge .material-symbols-rounded{font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;color:#fff;font-weight:500}.status-badge .material-symbols-rounded{font-size:14px}.actions-cell{display:flex;gap:4px}.btn-action{padding:6px;border:none;border-radius:6px;background:#ffffff1a;color:#888;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-action:hover{background:#8b5cf633;color:#a78bfa}.btn-action.send:hover{background:#17a2b833;color:#17a2b8}.btn-action.approve:hover{background:#28a74533;color:#28a745}.btn-action.convert:hover{background:#6f42c133;color:#6f42c1}.btn-action.delete:hover{background:#dc354533;color:#dc3545}.btn-action.pdf:hover{background:#d3540033;color:#d35400}.quotations-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.quotation-card{background:var(--card-bg, #1a1a2e);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .2s}.quotation-card:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.quotation-card .card-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.quotation-card .folio{font-weight:600;font-size:16px;color:#a78bfa}.quotation-card .card-body{padding:16px}.quotation-card .card-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;color:#aaa}.quotation-card .card-row .material-symbols-rounded{font-size:18px;color:#666}.quotation-card .card-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.quotation-card .card-total .label{color:#888;font-size:14px}.quotation-card .card-total .amount{font-size:20px;font-weight:600;color:#20c997}.quotation-card .card-actions{padding:12px 16px;display:flex;gap:8px;border-top:1px solid rgba(255,255,255,.05)}.quotation-card .card-actions button{flex:1;padding:8px 12px;border:none;border-radius:6px;background:#8b5cf626;color:#a78bfa;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.quotation-card .card-actions button:hover{background:#8b5cf640}.module-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.toolbar-right{display:flex;align-items:center;gap:12px}.status-filter{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:inherit;font-size:14px;cursor:pointer}.form-section{background:#ffffff05;border-radius:12px;padding:20px;margin-bottom:20px}.form-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#a78bfa}.form-section h3 .material-symbols-rounded{font-size:20px}.item-form{background:#0003;border-radius:8px;padding:16px;margin-bottom:16px}.btn-add-item{margin-top:12px;padding:10px 20px;border:none;border-radius:8px;background:#8b5cf633;color:#a78bfa;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-add-item:hover{background:#8b5cf64d}.items-table{width:100%;border-collapse:collapse;margin-top:16px}.items-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}.items-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.items-table tbody tr:hover{background:#ffffff05}.quotation-totals{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.total-row{display:flex;justify-content:space-between;gap:40px;font-size:14px;color:#aaa}.total-row.grand-total{font-size:18px;font-weight:600;color:#20c997;padding-top:8px;border-top:1px dashed rgba(255,255,255,.1)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel{padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#888;cursor:pointer;font-size:14px;transition:all .2s}.btn-cancel:hover{background:#ffffff0d;color:#fff}.btn-save{padding:10px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.deposit-confirmation-form{padding:8px 0}.deposit-confirmation-form .deposit-info{background:#8b5cf61a;border-radius:8px;padding:16px;margin-bottom:20px}.deposit-confirmation-form .deposit-info p{margin:0 0 8px;font-size:14px;color:#aaa}.deposit-confirmation-form .deposit-info p:last-child{margin-bottom:0}.deposit-confirmation-form .deposit-info strong{color:#a78bfa}.deposit-confirmation-form .helper-text{display:block;font-size:12px;color:#888;margin-top:6px}.deposit-confirmation-form .checkbox-group{margin-top:16px}.deposit-confirmation-form .checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:#ccc}.deposit-confirmation-form .checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;accent-color:#8b5cf6}.deposit-confirmation-form .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.deposit-confirmation-form .btn-modal-save:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state .material-symbols-rounded{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px}.empty-state.full-width{grid-column:1 / -1}@media(max-width:768px){.quotations-module{padding:16px}.module-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{flex-wrap:wrap}.quotations-cards-grid{grid-template-columns:1fr}.form-row{flex-direction:column}.quotation-totals{align-items:stretch}.total-row{justify-content:space-between}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"Coda","SF Mono",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:10px;--radius-xl:24px;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary-dark:#001d66;--color-orange:#d35400;--color-success:#10b981;--color-warning:#fbbf24;--color-danger:#ef4444;--font-display:"Red Hat Display",system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.w-4{width:calc(var(--spacing)*4)}.w-full{width:100%}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-current{border-color:currentColor}.border-orange-400\/30{border-color:#ff8b1a4d}@supports (color:color-mix(in lab,red,red)){.border-orange-400\/30{border-color:color-mix(in oklab,var(--color-orange-400)30%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-t-white\/30{border-top-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-t-white\/30{border-top-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-l-white\/25{border-left-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.border-l-white\/25{border-left-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab,var(--color-white)10%,transparent)}}.from-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-white\/5{--tw-gradient-to:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.to-white\/5{--tw-gradient-to:color-mix(in oklab,var(--color-white)5%,transparent)}}.to-white\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-danger{color:var(--color-danger)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab,red,red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-blue-500\/25{--tw-shadow-color:#3080ff40}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)25%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-green-500\/25{--tw-shadow-color:#00c75840}@supports (color:color-mix(in lab,red,red)){.shadow-green-500\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-green-500)25%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-orange-500\/30{--tw-shadow-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.shadow-orange-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-red-500\/25{--tw-shadow-color:#fb2c3640}@supports (color:color-mix(in lab,red,red)){.shadow-red-500\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-500)25%,transparent)var(--tw-shadow-alpha),transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.delay-3{transition-delay:3ms}.delay-4{transition-delay:4ms}.delay-5{transition-delay:5ms}.delay-6{transition-delay:6ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-blue-500\/40:hover{--tw-shadow-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/40:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)40%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-green-500\/40:hover{--tw-shadow-color:#00c75866}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-green-500\/40:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-green-500)40%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-orange-500\/50:hover{--tw-shadow-color:#fe6e0080}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-orange-500\/50:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-orange-500)50%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-red-500\/40:hover{--tw-shadow-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-red-500\/40:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-500)40%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}:root{--bg-primary:#0a1628;--bg-secondary:#0f2350;--bg-tertiary:#142e6e;--bg-card:#0f285aa6;--bg-surface:#ffffff08;--bg-hover:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--border-color:#ffffff14;--border-hover:#ffffff26;--border-accent:#d354004d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-glow:0 0 30px #d3540026;--sidebar-bg:linear-gradient(180deg,#0a1628 0%,#071020 100%);--sidebar-border:#ffffff0f;--input-bg:#ffffff0d;--input-border:#ffffff1a;--input-focus:#d354004d;--modal-bg:#0f2350fa;--modal-overlay:#000000b3;--table-header-bg:#ffffff08;--table-row-hover:#d3540014;--table-border:#ffffff0d;--scrollbar-track:#ffffff05;--scrollbar-thumb:#ffffff1a}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:#ffffffe6;--bg-surface:#00000005;--bg-hover:#0000000d;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-color:#00000014;--border-hover:#00000026;--border-accent:#d3540066;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001f;--shadow-lg:0 16px 48px #00000026;--shadow-glow:0 0 30px #d354001a;--sidebar-bg:linear-gradient(180deg,#0a1628 0%,#071020 100%);--sidebar-border:#ffffff0f;--input-bg:#00000008;--input-border:#0000001a;--input-focus:#d3540033;--modal-bg:#fffffffa;--modal-overlay:#0006;--table-header-bg:#00000005;--table-row-hover:#d354000f;--table-border:#0000000f;--scrollbar-track:#00000005;--scrollbar-thumb:#00000026}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.main-content{background:var(--bg-primary)}[data-theme=light] .card,[data-theme=light] .client-card,[data-theme=light] .material-card,[data-theme=light] .supplier-card,[data-theme=light] .product-card,[data-theme=light] .stat-card,[data-theme=light] .module-stat-card{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=light] .clients-table,[data-theme=light] .materials-table,[data-theme=light] .suppliers-table{background:var(--bg-card);border-color:var(--border-color)}[data-theme=light] .clients-table-header,[data-theme=light] .materials-table-header{background:var(--table-header-bg);border-color:var(--table-border)}[data-theme=light] .clients-table-row,[data-theme=light] .materials-table-row{border-color:var(--table-border)}[data-theme=light] .clients-table-row:hover,[data-theme=light] .materials-table-row:hover{background:var(--table-row-hover)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--input-focus)}[data-theme=light] .modal-container,[data-theme=light] .shortcuts-modal,[data-theme=light] .global-search-modal{background:var(--modal-bg);color:var(--text-primary)}[data-theme=light] .page-header,[data-theme=light] .page-header h1{color:var(--text-primary)}[data-theme=light] .page-header p{color:var(--text-secondary)}[data-theme=light] .search-box input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}[data-theme=light] .clients-toolbar,[data-theme=light] .materials-toolbar{background:0 0}[data-theme=light] .status-badge{background:var(--bg-surface)}[data-theme=light] .btn-icon{color:var(--text-secondary)}[data-theme=light] .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=light] .view-toggle-btn{background:var(--bg-surface);color:var(--text-secondary)}[data-theme=light] .view-toggle-btn.active{color:#fff;background:#d35400}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000a,#00000014,#0000001f,#00000014 60%,#0000000a)}[data-theme=light] .skeleton-card,[data-theme=light] .skeleton-stat,[data-theme=light] .skeleton-table{background:var(--bg-card);border-color:var(--border-color)}[data-theme=light] .empty-state-icon{background:linear-gradient(135deg,#d354001a,#d354000d)}[data-theme=light] .empty-state-title{color:var(--text-primary)}[data-theme=light] .empty-state-description{color:var(--text-secondary)}[data-theme=light] .chart-container{background:var(--bg-card)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.main-content,.card,.client-card,.material-card,input,select,textarea,.modal-container{transition:background-color .3s,border-color .3s,color .3s}@keyframes borderGlow{0%,to{border-color:var(--glass-border)}50%{border-color:var(--orange-primary)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #d3540066}50%{box-shadow:0 0 25px #d35400b3,0 0 40px #d3540066}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes blurIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.module-page .page-header{animation:.5s ease-out slideUp}.module-page .module-stats-row{animation:.5s ease-out .1s both slideUp}.clients-cards-grid,.materials-cards-grid,.suppliers-cards-grid,.products-cards-grid{animation:.3s ease-out fadeIn}.clients-cards-grid>*,.materials-cards-grid>*,.suppliers-cards-grid>*,.products-cards-grid>*{animation:.4s ease-out both popIn}.clients-cards-grid>:first-child,.materials-cards-grid>:first-child{animation-delay:50ms}.clients-cards-grid>:nth-child(2),.materials-cards-grid>:nth-child(2){animation-delay:.1s}.clients-cards-grid>:nth-child(3),.materials-cards-grid>:nth-child(3){animation-delay:.15s}.clients-cards-grid>:nth-child(4),.materials-cards-grid>:nth-child(4){animation-delay:.2s}.clients-cards-grid>:nth-child(5),.materials-cards-grid>:nth-child(5){animation-delay:.25s}.clients-cards-grid>:nth-child(6),.materials-cards-grid>:nth-child(6){animation-delay:.3s}.clients-table-row,.materials-table-row,.suppliers-table-row,.products-table-row,.operations-table-row{animation:.3s ease-out both slideUp}.module-stat-card,.stat-card{animation:.4s ease-out both popIn}.module-stat-card:first-child,.stat-card:first-child{animation-delay:0s}.module-stat-card:nth-child(2),.stat-card:nth-child(2){animation-delay:80ms}.module-stat-card:nth-child(3),.stat-card:nth-child(3){animation-delay:.16s}.module-stat-card:nth-child(4),.stat-card:nth-child(4){animation-delay:.24s}.module-stat-card:hover,.stat-card:hover{transition:all .25s cubic-bezier(.4,0,.2,1);transform:translateY(-5px)scale(1.02)}button:active:not(:disabled){transition:transform .1s;transform:scale(.97)}.btn-primary-action,.btn-add-user,.btn-sync,.btn-view-all{position:relative;overflow:hidden}.clients-table-row:hover,.materials-table-row:hover,.suppliers-table-row:hover{background:#d3540014;transition:background .2s}.material-symbols-rounded{transition:transform .2s,color .2s}.btn-icon:hover .material-symbols-rounded{transform:scale(1.15)}.btn-icon.danger:hover .material-symbols-rounded{color:#ef4444}.modal-overlay{animation:.2s ease-out fadeIn}.modal-container{animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.clients-toolbar,.materials-toolbar,.suppliers-toolbar{animation:.4s ease-out .15s both slideUp}.status-badge{transition:all .3s}.status-badge:hover{transform:scale(1.05)}.search-box input:focus{transition:box-shadow .3s;box-shadow:0 0 0 3px #d3540033,0 10px 30px #0003}.chart-container{animation:.6s ease-out .3s both blurIn}.clients-cards-grid,.materials-cards-grid,.clients-table,.materials-table{transition:opacity .2s}.module-page>*{transition:opacity .3s}.client-card,.staff-stat-card,.warehouse-card,.material-card,.product-card,.supplier-card{border:1px solid #0047e033;transition:all .3s cubic-bezier(.4,0,.2,1)}.client-card:hover,.staff-stat-card:hover,.warehouse-card:hover,.material-card:hover,.product-card:hover,.supplier-card:hover{border-color:#d3540099;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d,0 0 30px #d3540033,inset 0 1px #ffffff1a}.btn-primary-action,.btn-add-user,.btn-add-supplier,.btn-add-material{transition:all .3s;position:relative;overflow:hidden}.btn-primary-action:before,.btn-add-user:before,.btn-add-supplier:before,.btn-add-material:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary-action:hover:before,.btn-add-user:hover:before,.btn-add-supplier:hover:before,.btn-add-material:hover:before{left:100%}.btn-primary-action:hover,.btn-add-user:hover,.btn-add-supplier:hover,.btn-add-material:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d3540066,0 0 20px #d354004d}.btn-action-view,.btn-action-edit,.btn-action-delete{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-action-view .material-symbols-rounded,.btn-action-edit .material-symbols-rounded,.btn-action-delete .material-symbols-rounded{font-size:18px}.client-card-actions,.warehouse-card-actions,.supplier-card-actions,.product-card-actions,.material-card-actions{border-top:1px solid #ffffff14;gap:6px;margin-top:auto;padding:12px 20px;display:flex}.btn-action-view:hover{color:#fff;background:linear-gradient(135deg,#0047e0,#36f);border-color:#0047e0;transform:scale(1.1);box-shadow:0 0 15px #0047e066}.btn-action-edit:hover{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-color:#d35400;transform:scale(1.1);box-shadow:0 0 15px #d3540066}.btn-action-delete:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef4444;transform:scale(1.1);box-shadow:0 0 15px #ef444466}.staff-stat-card{position:relative}.staff-stat-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0;box-shadow:0 0 30px #d354004d}.staff-stat-card:hover:after{opacity:1}.clients-table-row:hover,.materials-table-row:hover,.products-table-row:hover,.staff-table-row:hover{background:linear-gradient(90deg,#d354001a,#0047e01a);transform:scale(1.01)}.header-icon{animation:3s ease-in-out infinite pulse-glow}.search-input:focus,.search-box input:focus{border-color:var(--orange-primary);box-shadow:0 0 0 3px #d3540033,0 0 20px #d3540026}.nav-item:hover{background:linear-gradient(90deg,#d3540026,#0000)}.nav-item.active{box-shadow:inset 3px 0 0 var(--orange-primary);background:linear-gradient(90deg,#d3540040,#d354001a)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a1628;--bg-secondary:#0f2350cc;--bg-tertiary:#14326e99;--bg-card:#0f285aa6;--bg-card-hover:#193778bf;--bg-elevated:#143269cc;--accent-primary:#0033b3;--accent-secondary:#0047e0;--accent-tertiary:#36f;--accent-glow:#0033b380;--accent-gradient:linear-gradient(135deg,#001d66 0%,#0033b3 50%,#0047e0 100%);--orange-primary:#d35400;--orange-secondary:#e67e22;--orange-tertiary:#f39c12;--orange-glow:#d3540066;--orange-gradient:linear-gradient(135deg,#d35400 0%,#e67e22 100%);--text-primary:#fff;--text-secondary:#e8eeff;--text-muted:#c8d8f0;--text-accent:#ff6b35;--border-color:#0047e066;--border-subtle:#ffffff14;--border-orange:#ff6b3566;--success:#10b981;--success-glow:#10b9814d;--warning:#f59e0b;--warning-glow:#f59e0b4d;--danger:#ef4444;--danger-glow:#ef44444d;--info:#0047e0;--info-glow:#0047e04d;--muted:#64748b;--muted-glow:#64748b4d;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-glow:0 0 40px #0033b340;--shadow-orange:0 0 30px #ff6b3533;--glass-bg:#0f2d6459;--glass-bg-dark:#0a1e4680;--glass-bg-light:#193c824d;--glass-border:#ffffff1f;--glass-border-shine:#ffffff40;--glass-blur:20px;--glass-blur-heavy:32px;--glass-shine:linear-gradient(135deg,#ffffff1a 0%,transparent 50%,#ffffff0d 100%);--glass-inner-glow:inset 0 1px 1px #ffffff1a;--glass-outer-glow:0 8px 32px #00143c66;--font-display:"Red Hat Display",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Coda","SF Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--btn-height-sm:36px;--btn-height-md:44px;--btn-height-lg:50px;--btn-padding-sm:8px 16px;--btn-padding-md:12px 24px;--btn-padding-lg:16px 32px;--btn-radius-sm:8px;--btn-radius-md:10px;--btn-radius-lg:12px;--btn-icon-sm:36px;--btn-icon-md:44px;--btn-icon-lg:50px;--focus-ring-color:#ff6b3580;--focus-ring-offset:2px;--focus-ring-width:3px}[data-theme=light]{--bg-primary:#f0f4ff;--bg-secondary:#ffffffe6;--bg-tertiary:#e0e7ffb3;--bg-card:#fffc;--bg-card-hover:#fffffff2;--bg-elevated:#fffffff2;--accent-primary:#001d66;--accent-secondary:#0033b3;--accent-tertiary:#0047e0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-accent:#e65100;--border-color:#0033b333;--border-subtle:#0000000f;--border-orange:#ff6b354d;--shadow-sm:0 2px 8px #001d6614;--shadow-md:0 4px 20px #001d661f;--shadow-lg:0 8px 40px #001d6626;--shadow-glow:0 0 40px #0033b31a;--shadow-orange:0 0 30px #ff6b3526;--glass-bg:#fff9;--glass-border:#fffc}[data-theme=light] .sidebar{background:linear-gradient(#f8faff,#f0f4ff,#e8eeff);border-right:1px solid #0033b31a;box-shadow:4px 0 20px #001d6614}[data-theme=light] .sidebar:before{background:radial-gradient(150% 100% at 100% 0,#0033b314,#0000 50%),radial-gradient(100% 150% at 0 100%,#ff6b350d,#0000 50%)}[data-theme=light] .sidebar:after{background:linear-gradient(#0000,#0033b333 20%,#ff6b3526 80%,#0000)}[data-theme=light] .logo-section{border-bottom:1px solid #0033b31a}[data-theme=light] .logo-text .logo-title{color:#0033b3}[data-theme=light] .logo-text .logo-subtitle{color:#64748b}[data-theme=light] .logo-acronym{background:#0033b30d;border-color:#0033b31a}[data-theme=light] .logo-acronym span{color:#475569}[data-theme=light] .logo-acronym b{color:#0033b3}[data-theme=light] .nav-section-header{color:#64748b}[data-theme=light] .nav-item{color:#334155}[data-theme=light] .nav-item:hover{color:#0033b3;background:#0033b314}[data-theme=light] .nav-item.active{color:#fff;background:linear-gradient(135deg,#0033b3,#ff6b35);box-shadow:0 4px 15px #0033b34d}[data-theme=light] .nav-icon{color:#64748b}[data-theme=light] .nav-item:hover .nav-icon{color:#0033b3}[data-theme=light] .nav-item.active .nav-icon,[data-theme=light] .nav-item.active:hover .nav-icon{color:#fff!important}[data-theme=light] .themes-toggle{color:#334155;border-color:#0033b31a}[data-theme=light] .themes-toggle:hover{background:#0033b314}[data-theme=light] .user-section{border-top:1px solid #0033b31a}[data-theme=light] .user-name{color:#1e293b}[data-theme=light] .user-role{color:#64748b}[data-theme=light] .user-dropdown{background:#fff;border:1px solid #0033b31a;box-shadow:0 10px 40px #001d6626}[data-theme=light] .dropdown-item{color:#334155}[data-theme=light] .dropdown-item:hover{background:#0033b30f}[data-theme=light] .logo-icon{box-shadow:0 4px 12px #0033b340}[data-theme=light] .stat-card{background:#0033b30a}[data-theme=light] .action-card{background:#0033b305}[data-theme=light] .search-box input,[data-theme=light] .filter-dropdown{background:#f0f4ff;border-color:#c7d2fe}[data-theme=light] .clients-table-header,[data-theme=light] .clients-table-row:hover{background:#0033b30f}[data-theme=light] .clients-table-row.selected{background:linear-gradient(90deg,#0033b326,#0033b30f)}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;font-weight:400;line-height:1.6;position:relative;overflow-x:hidden}::selection{color:var(--text-primary);background:#d354004d}[data-theme=light] ::selection{color:#1e293b;background:#0033b333}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}.font-mono,code,.stat-value,.metric-value,.kpi-value{font-family:var(--font-mono);letter-spacing:.02em;font-weight:800}body:before{content:"";z-index:-2;background:radial-gradient(80% 50% at 20% 40%,#0033b333,#0000 50%),radial-gradient(60% 40% at 80% 20%,#0047e026,#0000 50%),radial-gradient(50% 60% at 70% 80%,#ff6b3514,#0000 50%),radial-gradient(40% 40% at 30% 90%,#001d6626,#0000 50%);animation:20s ease-in-out infinite backgroundPulse;position:fixed;inset:0}body:after{content:"";background:radial-gradient(circle at 50% 50%,transparent 0%,var(--bg-primary)100%);z-index:-1;pointer-events:none;position:fixed;inset:0}@keyframes backgroundPulse{0%,to{opacity:1;transform:scale(1)translate(0)}25%{opacity:.8;transform:scale(1.05)translate(1%,-1%)}50%{opacity:1;transform:scale(1)translate(2%,1%)}75%{opacity:.9;transform:scale(1.03)translate(-1%,1%)}}.floating-shapes{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-shapes .shape{opacity:.03;animation:30s ease-in-out infinite floatShape;position:absolute}.floating-shapes .shape-1{border:2px solid var(--orange-primary);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:400px;height:400px;animation-duration:25s;animation-delay:0s;top:10%;left:-5%}.floating-shapes .shape-2{background:linear-gradient(135deg,var(--accent-primary)0%,transparent 70%);border-radius:50%;width:300px;height:300px;animation-duration:30s;animation-delay:-5s;top:60%;right:-5%}.floating-shapes .shape-3{border:1px solid var(--accent-tertiary);width:200px;height:200px;animation-duration:35s;animation-delay:-10s;top:30%;right:20%;transform:rotate(45deg)}.floating-shapes .shape-4{background:var(--orange-gradient);opacity:.02;border-radius:50%;width:150px;height:150px;animation-duration:28s;animation-delay:-15s;bottom:20%;left:15%}.floating-shapes .shape-5{border:1px solid var(--orange-secondary);border-radius:20%;width:100px;height:100px;animation-duration:32s;animation-delay:-8s;top:70%;left:60%}.floating-shapes .shape-6{border:1px dashed var(--accent-primary);border-radius:50%;width:250px;height:250px;animation-duration:40s;animation-delay:-12s;top:5%;right:30%}@keyframes floatShape{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(30px,-30px)rotate(5deg)}50%{transform:translate(-20px,20px)rotate(-3deg)}75%{transform:translate(15px,10px)rotate(2deg)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardPulse{0%,to{box-shadow:0 4px 20px #0033b31a}50%{box-shadow:0 8px 30px #ff6b3526}}.card-animated{animation:.6s ease-out forwards cardEntrance}.card-animated:first-child{animation-delay:.1s}.card-animated:nth-child(2){animation-delay:.2s}.card-animated:nth-child(3){animation-delay:.3s}.card-animated:nth-child(4){animation-delay:.4s}.card-animated:nth-child(5){animation-delay:.5s}.card-animated:nth-child(6){animation-delay:.6s}.stat-card{opacity:0;animation:.5s ease-out forwards cardEntrance}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:hover{opacity:1;border-color:var(--orange-primary);box-shadow:0 20px 40px #0000004d,0 0 30px var(--orange-glow),inset 0 1px #ffffff1a;animation:none;transform:translateY(-8px)scale(1.02)}.stat-card:hover .stat-icon{box-shadow:0 8px 25px var(--orange-glow);transform:scale(1.1)rotate(-5deg)}.stat-card:hover .stat-value{color:var(--orange-primary);text-shadow:0 0 20px var(--orange-glow)}.stat-card.clickable{cursor:pointer}.stat-card.clickable .stat-link{color:var(--orange-primary);opacity:.8;transition:opacity .2s}.stat-card.clickable:hover .stat-link{opacity:1}.action-card{opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.5s ease-out forwards cardEntrance}.action-card:first-child{animation-delay:.3s}.action-card:nth-child(2){animation-delay:.35s}.action-card:nth-child(3){animation-delay:.4s}.action-card:nth-child(4){animation-delay:.45s}.action-card:hover{opacity:1;box-shadow:0 25px 50px #0006,0 0 40px var(--orange-glow);animation:none;transform:translateY(-10px)rotateX(5deg)}.action-card:hover .action-progress-bar{background:var(--orange-gradient);box-shadow:0 0 15px var(--orange-glow)}.table-row-animated{opacity:0;animation:.4s ease-out forwards cardEntrance}.table-row-animated:first-child{animation-delay:50ms}.table-row-animated:nth-child(2){animation-delay:.1s}.table-row-animated:nth-child(3){animation-delay:.15s}.table-row-animated:nth-child(4){animation-delay:.2s}.table-row-animated:nth-child(5){animation-delay:.25s}.shimmer{background:linear-gradient(90deg,var(--bg-card)0%,var(--bg-elevated)50%,var(--bg-card)100%);background-size:200% 100%;animation:1.5s infinite shimmer}.icon-bounce:hover{animation:.6s iconBounce}@keyframes iconBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-4px)}75%{transform:translateY(-6px)}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";background:#ff6b354d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple:active:after{width:300px;height:300px}[data-theme=light] body:before{background:radial-gradient(80% 50% at 20% 40%,#0033b314,#0000 50%),radial-gradient(60% 40% at 80% 20%,#0047e00f,#0000 50%),radial-gradient(50% 60% at 70% 80%,#ff6b350a,#0000 50%),radial-gradient(40% 40% at 30% 90%,#001d660f,#0000 50%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-inner-glow),var(--glass-outer-glow)}.glass-premium{background:linear-gradient(135deg,var(--glass-bg-light)0%,var(--glass-bg)50%,var(--glass-bg-dark)100%);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-shine);border-left:1px solid var(--glass-border-shine);box-shadow:var(--glass-inner-glow),var(--glass-outer-glow),0 0 60px #0033b31a;position:relative;overflow:hidden}.glass-premium:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;animation:4s ease-in-out infinite glassShine;position:absolute;top:0;left:-100%}.glass-premium:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b3514,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}@keyframes glassShine{0%,to{opacity:0;left:-100%}50%{opacity:1;left:100%}}@keyframes glassPulse{0%,to{box-shadow:var(--glass-inner-glow),var(--glass-outer-glow),0 0 40px #0033b31a}50%{box-shadow:var(--glass-inner-glow),var(--glass-outer-glow),0 0 60px #0033b333}}.glass-orbs{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.glass-orb{filter:blur(60px);border-radius:50%;animation:20s ease-in-out infinite floatOrb;position:absolute}.glass-orb-1{background:radial-gradient(circle,#0033b34d,#0000 70%);width:400px;height:400px;animation-delay:0s;top:10%;left:10%}.glass-orb-2{background:radial-gradient(circle,#ff6b3533,#0000 70%);width:300px;height:300px;animation-delay:-7s;top:60%;right:10%}.glass-orb-3{background:radial-gradient(circle,#3366ff40,#0000 70%);width:250px;height:250px;animation-delay:-14s;bottom:20%;left:30%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.05)}}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-filled .material-symbols-rounded,.nav-item.active .material-symbols-rounded,.btn-primary-action .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.stat-icon,.header-icon,.metric-icon,.qa-metric-card .metric-icon,.report-card-icon,.materials-page-icon,.materials-tab-icon,.operations-tab-icon,.qa-tab-icon,.report-tab-icon,.perf-tab-icon,.duty-stat-icon,.clients-stat-icon,.pa-header-icon,.pa-action-icon,.pa-module-icon{position:relative;overflow:hidden}.stat-icon:before,.header-icon:before,.metric-icon:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 40%,#ffffff26,#0000 60%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.stat-icon:hover:before,.header-icon:hover:before,.metric-icon:hover:before{transform:rotate(45deg)translate(100%)}.stat-icon:hover,.header-icon:hover,.metric-icon:hover{transform:scale(1.08);box-shadow:0 8px 25px #0033b359,0 0 20px #0033b333}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-icon.pulse{animation:2s ease-in-out infinite iconPulse}.nav-icon{color:var(--text-muted);font-size:22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-item.active .nav-icon{color:#fff;filter:drop-shadow(0 0 10px #fff6);transform:scale(1.05)}.nav-subitem .nav-icon{font-size:18px;transition:all .25s}.nav-subitem:hover .nav-icon{color:var(--accent-primary);transform:translate(3px)scale(1.05)}.nav-subitem.active .nav-icon{color:var(--accent-primary);filter:drop-shadow(0 0 6px #0033b366)}.btn-primary-action .material-symbols-rounded,.btn-add-user .nav-icon,.btn-add-material .nav-icon,.btn-add-product .nav-icon,.btn-add-project .nav-icon,.btn-add-operation .nav-icon{filter:drop-shadow(0 2px 4px #0003);transition:all .3s}.btn-primary-action:hover .material-symbols-rounded,.btn-add-user:hover .nav-icon,.btn-add-material:hover .nav-icon,.btn-add-product:hover .nav-icon,.btn-add-project:hover .nav-icon,.btn-add-operation:hover .nav-icon{filter:drop-shadow(0 4px 8px #0000004d);transform:scale(1.15)rotate(-5deg)}.btn-icon .material-symbols-rounded,.btn-icon .nav-icon,.btn-action-edit .material-symbols-rounded{transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-icon:hover .material-symbols-rounded,.btn-icon:hover .nav-icon{transform:scale(1.2)}.btn-icon:hover .material-symbols-rounded[style*="color: var(--danger)"],.btn-icon:hover .nav-icon[style*="color: var(--danger)"]{filter:drop-shadow(0 0 8px #ef444480)}.materials-tab-icon,.operations-tab-icon,.qa-tab-icon,.report-tab-icon,.perf-tab-icon{transition:all .3s;position:relative}.materials-tab-icon:after,.operations-tab-icon:after,.qa-tab-icon:after,.report-tab-icon:after,.perf-tab-icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 50%);position:absolute;inset:0}.materials-tab-card:hover .materials-tab-icon,.operations-tab-card:hover .operations-tab-icon,.qa-tab-card:hover .qa-tab-icon,.report-tab-card:hover .report-tab-icon,.perf-tab-card:hover .perf-tab-icon{transform:scale(1.1)rotate(-3deg);box-shadow:0 8px 20px #0000004d}.materials-tab-arrow .nav-icon,.operations-tab-arrow .nav-icon,.qa-tab-arrow .nav-icon,.report-tab-arrow .nav-icon,.perf-tab-arrow .material-symbols-rounded{transition:all .3s}.materials-tab-card:hover .materials-tab-arrow .nav-icon,.operations-tab-card:hover .operations-tab-arrow .nav-icon,.qa-tab-card:hover .qa-tab-arrow .nav-icon,.report-tab-card:hover .report-tab-arrow .nav-icon,.perf-tab-card:hover .perf-tab-arrow .material-symbols-rounded{transform:translate(4px)}.status-badge .material-symbols-rounded,.status-badge .nav-icon,.result-badge .material-symbols-rounded,.result-badge .nav-icon{filter:drop-shadow(0 1px 2px #0003)}.materials-empty .nav-icon,.clients-empty .nav-icon,.products-empty .nav-icon,.projects-empty .nav-icon,.operations-empty .nav-icon,.suppliers-empty .nav-icon,.staff-empty .nav-icon,.qa-empty .nav-icon,.activity-empty .nav-icon,.catalog-empty .nav-icon{opacity:.4;filter:grayscale(.3);transition:all .3s}.materials-empty:hover .nav-icon,.clients-empty:hover .nav-icon,.products-empty:hover .nav-icon,.projects-empty:hover .nav-icon,.operations-empty:hover .nav-icon,.suppliers-empty:hover .nav-icon,.staff-empty:hover .nav-icon,.qa-empty:hover .nav-icon,.activity-empty:hover .nav-icon,.catalog-empty:hover .nav-icon{opacity:.6;filter:grayscale(0);transform:scale(1.1)}.btn-sync.syncing .material-symbols-rounded,.btn-sync.syncing .nav-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.material-card-icon,.project-card-icon,.operation-card-icon,.supplier-card-icon,.warehouse-card-icon{position:relative;overflow:hidden}.material-card-icon:before,.project-card-icon:before,.operation-card-icon:before,.supplier-card-icon:before,.warehouse-card-icon:before{content:"";pointer-events:none;background:linear-gradient(#ffffff26,#0000);position:absolute;inset:0}.material-card:hover .material-card-icon,.project-card:hover .project-card-icon,.operation-card:hover .operation-card-icon,.supplier-card:hover .supplier-card-icon,.warehouse-card:hover .warehouse-card-icon{transform:scale(1.08)rotate(3deg);box-shadow:0 6px 20px #00000040}.themes-toggle .material-symbols-rounded,.themes-toggle .nav-icon{transition:all .4s cubic-bezier(.4,0,.2,1)}.themes-toggle:hover .material-symbols-rounded,.themes-toggle:hover .nav-icon{color:var(--orange-primary);filter:drop-shadow(0 0 10px var(--orange-glow));transform:rotate(180deg)scale(1.1)}.text-orange{color:var(--orange-primary)}.text-orange-glow{color:var(--orange-primary);text-shadow:0 0 20px var(--orange-glow)}.badge-orange{background:var(--orange-gradient);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px;font-weight:700}.stat-value-highlight{font-family:var(--font-mono);color:var(--orange-primary);text-shadow:0 0 30px var(--orange-glow);font-weight:800}.nav-item.active:before{background:var(--orange-gradient)}.progress-bar-orange{background:var(--orange-gradient);box-shadow:0 0 10px var(--orange-glow)}.user-dropdown .dropdown-item .material-symbols-rounded,.user-dropdown .dropdown-item .nav-icon{transition:all .25s}.user-dropdown .dropdown-item:hover .material-symbols-rounded,.user-dropdown .dropdown-item:hover .nav-icon{transform:scale(1.15)}.user-dropdown .dropdown-item.danger:hover .material-symbols-rounded,.user-dropdown .dropdown-item.danger:hover .nav-icon{filter:drop-shadow(0 0 8px #ef444480)}.fab-icon .material-symbols-rounded,.fab-icon .nav-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.fab:hover .fab-icon .material-symbols-rounded,.fab:hover .fab-icon .nav-icon{transform:rotate(90deg)}.alert-item .material-symbols-rounded,.alert-item .nav-icon,.perf-alert-item .material-symbols-rounded{animation:2s ease-in-out infinite alertBounce}@keyframes alertBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.modal-header-icon .material-symbols-rounded,.modal-header-icon .nav-icon{filter:drop-shadow(0 2px 4px #0003)}.report-stat-card .stat-icon,.module-stat-card .stat-icon{transition:all .3s}.report-stat-card:hover .stat-icon,.module-stat-card:hover .stat-icon{transform:scale(1.1)}.report-stat-card .stat-icon.pending:hover{box-shadow:0 0 25px #64748b80}.report-stat-card .stat-icon.in-progress:hover{box-shadow:0 0 25px #3b82f680}.report-stat-card .stat-icon.completed:hover{box-shadow:0 0 25px #10b98180}.report-stat-card .stat-icon.total:hover{box-shadow:0 0 25px #0033b380}.report-stat-card .stat-icon.warning:hover{box-shadow:0 0 25px #f59e0b80}.report-stat-card .stat-icon.danger:hover{box-shadow:0 0 25px #ef444480}.icon-success{color:var(--success);filter:drop-shadow(0 0 6px #10b98166)}.icon-warning{color:var(--warning);filter:drop-shadow(0 0 6px #f59e0b66)}.icon-danger{color:var(--danger);filter:drop-shadow(0 0 6px #ef444466)}.icon-info{color:var(--info);filter:drop-shadow(0 0 6px #3b82f666)}.icon-primary{color:var(--accent-primary);filter:drop-shadow(0 0 6px #0033b366)}[data-theme=light] .nav-item:hover .nav-icon{filter:drop-shadow(0 0 6px #0033b34d)}[data-theme=light] .stat-icon:hover,[data-theme=light] .header-icon:hover,[data-theme=light] .metric-icon:hover{box-shadow:0 8px 25px #0033b340,0 0 15px #0033b326}[data-theme=light] .themes-toggle:hover .material-symbols-rounded,[data-theme=light] .themes-toggle:hover .nav-icon{filter:drop-shadow(0 0 8px #0033b34d)}.industrial-icon{vertical-align:middle;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.industrial-icon-inherit{filter:brightness(0)invert();opacity:.85}[data-theme=light] .industrial-icon-inherit{filter:brightness(0);opacity:.8}.industrial-icon:hover{transform:scale(1.1);filter:brightness(0)saturate()invert(42%)sepia(93%)saturate(1352%)hue-rotate(238deg)brightness(96%)contrast(98%)!important}.industrial-icon-container{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0033b34d}.industrial-icon-container:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 50%);position:absolute;inset:0}.industrial-icon-container:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 8px 25px #0033b366}.industrial-icon-container .industrial-icon{filter:brightness(0)invert()!important}.industrial-icon-container .industrial-icon:hover{transform:none;filter:brightness(0)invert()!important}.industrial-icon-sm{width:18px;height:18px}.industrial-icon-md{width:24px;height:24px}.industrial-icon-lg{width:32px;height:32px}.industrial-icon-xl{width:48px;height:48px}.industrial-icon-2xl{width:64px;height:64px}.industrial-icon-container.green{background:linear-gradient(135deg,#10b981,#059669)}.industrial-icon-container.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.industrial-icon-container.purple{background:linear-gradient(135deg,#0033b3,#001d66)}.industrial-icon-container.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.industrial-icon-container.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.industrial-icon-container.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.industrial-icon-container.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.industrial-icon-container.green:hover{box-shadow:0 8px 25px #10b98166}.industrial-icon-container.blue:hover{box-shadow:0 8px 25px #3b82f666}.industrial-icon-container.purple:hover{box-shadow:0 8px 25px #0033b366}.industrial-icon-container.orange:hover{box-shadow:0 8px 25px #f59e0b66}.industrial-icon-container.red:hover{box-shadow:0 8px 25px #ef444466}.industrial-icon-container.cyan:hover{box-shadow:0 8px 25px #06b6d466}.industrial-icon-container.pink:hover{box-shadow:0 8px 25px #ec489966}.card,.data-table-card,.table-container,.materials-table-container,.clients-table-container,.products-table-container,.requisition-card,.material-card,.client-card,.product-card,.warehouse-card,.operation-card,.project-card,.supplier-card,.bom-card,.pa-card,.form-section{-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)!important;background:#ffffff08!important}.material-card:hover,.client-card:hover,.product-card:hover,.warehouse-card:hover,.operation-card:hover,.project-card:hover,.supplier-card:hover,.requisition-card:hover,.bom-card:hover{box-shadow:0 20px 40px #0003;background:#ffffff0f!important;border-color:#0033b34d!important}.materials-table-modern,.clients-table,.products-table,.data-table{background:0 0}.materials-table-modern thead,.clients-table thead,.products-table thead,.data-table thead{background:#0033b31a;position:relative}.materials-table-modern thead:before,.clients-table thead:before,.products-table thead:before,.data-table thead:before{content:"";background:linear-gradient(90deg,#d35400,#e67e22,#d35400);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.materials-table-modern tbody tr,.clients-table tbody tr,.products-table tbody tr,.data-table tbody tr{border-bottom:1px solid var(--glass-border);background:#ffffff05}.materials-table-modern tbody tr:hover,.clients-table tbody tr:hover,.products-table tbody tr:hover,.data-table tbody tr:hover{background:#d3540014;border-left:3px solid #d3540099}input,textarea{transition:all .3s;border:1px solid var(--glass-border)!important;background:#ffffff0d!important}input:focus,textarea:focus{box-shadow:0 0 0 3px #0033b31a;background:#0033b31a!important;border-color:#0033b380!important}select{border:1px solid var(--glass-border)!important;background:#ffffff0d!important}select:focus{background:#0033b31a!important;border-color:#0033b380!important}.btn-secondary,.view-toggle,.filter-group select{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);background:#ffffff0d}[data-theme=light] .card,[data-theme=light] .data-table-card,[data-theme=light] .material-card,[data-theme=light] .client-card,[data-theme=light] .product-card,[data-theme=light] .warehouse-card,[data-theme=light] .pa-card{background:#fff9!important;border:1px solid #fffc!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#fffc!important;border:1px solid #0000001a!important}select{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:10px 36px 10px 14px;font-size:14px}select:focus{border-color:var(--color-orange);outline:none;box-shadow:0 0 0 3px #d3540033}select option{color:#fff;background-color:#0a1628;border-bottom:1px solid #ffffff1a;padding:12px 16px;font-size:14px}select option:hover,select option:focus,select option:checked{color:#fff;background:linear-gradient(135deg,#d354004d,#b4460066)}[data-theme=light] select{color:var(--text-primary);background-color:#f8fafc;border-color:#e2e8f0}[data-theme=light] select option{color:#1a1a2e;background-color:#fff}[data-theme=light] select option:checked{background:linear-gradient(135deg,#d3540033,#b446004d)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;font-weight:700;line-height:1.3}h1{font-size:26px;font-weight:800}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:700}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:13px;font-weight:600}p{color:#c8d7f0e6;font-size:14px;font-weight:500;line-height:1.6}label{color:#c8d7f0f2;letter-spacing:.02em;font-size:13px;font-weight:600}input,select,textarea{font-family:inherit;font-size:14px}button{font-family:inherit}button,[role=button],.btn,[class*=btn-]{-webkit-tap-highlight-color:transparent;outline:none;position:relative}button:focus-visible,[role=button]:focus-visible,.btn:focus-visible,[class*=btn-]:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-offset)) var(--focus-ring-color)}button:active:not(:disabled),[role=button]:active:not(:disabled),.btn:active:not(:disabled),[class*=btn-]:active:not(:disabled){transform:scale(.97)}button:disabled,[role=button]:disabled,.btn:disabled,[class*=btn-]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0047e066,#d3540066) padding-box padding-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0047e099,#d3540099)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#0047e0cc,#d35400cc)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#0047e066 #ffffff08}:focus-visible{outline:2px solid var(--orange-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange-primary);outline-offset:2px;box-shadow:0 0 0 4px #d3540026}:focus:not(:focus-visible){outline:none}.skip-link{background:var(--orange-primary);color:#fff;z-index:100000;padding:8px 16px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}[data-theme=light] ::-webkit-scrollbar-track{background:#0033b30d}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0033b34d,#d354004d)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0033b380,#d3540080)}[data-theme=light] *{scrollbar-color:#0033b34d #0033b30d}.btn-primary-action{padding:var(--btn-padding-md);min-height:var(--btn-height-md);background:var(--orange-gradient);border-radius:var(--btn-radius-md);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--orange-glow);white-space:nowrap;border:none;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary-action:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary-action:hover:before{left:100%}.btn-primary-action:hover{box-shadow:0 12px 30px var(--orange-glow),0 0 40px #d354004d,var(--shadow-orange);transform:translateY(-3px)scale(1.02)}.btn-primary-action:active{transform:translateY(0)scale(.98)}.btn-primary-action:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-primary-action .material-symbols-rounded{color:#fff;font-size:20px}.header-actions{align-items:center;gap:12px;display:flex}.btn-secondary-action{padding:var(--btn-padding-md);min-height:var(--btn-height-md);border-radius:var(--btn-radius-md);color:#a78bfa;cursor:pointer;white-space:nowrap;background:#8b5cf626;border:1px solid #8b5cf64d;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-secondary-action:hover{background:#8b5cf640;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.btn-secondary-action:active{transform:translateY(0)}.btn-secondary-action .material-symbols-rounded{font-size:20px}.btn-icon{width:var(--btn-icon-md);height:var(--btn-icon-md);min-width:var(--btn-icon-md);min-height:var(--btn-icon-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--btn-radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:#e67e22;background:#d3540026;border-color:#d3540066;transform:translateY(-2px)}.btn-icon:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-icon .material-symbols-rounded{font-size:20px}.btn-icon.view:hover,.btn-icon[title=View]:hover{color:#3b82f6;background:#3b82f626;border-color:#3b82f666}.btn-icon.edit:hover,.btn-icon[title=Edit]:hover{color:#e67e22;background:#d3540026;border-color:#d3540066}.btn-icon.danger:hover,.btn-icon.delete:hover,.btn-icon[title=Delete]:hover{color:#dc3545;background:#dc354526;border-color:#dc354566}.btn-icon-sm{width:var(--btn-icon-sm);height:var(--btn-icon-sm);min-width:var(--btn-icon-sm);min-height:var(--btn-icon-sm)}.btn-action-edit{width:var(--btn-icon-md);height:var(--btn-icon-md);min-width:var(--btn-icon-md);min-height:var(--btn-icon-md);border-radius:var(--btn-radius-sm);color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#0033b326,#0033b314);border:1px solid #0033b34d;justify-content:center;align-items:center;display:inline-flex}.btn-action-edit:hover{background:var(--orange-gradient);border-color:var(--orange-primary);color:#fff;box-shadow:0 4px 12px var(--orange-glow);transform:scale(1.05)}.btn-action-edit:active{transform:scale(.98)}.btn-action-edit:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-action-edit .material-symbols-rounded{font-size:20px;font-weight:300}.btn-sync{padding:var(--btn-padding-md);min-height:var(--btn-height-md);background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);border:2px solid var(--accent-secondary);border-radius:var(--btn-radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-base);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0033b34d}.btn-sync .nav-icon,.btn-sync .material-symbols-rounded{color:#fff;font-size:20px}.btn-sync:hover{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:#fff;border-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 20px #0033b366}.btn-sync:hover .nav-icon,.btn-sync:hover .material-symbols-rounded{color:#fff}.btn-sync.syncing{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);color:#fff}.btn-sync.syncing .material-symbols-rounded,.btn-sync.syncing .nav-icon{color:#fff;animation:1s linear infinite spin}.btn-modal-cancel{padding:var(--btn-padding-md);min-height:var(--btn-height-md);border-radius:var(--btn-radius-md);color:#ff6b6b;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#dc354526,#b92b3933);border:1px solid #dc354566;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.btn-modal-cancel:hover{color:#ff8585;background:linear-gradient(135deg,#dc354540,#b92b3959);border-color:#dc354599;box-shadow:0 4px 15px #dc35454d}.btn-modal-cancel:focus-visible{outline:var(--focus-ring-width)solid #dc354580;outline-offset:var(--focus-ring-offset)}.btn-modal-save{padding:var(--btn-padding-md);min-height:var(--btn-height-md);border-radius:var(--btn-radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-base);text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#28a745,#20c997);border:none;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 6px 20px #28a74566}.btn-modal-save:focus-visible{outline:var(--focus-ring-width)solid #28a74580;outline-offset:var(--focus-ring-offset)}.btn-modal-save:disabled{opacity:.5;cursor:not-allowed}.btn-modal-save .material-symbols-rounded{color:#fff;font-size:18px}.module-page{flex-direction:column;gap:20px;min-height:100%;padding:24px;display:flex}.page-header{background:linear-gradient(135deg,#0f2350cc,#0a193c99,#142d5fb3);border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:-24px -24px 24px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.page-header:before{content:"";background:linear-gradient(90deg,var(--accent-primary)0%,var(--orange-primary)50%,var(--accent-tertiary)100%);height:3px;position:absolute;top:0;left:0;right:0}.page-header:after{content:"";pointer-events:none;background:radial-gradient(at 100%,#ff6b3514,#0000 70%);width:300px;height:100%;position:absolute;top:0;right:0}.header-content{z-index:1;align-items:center;gap:20px;display:flex;position:relative}.header-icon{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 24px #0033b366,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.header-icon:before{content:"";z-index:-1;opacity:.6;filter:blur(8px);background:linear-gradient(135deg,#0033b380,#ff6b354d);border-radius:18px;position:absolute;inset:-3px}.header-icon:hover{transform:scale(1.05)rotate(-3deg);box-shadow:0 12px 32px #0033b380,0 0 0 1px #ffffff26}.header-icon.orange{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 8px 24px #ff6b3566,0 0 0 1px #ffffff1a}.header-icon.orange:before{background:linear-gradient(135deg,#ff6b3580,#ff8c5a4d)}.header-icon.green{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 24px #10b98166,0 0 0 1px #ffffff1a}.header-icon.green:before{background:linear-gradient(135deg,#10b98180,#34d3994d)}.header-icon.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 8px 24px #8b5cf666,0 0 0 1px #ffffff1a}.header-icon.purple:before{background:linear-gradient(135deg,#8b5cf680,#a78bfa4d)}.header-icon .material-symbols-rounded{color:#fff;text-shadow:0 2px 4px #0003;font-size:28px}.factory-icon{filter:brightness(0)invert();opacity:.95}.header-icon.factory-icon-wrapper{padding:12px}.header-icon.factory-icon-wrapper .factory-icon,.stat-icon .factory-icon,.module-stat-card .stat-icon .factory-icon{filter:brightness(0)invert();opacity:.95}.header-text h1{color:var(--text-primary);letter-spacing:-.02em;text-shadow:0 2px 10px #0000004d;margin-bottom:4px;font-size:28px;font-weight:800}.header-text p{color:var(--text-secondary);opacity:.85;font-size:14px}.header-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.module-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.module-search{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;flex:1;align-items:center;gap:10px;min-width:200px;max-width:400px;padding:10px 16px;transition:all .2s;display:flex}.module-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0033b31a}.module-search .material-symbols-rounded{color:var(--text-muted);font-size:20px}.module-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.module-search input::placeholder{color:var(--text-muted)}.module-filter{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:10px 16px;font-size:14px;transition:all .2s}.module-filter:focus{border-color:var(--accent-primary)}.module-table{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.module-table-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600;display:grid}.module-table-row{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);align-items:center;padding:14px 16px;font-size:14px;transition:background .15s;display:grid}.module-table-row:last-child{border-bottom:none}.module-table-row:hover{background:var(--bg-tertiary)}.module-footer{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.module-count{color:var(--text-muted);font-size:13px}.module-pagination,.clients-pagination,.staff-pagination,.suppliers-pagination,.materials-pagination,.products-pagination,.projects-pagination,.operations-pagination,.table-pagination,.pagination-controls,.rows-per-page,.page-info,.page-controls{display:none!important}.module-pagination-legacy{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rows-per-page-legacy{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.module-cards-grid,.clients-cards-grid,.suppliers-cards-grid,.materials-cards-grid,.products-cards-grid,.warehouses-cards-grid,.projects-cards-grid,.operations-cards-grid,.staff-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:0;display:grid}.module-card,.client-card,.supplier-card,.material-card,.product-card,.warehouse-card,.project-card,.operation-card,.staff-card{-webkit-backdrop-filter:blur(20px);background:#0f285a73;border:1px solid #ffffff1a;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.module-card:before,.client-card:before,.supplier-card:before,.material-card:before,.product-card:before,.warehouse-card:before,.project-card:before,.operation-card:before,.staff-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.module-card:hover,.client-card:hover,.supplier-card:hover,.material-card:hover,.product-card:hover,.warehouse-card:hover,.project-card:hover,.operation-card:hover,.staff-card:hover{background:#1432648c;border-color:#d3540066;transform:translateY(-6px);box-shadow:0 20px 50px #0000004d,0 0 40px #d354001a}.module-card-header,.client-card-header,.supplier-card-header,.material-card-header,.product-card-header,.warehouse-card-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 0;display:flex}.module-avatar,.client-avatar,.supplier-avatar,.material-avatar,.product-avatar,.warehouse-avatar{color:#fff;width:56px;height:56px;font-size:18px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#d35400,#e67e22);border-radius:14px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0003}.module-card:hover .module-avatar,.client-card:hover .client-avatar,.supplier-card:hover .supplier-avatar,.material-card:hover .material-avatar,.product-card:hover .product-avatar,.warehouse-card:hover .warehouse-avatar{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.avatar-blue,.color-1{background:linear-gradient(135deg,#0033b3,#06f)!important}.avatar-purple,.color-2{background:linear-gradient(135deg,#7c3aed,#a855f7)!important}.avatar-teal,.color-3{background:linear-gradient(135deg,#0d9488,#14b8a6)!important}.avatar-pink,.color-4{background:linear-gradient(135deg,#db2777,#ec4899)!important}.avatar-indigo,.color-5{background:linear-gradient(135deg,#4f46e5,#6366f1)!important}.avatar-green,.color-6{background:linear-gradient(135deg,#059669,#10b981)!important}.avatar-orange,.color-7{background:linear-gradient(135deg,#d35400,#e67e22)!important}.avatar-slate,.color-8{background:linear-gradient(135deg,#475569,#64748b)!important}.module-card-body,.client-card-body,.supplier-card-body,.material-card-body,.product-card-body,.warehouse-card-body{padding:16px 20px}.module-card-title,.client-name,.supplier-name,.material-name,.product-name,.warehouse-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.module-card-subtitle,.client-company,.supplier-category,.material-code,.product-code,.warehouse-location{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.module-card-details,.client-details,.supplier-details,.material-details,.product-details,.warehouse-details{flex-direction:column;gap:10px;display:flex}.module-card-detail,.client-detail,.supplier-detail,.material-detail,.product-detail,.warehouse-detail{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.module-card-detail .nav-icon,.module-card-detail .material-symbols-rounded,.client-detail .nav-icon,.client-detail .material-symbols-rounded,.supplier-detail .nav-icon,.supplier-detail .material-symbols-rounded,.material-detail .nav-icon,.material-detail .material-symbols-rounded,.product-detail .nav-icon,.product-detail .material-symbols-rounded,.warehouse-detail .nav-icon,.warehouse-detail .material-symbols-rounded{color:var(--accent-secondary);flex-shrink:0;font-size:18px}.module-card-footer,.client-card-footer,.supplier-card-footer,.material-card-footer,.product-card-footer,.warehouse-card-footer{border-top:1px solid var(--border-subtle);background:#00000005;gap:8px;padding:16px 20px;display:flex}.btn-card-action{cursor:pointer;color:var(--text-secondary);background:#ffffff0d;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-card-action:hover{color:var(--text-primary);background:#ffffff1a}.btn-card-action.primary{color:var(--accent-primary);background:#0033b333}.btn-card-action.primary:hover{background:#0033b34d}.btn-card-action.danger{color:#ef4444;background:#ef44441a}.btn-card-action.danger:hover{background:#ef444433}.btn-card-action .nav-icon,.btn-card-action .material-symbols-rounded{font-size:18px}.card-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.card-status-badge .status-dot{border-radius:50%;width:8px;height:8px}.card-status-badge.active{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.card-status-badge.active .status-dot{background:#10b981;animation:2s infinite pulse-green;box-shadow:0 0 8px #10b981}.card-status-badge.pending,.card-status-badge.warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.card-status-badge.pending .status-dot,.card-status-badge.warning .status-dot{background:#f59e0b;animation:1.5s infinite pulse-orange}.card-status-badge.inactive{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.card-status-badge.gray{color:#64748b;background:#64748b26;border:1px solid #64748b4d}.card-status-badge.inactive .status-dot{background:#ef4444}.card-status-badge.gray .status-dot{opacity:.5;background:#64748b}.card-status-badge.error,.card-status-badge.danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.card-status-badge.error .status-dot,.card-status-badge.danger .status-dot{background:#ef4444}.module-cards-grid>*,.clients-cards-grid>*,.suppliers-cards-grid>*,.materials-cards-grid>*,.products-cards-grid>*,.warehouses-cards-grid>*,.projects-cards-grid>*,.operations-cards-grid>*,.staff-cards-grid>*{opacity:0;animation:.4s ease-out forwards cardEntrance}.module-cards-grid>:first-child,.clients-cards-grid>:first-child,.suppliers-cards-grid>:first-child,.materials-cards-grid>:first-child,.products-cards-grid>:first-child{animation-delay:50ms}.module-cards-grid>:nth-child(2),.clients-cards-grid>:nth-child(2),.suppliers-cards-grid>:nth-child(2),.materials-cards-grid>:nth-child(2),.products-cards-grid>:nth-child(2){animation-delay:.1s}.module-cards-grid>:nth-child(3),.clients-cards-grid>:nth-child(3),.suppliers-cards-grid>:nth-child(3),.materials-cards-grid>:nth-child(3),.products-cards-grid>:nth-child(3){animation-delay:.15s}.module-cards-grid>:nth-child(4),.clients-cards-grid>:nth-child(4),.suppliers-cards-grid>:nth-child(4),.materials-cards-grid>:nth-child(4),.products-cards-grid>:nth-child(4){animation-delay:.2s}.module-cards-grid>:nth-child(5),.clients-cards-grid>:nth-child(5),.suppliers-cards-grid>:nth-child(5),.materials-cards-grid>:nth-child(5),.products-cards-grid>:nth-child(5){animation-delay:.25s}.module-cards-grid>:nth-child(n+6),.clients-cards-grid>:nth-child(n+6),.suppliers-cards-grid>:nth-child(n+6),.materials-cards-grid>:nth-child(n+6),.products-cards-grid>:nth-child(n+6){animation-delay:.3s}[data-theme=light] .module-card,[data-theme=light] .client-card,[data-theme=light] .supplier-card,[data-theme=light] .material-card,[data-theme=light] .product-card,[data-theme=light] .warehouse-card,[data-theme=light] .project-card,[data-theme=light] .operation-card,[data-theme=light] .staff-card{background:#ffffffe6;border-color:#e2e8f0}[data-theme=light] .module-card:hover,[data-theme=light] .client-card:hover,[data-theme=light] .supplier-card:hover,[data-theme=light] .material-card:hover,[data-theme=light] .product-card:hover,[data-theme=light] .warehouse-card:hover,[data-theme=light] .project-card:hover,[data-theme=light] .operation-card:hover,[data-theme=light] .staff-card:hover{background:#fffffff2;border-color:#d3540066}@media(max-width:1200px){.module-cards-grid,.clients-cards-grid,.suppliers-cards-grid,.materials-cards-grid,.products-cards-grid,.warehouses-cards-grid,.projects-cards-grid,.operations-cards-grid,.staff-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.module-cards-grid,.clients-cards-grid,.suppliers-cards-grid,.materials-cards-grid,.products-cards-grid,.warehouses-cards-grid,.projects-cards-grid,.operations-cards-grid,.staff-cards-grid{grid-template-columns:1fr;gap:16px}}.rows-per-page-legacy select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:6px 10px;font-size:13px}.page-controls{gap:4px;display:flex}.page-controls button{background:var(--bg-tertiary);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.page-controls button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.page-controls button .material-symbols-rounded{font-size:18px}@media(max-width:1200px){.module-table{overflow-x:auto}.module-table-header,.module-table-row{min-width:800px}}@media(max-width:768px){.module-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start}.btn-primary-action{justify-content:center;width:100%}.module-toolbar{flex-direction:column;align-items:stretch}.module-search{max-width:none}.module-footer{text-align:center;flex-direction:column;align-items:center}.module-pagination{flex-direction:column}.header-text h1{font-size:20px}}@media(max-width:480px){.header-content{text-align:left;flex-direction:column;align-items:flex-start}.header-icon{width:40px;height:40px}.header-icon .material-symbols-rounded{font-size:20px}.btn-primary-action{padding:10px 16px;font-size:13px}}.app-container{min-height:100vh;display:flex}.sidebar{width:260px;-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border);z-index:100;background:linear-gradient(#0a1937f2,#08142dfa,#050f23fc);flex-direction:column;height:100vh;transition:transform .3s;display:flex;position:fixed;box-shadow:4px 0 30px #0000004d,inset -1px 0 #ffffff0d}.sidebar:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(150% 100% at 100% 0,#0033b326,#0000 50%),radial-gradient(100% 150% at 0 100%,#ff6b3514,#0000 50%);position:absolute;inset:0}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0033b380 20%,#ff6b354d 80%,#0000);width:1px;height:100%;position:absolute;top:0;right:0}.mobile-menu-toggle{display:none}.logo-section{border-bottom:1px solid var(--border-subtle);padding:24px 20px}.logo-container{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent-primary)0%,var(--orange-primary)100%);color:#fff;width:48px;height:48px;box-shadow:0 4px 20px var(--orange-glow),var(--shadow-glow);border-radius:14px;justify-content:center;align-items:center;gap:2px;font-size:14px;font-weight:800;display:flex;position:relative;overflow:hidden}.logo-icon .logo-d{color:#fff;text-shadow:0 0 10px #ffffff80}.logo-icon .logo-k{color:var(--orange-tertiary);text-shadow:0 0 10px var(--orange-glow)}.logo-icon:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.logo-text{flex-direction:column;display:flex}.logo-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;background:linear-gradient(90deg,#fff 0%,var(--orange-primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.logo-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.logo-acronym{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-muted);border-radius:8px;flex-direction:column;gap:2px;margin-top:12px;padding:10px;font-size:10px;animation:.3s fadeInUp;display:none}.logo-acronym b{color:var(--orange-primary);font-weight:700}.logo-section:hover .logo-acronym{display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-section{flex:1;padding:12px;overflow-y:auto}.nav-section-group{margin-bottom:8px}.nav-section-group:first-child .nav-section-header{margin-top:0}.nav-section-header{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-top:8px;padding:12px 16px 6px;font-size:10px;font-weight:700}.nav-item{cursor:pointer;color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:14px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--orange-primary);width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover{color:var(--text-primary);background:linear-gradient(90deg,#d354001f,#0033b314);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--accent-primary)0%,var(--orange-primary)100%);color:#fff;box-shadow:0 4px 15px var(--orange-glow);border-left:3px solid var(--orange-primary)}.nav-item.active .nav-icon{color:#fff}.nav-icon{color:#b4c8e6d9;font-size:22px;transition:all .2s}.nav-item:hover .nav-icon{color:#d35400;filter:drop-shadow(0 0 6px #d3540066);transform:scale(1.1)}.nav-item.active .nav-icon,.nav-item.active:hover .nav-icon{filter:drop-shadow(0 0 8px #ffffff80);color:#fff!important}.nav-item.active .nav-label,.nav-item.active:hover .nav-label{color:#fff!important}.nav-label{font-size:14px;font-weight:500}.nav-badge{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.submenu-arrow{color:#b4c8e6b3;margin-left:auto;transition:all .2s;font-size:18px!important}.nav-item:hover .submenu-arrow{color:#d35400}.nav-item.active .submenu-arrow{color:#fff}.nav-item.has-active-child .submenu-arrow{color:#d35400}.nav-item-container{margin-bottom:2px}.nav-item.has-active-child{color:var(--text-primary);background:#d354001a;border-left:3px solid #d3540080}.nav-item.has-active-child .nav-icon{color:#d35400}.nav-submenu{border-left:2px solid #d354004d;margin-top:4px;margin-bottom:8px;margin-left:28px;padding-left:20px}.nav-subitem{cursor:pointer;color:#b4c8e6cc;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.nav-subitem:hover{color:var(--text-primary);background:#d354001a}.nav-subitem:hover .nav-icon{color:#d35400}.nav-subitem.active{color:#e67e22;background:linear-gradient(135deg,#d3540033,#e67e2226);border-left:2px solid #d35400}.nav-subitem .nav-icon{color:#b4c8e6b3;font-size:18px}.nav-subitem.active .nav-icon{color:#d35400}.user-section{border-top:1px solid var(--border-subtle);padding:16px}.user-menu-trigger{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.user-menu-trigger:hover{background:#0033b314}.user-avatar{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.user-info{flex:1}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-role{color:var(--text-muted);font-size:12px}.user-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-subtle);min-width:180px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:100;border-radius:12px;padding:8px;transition:all .2s;position:absolute;bottom:80px;left:16px;right:16px;transform:translateY(10px)}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{cursor:pointer;color:var(--text-secondary);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--text-primary);background:#0033b31a}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:#ef44441a}.main-content{background:var(--bg-primary);flex:1;max-width:calc(100vw - 260px);min-height:100vh;margin-left:260px;padding:24px;overflow-x:hidden}.page-header{margin-bottom:28px}.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-1px;margin-bottom:4px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:14px}.dashboard-grid{grid-template-columns:1fr 340px;gap:24px;display:grid}.main-column,.side-column{flex-direction:column;gap:24px;display:flex}.card{background:linear-gradient(145deg,var(--glass-bg-light)0%,var(--glass-bg)60%,var(--glass-bg-dark)100%);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-shine);box-shadow:var(--glass-inner-glow),0 8px 32px #000a2866,0 0 0 1px #0000001a;border-left:1px solid #ffffff2e;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{box-shadow:var(--glass-inner-glow),0 12px 40px #000a2880,0 0 40px #ff6b351a;border-color:#ff6b354d;transform:translateY(-4px)}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:200%;height:100%;animation:6s ease-in-out infinite cardShine;position:absolute;top:0;left:-100%}@keyframes cardShine{0%,to{transform:translate(-50%)}50%{transform:translate(50%)}}.card:after{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.card-subtitle,.card-desc,.card-description{color:#d2e1ffe6;margin-top:4px;font-size:14px;font-weight:500}.card-menu{cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.card-menu:hover{color:var(--accent-primary);background:#0033b31a}.card-menu-container{position:relative}.card-menu-btn{cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.card-menu-btn:hover{color:#d35400;background:#d3540026}.card-menu-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:linear-gradient(145deg,#19376efa,#122a5afa);border:1px solid #ffffff26;border-radius:14px;min-width:180px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #0006}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-menu-header{text-transform:uppercase;letter-spacing:.5px;color:#d35400;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:11px;font-weight:700}.card-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:13px;transition:all .15s;display:flex}.card-menu-item:hover{color:#e67e22;background:#d3540026}.card-menu-item .nav-icon,.card-menu-item .material-symbols-rounded{color:#b4c8e6b3;font-size:18px;transition:color .15s}.card-menu-item:hover .nav-icon,.card-menu-item:hover .material-symbols-rounded{color:#d35400}.card-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.dashboard-toast{color:#fff;z-index:9999;background:linear-gradient(145deg,#10b981f2,#059669f2);border-radius:12px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s toastSlide;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 30px #10b98166}.dashboard-toast.info{background:linear-gradient(145deg,#3b82f6f2,#2563ebf2);box-shadow:0 8px 30px #3b82f666}.dashboard-toast .nav-icon,.dashboard-toast .material-symbols-rounded{font-size:22px}@keyframes toastSlide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}@media(max-width:1400px){.stats-grid,.duty-stats-grid,.clients-stats-grid,.bom-stats-grid,.materials-stats-grid,.suppliers-stats-grid,.products-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:900px){.stats-grid,.duty-stats-grid,.clients-stats-grid,.bom-stats-grid,.materials-stats-grid,.suppliers-stats-grid,.products-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid,.duty-stats-grid,.clients-stats-grid,.bom-stats-grid,.materials-stats-grid,.suppliers-stats-grid,.products-stats-grid{grid-template-columns:1fr}}.stat-card{background:linear-gradient(160deg,var(--glass-bg-light)0%,var(--glass-bg)50%,var(--glass-bg-dark)100%);-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-top:1px solid var(--glass-border-shine);box-shadow:var(--glass-inner-glow),0 4px 20px #000a284d;border-left:1px solid #ffffff26;border-radius:16px;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:var(--orange-primary);box-shadow:var(--glass-inner-glow),0 12px 40px #000a2866,0 0 30px #ff6b3526,0 0 60px #0033b31a;transform:translateY(-6px)scale(1.02)}.stat-card:first-child .stat-icon{background:linear-gradient(135deg,#d35400,#e67e22)}.stat-card:nth-child(2) .stat-icon{background:var(--orange-gradient)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#10b981,#34d399)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-label{color:#c8d7f0e6;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{font-family:var(--font-display);color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:12px;font-size:32px;font-weight:800}.stat-footer{justify-content:space-between;align-items:center;display:flex}.stat-icon{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.stat-link{color:var(--accent-secondary);cursor:pointer;align-items:center;gap:4px;font-size:12px;transition:color .2s;display:flex}.stat-link:hover{color:var(--accent-primary)}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-title{color:var(--text-primary);font-size:16px;font-weight:600}.chart-filter{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.chart-filter:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.chart-container{height:280px;position:relative}.quick-actions{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.action-card{border:1px solid var(--border-subtle);cursor:pointer;background:#0033b30a;border-radius:16px;padding:20px;transition:all .3s}.action-card:hover{border-color:var(--accent-primary);background:#0033b314;transform:translateY(-2px)}.action-title{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:600}.action-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px;line-height:1.5}.action-progress{background:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden}.action-progress-bar{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:2px;height:100%;transition:width .5s}.action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;transition:all .2s;display:flex}.action-btn:hover{box-shadow:var(--shadow-glow);transform:scale(1.1)}.dashboard-bottom-grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.recent-orders-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden}.recent-orders-card .card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.recent-orders-card .orders-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#0033b30a;grid-template-columns:100px 1fr 1fr 100px 100px;padding:12px 24px;font-size:11px;font-weight:600;display:grid}.recent-orders-card .orders-table-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:100px 1fr 1fr 100px 100px;align-items:center;padding:14px 24px;transition:background .2s;display:grid}.recent-orders-card .orders-table-row:hover{background:#0033b30a}.recent-orders-card .orders-table-row:last-child{border-bottom:none}.order-id{color:var(--accent-primary);font-size:13px;font-weight:600}.order-client{color:var(--text-primary);font-size:13px}.order-project{color:var(--text-secondary);font-size:13px}.order-amount{color:var(--text-primary);font-size:13px;font-weight:600}.dashboard-staff-clients-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.staff-duty-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden}.staff-duty-card .card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.staff-duty-list{padding:8px 0}.staff-duty-item{align-items:center;gap:14px;padding:12px 24px;transition:background .2s;display:flex}.staff-duty-item:hover{background:#0033b30a}.staff-avatar.working{background:linear-gradient(135deg,#10b981,#059669)}.staff-avatar.break{background:linear-gradient(135deg,#f59e0b,#d97706)}.staff-duty-item .staff-info{flex:0 0 140px}.staff-duty-item .staff-name{color:var(--text-primary);font-size:13px;font-weight:600}.staff-duty-item .staff-role{color:var(--text-muted);font-size:11px}.staff-task{flex:1}.task-name{color:var(--text-secondary);font-size:13px}.task-since{color:var(--text-muted);font-size:11px}.staff-status-badge{border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.staff-status-badge.working{color:var(--success);background:#10b98126}.staff-status-badge.break{color:var(--warning);background:#f59e0b26}.top-clients-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden}.top-clients-card .card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.top-clients-list{padding:8px 0}.top-client-item{align-items:center;gap:16px;padding:14px 24px;transition:background .2s;display:flex}.top-client-item:hover{background:#0033b30a}.client-rank{width:32px;height:32px;color:var(--accent-primary);background:#0033b31a;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.top-client-item:first-child .client-rank{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22)}.top-client-item .client-info{flex:1}.top-client-item .client-name{color:var(--text-primary);font-size:13px;font-weight:600}.top-client-item .client-orders{color:var(--text-muted);font-size:11px}.client-revenue{align-items:center;gap:10px;display:flex}.revenue-amount{color:var(--text-primary);font-size:14px;font-weight:700}.revenue-trend{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.revenue-trend .material-symbols-rounded{font-size:18px}.revenue-trend.up{color:var(--success);background:#10b98126}.revenue-trend.down{color:var(--danger);background:#ef444426}.revenue-trend.stable{color:var(--text-muted);background:#64748b26}.comm-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden}.comm-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.comm-content{padding:20px 24px}.comm-item{border-bottom:1px solid var(--border-subtle);gap:16px;padding:16px 0;display:flex}.comm-item:last-child{border-bottom:none}.comm-image{object-fit:cover;background:var(--bg-tertiary);border-radius:12px;width:80px;height:80px}.comm-details{flex:1}.comm-date{color:var(--accent-secondary);align-items:center;gap:4px;margin-bottom:6px;font-size:11px;display:flex}.comm-title-text{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:600}.comm-text{color:var(--text-muted);font-size:13px;line-height:1.5}.comm-actions{gap:8px;margin-top:12px;display:flex}.comm-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.comm-btn.primary{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22)}.comm-btn.secondary{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.comm-btn:hover{transform:scale(1.02)}.orders-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;overflow:hidden}.orders-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.orders-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.orders-table{width:100%}.orders-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#0033b30a;grid-template-columns:1fr 1fr 1fr 80px;padding:12px 24px;font-size:11px;display:grid}.orders-table-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1fr 1fr 1fr 80px;align-items:center;padding:14px 24px;transition:background .2s;display:grid}.orders-table-row:hover{background:#0033b30a}.orders-table-row:last-child{border-bottom:none}.order-id{color:var(--text-secondary);font-size:13px}.order-product{color:var(--text-primary);font-size:13px}.order-date{color:var(--text-muted);font-size:12px}.order-status{text-align:center;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.status-finalizado{color:var(--success);background:#10b98126}.status-urgente{color:var(--danger);background:#ef444426}.status-pausa{color:var(--text-muted);border:1px solid var(--border-subtle);background:#64748b26}.status-proceso{color:var(--accent-secondary);background:#0033b326}.orders-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.orders-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s}.orders-btn.primary{color:var(--accent-secondary);border:1px solid var(--border-color);background:#0033b31a}.orders-btn.secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.orders-btn:hover{border-color:var(--accent-primary);transform:scale(1.02)}.themes-section{border-top:1px solid var(--border-subtle);padding:16px}.themes-toggle{cursor:pointer;color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.themes-toggle:hover{color:var(--text-primary);background:#0033b314}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.side-column{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.stats-grid,.quick-actions,.side-column{grid-template-columns:1fr}}.animate-in{animation:.4s forwards fadeIn}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}.delay-3{opacity:0;animation-delay:.3s}.delay-4{opacity:0;animation-delay:.4s}.clients-module{animation:.4s forwards fadeIn}.clients-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;position:relative;overflow:hidden}.clients-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.clients-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#0033b308,#0000);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.clients-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:4px;font-size:20px;font-weight:600;display:flex}.clients-title:before{content:"";background:linear-gradient(135deg,#d35400,#e67e22);border-radius:2px;width:4px;height:20px}.clients-subtitle{color:var(--text-muted);padding-left:14px;font-size:13px}.clients-toolbar{border-bottom:1px solid var(--border-subtle);background:#0033b305;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.clients-tabs{gap:8px;display:flex}.tab-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .25s;position:relative;overflow:hidden}.tab-btn:before{content:"";background:linear-gradient(90deg,#0000,#0033b31a,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.tab-btn.active{border-color:var(--accent-primary);color:var(--text-primary);background:#0033b31f;box-shadow:0 2px 8px #0033b326}.clients-actions{align-items:center;gap:12px;display:flex}.action-btn-round{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.action-btn-round.add{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 4px 12px #0033b34d}.action-btn-round.add:hover{transform:scale(1.05);box-shadow:0 6px 20px #0033b366}.action-btn-round.edit{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.action-btn-round.edit:hover{background:#10b98140}.search-box{align-items:center;display:inline-flex;position:relative;background:0 0!important;border:none!important;padding:0!important}.search-box input{color:#fff;-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e3c6e99,#16325f80);border:2px solid #6496c84d;border-radius:25px;width:280px;padding:12px 18px 12px 45px;font-size:14px;transition:all .25s}.search-box input::placeholder{color:#b4cdf0b3}.search-box input:focus{background:linear-gradient(145deg,#234178b3,#1c376499);border-color:#d3540099;outline:none;box-shadow:0 0 0 3px #d3540033,0 4px 20px #0003}.search-box .search-icon{color:#b4cdf0b3;z-index:1;font-size:20px;transition:color .2s;position:absolute;left:14px}.search-box input:focus+.search-icon,.search-box:focus-within .search-icon{color:#e67e22}.filter-dropdown{border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.filter-dropdown:hover{border-color:var(--accent-primary);color:var(--text-primary)}.clients-table{width:100%;max-height:500px;overflow:hidden auto}.clients-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);background:#0033b30a;grid-template-columns:50px 50px 1.2fr 1fr 1.5fr 1fr .8fr 100px 120px;min-width:100%;padding:14px 28px;font-size:12px;display:grid}.clients-table-header .sortable{cursor:pointer;align-items:center;gap:4px;transition:color .2s;display:flex}.clients-table-header .sortable:hover{color:var(--accent-primary)}.clients-table-header .sortable .material-symbols-rounded{font-size:16px}.clients-table-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;grid-template-columns:50px 50px 1.2fr 1fr 1.5fr 1fr .8fr 100px 120px;align-items:center;padding:16px 28px;transition:all .25s;display:grid;position:relative}.clients-table-row:before{content:"";opacity:0;background:linear-gradient(135deg,#d35400,#e67e22);width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.clients-table-row:hover{background:#0033b30a}.clients-table-row:hover:before{opacity:.5}.clients-table-row.selected{border:1px solid var(--accent-primary);background:linear-gradient(90deg,#0033b31f,#0033b30a);border-radius:10px;margin:6px 12px;padding:14px 16px;box-shadow:0 4px 16px #0033b326}.clients-table-row.selected:before{opacity:1;border-radius:10px 0 0 10px}.clients-table-row:last-child{border-bottom:none}.client-id{color:var(--text-muted);font-size:13px}.client-order{color:var(--text-secondary);font-size:13px}.client-name{color:var(--text-primary);font-size:13px;font-weight:500}.client-email{color:var(--accent-secondary);font-size:13px}.clients-table-row.selected .client-email{color:var(--accent-primary)}.client-phone{color:var(--text-secondary);font-size:13px}.clients-table-row.selected .client-phone{color:var(--accent-secondary)}.client-company{color:var(--text-primary);font-size:13px}.client-date{color:var(--text-muted);font-size:13px}.client-status{text-align:center;text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.client-status:before{content:"";border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.client-status.active{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.client-status.active:before{background:var(--success);box-shadow:0 0 8px var(--success)}.client-status.inactive{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.client-status.inactive:before{background:var(--warning);animation:none}@keyframes pulse{50%{opacity:.5}}.clients-footer{border-top:1px solid var(--border-subtle);background:#0033b305;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.clients-count{color:var(--text-muted);font-size:13px}.clients-count strong{color:var(--text-primary)}.clients-pagination{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--border-subtle);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text-primary)}.page-btn.active{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-color:#0000;transform:scale(1.05);box-shadow:0 4px 12px #0033b34d}.page-btn.nav{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-color:#0000}.page-btn.nav:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 16px #0033b366}.page-btn.nav:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.page-dots{color:var(--text-muted);padding:0 8px;font-size:13px}.clients-scroll-hint{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.clients-scroll-hint .material-symbols-rounded{font-size:18px;animation:2s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.clients-table-row{opacity:0;animation:.3s forwards slideIn}.clients-table-row:first-child{animation-delay:50ms}.clients-table-row:nth-child(2){animation-delay:.1s}.clients-table-row:nth-child(3){animation-delay:.15s}.clients-table-row:nth-child(4){animation-delay:.2s}.clients-table-row:nth-child(5){animation-delay:.25s}.clients-table-row:nth-child(6){animation-delay:.3s}.clients-table-row:nth-child(7){animation-delay:.35s}.clients-table-row:nth-child(8){animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.staff-module{animation:.4s forwards fadeIn}.staff-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;position:relative;overflow:hidden}.staff-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.staff-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.staff-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.btn-add-user{padding:var(--btn-padding-md);min-height:var(--btn-height-md);background:var(--orange-gradient);border-radius:var(--btn-radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px var(--orange-glow);border:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.btn-add-user:hover{box-shadow:0 6px 20px var(--orange-glow);transform:translateY(-2px)}.btn-add-user:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-add-user .nav-icon{font-size:20px}.staff-toolbar{border-bottom:1px solid var(--border-subtle);background:#0033b305;align-items:center;gap:16px;padding:16px 28px;display:flex}.staff-search{width:300px}.btn-delete-selected{padding:var(--btn-padding-sm);min-height:var(--btn-height-md);border-radius:var(--btn-radius-sm);color:var(--danger);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.btn-delete-selected:hover{border-color:var(--danger);background:#ef444433}.btn-delete-selected:focus-visible{outline-offset:2px;outline:3px solid #ef444480}.btn-delete-selected .nav-icon{font-size:18px}.staff-table{width:100%}.staff-table-header{color:#fff;text-transform:capitalize;background:linear-gradient(135deg,#d35400,#e67e22);grid-template-columns:50px 2fr 2fr 1fr 80px;padding:14px 28px;font-size:13px;font-weight:600;display:grid}.staff-table-header .sortable{cursor:pointer;align-items:center;gap:6px;transition:opacity .2s;display:flex}.staff-table-header .sortable:hover{opacity:.8}.staff-table-header .sortable .nav-icon{color:#fff;font-size:18px}.staff-table-row{border-bottom:1px solid var(--border-subtle);opacity:0;grid-template-columns:50px 2fr 2fr 1fr 80px;align-items:center;padding:16px 28px;transition:all .2s;animation:.3s forwards slideIn;display:grid}.staff-table-row:first-child{animation-delay:50ms}.staff-table-row:nth-child(2){animation-delay:.1s}.staff-table-row:nth-child(3){animation-delay:.15s}.staff-table-row:nth-child(4){animation-delay:.2s}.staff-table-row:nth-child(5){animation-delay:.25s}.staff-table-row:nth-child(6){animation-delay:.3s}.staff-table-row:nth-child(7){animation-delay:.35s}.staff-table-row:nth-child(8){animation-delay:.4s}.staff-table-row:hover{background:#0033b30a}.staff-table-row:last-child{border-bottom:none}.col-checkbox{justify-content:center;align-items:center;display:flex}.col-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.col-username{color:var(--text-primary);font-size:14px;font-weight:500}.col-email{color:var(--text-secondary);font-size:14px}.col-role{color:var(--text-primary);font-size:13px;font-weight:500}.col-actions{justify-content:center;display:flex}.btn-action-menu{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-action-menu:hover{color:var(--accent-primary);background:#0033b31a}.staff-empty{text-align:center;color:var(--text-muted);padding:60px 28px}.staff-empty .nav-icon{opacity:.5;margin-bottom:12px;font-size:48px}.staff-empty p{font-size:14px}.staff-toolbar .toolbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.view-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#19325f99,#12285080);border:1px solid #ffffff1a;border-radius:12px;gap:4px;padding:5px;display:flex}.view-btn{color:#b4c8e6b3;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex}.view-btn:hover{color:#e67e22;background:#d3540026}.view-btn.active{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 4px 15px #d3540066}.view-btn .nav-icon,.view-btn .material-symbols-rounded{font-size:22px}.staff-list-container{padding:24px}.staff-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.staff-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s;overflow:hidden}.staff-card:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.staff-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px #0033b333}.staff-card-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#0033b326,#0033b30d);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.staff-card-header input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.staff-avatar{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0033b34d}.staff-avatar .nav-icon{color:#fff;font-size:24px}.staff-card-body{flex-direction:column;gap:12px;padding:20px;display:flex}.staff-card-name{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.staff-card-role{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.staff-card-role.role-admin,.staff-card-role.role-admin-dev{color:var(--accent-secondary);background:linear-gradient(135deg,#0033b333,#0033b31a);border:1px solid #0033b34d}.staff-card-role.role-management{color:#60a5fa;background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid #3b82f64d}.staff-card-role.role-requisitor{color:#34d399;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d}.staff-card-role.role-sales{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b4d}.staff-card-role.role-viewer{color:#94a3b8;background:linear-gradient(135deg,#94a3b833,#94a3b81a);border:1px solid #94a3b84d}.staff-card-email{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.staff-card-email .nav-icon{color:var(--text-muted);font-size:18px}.staff-card-email span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-footer{border-top:1px solid var(--border-subtle);background:#0033b305;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.staff-count{color:var(--text-muted);font-size:13px}.staff-pagination{align-items:center;gap:24px;display:flex}.rows-per-page{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.rows-per-page select{border:1px solid var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.page-info{color:var(--text-secondary);font-size:13px}.page-controls{align-items:center;gap:4px;display:flex}.page-controls button{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.page-controls button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.page-controls button:disabled{opacity:.4;cursor:not-allowed}.page-controls button .nav-icon{font-size:20px}.modal-overlay{-webkit-backdrop-filter:blur(12px)saturate(150%);z-index:1000;box-sizing:border-box;background:#00050fbf;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:24px;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(145deg,#0f1e3ceb,#0a1937f2,#081432f7);border:1px solid #6496ff26;border-top-color:#96b4ff33;border-radius:20px;flex-direction:column;flex-shrink:0;width:100%;max-width:560px;max-height:85vh;margin:auto;animation:.4s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -15px #00000080,0 0 0 1px #6496ff1a,inset 0 1px #ffffff1a,0 0 80px #00329626}.modal-content:before{content:"";background:linear-gradient(90deg,#0000,#fff9 20%,#fffc,#fff9 80%,#0000);height:1px;position:absolute;top:0;left:0;right:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-lg .modal-content,.modal-large .modal-content{max-width:720px}.modal-xl .modal-content{max-width:900px}.modal-small{width:100%;max-width:420px!important}.modal-medium{width:100%;max-width:560px!important}.modal-xlarge{width:100%;max-width:900px!important}.modal-footer{z-index:2;background:#0014324d;border-top:1px solid #6496ff1a;border-radius:0 0 20px 20px;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex;position:relative}.btn-modal-cancel{color:#fca5a5;cursor:pointer;background:linear-gradient(135deg,#ef444426,#dc262633);border:1px solid #ef444466;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-modal-cancel:hover{color:#fecaca;background:linear-gradient(135deg,#ef444440,#dc262659);border-color:#ef444499;transform:translateY(-2px);box-shadow:0 8px 20px #ef444440}.btn-modal-cancel .material-symbols-rounded{font-size:18px}.btn-modal-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #22c55e80,inset 0 1px #fff3}.btn-modal-save:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-2px);box-shadow:0 8px 30px #22c55e99,inset 0 1px #ffffff4d}.btn-modal-save:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-modal-save .material-symbols-rounded{font-size:18px}.btn-modal-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef444480;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ef44444d}.btn-modal-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-modal-danger:disabled{opacity:.5;cursor:not-allowed}.btn-modal-danger .material-symbols-rounded{font-size:18px}[data-theme=light] .btn-modal-cancel{color:#dc2626;background:linear-gradient(135deg,#ef44441a,#dc262626);border-color:#dc26264d}[data-theme=light] .btn-modal-cancel:hover{color:#b91c1c;background:linear-gradient(135deg,#ef444433,#dc262640)}[data-theme=light] .modal-footer{background:#00000008;border-top-color:#00000014}.modal-form{flex-direction:column;gap:24px;display:flex}.form-section{background:#00143259;border:1px solid #6496ff1a;border-radius:14px;padding:20px}.form-section-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.form-section-header .material-symbols-rounded{color:#d35400;background:#d3540026;border-radius:10px;padding:10px;font-size:20px}.form-section-header h4{color:var(--text-primary,#f8fafc);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:700}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.modal-form .form-group{flex-direction:column;gap:8px;display:flex}.modal-form .form-group label{color:var(--text-secondary,#94a3b8);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.modal-form .form-group label .material-symbols-rounded{color:#ff8c5a;opacity:.9;font-size:18px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:var(--text-muted,#64748b);pointer-events:none;z-index:1;opacity:.7;font-size:22px;transition:all .2s;position:absolute;left:16px}.input-with-icon input,.input-with-icon select{width:100%;padding-left:48px!important}.input-with-icon textarea{resize:vertical;width:100%;min-height:100px;padding-left:48px!important}.input-with-icon.textarea-wrapper{align-items:flex-start}.input-with-icon.textarea-wrapper .input-icon{top:14px}.input-with-icon:focus-within .input-icon{color:#ff8c5a;opacity:1;transform:scale(1.1)}.modal-form input,.modal-form select,.modal-form textarea{color:var(--text-primary,#f8fafc);background:#000f2880;border:1px solid #6496ff1f;border-radius:10px;padding:14px 16px;font-size:14px;transition:all .2s}.modal-form input:hover,.modal-form select:hover,.modal-form textarea:hover{background:#000f2899;border-color:#6496ff33}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{background:#000f2899;border-color:#d35400;outline:none;box-shadow:0 0 0 2px #d3540040}.modal-form input::placeholder,.modal-form textarea::placeholder{color:var(--text-muted,#64748b);opacity:.7}[data-theme=light] .form-section{background:#00000008;border-color:#00000014}[data-theme=light] .form-section-header{border-bottom-color:#00000014}[data-theme=light] .form-section-header h4{color:#1e293b}[data-theme=light] .modal-form .form-group label{color:#475569}[data-theme=light] .modal-form input,[data-theme=light] .modal-form select,[data-theme=light] .modal-form textarea{color:#1e293b;background:#fffc;border-color:#0000001f}[data-theme=light] .modal-form input:focus,[data-theme=light] .modal-form select:focus,[data-theme=light] .modal-form textarea:focus{background:#fff;box-shadow:0 0 0 3px #d354001a}[data-theme=light] .input-with-icon .input-icon{color:#94a3b8}.modal-content:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;animation:none;display:none;position:absolute;top:0;left:-100%}.modal-content:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff6b3514,#0000 60%);width:80%;height:80%;display:none;position:absolute;top:-50%;right:-30%}@keyframes modalShine{0%{opacity:0;left:-100%}25%{opacity:1}50%{opacity:1;left:100%}75%,to{opacity:0;left:100%}}[data-theme=light] .modal-content{background:#ffffffe6;border:1px solid #ffffff80}.modal-header{z-index:2;background:#0014324d;border-bottom:1px solid #6496ff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:relative}.modal-header-left{align-items:center;gap:20px;display:flex}.modal-header-icon{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;box-shadow:0 4px 20px #d3540066}.modal-header-icon:hover{transform:scale(1.05);box-shadow:0 6px 25px #d3540080}.modal-header-icon .nav-icon,.modal-header-icon .material-symbols-rounded{color:#fff;font-size:26px}.modal-header-text{flex-direction:column;gap:4px;display:flex}.modal-header h2,.modal-header h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.modal-header-text p{color:var(--text-secondary,#94a3b8);opacity:.85;margin:0;font-size:14px}.modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--danger);background:#ef44441a}.modal-body{background:0 0;flex:1;padding:24px 28px;overflow-y:auto}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-display);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#19376eb3,#122d5a99);border:2px solid #6496c859;border-radius:12px;padding:14px 18px;transition:all .25s;box-shadow:inset 0 2px 4px #0003}.form-group input::placeholder,.form-group textarea::placeholder{color:#b4c8e6b3;opacity:1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange-primary);background:#0f2350cc;outline:none;box-shadow:0 0 0 3px #ff6b3526,0 0 20px #ff6b351a}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){background:#0f235080;border-color:#fff3}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-right:40px}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea,.form-group input.input-error,.form-group select.input-error,.form-group textarea.input-error,input.input-error,select.input-error,textarea.input-error{animation:.4s inputShake;border-color:var(--danger)!important;background:#ef444414!important}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus,.form-group input.input-error:focus,.form-group select.input-error:focus,.form-group textarea.input-error:focus{box-shadow:0 0 0 3px #ef444433,0 0 15px #ef444426}.form-group.has-success input,.form-group.has-success select,.form-group.has-success textarea,.form-group input.input-success,.form-group select.input-success,.form-group textarea.input-success,input.input-success,select.input-success,textarea.input-success{border-color:var(--success)!important;background:#10b98114!important}.form-group.has-success input:focus,.form-group.has-success select:focus,.form-group.has-success textarea:focus{box-shadow:0 0 0 3px #10b98133,0 0 15px #10b98126}.form-error,.error-message,.validation-error{color:var(--danger);align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:500;animation:.3s errorFadeIn;display:flex}.form-error .material-symbols-rounded,.error-message .material-symbols-rounded,.validation-error .material-symbols-rounded{font-size:16px}.form-helper,.helper-text{color:var(--text-muted);margin-top:6px;font-size:12px;line-height:1.4;display:block}.form-group label .required,label .required{color:var(--danger);margin-left:2px}.input-with-icon{position:relative}.input-with-icon input,.input-with-icon select{padding-left:44px}.input-with-icon .input-icon{color:var(--text-muted);pointer-events:none;font-size:20px;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input:focus+.input-icon,.input-with-icon.has-success .input-icon{color:var(--accent-primary)}.input-with-icon.has-error .input-icon{color:var(--danger)}.input-with-validation{position:relative}.input-with-validation input,.input-with-validation select,.input-with-validation textarea{padding-right:44px}.input-with-validation .validation-icon{opacity:0;font-size:20px;transition:opacity .2s,transform .3s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-with-validation.has-error .validation-icon{color:var(--danger);opacity:1}.input-with-validation.has-success .validation-icon{color:var(--success);opacity:1;animation:.4s checkBounce}@keyframes inputShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes checkBounce{0%{transform:translateY(-50%)scale(0)}50%{transform:translateY(-50%)scale(1.2)}to{transform:translateY(-50%)scale(1)}}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.char-counter{text-align:right;color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.char-counter.near-limit{color:var(--warning)}.char-counter.at-limit{color:var(--danger);font-weight:600}[data-theme=light] .form-group.has-error input,[data-theme=light] .form-group.has-error select,[data-theme=light] .form-group.has-error textarea,[data-theme=light] input.input-error,[data-theme=light] select.input-error,[data-theme=light] textarea.input-error{background:#ef44440d!important}[data-theme=light] .form-group.has-success input,[data-theme=light] .form-group.has-success select,[data-theme=light] .form-group.has-success textarea,[data-theme=light] input.input-success,[data-theme=light] select.input-success,[data-theme=light] textarea.input-success{background:#10b9810d!important}.modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;gap:16px;margin-top:8px;padding:20px 24px 28px;display:flex}.btn-create-user{padding:var(--btn-padding-lg);min-height:var(--btn-height-lg);border-radius:var(--btn-radius-lg);color:#fff;cursor:pointer;transition:all var(--transition-base);text-shadow:0 2px 4px #0000004d;letter-spacing:.5px;background:linear-gradient(135deg,#ff4500,#ff5722,#ff6b35 60%,#ff8c5a);border:none;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #ff450080,0 8px 30px #ff6b3559,0 0 40px #ff6b3533,inset 0 1px #ffffff4d,inset 0 -2px #0000001a}.btn-create-user:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2.5s ease-in-out infinite btnShine;position:absolute;top:0;left:-100%}@keyframes btnShine{0%{left:-100%}50%,to{left:100%}}.btn-create-user:hover:not(:disabled){background:linear-gradient(135deg,#ff6b35,#ff7a47,#ffab7a);transform:translateY(-3px)scale(1.02);box-shadow:0 6px 20px #ff572299,0 12px 35px #ff6b3566,inset 0 1px #ffffff4d}.btn-create-user:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#666,#888);transform:none}.btn-create-user:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-create-user .nav-icon{font-size:20px}.staff-module .btn-modal-cancel,.staff-module .btn-cancel{padding:var(--btn-padding-md);min-height:var(--btn-height-md);border-radius:var(--btn-radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.staff-module .btn-modal-cancel:hover,.staff-module .btn-cancel:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff40}.staff-module .btn-modal-cancel:focus-visible,.staff-module .btn-cancel:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}[data-theme=light] .staff-table-row:hover{background:#0033b30f}[data-theme=light] .modal-content{background:#fff}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .rows-per-page select{background:#f8fafc}.suppliers-module{animation:.4s forwards fadeIn}.suppliers-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;position:relative;overflow:hidden}.suppliers-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.suppliers-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.suppliers-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.btn-add-supplier{padding:var(--btn-padding-md);min-height:var(--btn-height-md);background:var(--orange-gradient);border-radius:var(--btn-radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px var(--orange-glow);border:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.btn-add-supplier:hover{box-shadow:0 6px 20px var(--orange-glow);transform:translateY(-2px)}.btn-add-supplier:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.suppliers-toolbar{border-bottom:1px solid var(--border-subtle);background:#0033b305;align-items:center;gap:16px;padding:16px 28px;display:flex}.suppliers-search{width:300px}.suppliers-table{width:100%}.suppliers-table-header{color:#fff;text-transform:capitalize;background:linear-gradient(135deg,#d35400,#e67e22);grid-template-columns:50px 1fr 1.2fr 100px 1fr 2fr 80px;padding:14px 28px;font-size:13px;font-weight:600;display:grid}.suppliers-table-header .sortable{cursor:pointer;align-items:center;gap:6px;transition:opacity .2s;display:flex}.suppliers-table-header .sortable:hover{opacity:.8}.suppliers-table-header .sortable .nav-icon{color:#fff;font-size:18px}.suppliers-table-row{border-bottom:1px solid var(--border-subtle);opacity:0;grid-template-columns:50px 1fr 1.2fr 100px 1fr 2fr 80px;align-items:center;padding:16px 28px;transition:all .2s;animation:.3s forwards slideIn;display:grid}.suppliers-table-row:first-child{animation-delay:50ms}.suppliers-table-row:nth-child(2){animation-delay:.1s}.suppliers-table-row:nth-child(3){animation-delay:.15s}.suppliers-table-row:nth-child(4){animation-delay:.2s}.suppliers-table-row:nth-child(5){animation-delay:.25s}.suppliers-table-row:nth-child(6){animation-delay:.3s}.suppliers-table-row:nth-child(7){animation-delay:.35s}.suppliers-table-row:nth-child(8){animation-delay:.4s}.suppliers-table-row:hover{background:#0033b30a}.suppliers-table-row:last-child{border-bottom:none}.suppliers-table-row .col-name{color:var(--text-primary);font-size:14px;font-weight:500}.suppliers-table-row .col-email,.suppliers-table-row .col-phone{color:var(--text-secondary);font-size:14px}.suppliers-table-row .col-address{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.status-badge{text-align:center;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-badge.active,.status-badge.green{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.status-badge.active .status-dot,.status-badge.green .status-dot{background:var(--success);box-shadow:0 0 6px var(--success);animation:2s ease-in-out infinite status-pulse-active}@keyframes status-pulse-active{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.status-badge.inactive{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.status-badge.gray{color:#64748b;background:#64748b26;border:1px solid #64748b4d}.status-badge.inactive .status-dot{background:#ef4444}.status-badge.gray .status-dot{opacity:.6;background:#64748b}@keyframes inactive-pulse{0%,to{box-shadow:0 0 #dc354566}50%{box-shadow:0 0 8px 2px #dc35454d}}@keyframes status-pulse-inactive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.status-badge.pending,.status-badge.orange{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.status-badge.pending .status-dot,.status-badge.orange .status-dot{background:var(--warning);animation:1.5s ease-in-out infinite status-pulse-pending}@keyframes status-pulse-pending{0%,to{opacity:1}50%{opacity:.4}}.suppliers-empty{text-align:center;color:var(--text-muted);padding:60px 28px}.suppliers-empty .nav-icon{opacity:.5;margin-bottom:12px;font-size:48px}.suppliers-empty p{font-size:14px}.suppliers-footer{border-top:1px solid var(--border-subtle);background:#0033b305;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.suppliers-count{color:var(--text-muted);font-size:13px}.suppliers-pagination{align-items:center;gap:24px;display:flex}.modal-supplier{flex-direction:column;max-width:560px;max-height:90vh;display:flex}.modal-supplier .modal-header{align-items:flex-start;gap:16px;padding:24px;display:flex}.modal-header-icon{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-header-icon .nav-icon{color:#fff;font-size:24px}.modal-header-text{flex:1;padding-top:4px}.modal-header-text h3{font-family:var(--font-display);color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:600;line-height:1.3}.modal-header-text p{font-family:var(--font-display);color:var(--text-muted);margin:0;font-size:14px;line-height:1.4}.modal-body-scroll{max-height:60vh;padding:0 24px 24px;overflow-y:auto}.form-section:last-child{margin-bottom:0}.form-section-title{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-row:last-child{margin-bottom:0}.form-group textarea{border:2px solid var(--border-subtle);background:var(--bg-tertiary);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;min-height:80px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #0033b31a}.input-with-prefix{border:2px solid var(--border-subtle);background:var(--bg-tertiary);border-radius:10px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.input-with-prefix:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0033b31a}.input-prefix{border-right:1px solid var(--border-subtle);background:#0033b30d;align-items:center;gap:6px;padding:12px;display:flex}.flag-mx{font-size:18px}.input-with-prefix input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:12px 16px;font-size:14px}.input-with-prefix input:focus{box-shadow:none;outline:none}.modal-supplier .modal-footer{border-top:1px solid var(--border-subtle);gap:12px;padding:16px 24px 24px;display:flex}.btn-cancel{padding:var(--btn-padding-md);min-height:var(--btn-height-md);border-radius:var(--btn-radius-md);color:#ff6b6b;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#dc35451a,#b92b3926);border:1px solid #dc354566;flex:1;font-size:14px;font-weight:500}.btn-cancel:hover{color:#ff8585;background:linear-gradient(135deg,#dc354533,#b92b394d);border-color:#dc354599;box-shadow:0 4px 15px #dc354540}.btn-cancel:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.modal-supplier .btn-create-user{flex:2}[data-theme=light] .suppliers-table-row:hover{background:#0033b30f}[data-theme=light] .form-group textarea,[data-theme=light] .input-with-prefix{background:#f8fafc}[data-theme=light] .input-prefix{background:#0033b314}.materials-module{animation:.4s forwards fadeIn}.materials-page-header{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.materials-page-header:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.materials-page-icon{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 24px #0033b34d}.materials-page-icon .nav-icon{color:#fff;font-size:28px}.materials-page-info{flex:1}.materials-page-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:26px;font-weight:700}.materials-page-subtitle{color:var(--text-muted);margin:0;font-size:14px}.materials-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;position:relative;overflow:hidden}.materials-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.materials-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(#0033b308,#0000);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.materials-tabs-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-bottom:24px;display:grid}@media(max-width:1200px){.materials-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.materials-tabs-grid{grid-template-columns:1fr}}.materials-tab-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.materials-tab-card:before{content:"";background:0 0;height:3px;transition:all .3s;position:absolute;top:0;left:0;right:0}.materials-tab-card:hover{border-color:var(--border-color);transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.materials-tab-card:hover:before{height:4px}.materials-tab-card.purple:hover:before,.materials-tab-card.purple.active:before{background:linear-gradient(90deg,#0033b3,#a78bfa)}.materials-tab-card.blue:hover:before,.materials-tab-card.blue.active:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.materials-tab-card.active{border-color:var(--accent-primary);box-shadow:0 8px 24px #0033b333}.materials-tab-card.active:before{height:4px}.materials-tab-top{justify-content:space-between;align-items:center;width:100%;display:flex}.materials-tab-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.materials-tab-icon .nav-icon{color:#fff;font-size:24px}.materials-tab-icon.purple{background:linear-gradient(135deg,#0033b3,#001d66);box-shadow:0 4px 12px #0033b359}.materials-tab-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f659}.materials-tab-card:hover .materials-tab-icon{transform:scale(1.08)}.materials-tab-arrow{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.materials-tab-arrow .nav-icon{color:var(--text-muted);font-size:20px;transition:all .3s}.materials-tab-card:hover .materials-tab-arrow{transform:translate(4px)}.materials-tab-card:hover .materials-tab-arrow .nav-icon{color:var(--text-primary)}.materials-tab-card.purple:hover .materials-tab-arrow,.materials-tab-card.purple.active .materials-tab-arrow{background:#0033b333}.materials-tab-card.purple:hover .materials-tab-arrow .nav-icon,.materials-tab-card.purple.active .materials-tab-arrow .nav-icon{color:#a78bfa}.materials-tab-card.blue:hover .materials-tab-arrow,.materials-tab-card.blue.active .materials-tab-arrow{background:#3b82f633}.materials-tab-card.blue:hover .materials-tab-arrow .nav-icon,.materials-tab-card.blue.active .materials-tab-arrow .nav-icon{color:#60a5fa}.materials-tab-content{flex-direction:column;gap:4px;display:flex}.materials-tab-label{color:var(--text-primary);font-size:16px;font-weight:600}.materials-tab-desc{color:var(--text-muted);font-size:13px}.materials-tab-stat{border-radius:20px;margin-top:auto;padding:6px 12px;font-size:14px;font-weight:600}.materials-tab-card.purple .materials-tab-stat{color:#a78bfa;background:#0033b326}.materials-tab-card.blue .materials-tab-stat{color:#60a5fa;background:#3b82f626}.materials-tabs{gap:8px;display:flex}.materials-tabs .tab-btn{align-items:center;gap:8px;padding:12px 20px;display:flex}.materials-tabs .tab-btn .nav-icon{font-size:20px}.materials-header-actions{align-items:center;gap:12px;display:flex}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-sync .spinning{animation:1s linear infinite spin}.qb-sync-indicator{border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.qb-sync-indicator.pending{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.qb-sync-indicator.synced{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.qb-sync-indicator .spinning{font-size:18px;animation:1.5s linear infinite spin}.qb-sync-indicator .sync-count{white-space:nowrap}.btn-add-material{padding:var(--btn-padding-md);min-height:var(--btn-height-md);background:var(--orange-gradient);border-radius:var(--btn-radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px var(--orange-glow);border:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.btn-add-material:hover{box-shadow:0 6px 20px var(--orange-glow);transform:translateY(-2px)}.btn-add-material:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-add-material .nav-icon{font-size:20px}.materials-toolbar{border-bottom:1px solid var(--border-subtle);background:#0033b305;align-items:center;gap:16px;padding:16px 28px;display:flex}.materials-search{width:320px}.materials-table{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;width:100%;overflow:auto visible}.materials-table-header{color:#fff;text-transform:capitalize;background:linear-gradient(135deg,#d35400,#e67e22);grid-template-columns:40px 70px 50px 1.2fr .8fr 60px .8fr 80px 70px 50px 70px 100px;align-items:center;min-width:1000px;padding:12px 16px;font-size:11px;font-weight:600;display:grid}.materials-table-header .sortable{cursor:pointer;align-items:center;gap:4px;transition:opacity .2s;display:flex}.materials-table-header .sortable:hover{opacity:.8}.materials-table-header .sortable .nav-icon{color:#fff;font-size:16px}.materials-table-row{border-bottom:1px solid var(--border-subtle);opacity:0;grid-template-columns:40px 80px 60px 1.5fr 1fr 70px 1fr 90px 80px 60px 80px 110px;align-items:center;min-width:1100px;padding:14px 20px;transition:all .2s;animation:.3s forwards slideIn;display:grid}.materials-table-row .col-actions{justify-content:flex-start;gap:6px;display:flex}.materials-table-row:first-child{animation-delay:50ms}.materials-table-row:nth-child(2){animation-delay:.1s}.materials-table-row:nth-child(3){animation-delay:.15s}.materials-table-row:nth-child(4){animation-delay:.2s}.materials-table-row:nth-child(5){animation-delay:.25s}.materials-table-row:nth-child(6){animation-delay:.3s}.materials-table-row:nth-child(7){animation-delay:.35s}.materials-table-row:nth-child(8){animation-delay:.4s}.materials-table-row:hover{background:#0033b30a}.materials-table-row:last-child{border-bottom:none}.materials-table-row .col-code{color:#60a5fa;font-size:13px;font-weight:700}.materials-table-row .col-status-qb{justify-content:center;align-items:center;display:flex}.materials-table-row .col-material{color:#fff;font-size:14px;font-weight:600}.materials-table-row .col-material .material-desc{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:400}.materials-table-row .col-unit{color:#e2e8f0;font-size:13px;font-weight:500}.materials-table-row .col-supplier{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.materials-table-row .col-category{color:#e2e8f0;font-size:13px;font-weight:500}.materials-table-row .col-warehouse{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.category-badge{color:var(--accent-secondary);background:#0033b31a;border:1px solid #0033b333;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.stock-value{color:var(--text-primary);font-size:14px;font-weight:600}.stock-value.low{color:var(--danger)}.status-badge.low-stock{color:var(--danger);background:#ef444426}.materials-empty{text-align:center;color:var(--text-muted);padding:60px 28px}.materials-empty .nav-icon{opacity:.5;margin-bottom:12px;font-size:48px}.materials-empty p{font-size:14px}.materials-table-container{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:12px;overflow-x:auto}.materials-table-modern{border-collapse:separate;border-spacing:0;width:100%;min-width:1400px}.materials-table-modern thead{z-index:10;background:linear-gradient(135deg,#d35400,#e67e22);position:sticky;top:0}.materials-table-modern th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:16px 12px;font-size:12px;font-weight:600}.materials-table-modern th .th-content{align-items:center;gap:6px;display:flex}.materials-table-modern th .th-content .material-symbols-rounded{opacity:.9;font-size:18px}.materials-table-modern th .sort-icon{opacity:.7;margin-left:auto;font-size:16px}.materials-table-modern th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.materials-table-modern th.sortable:hover{background:#ffffff1a}.materials-table-modern tbody tr{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);transition:all .2s;animation:.3s forwards slideIn}.materials-table-modern tbody tr:hover{background:#0033b30d;transform:scale(1.001)}.materials-table-modern tbody tr.low-stock-row{background:#f59e0b0d}.materials-table-modern tbody tr.low-stock-row:hover{background:#f59e0b1a}.materials-table-modern td{color:var(--text-primary);vertical-align:middle;padding:14px 12px;font-size:13px}.materials-table-modern .col-checkbox{text-align:center;width:50px}.materials-table-modern .col-code{width:120px}.materials-table-modern .code-badge{color:var(--accent-primary);font-size:12px;font-weight:600;font-family:var(--font-mono);background:#0033b31a;border:1px solid #0033b34d;border-radius:6px;padding:4px 10px;display:inline-block}.materials-table-modern .col-status-qb{text-align:center;width:60px}.materials-table-modern .col-material{min-width:200px;max-width:300px}.materials-table-modern .material-info{flex-direction:column;gap:4px;display:flex}.materials-table-modern .material-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.materials-table-modern .material-desc{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.materials-table-modern .col-category{width:140px}.materials-table-modern .category-tag{color:#3b82f6;background:#3b82f61a;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.materials-table-modern .col-supplier{white-space:nowrap;text-overflow:ellipsis;min-width:150px;max-width:200px;overflow:hidden}.materials-table-modern .col-status,.materials-table-modern .col-stock{width:120px}.materials-table-modern .stock-info{align-items:center;gap:6px;margin-bottom:4px;display:flex}.materials-table-modern .stock-value{color:var(--text-primary);font-size:15px;font-weight:700}.materials-table-modern .stock-unit{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.materials-table-modern .stock-warning{color:#f59e0b;font-size:16px;animation:2s ease-in-out infinite pulse}.materials-table-modern .stock-min{color:var(--text-muted);font-size:11px}.materials-table-modern .col-price,.materials-table-modern .col-value{text-align:right;width:110px}.materials-table-modern .price-cell,.materials-table-modern .value-cell{color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--font-mono)}.materials-table-modern .value-cell{color:#10b981;font-size:15px}.materials-table-modern .col-actions{text-align:center;width:140px}.materials-table-modern .action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.materials-table-modern .btn-icon-sm{border:1px solid var(--border-subtle);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.materials-table-modern .btn-icon-sm:hover{box-shadow:var(--shadow-sm);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.materials-table-modern .btn-icon-sm.primary{color:var(--accent-primary);border-color:#0033b34d}.materials-table-modern .btn-icon-sm.primary:hover{background:var(--accent-primary);color:#fff}.materials-table-modern .btn-icon-sm.danger{color:#ef4444;border-color:#ef44444d}.materials-table-modern .btn-icon-sm.danger:hover{color:#fff;background:#ef4444}.materials-table-modern .btn-icon-sm .material-symbols-rounded{font-size:18px}.materials-table-modern .empty-state{text-align:center;padding:60px 20px}.materials-table-modern .empty-content{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.materials-table-modern .empty-content .material-symbols-rounded{opacity:.5;font-size:48px}.materials-table-modern .empty-content p{margin:0;font-size:14px}.materials-footer{border-top:1px solid var(--border-subtle);background:#0033b305;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.materials-count{color:var(--text-muted);font-size:13px}.materials-pagination{align-items:center;gap:24px;display:flex}.modal-material{flex-direction:column;max-width:640px;max-height:90vh;display:flex}.modal-material .modal-header{align-items:flex-start;gap:16px;padding:24px;display:flex}.modal-material .modal-body-scroll{max-height:55vh}.form-card{border:1px solid var(--border-subtle);background:#0033b308;border-radius:12px;margin-bottom:16px;padding:20px}.form-card:last-child{margin-bottom:0}.form-card-title{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:600;display:flex}.form-card-title .nav-icon{color:var(--accent-primary);font-size:20px}.modal-material .modal-footer{border-top:1px solid var(--border-subtle);gap:12px;padding:16px 24px 24px;display:flex}.modal-material .btn-cancel{flex:1}.modal-material .btn-create-user{flex:2}[data-theme=light] .materials-page-header{background:#fff}[data-theme=light] .materials-table-row:hover{background:#0033b30f}.products-table-container{border:1px solid var(--border-subtle);background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:12px;width:100%;overflow-x:auto}.products-table-modern{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.products-table-modern thead{z-index:10;background:linear-gradient(135deg,#d35400,#e67e22);position:sticky;top:0}.products-table-modern thead tr th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:#fff;white-space:nowrap;border-bottom:2px solid #0033b34d;padding:16px 12px;font-size:12px;font-weight:600}.products-table-modern thead .th-content{align-items:center;gap:6px;display:flex}.products-table-modern thead .th-content .material-symbols-rounded{opacity:.9;font-size:18px}.products-table-modern thead .sort-icon{opacity:.7;margin-left:auto;font-size:18px}.products-table-modern thead .sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.products-table-modern thead .sortable:hover{background:#ffffff1a}.products-table-modern tbody tr{border-bottom:1px solid var(--border-subtle);transition:all .2s}.products-table-modern tbody tr:last-child{border-bottom:none}.products-table-modern tbody tr:hover{background:#0033b30a}.products-table-modern tbody td{color:var(--text-primary);vertical-align:middle;padding:14px 12px;font-size:14px}.products-table-modern .col-checkbox{text-align:center;width:4%}.products-table-modern .col-qb{text-align:center;width:6%}.products-table-modern .col-name{width:28%;min-width:180px}.products-table-modern .col-category{width:12%}.products-table-modern .col-cost,.products-table-modern .col-price{text-align:right;width:12%}.products-table-modern .col-margin,.products-table-modern .col-status{text-align:center;width:12%}.products-table-modern .col-actions{text-align:center;width:18%;min-width:130px}.products-table-modern .name-cell{flex-direction:column;gap:4px;display:flex;overflow:hidden}.products-table-modern .name-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.products-table-modern .description-text{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.products-table-modern .category-tag{color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;max-width:100%;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block;overflow:hidden}.products-table-modern .price-cell{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:600}.products-table-modern .price-cell.sale{color:#10b981;font-size:15px}.products-table-modern .margin-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.products-table-modern .margin-percent{font-family:var(--font-mono);font-size:15px;font-weight:700}.products-table-modern .margin-percent.high{color:#10b981}.products-table-modern .margin-percent.medium{color:#f59e0b}.products-table-modern .margin-percent.low{color:#ef4444}.products-table-modern .margin-amount{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.products-table-modern .status-badge{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.products-table-modern .status-badge.green{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.products-table-modern .status-badge.gray{color:#64748b;background:#64748b1a;border:1px solid #64748b4d}.products-table-modern .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.products-table-modern .action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.products-table-modern .btn-icon{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:inline-flex}.products-table-modern .btn-icon:hover{transform:translateY(-2px)}.products-table-modern .btn-icon.view:hover{color:#3b82f6;background:#3b82f626}.products-table-modern .btn-icon.edit:hover{color:var(--accent-primary);background:#0033b326}.products-table-modern .btn-icon.delete:hover{color:#ef4444;background:#ef444426}.products-table-modern .empty-state{text-align:center;padding:60px 20px}.products-table-modern .products-empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;display:flex}.products-table-modern .products-empty .material-symbols-rounded{opacity:.3;font-size:48px}.products-table-modern input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-primary)}@media(max-width:1200px){.products-table-container{overflow-x:auto}.products-table-modern .col-name{width:22%}.products-table-modern .name-text{font-size:13px}.products-table-modern .description-text{display:none}}@media(max-width:768px){.products-table-modern thead tr th{padding:12px 8px;font-size:11px}.products-table-modern tbody td{padding:12px 8px;font-size:13px}.products-table-modern .th-content span,.products-table-modern .col-margin .margin-amount{display:none}}[data-theme=light] .products-table-container{background:#fff;border-color:#e2e8f0}[data-theme=light] .products-table-modern tbody tr:hover{background:#0033b30a}[data-theme=light] .products-table-modern tbody tr{border-bottom-color:#e2e8f0}[data-theme=light] .form-card{background:#0033b30a}[data-theme=light] .category-badge{background:#0033b314}@media(max-width:1400px){.materials-table-header,.materials-table-row{grid-template-columns:50px 90px 60px 1.5fr 1fr 70px 1fr 90px 80px 1fr 70px;min-width:1100px;padding:12px 20px}}@media(max-width:1200px){.materials-module{padding:1rem}.materials-page-header{padding:1.25rem}.materials-toolbar{padding:12px 20px}.materials-search{width:280px}.materials-table-header,.materials-table-row{grid-template-columns:45px 80px 55px 1.2fr .8fr 70px .9fr 85px 75px 60px;min-width:950px;padding:12px 16px;font-size:12px}.materials-table-header>span:nth-child(10),.materials-table-row>div:nth-child(10){display:none}.materials-footer{padding:12px 20px}}@media(max-width:1024px){.materials-module{padding:.75rem}.materials-tabs-grid{grid-template-columns:1fr 1fr;gap:.75rem}.materials-toolbar{flex-wrap:wrap;gap:12px}.materials-search{order:1;width:100%}.toolbar-actions{order:2;justify-content:space-between;width:100%}.materials-table{overflow-x:auto}.materials-table-header,.materials-table-row{grid-template-columns:40px 75px 50px 1fr .7fr 60px .8fr 70px 60px;min-width:800px;font-size:11px}.materials-table-header>span:nth-child(7),.materials-table-row>div:nth-child(7){display:none}}@media(max-width:768px){.materials-module{padding:.5rem}.materials-page-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.materials-page-info{width:100%}.materials-page-title{font-size:1.25rem}.materials-tabs-grid{grid-template-columns:1fr}.materials-tab-card{padding:1rem}.materials-toolbar{flex-direction:column;align-items:stretch;padding:12px}.materials-search{width:100%}.materials-table-header{display:none}.materials-table-row{background:var(--bg-card);border:1px solid var(--border-subtle);min-width:unset;border-radius:12px;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:1rem;display:flex;position:relative}.materials-table-row>div{align-items:center;gap:.5rem;display:flex}.materials-table-row>div:first-child{position:absolute;top:1rem;left:1rem}.materials-table-row .col-code{color:var(--accent-primary);padding-left:2rem;font-size:.75rem;font-weight:600}.materials-table-row .col-status-qb{position:absolute;top:1rem;right:1rem}.materials-table-row .col-material{color:var(--text-primary);padding-right:2.5rem;font-size:1rem;font-weight:600}.materials-table-row>div:nth-child(5){order:5}.materials-table-row>div:nth-child(5):before{content:"Categoría: ";color:var(--text-muted);font-size:.75rem;font-weight:400}.materials-table-row .col-unit:before{content:"Unidad: ";color:var(--text-muted);font-size:.75rem;font-weight:400}.materials-table-row>div:nth-child(7){display:flex!important}.materials-table-row>div:nth-child(7):before{content:"Proveedor: ";color:var(--text-muted);font-size:.75rem;font-weight:400}.materials-table-row>div:nth-child(8){align-items:center;gap:.5rem;display:flex}.materials-table-row>div:nth-child(8):before{content:"Stock: ";color:var(--text-muted);font-size:.75rem;font-weight:400}.materials-table-row .stock-value{font-size:1rem}.materials-table-row>div:nth-child(9){color:var(--accent-primary);font-size:1.1rem;font-weight:600}.materials-table-row>div:nth-child(9):before{content:"Precio: ";color:var(--text-muted);font-size:.75rem;font-weight:400}.materials-table-row>div:nth-child(10){display:none!important}.materials-table-row>div:last-child{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:.25rem;padding-top:.75rem;display:flex}.materials-footer{flex-direction:column;align-items:stretch;gap:.75rem;padding:12px}.materials-pagination{flex-wrap:wrap;justify-content:center;gap:12px}.materials-count{text-align:center}.modal-material{max-width:95vw;margin:1rem}.modal-material .modal-header{padding:16px}.modal-material .modal-body-scroll{max-height:50vh;padding:16px}.form-card{padding:16px}.form-row{flex-direction:column;gap:1rem}.form-row .form-group{width:100%}}@media(max-width:480px){.materials-module{padding:.25rem}.materials-page-header{padding:.75rem}.materials-page-icon{width:40px;height:40px}.materials-page-title{font-size:1.1rem}.materials-page-subtitle{font-size:.8rem}.materials-tab-card{padding:.75rem}.materials-tab-icon{width:36px;height:36px}.materials-tab-label{font-size:.85rem}.materials-tab-desc{display:none}.materials-toolbar{padding:10px}.materials-table-row{margin:.375rem 0;padding:.75rem}.materials-table-row .col-material{font-size:.9rem}.materials-table-row>div:last-child .btn-icon{width:32px;height:32px}.materials-table-row>div:last-child .btn-icon .nav-icon{font-size:16px}.materials-footer{padding:10px}.modal-material .modal-footer{flex-direction:column;gap:8px}.modal-material .btn-cancel,.modal-material .btn-create-user{flex:none;width:100%}}.products-module{animation:.4s forwards fadeIn}.products-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;position:relative;overflow:hidden}.products-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.products-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.products-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:24px;font-weight:600}.btn-add-product{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #0033b34d}.btn-add-product:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0033b366}.btn-add-product .nav-icon{font-size:20px}.products-toolbar{border-bottom:1px solid var(--border-subtle);background:#0033b305;align-items:center;gap:16px;padding:16px 28px;display:flex}.products-search{width:300px}.products-table{width:100%;min-width:900px}.products-table-header{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#d35400,#e67e22);grid-template-columns:40px 50px 1.3fr 1.5fr .9fr 85px 85px 95px 100px;gap:8px;padding:12px 20px;font-size:12px;font-weight:600;display:grid}.products-table-header span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.products-table-header .sortable{cursor:pointer;transition:opacity .2s}.products-table-header .sortable:hover{opacity:.8}.products-table-header .nav-icon,.products-table-header .material-symbols-rounded{color:#fff;font-size:14px}.products-table-header .col-checkbox{justify-content:center}.products-table-header .col-status-qb{justify-content:center;font-size:11px}.products-table-header .col-cost,.products-table-header .col-price{justify-content:flex-end}.products-table-header .col-status,.products-table-header .col-actions{justify-content:center}.products-table-row{border-bottom:1px solid var(--border-subtle);opacity:0;grid-template-columns:40px 50px 1.3fr 1.5fr .9fr 85px 85px 95px 100px;align-items:center;gap:8px;padding:14px 20px;transition:all .2s;animation:.3s forwards slideIn;display:grid}.products-table-row:first-child{animation-delay:50ms}.products-table-row:nth-child(2){animation-delay:.1s}.products-table-row:nth-child(3){animation-delay:.15s}.products-table-row:nth-child(4){animation-delay:.2s}.products-table-row:nth-child(5){animation-delay:.25s}.products-table-row:nth-child(6){animation-delay:.3s}.products-table-row:nth-child(7){animation-delay:.35s}.products-table-row:nth-child(8){animation-delay:.4s}.products-table-row:hover{background:#0033b30a}.products-table-row:last-child{border-bottom:none}.products-table-row .col-checkbox,.products-table-row .col-status-qb{justify-content:center;align-items:center;display:flex}.products-table-row .col-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.products-table-row .col-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.products-table-row .col-category{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.products-table-row .col-cost,.products-table-row .col-price{color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-mono);text-align:right;justify-content:flex-end}.products-table-row .col-status{justify-content:center;display:flex}.products-table-row .col-status .status-badge{border-radius:12px;padding:4px 10px;font-size:10px}.products-table-row .col-actions{justify-content:center;align-items:center;gap:2px;display:flex}.products-table-row .col-actions .btn-icon{border-radius:6px;width:28px;height:28px;padding:0}.products-table-row .col-actions .btn-icon .material-symbols-rounded{font-size:18px}.products-table-row .col-prod-status{align-items:center;gap:6px;display:flex}.products-table-row .col-prod-status .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}@media(max-width:1200px){.products-table-header,.products-table-row{grid-template-columns:40px 45px 1.5fr .9fr 80px 80px 90px 90px}.products-table-header .col-description,.products-table-row .col-description{display:none}}@media(max-width:900px){.products-table-header,.products-table-row{grid-template-columns:35px 40px 1.5fr 70px 70px 80px 80px}.products-table-header .col-category,.products-table-row .col-category{display:none}}.products-empty{text-align:center;color:var(--text-muted);padding:60px 28px}.products-empty .nav-icon{opacity:.5;margin-bottom:12px;font-size:48px}.products-empty p{font-size:14px}.products-footer{border-top:1px solid var(--border-subtle);background:#0033b305;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.products-count{color:var(--text-muted);font-size:13px}.products-pagination{align-items:center;gap:24px;display:flex}.products-table-container,.staff-table-container,.clients-table-container,.suppliers-table-container,.projects-table-container,.operations-table-container,.quotations-table-container,.top-clients-table-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;flex:1;max-height:calc(100vh - 280px);position:relative;overflow:hidden auto}.products-table-container:before,.staff-table-container:before,.clients-table-container:before,.suppliers-table-container:before,.projects-table-container:before,.operations-table-container:before,.quotations-table-container:before,.top-clients-table-container:before{content:"";background:linear-gradient(90deg,var(--accent-secondary)0%,#e67e22 50%,var(--accent-secondary)100%);z-index:10;height:3px;position:absolute;top:0;left:0;right:0}.products-table-body,.staff-table-body,.clients-table-body,.suppliers-table-body,.projects-table-body,.operations-table-body{min-height:200px}.quotations-table{border-collapse:collapse;width:100%}.quotations-table thead{background:var(--bg-tertiary);z-index:5;position:sticky;top:0}.quotations-table thead tr{border-bottom:1px solid var(--border-color)}.quotations-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:14px 12px;font-size:11px;font-weight:600}.quotations-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .2s}.quotations-table tbody tr:hover{background:#d354000f}.quotations-table td{color:var(--text-primary);vertical-align:middle;padding:14px 12px;font-size:14px}.table-footer-simple{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 16px 16px;justify-content:flex-start;align-items:center;padding:12px 24px;font-size:13px;display:flex}.modal-product{max-width:520px}.modal-product .modal-header{align-items:flex-start;gap:16px;padding:24px;display:flex}.modal-product .modal-body{padding:0 24px 24px}.modal-product .form-section-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 20px;font-size:15px;font-weight:600}.price-input{border:2px solid var(--border-subtle);background:var(--bg-tertiary);border-radius:10px;align-items:center;transition:all .2s;display:flex;overflow:hidden}.price-input:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0033b31a}.price-prefix{color:var(--text-muted);border-right:1px solid var(--border-subtle);background:#0033b314;padding:12px 14px;font-size:14px;font-weight:500}.price-input input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:12px 16px;font-size:14px}.price-input input:focus{box-shadow:none;outline:none}.status-toggle{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;gap:0;padding:4px;display:flex}.status-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.status-toggle-btn .material-symbols-rounded{font-size:18px}.status-toggle-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff0d}.status-toggle-btn.active.status-active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98159}.status-toggle-btn.active.status-inactive{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444459}.status-toggle-btn.active.status-on-hold{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b59}.status-toggle-btn.active.status-completed{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f659}.status-toggle-btn .status-indicator{opacity:.6;background:currentColor;border-radius:50%;width:8px;height:8px}.status-toggle-btn.active .status-indicator{opacity:1;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}[data-theme=light] .status-toggle{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .status-toggle-btn{color:#64748b}[data-theme=light] .status-toggle-btn:hover:not(.active){background:#0000000d}.status-select select{padding-left:32px}.status-select{position:relative}.status-select:before{content:"";background:var(--success);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.btn-create-product{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 6px 20px #ff6b3559}.btn-create-product:hover:not(:disabled){background:linear-gradient(135deg,#ff7a47,#ff9b6a);transform:translateY(-3px);box-shadow:0 10px 30px #ff6b3573}.btn-create-product:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-create-product .nav-icon{font-size:20px}.modal-product .modal-footer{padding:0 24px 24px}[data-theme=light] .products-table-row:hover{background:#0033b30f}[data-theme=light] .price-input{background:#f8fafc}[data-theme=light] .price-prefix{background:#0033b31a}.projects-page{max-width:100%;padding:32px}.projects-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.projects-page .page-header-left{align-items:center;gap:16px;display:flex}.projects-page .page-icon{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #0033b34d}.projects-page .page-header h2{color:var(--text-primary);margin:0;font-size:26px;font-weight:700}.projects-page .page-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.btn-add-project{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0033b34d}.btn-add-project:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0033b366}.btn-add-project .nav-icon{font-size:20px}.projects-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.projects-search{flex:1;max-width:350px}.projects-table{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.projects-table-header,.projects-table-row{grid-template-columns:50px 1.5fr 1fr 1.5fr 120px 80px;align-items:center;gap:16px;padding:0 20px;display:grid}.projects-table-header{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;font-size:12px;font-weight:600;position:relative}.projects-table-header:before{content:"";background:linear-gradient(90deg,#d35400,#e67e22,#d35400);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.projects-table-header span{align-items:center;gap:6px;display:flex}.projects-table-header .sortable{cursor:pointer;transition:color .2s}.projects-table-header .sortable:hover{color:var(--accent-purple)}.projects-table-header .nav-icon{font-size:16px}.projects-table-row{border-top:1px solid var(--border-color);padding:16px 20px;transition:background .2s}.projects-table-row:hover{background:#0033b30a}.projects-table-row .col-checkbox input{width:18px;height:18px;accent-color:var(--accent-purple);cursor:pointer}.projects-table-row .col-name{color:var(--text-primary);align-items:center;gap:10px;font-weight:500;display:flex}.projects-table-row .col-name .name-icon{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.projects-table-row .col-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.projects-table-row .col-status{align-items:center;gap:8px;display:flex}.projects-table-row .col-status .status-icon{background:#10b98126;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.projects-table-row .col-status .status-icon .nav-icon{color:var(--success);font-size:16px}.projects-table-row .status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.projects-table-row .status-badge.active{color:var(--success);background:#10b98126}.projects-table-row .status-badge.inactive{color:#ef4444;background:#ef444426}.projects-table-row .status-badge.completed{color:#3b82f6;background:#3b82f626}.projects-table-row .status-badge.on.hold,.projects-table-row .status-badge[class*="on hold"]{color:#f59e0b;background:#f59e0b26}.projects-table-row .status-badge .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.projects-table-row .col-actions{justify-content:center;display:flex}.projects-table-row .btn-action-menu{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.projects-table-row .btn-action-menu:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.projects-empty{text-align:center;color:var(--text-secondary);padding:60px 20px}.projects-empty .nav-icon{opacity:.5;margin-bottom:12px;font-size:48px}.projects-footer{justify-content:space-between;align-items:center;margin-top:16px;padding:20px 0;display:flex}.projects-count{color:var(--text-secondary);font-size:14px}.projects-pagination{align-items:center;gap:24px;display:flex}.modal-project{width:95%;max-width:700px}.modal-project .modal-header{align-items:flex-start;gap:16px;padding:24px;display:flex}.modal-project .modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-project .form-section-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 16px;padding-bottom:8px;font-size:14px;font-weight:600}.modal-project .form-section-title:not(:first-child){margin-top:24px}.form-row-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.input-readonly{cursor:not-allowed;opacity:.8;background:var(--bg-tertiary)!important}.input-readonly:focus{border-color:var(--border-color)!important;box-shadow:none!important}.btn-create-project{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0033b34d}.btn-create-project:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0033b366}.btn-create-project:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-create-project .nav-icon{font-size:20px}.modal-project .modal-footer{padding:0 24px 24px}[data-theme=light] .projects-table-row:hover{background:#0033b30f}[data-theme=light] .projects-table-row .col-name .name-icon{box-shadow:0 2px 8px #0033b333}.operations-page{max-width:100%;padding:32px}.operations-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.operations-page .page-header-left{align-items:center;gap:16px;display:flex}.operations-page .page-icon{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #0033b34d}.operations-page .page-header h2{color:var(--text-primary);margin:0;font-size:26px;font-weight:700}.operations-page .page-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.btn-add-operation{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0033b34d}.btn-add-operation:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0033b366}.btn-add-operation .nav-icon{font-size:20px}.operations-tabs-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.operations-tab-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.operations-tab-card:before{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.operations-tab-card.cyan:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.operations-tab-card.blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.operations-tab-card.orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.operations-tab-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.operations-tab-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.operations-tab-card:hover:before,.operations-tab-card.active:before{opacity:1}.operations-tab-card.active{border-color:#0000;box-shadow:0 8px 30px #0033b333}.operations-tab-card.active.cyan{border-color:#06b6d466;box-shadow:0 8px 30px #06b6d433}.operations-tab-card.active.blue{border-color:#3b82f666;box-shadow:0 8px 30px #3b82f633}.operations-tab-card.active.orange{border-color:#f59e0b66;box-shadow:0 8px 30px #f59e0b33}.operations-tab-card.active.green{border-color:#10b98166;box-shadow:0 8px 30px #10b98133}.operations-tab-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.operations-tab-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.operations-tab-icon.cyan{color:#06b6d4;background:#06b6d426}.operations-tab-icon.blue{color:#3b82f6;background:#3b82f626}.operations-tab-icon.orange{color:#f59e0b;background:#f59e0b26}.operations-tab-icon.green{color:#10b981;background:#10b98126}.operations-tab-icon .nav-icon{font-size:24px}.operations-tab-arrow{opacity:.6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.operations-tab-arrow.cyan{color:#06b6d4;background:#06b6d41a}.operations-tab-arrow.blue{color:#3b82f6;background:#3b82f61a}.operations-tab-arrow.orange{color:#f59e0b;background:#f59e0b1a}.operations-tab-arrow.green{color:#10b981;background:#10b9811a}.operations-tab-arrow .nav-icon{font-size:18px}.operations-tab-card:hover .operations-tab-arrow{opacity:1;transform:translate(4px)}.operations-tab-content{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.operations-tab-label{color:var(--text-primary);font-size:16px;font-weight:600}.operations-tab-desc{color:var(--text-secondary);font-size:13px}.operations-tab-stat{border-radius:20px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600}.operations-tab-card.cyan .operations-tab-stat{color:#06b6d4;background:#06b6d426}.operations-tab-card.blue .operations-tab-stat{color:#3b82f6;background:#3b82f626}.operations-tab-card.orange .operations-tab-stat{color:#f59e0b;background:#f59e0b26}.operations-tab-card.green .operations-tab-stat{color:#10b981;background:#10b98126}@media(max-width:1200px){.operations-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.operations-tabs-grid{grid-template-columns:1fr}}.operations-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.operations-search{flex:1;max-width:350px}.operations-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.operations-table-header,.operations-table-row{grid-template-columns:50px 130px 1.5fr 140px 150px 100px 110px 80px;align-items:center;gap:16px;padding:0 20px;display:grid}.operations-table-header{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;font-size:12px;font-weight:600}.operations-table-header span{align-items:center;gap:6px;display:flex}.operations-table-header .sortable{cursor:pointer;transition:color .2s}.operations-table-header .sortable:hover{color:var(--accent-primary)}.operations-table-header .nav-icon{font-size:16px}.operations-table-row{border-top:1px solid var(--border-color);padding:16px 20px;transition:background .2s}.operations-table-row:hover{background:#0033b30a}.operations-table-row .col-checkbox input{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.operations-table-row .col-wo strong{color:var(--text-primary);font-weight:600}.operations-table-row .col-project{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.operations-table-row .col-due{color:var(--text-secondary);font-size:14px}.operations-table-row .col-actions{justify-content:center;display:flex}.operations-table-row .btn-action-menu{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.operations-table-row .btn-action-menu:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.stage-badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.stage-badge.stage-completed{color:var(--success);background:#10b98126}.stage-badge.stage-in-progress{color:#3b82f6;background:#3b82f626}.stage-badge.stage-pending{color:var(--text-secondary);background:#64748b26}.stage-badge.stage-skipped{color:var(--text-muted);background:#64748b1a;text-decoration:line-through}.priority-badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.priority-badge.priority-urgent{color:var(--danger);background:#ef444426}.priority-badge.priority-high{color:var(--warning);background:#f59e0b26}.priority-badge.priority-medium{color:#3b82f6;background:#3b82f626}.priority-badge.priority-low{color:var(--text-secondary);background:#64748b26}.progress-container{align-items:center;gap:10px;display:flex}.progress-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-text{color:var(--text-primary);min-width:36px;font-size:13px;font-weight:600}.operations-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.operations-empty .nav-icon{opacity:.5;margin-bottom:16px;font-size:48px}.operations-empty p{font-size:16px}.operations-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.operations-count{color:var(--text-secondary);font-size:14px}.operations-pagination{align-items:center;gap:24px;display:flex}.operations-pagination .rows-per-page{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.operations-pagination .rows-per-page select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:14px}.operations-pagination .page-info{color:var(--text-secondary);font-size:14px}.operations-pagination .page-controls{gap:4px;display:flex}.operations-pagination .page-controls button{background:var(--bg-secondary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.operations-pagination .page-controls button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.operations-pagination .page-controls button:disabled{opacity:.4;cursor:not-allowed}.modal-operation{flex-direction:column;width:800px;max-width:95vw;max-height:90vh;display:flex}.modal-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);gap:4px;padding:0 24px;display:flex}.modal-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.modal-tab.active{color:#fff;border-bottom-color:var(--color-orange);text-shadow:0 0 10px #d3540080;background:#d3540040;border-bottom-width:3px}.modal-tab .nav-icon{font-size:18px}.tab-content{padding:24px 0}.division-checkboxes,.staff-checkboxes{flex-wrap:wrap;gap:10px;display:flex}.checkbox-label{cursor:pointer;color:#ffffffd9;background:linear-gradient(145deg,#1e3c7899,#193264cc);border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.checkbox-label:hover{background:linear-gradient(145deg,#285096b3,#1e3c78e6);border-color:#d3540066;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.checkbox-label:has(input:checked){color:#fff;background:linear-gradient(145deg,#d354004d,#b4460066);border-color:#d3540099;box-shadow:0 0 15px #d354004d}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-orange);cursor:pointer}.checkbox-label input:checked{filter:hue-rotate(-10deg)brightness(1.2)}.stage-pipeline{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:24px;display:grid}.stage-node{background:var(--bg-tertiary);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:all .2s;display:flex}.stage-node:hover{transform:translateY(-2px)}.stage-node .nav-icon{font-size:24px}.stage-node .stage-label{text-align:center;font-size:11px;font-weight:600}.stage-node .stage-status-text{text-transform:capitalize;opacity:.7;font-size:10px}.stage-node.stage-pending{background:var(--bg-tertiary);color:var(--text-secondary);opacity:.7}.stage-node.stage-in-progress{color:#3b82f6;background:#3b82f626;border-color:#3b82f6}.stage-node.stage-completed{border-color:var(--success);color:var(--success);background:#10b98126}.stage-node.stage-skipped{background:var(--bg-tertiary);color:var(--text-muted);opacity:.5}.stage-node.stage-skipped .stage-label{text-decoration:line-through}.stage-node.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #0033b333}.stage-editor{background:var(--bg-tertiary);border-radius:12px;margin-top:16px;padding:20px}.stage-hint{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.materials-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.operations-module .btn-add-material,.stage-editor .btn-add-material{padding:var(--btn-padding-sm);min-height:var(--btn-height-sm);border-radius:var(--btn-radius-sm);color:var(--accent-primary);box-shadow:none;background:#0033b326;font-size:13px}.operations-module .btn-add-material:hover,.stage-editor .btn-add-material:hover{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #0033b34d}.operations-module .btn-add-material .nav-icon,.stage-editor .btn-add-material .nav-icon{font-size:18px}.materials-table-mini{background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.materials-table-mini-header,.materials-table-mini-row{grid-template-columns:2fr 100px 100px 80px 60px;align-items:center;gap:12px;padding:12px 16px;display:grid}.materials-table-mini-header{color:var(--text-secondary);text-transform:uppercase;background:#0033b31a;font-size:12px;font-weight:600}.materials-table-mini-row{border-top:1px solid var(--border-color)}.materials-table-mini-row select,.materials-table-mini-row input[type=number]{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 10px;font-size:13px}.materials-table-mini-row input[type=number]{text-align:center}.btn-remove-material{width:32px;height:32px;color:var(--danger);cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-remove-material:hover{background:var(--danger);border-color:var(--danger);color:#fff}.btn-remove-material .nav-icon{font-size:18px}.materials-empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.materials-empty-state .nav-icon{opacity:.5;margin-bottom:12px;font-size:40px}.materials-empty-state p{margin-bottom:16px}.team-summary{flex-direction:column;gap:12px;display:flex}.team-stage-row{background:var(--bg-tertiary);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.team-stage-name{color:var(--text-primary);align-items:center;gap:10px;font-weight:500;display:flex}.team-stage-name .nav-icon{color:var(--accent-primary);font-size:20px}.team-stage-members{flex-wrap:wrap;gap:8px;display:flex}.team-member-badge{color:var(--accent-primary);background:#0033b326;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:500}.team-empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.team-empty-state .nav-icon{opacity:.5;margin-bottom:12px;font-size:40px}.team-empty-state .hint{opacity:.7;margin-top:4px;font-size:13px}.modal-operation .modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-create-operation{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #0033b34d}.btn-create-operation:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0033b366}.btn-create-operation:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-create-operation .nav-icon{font-size:20px}[data-theme=light] .operations-table-row:hover{background:#0033b30f}[data-theme=light] .stage-node,[data-theme=light] .stage-editor{background:#f1f5f9}[data-theme=light] .operations-tab-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .operations-tab-card:hover{background:#fff;border-color:#cbd5e1}[data-theme=light] .checkbox-label,[data-theme=light] .team-stage-row,[data-theme=light] .materials-table-mini{background:#f1f5f9}.requisitions-page,.requisitions-module{max-width:100%;padding:32px}.sales-orders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;padding:1.25rem;display:grid}.order-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s;overflow:hidden}.order-card:hover{border-color:#0033b34d;transform:translateY(-4px);box-shadow:0 12px 40px #0033b326}.order-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.order-folio{color:var(--text-primary);font-size:1rem;font-weight:700}.order-card-body{flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.order-info-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.order-info-row .material-symbols-rounded{color:var(--text-muted);font-size:18px}.order-items-summary{border-top:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-top:.75rem;font-size:.875rem;display:flex}.order-items-summary .material-symbols-rounded{color:var(--primary-color);font-size:18px}.order-items-summary .progress-bar{background:#0033b31a;border-radius:3px;flex:1;height:6px;overflow:hidden}.order-items-summary .progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s}.order-card-footer{border-top:1px solid var(--border-subtle);background:#0033b308;gap:.5rem;padding:1rem 1.25rem;display:flex}.order-card-footer button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.requisitions-module .catalog-table{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.requisitions-module .catalog-table-header,.requisitions-module .catalog-table-row{grid-template-columns:40px 120px 1fr 1fr 1fr 80px 120px 140px 140px;align-items:center;gap:.5rem;padding:.75rem 1rem;display:grid}.requisitions-module .col-expand{justify-content:center;display:flex}.btn-expand{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-expand:hover{color:var(--primary-color);background:#0033b31a}.catalog-expanded-row{border-top:1px solid var(--border-subtle);background:#0033b305;padding:1rem 1.5rem 1.5rem}.catalog-expanded-row h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.expanded-items-table{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden}.expanded-items-header,.expanded-items-row{grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 1.2fr 1fr;gap:.5rem;padding:.625rem 1rem;display:grid}.expanded-items-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;background:#0033b30d;font-size:.75rem;font-weight:600}.expanded-items-row{color:var(--text-primary);border-top:1px solid var(--border-subtle);font-size:.85rem}.expanded-comments{color:var(--text-secondary);background:#0033b308;border-radius:8px;margin-top:.75rem;padding:.75rem;font-size:.85rem}.status-draft{color:#6c757d;background:#6c757d26}.status-pending-approval{color:#d39e00;background:#ffc10726}.status-approved{color:#28a745;background:#28a74526}.status-rejected{color:#dc3545;background:#dc354526}.status-ordered{color:#17a2b8;background:#17a2b826}.status-partially-fulfilled{color:#fd7e14;background:#fd7e1426}.status-fulfilled{color:#20c997;background:#20c99726}.status-cancelled{color:#6c757d;background:#6c757d26}.modal-approval{max-width:480px}.approval-summary{background:#0033b308;border-radius:8px;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.summary-item{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.summary-item .material-symbols-rounded{color:var(--text-muted);font-size:18px}.btn-modal-reject{color:#dc3545;cursor:pointer;background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.btn-modal-reject:hover{color:#fff;background:#dc3545;border-color:#dc3545}.btn-modal-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.btn-modal-approve:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-action-approve{color:#10b981;cursor:pointer;background:#10b9811a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-action-approve:hover{color:#fff;background:#10b981}@media(max-width:1200px){.requisitions-module .catalog-table-header,.requisitions-module .catalog-table-row{grid-template-columns:36px 100px 1fr 1fr 60px 100px 120px 100px}.requisitions-module .col-project{display:none}}@media(max-width:768px){.requisitions-page,.requisitions-module{padding:16px}.sales-orders-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.requisitions-module .catalog-table-header,.requisitions-module .catalog-table-row{grid-template-columns:32px 1fr 1fr 80px}.requisitions-module .col-requester,.requisitions-module .col-warehouse,.requisitions-module .col-date{display:none}}.reports-page{max-width:100%;padding:32px}.reports-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.reports-page .page-title{align-items:center;gap:16px;display:flex}.reports-page .page-title>.nav-icon{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #0033b34d}.reports-page .page-title h1{color:var(--text-primary);margin:0;font-size:26px;font-weight:700}.reports-page .page-title p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.report-tabs-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:32px;display:grid}@media(max-width:1400px){.report-tabs-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.report-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.report-tabs-grid{grid-template-columns:1fr}}.report-tab-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.report-tab-card:before{content:"";background:0 0;height:3px;transition:all .3s;position:absolute;top:0;left:0;right:0}.report-tab-card:hover{border-color:var(--border-color);transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.report-tab-card:hover:before{height:4px}.report-tab-card.purple:hover:before,.report-tab-card.purple.active:before{background:linear-gradient(90deg,#0033b3,#a78bfa)}.report-tab-card.cyan:hover:before,.report-tab-card.cyan.active:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.report-tab-card.green:hover:before,.report-tab-card.green.active:before{background:linear-gradient(90deg,#10b981,#34d399)}.report-tab-card.orange:hover:before,.report-tab-card.orange.active:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.report-tab-card.blue:hover:before,.report-tab-card.blue.active:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.report-tab-card.pink:hover:before,.report-tab-card.pink.active:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.report-tab-card.active{border-color:var(--accent-primary);box-shadow:0 8px 24px #0033b333}.report-tab-card.active:before{height:4px}.report-tab-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.report-tab-icon .nav-icon{color:#fff;font-size:24px}.report-tab-icon.purple{background:linear-gradient(135deg,#0033b3,#001d66);box-shadow:0 4px 12px #0033b359}.report-tab-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d459}.report-tab-icon.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98159}.report-tab-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59}.report-tab-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f659}.report-tab-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 12px #ec489959}.report-tab-card:hover .report-tab-icon{transform:scale(1.08)}.report-tab-top{justify-content:space-between;align-items:center;width:100%;display:flex}.report-tab-arrow{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.report-tab-arrow .nav-icon{color:var(--text-muted);font-size:20px;transition:all .3s}.report-tab-card:hover .report-tab-arrow{transform:translate(4px)}.report-tab-card:hover .report-tab-arrow .nav-icon{color:var(--text-primary)}.report-tab-card.active .report-tab-arrow{background:#ffffff26}.report-tab-card.purple:hover .report-tab-arrow,.report-tab-card.purple.active .report-tab-arrow{background:#0033b333}.report-tab-card.purple:hover .report-tab-arrow .nav-icon,.report-tab-card.purple.active .report-tab-arrow .nav-icon{color:#a78bfa}.report-tab-card.cyan:hover .report-tab-arrow,.report-tab-card.cyan.active .report-tab-arrow{background:#06b6d433}.report-tab-card.cyan:hover .report-tab-arrow .nav-icon,.report-tab-card.cyan.active .report-tab-arrow .nav-icon{color:#22d3ee}.report-tab-card.green:hover .report-tab-arrow,.report-tab-card.green.active .report-tab-arrow{background:#10b98133}.report-tab-card.green:hover .report-tab-arrow .nav-icon,.report-tab-card.green.active .report-tab-arrow .nav-icon{color:#34d399}.report-tab-card.orange:hover .report-tab-arrow,.report-tab-card.orange.active .report-tab-arrow{background:#f59e0b33}.report-tab-card.orange:hover .report-tab-arrow .nav-icon,.report-tab-card.orange.active .report-tab-arrow .nav-icon{color:#fbbf24}.report-tab-card.blue:hover .report-tab-arrow,.report-tab-card.blue.active .report-tab-arrow{background:#3b82f633}.report-tab-card.blue:hover .report-tab-arrow .nav-icon,.report-tab-card.blue.active .report-tab-arrow .nav-icon{color:#60a5fa}.report-tab-card.pink:hover .report-tab-arrow,.report-tab-card.pink.active .report-tab-arrow{background:#ec489933}.report-tab-card.pink:hover .report-tab-arrow .nav-icon,.report-tab-card.pink.active .report-tab-arrow .nav-icon{color:#f472b6}.report-tab-content{flex-direction:column;gap:4px;display:flex}.report-tab-label{color:var(--text-primary);font-size:16px;font-weight:600}.report-tab-desc{color:var(--text-muted);font-size:13px}.report-tab-stat{color:var(--text-secondary);background:#0033b31a;border-radius:20px;margin-top:auto;padding:6px 12px;font-size:14px;font-weight:600}.report-tab-card.purple .report-tab-stat{color:#a78bfa;background:#0033b326}.report-tab-card.cyan .report-tab-stat{color:#22d3ee;background:#06b6d426}.report-tab-card.green .report-tab-stat{color:#34d399;background:#10b98126}.report-tab-card.orange .report-tab-stat{color:#fbbf24;background:#f59e0b26}.report-tab-card.blue .report-tab-stat{color:#60a5fa;background:#3b82f626}.report-tab-card.pink .report-tab-stat{color:#f472b6;background:#ec489926}.report-tab-indicator{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;position:absolute;bottom:12px;right:12px}.report-tabs{background:var(--bg-tertiary);border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.report-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.report-tab:hover{color:var(--text-primary);background:#0033b314}.report-tab.active{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22)}.report-tab .nav-icon{font-size:18px}.report-content{animation:.3s fadeIn}.report-section{flex-direction:column;gap:24px;display:flex}.report-grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.report-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.report-grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media(max-width:1200px){.report-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.report-grid-2,.report-grid-3,.report-grid-4{grid-template-columns:1fr}}.report-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;align-items:flex-start;gap:16px;padding:24px;transition:all .2s;display:flex}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.report-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.report-card-icon .nav-icon{color:#fff;font-size:24px}.report-card.primary .report-card-icon{background:linear-gradient(135deg,#d35400,#e67e22)}.report-card.success .report-card-icon{background:linear-gradient(135deg,#10b981,#059669)}.report-card.warning .report-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.report-card.info .report-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.report-card-content{flex:1}.report-card-value{color:#fff;text-shadow:0 1px 2px #0003;margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.report-card-label{color:#dce6fff2;margin-bottom:8px;font-size:14px;font-weight:600}.report-card-meta{flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.report-card-meta span{background:#64748b1a;border-radius:6px;padding:4px 8px}.text-success{color:var(--success)!important;background:#10b98126!important}.text-warning{color:var(--warning)!important;background:#f59e0b26!important}.text-danger{color:var(--danger)!important;background:#ef444426!important}.report-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:16px;padding:24px;display:flex}.report-stat-card .stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.report-stat-card .stat-icon .nav-icon{color:#fff;font-size:28px}.report-stat-card .stat-icon.pending{background:linear-gradient(135deg,#64748b,#475569)}.report-stat-card .stat-icon.in-progress{background:linear-gradient(135deg,#3b82f6,#2563eb)}.report-stat-card .stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.report-stat-card .stat-icon.total{background:linear-gradient(135deg,#d35400,#e67e22)}.report-stat-card .stat-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.report-stat-card .stat-icon.value{background:linear-gradient(135deg,#f59e0b,#d97706)}.report-stat-card .stat-icon.avg{background:linear-gradient(135deg,#3b82f6,#2563eb)}.report-stat-card .stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.report-stat-card .stat-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.report-stat-card .stat-icon.assigned{background:linear-gradient(135deg,#d35400,#e67e22)}.report-stat-card .stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669)}.report-stat-card .stat-icon.inventory{background:linear-gradient(135deg,#f59e0b,#d97706)}.report-stat-card .stat-icon.products{background:linear-gradient(135deg,#d35400,#e67e22)}.report-stat-card .stat-icon.margin{background:linear-gradient(135deg,#3b82f6,#2563eb)}.report-stat-card .stat-details{flex:1}.report-stat-card .stat-number{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.2}.report-stat-card .stat-text{color:var(--text-secondary);font-size:14px}.report-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px}.report-panel.full-width{grid-column:1/-1}.report-panel-title{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:600;display:flex}.report-panel-title .nav-icon{color:var(--accent-primary);font-size:22px}.progress-overview{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.progress-item{align-items:center;gap:12px;display:flex}.progress-label{width:140px;color:var(--text-secondary);font-size:14px}.progress-bar-container{background:var(--bg-tertiary);border-radius:5px;flex:1;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:5px;height:100%;transition:width .5s}.progress-bar-fill.success{background:linear-gradient(135deg,#10b981,#059669)}.progress-bar-fill.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.progress-value{text-align:right;min-width:50px;color:var(--text-primary);font-size:14px;font-weight:600}.stats-row{border-top:1px solid var(--border-color);gap:24px;padding-top:16px;display:flex}.stat-item{text-align:center}.stat-item .stat-value{color:var(--text-primary);font-size:24px;font-weight:700}.stat-item .stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px}.interconnect-grid{flex-direction:column;gap:16px;display:flex}.interconnect-item{background:var(--bg-tertiary);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.interconnect-from,.interconnect-to{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.interconnect-from .nav-icon,.interconnect-to .nav-icon{color:var(--accent-primary);font-size:18px}.interconnect-arrow{color:var(--text-muted);margin:0 8px}.interconnect-arrow .nav-icon{font-size:18px}.alerts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.alert-item{border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.alert-item>.nav-icon{flex-shrink:0;font-size:24px}.alert-item.warning{background:#f59e0b1a;border:1px solid #f59e0b4d}.alert-item.warning>.nav-icon{color:var(--warning)}.alert-item.danger{background:#ef44441a;border:1px solid #ef44444d}.alert-item.danger>.nav-icon{color:var(--danger)}.alert-item.info{background:#3b82f61a;border:1px solid #3b82f64d}.alert-item.info>.nav-icon{color:#3b82f6}.alert-content{flex:1}.alert-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.alert-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.stage-performance-table{overflow-x:auto}.stage-performance-table table{border-collapse:collapse;width:100%}.stage-performance-table th,.stage-performance-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.stage-performance-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary);font-size:12px;font-weight:600}.stage-performance-table td{color:var(--text-primary);font-size:14px}.stage-cell{align-items:center;gap:10px;display:flex}.stage-cell .nav-icon{color:var(--accent-primary);font-size:20px}.efficiency-bar{align-items:center;gap:10px;min-width:120px;display:flex}.efficiency-fill{border-radius:4px;height:8px;transition:width .3s}.efficiency-fill.good{background:linear-gradient(135deg,#10b981,#059669)}.efficiency-fill.ok{background:linear-gradient(135deg,#f59e0b,#d97706)}.efficiency-fill.bad{background:linear-gradient(135deg,#ef4444,#dc2626)}.operations-list{flex-direction:column;gap:12px;display:flex}.operation-item{background:var(--bg-tertiary);border-radius:12px;padding:16px}.operation-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.wo-number{color:var(--text-primary);font-size:14px;font-weight:600}.priority-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.priority-badge.high{color:var(--warning);background:#f59e0b26}.priority-badge.medium{color:#3b82f6;background:#3b82f626}.priority-badge.low{color:var(--text-secondary);background:#64748b26}.priority-badge.urgent{color:var(--danger);background:#ef444426}.operation-project{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.operation-stage{color:var(--text-muted);margin-bottom:10px;font-size:12px}.operation-progress{align-items:center;gap:10px;display:flex}.progress-bar-mini{background:#64748b33;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar-mini .progress-fill{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:3px;height:100%}.operation-progress span{color:var(--text-primary);min-width:36px;font-size:12px;font-weight:600}.hours-distribution{padding:16px 0}.hours-chart{justify-content:space-around;align-items:flex-end;gap:12px;height:200px;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.chart-bar{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:40px;min-height:20px;padding-top:8px;transition:height .5s;display:flex}.bar-value{color:#fff;font-size:10px;font-weight:600}.bar-label{color:var(--text-secondary);text-align:center;font-size:11px}.projects-operations-table{overflow-x:auto}.projects-operations-table table{border-collapse:collapse;width:100%}.projects-operations-table th,.projects-operations-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.projects-operations-table th{color:var(--text-secondary);text-transform:uppercase;background:var(--bg-tertiary);font-size:12px;font-weight:600}.projects-operations-table td{color:var(--text-primary);font-size:14px}.project-cell{flex-direction:column;gap:2px;display:flex}.project-cell strong{color:var(--text-primary)}.project-cell .project-po{color:var(--text-muted);font-size:12px}.status-pill{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-block}.status-pill.active{color:var(--success);background:#10b98126}.status-pill.completed{color:#3b82f6;background:#3b82f626}.status-pill.on-hold{color:var(--warning);background:#f59e0b26}.status-pill.inactive{color:#ef4444;background:#ef444426}.material-usage-list{flex-direction:column;gap:12px;display:flex}.material-usage-item{background:var(--bg-tertiary);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.material-info{flex:1;min-width:0}.material-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.material-qty{color:var(--text-muted);font-size:12px}.distribution-bar{background:#64748b33;border-radius:4px;width:100px;height:8px;overflow:hidden}.distribution-fill{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:4px;height:100%;transition:width .3s}.distribution-percent{text-align:right;min-width:40px;color:var(--text-secondary);font-size:13px;font-weight:600}.distribution-percent.complete{color:var(--success)}.supplier-materials-list{flex-direction:column;gap:12px;display:flex}.supplier-materials-item{background:var(--bg-tertiary);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.supplier-info{flex-direction:column;gap:2px;display:flex}.supplier-name{color:var(--text-primary);font-size:14px;font-weight:500}.supplier-category{color:var(--text-muted);font-size:12px}.supplier-stats{color:var(--text-secondary);align-items:center;gap:16px;font-size:13px;display:flex}.supplier-value{color:var(--text-primary);font-weight:600}.stock-overview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.stock-item{background:var(--bg-tertiary);border:1px solid #0000;border-radius:12px;padding:16px}.stock-item.low{background:#f59e0b0d;border-color:#f59e0b80}.stock-item.out{background:#ef44440d;border-color:#ef444480}.stock-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:13px;font-weight:500;overflow:hidden}.stock-bar{background:#64748b33;border-radius:4px;height:8px;margin-bottom:8px;position:relative;overflow:visible}.stock-fill{border-radius:4px;height:100%;transition:width .3s}.stock-item.ok .stock-fill{background:linear-gradient(135deg,#10b981,#059669)}.stock-item.low .stock-fill{background:linear-gradient(135deg,#f59e0b,#d97706)}.stock-item.out .stock-fill{background:linear-gradient(135deg,#ef4444,#dc2626)}.stock-min-line{background:var(--danger);border-radius:1px;width:2px;height:14px;position:absolute;top:-3px}.stock-numbers{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.stock-unit{color:var(--text-muted)}.staff-workload-table{overflow-x:auto}.staff-workload-table table{border-collapse:collapse;width:100%}.staff-workload-table th,.staff-workload-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.staff-workload-table th{color:var(--text-secondary);text-transform:uppercase;background:var(--bg-tertiary);font-size:12px;font-weight:600}.staff-workload-table td{color:var(--text-primary);font-size:14px}.staff-cell{align-items:center;gap:10px;display:flex}.staff-avatar{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.workload-bar{background:#64748b33;border-radius:4px;width:100px;height:8px;overflow:hidden}.workload-fill{border-radius:4px;height:100%;transition:width .3s}.workload-fill.low{background:linear-gradient(135deg,#10b981,#059669)}.workload-fill.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.workload-fill.high{background:linear-gradient(135deg,#ef4444,#dc2626)}.department-breakdown{flex-direction:column;gap:10px;display:flex}.department-item{background:var(--bg-tertiary);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dept-name{color:var(--text-primary);font-size:14px;font-weight:500}.dept-count{font-size:14px}.dept-count .active{color:var(--success);font-weight:600}.dept-count .separator{color:var(--text-muted);margin:0 4px}.dept-count .total{color:var(--text-secondary)}.top-contributors{flex-direction:column;gap:10px;display:flex}.contributor-item{background:var(--bg-tertiary);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.contributor-rank{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.contributor-info{flex:1}.contributor-name{color:var(--text-primary);font-size:14px;font-weight:500;display:block}.contributor-stages{color:var(--text-muted);font-size:12px}.contributor-hours{color:var(--accent-primary);font-size:16px;font-weight:600}.revenue-list{flex-direction:column;gap:16px;display:flex}.revenue-item{background:var(--bg-tertiary);border-radius:12px;padding:16px}.revenue-project{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.revenue-project .project-name{color:var(--text-primary);font-size:14px;font-weight:600}.revenue-project .project-status{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.revenue-project .project-status.active{color:var(--success);background:#10b98126}.revenue-project .project-status.completed{color:#3b82f6;background:#3b82f626}.revenue-project .project-status.on-hold{color:var(--warning);background:#f59e0b26}.revenue-breakdown{flex-direction:column;gap:6px;display:flex}.revenue-row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.revenue-row.total{border-top:1px solid var(--border-color);color:var(--text-primary);padding-top:8px;font-weight:600}.product-margins-list{flex-direction:column;gap:12px;display:flex}.margin-item{background:var(--bg-tertiary);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.margin-item .product-info{flex:1}.margin-item .product-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.margin-item .product-prices{color:var(--text-muted);gap:16px;font-size:12px;display:flex}.margin-badge{border-radius:10px;padding:8px 14px;font-size:14px;font-weight:700}.margin-badge.high{color:var(--success);background:#10b98126}.margin-badge.medium{color:var(--warning);background:#f59e0b26}.margin-badge.low{color:var(--danger);background:#ef444426}.financial-summary{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.summary-section h4{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 16px;padding-bottom:10px;font-size:14px;font-weight:600}.summary-items{flex-direction:column;gap:10px;display:flex}.summary-item{background:var(--bg-tertiary);border-radius:8px;justify-content:space-between;padding:10px 14px;font-size:14px;display:flex}.summary-item span:first-child{color:var(--text-secondary)}.summary-item span:last-child{color:var(--text-primary);font-weight:600}.date-range-selector{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;display:flex}.date-range-selector .nav-icon{color:var(--accent-primary);font-size:20px}.date-range-selector select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding-right:20px;font-size:14px;font-weight:500}.date-range-selector select:focus{outline:none}.time-chart{padding:16px 0}.time-chart.wide{min-height:200px}.chart-legend{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-item.completed .legend-dot{background:#10b981}.legend-item.in-progress .legend-dot{background:#3b82f6}.legend-item.pending .legend-dot{background:#f59e0b}.legend-item.revenue .legend-dot{background:#10b981}.legend-item.projected .legend-dot{background:#0033b3}.legend-item.used .legend-dot{background:#06b6d4}.legend-item.purchased .legend-dot{background:#f59e0b}.chart-with-axis{align-items:stretch;gap:8px;display:flex}.y-axis-labels{text-align:right;flex-direction:column;justify-content:space-between;min-width:40px;padding-bottom:30px;display:flex}.y-axis-labels .y-label{color:var(--text-muted);font-size:10px;line-height:1}.line-chart-container{background-image:linear-gradient(#ffffff14 1px,#0000 1px);background-size:100% 25%;border-bottom:1px solid #ffffff26;border-left:1px solid #ffffff26;flex:1;align-items:flex-end;gap:8px;height:160px;padding-bottom:30px;padding-left:8px;display:flex;position:relative}.chart-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.stacked-bar{border-radius:6px 6px 0 0;flex-direction:column;justify-content:flex-end;width:100%;max-width:40px;display:flex;overflow:hidden}.bar-segment{width:100%;transition:height .3s}.bar-segment.completed{background:#10b981}.bar-segment.in-progress{background:#3b82f6}.bar-segment.pending{background:#f59e0b}.chart-label{color:var(--text-muted);font-size:11px;position:absolute;bottom:-25px}.area-chart-container{background-image:linear-gradient(#ffffff14 1px,#0000 1px);background-size:100% 25%;border-bottom:1px solid #ffffff26;border-left:1px solid #ffffff26;flex:1;padding:8px;position:relative}.area-chart-container svg{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:20% 100%;width:100%;height:150px}.chart-x-labels{justify-content:space-between;padding:8px 0;display:flex}.chart-x-labels span{color:var(--text-muted);font-size:11px}.grouped-bar-chart{background-image:linear-gradient(#ffffff14 1px,#0000 1px);background-size:100% 20%;border-bottom:1px solid #ffffff26;border-left:1px solid #ffffff26;flex:1;align-items:flex-end;gap:16px;height:180px;padding-bottom:30px;padding-left:8px;display:flex;position:relative}.bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.bar-pair{align-items:flex-end;gap:4px;height:100%;display:flex}.bar-pair .bar{border-radius:4px 4px 0 0;width:20px;transition:height .3s;position:relative}.bar-pair .bar.used{background:linear-gradient(#22d3ee,#06b6d4)}.bar-pair .bar.purchased{background:linear-gradient(#fbbf24,#f59e0b)}.bar-pair .bar:hover{opacity:.9}.bar-tooltip{color:var(--text-primary);background:var(--bg-secondary);opacity:0;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bar-pair .bar:hover .bar-tooltip{opacity:1}[data-theme=light] .report-tabs{background:#f1f5f9}[data-theme=light] .report-card,[data-theme=light] .report-stat-card,[data-theme=light] .report-panel{background:#fff}[data-theme=light] .line-chart-container,[data-theme=light] .area-chart-container,[data-theme=light] .grouped-bar-chart{background-image:linear-gradient(#00000014 1px,#0000 1px);border-bottom:1px solid #00000026;border-left:1px solid #00000026}[data-theme=light] .area-chart-container svg line{stroke:#0000001a}[data-theme=light] .progress-bar-container,[data-theme=light] .distribution-bar,[data-theme=light] .workload-bar,[data-theme=light] .stock-bar{background:#e2e8f0}[data-theme=light] .interconnect-item,[data-theme=light] .operation-item,[data-theme=light] .material-usage-item,[data-theme=light] .supplier-materials-item,[data-theme=light] .stock-item,[data-theme=light] .department-item,[data-theme=light] .contributor-item,[data-theme=light] .revenue-item,[data-theme=light] .margin-item,[data-theme=light] .summary-item{background:#f8fafc}[data-theme=light] .stage-performance-table th,[data-theme=light] .projects-operations-table th,[data-theme=light] .staff-workload-table th{background:#f1f5f9}.quality-page{max-width:100%;padding:32px}.quality-page .page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.quality-page .page-header-left{align-items:center;gap:16px;display:flex}.quality-page .page-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #10b9814d}.quality-page .page-header h2{color:var(--text-primary);margin:0;font-size:26px;font-weight:700}.quality-page .page-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.btn-new-inspection{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b9814d}.btn-new-inspection:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-new-inspection .nav-icon{font-size:20px}.qa-metrics-grid{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px;display:grid}@media(max-width:1400px){.qa-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.qa-metrics-grid{grid-template-columns:repeat(2,1fr)}}.qa-metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex}.qa-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.qa-metric-card .metric-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.qa-metric-card .metric-icon .nav-icon{color:#fff;font-size:24px}.qa-metric-card.primary .metric-icon{background:linear-gradient(135deg,#d35400,#e67e22)}.qa-metric-card.success .metric-icon{background:linear-gradient(135deg,#10b981,#059669)}.qa-metric-card.danger .metric-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.qa-metric-card.warning .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.qa-metric-card.info .metric-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.qa-metric-card.neutral .metric-icon{background:linear-gradient(135deg,#64748b,#475569)}.qa-metric-card .metric-content{flex:1}.qa-metric-card .metric-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.qa-metric-card .metric-label{color:var(--text-secondary);margin-top:4px;font-size:13px}.qa-tabs-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}@media(max-width:1200px){.qa-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.qa-tabs-grid{grid-template-columns:1fr}}.qa-tab-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.qa-tab-card:before{content:"";background:0 0;height:3px;transition:all .3s;position:absolute;top:0;left:0;right:0}.qa-tab-card:hover{border-color:var(--border-color);transform:translateY(-4px);box-shadow:0 12px 32px #00000040}.qa-tab-card:hover:before{height:4px}.qa-tab-card.purple:hover:before,.qa-tab-card.purple.active:before{background:linear-gradient(90deg,#0033b3,#a78bfa)}.qa-tab-card.orange:hover:before,.qa-tab-card.orange.active:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.qa-tab-card.blue:hover:before,.qa-tab-card.blue.active:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.qa-tab-card.green:hover:before,.qa-tab-card.green.active:before{background:linear-gradient(90deg,#10b981,#34d399)}.qa-tab-card.active{border-color:var(--accent-primary);box-shadow:0 8px 24px #0033b333}.qa-tab-card.active:before{height:4px}.qa-tab-top{justify-content:space-between;align-items:center;width:100%;display:flex}.qa-tab-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.qa-tab-icon .nav-icon{color:#fff;font-size:24px}.qa-tab-icon.purple{background:linear-gradient(135deg,#0033b3,#001d66);box-shadow:0 4px 12px #0033b359}.qa-tab-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59}.qa-tab-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f659}.qa-tab-icon.green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98159}.qa-tab-card:hover .qa-tab-icon{transform:scale(1.08)}.qa-tab-arrow{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.qa-tab-arrow .nav-icon{color:var(--text-muted);font-size:20px;transition:all .3s}.qa-tab-card:hover .qa-tab-arrow{transform:translate(4px)}.qa-tab-card:hover .qa-tab-arrow .nav-icon{color:var(--text-primary)}.qa-tab-card.purple:hover .qa-tab-arrow,.qa-tab-card.purple.active .qa-tab-arrow{background:#0033b333}.qa-tab-card.purple:hover .qa-tab-arrow .nav-icon,.qa-tab-card.purple.active .qa-tab-arrow .nav-icon{color:#a78bfa}.qa-tab-card.orange:hover .qa-tab-arrow,.qa-tab-card.orange.active .qa-tab-arrow{background:#f59e0b33}.qa-tab-card.orange:hover .qa-tab-arrow .nav-icon,.qa-tab-card.orange.active .qa-tab-arrow .nav-icon{color:#fbbf24}.qa-tab-card.blue:hover .qa-tab-arrow,.qa-tab-card.blue.active .qa-tab-arrow{background:#3b82f633}.qa-tab-card.blue:hover .qa-tab-arrow .nav-icon,.qa-tab-card.blue.active .qa-tab-arrow .nav-icon{color:#60a5fa}.qa-tab-card.green:hover .qa-tab-arrow,.qa-tab-card.green.active .qa-tab-arrow{background:#10b98133}.qa-tab-card.green:hover .qa-tab-arrow .nav-icon,.qa-tab-card.green.active .qa-tab-arrow .nav-icon{color:#34d399}.qa-tab-content{flex-direction:column;gap:4px;display:flex}.qa-tab-label{color:var(--text-primary);font-size:16px;font-weight:600}.qa-tab-desc{color:var(--text-muted);font-size:13px}.qa-tab-stat{border-radius:20px;margin-top:auto;padding:6px 12px;font-size:14px;font-weight:600}.qa-tab-card.purple .qa-tab-stat{color:#a78bfa;background:#0033b326}.qa-tab-card.orange .qa-tab-stat{color:#fbbf24;background:#f59e0b26}.qa-tab-card.blue .qa-tab-stat{color:#60a5fa;background:#3b82f626}.qa-tab-card.green .qa-tab-stat{color:#34d399;background:#10b98126}.qa-tabs{background:var(--bg-tertiary);border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.qa-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.qa-tab:hover{color:var(--text-primary);background:#10b98114}.qa-tab.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.qa-tab .nav-icon{font-size:18px}.qa-content{animation:.3s fadeIn}.qa-status-filters{gap:8px;margin-bottom:16px;display:flex}.status-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.status-filter-btn:hover{border-color:var(--success);background:#10b98114}.status-filter-btn.active{border-color:var(--success);color:var(--success);background:#10b98126}.filter-count{background:#fff3;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.status-filter-btn:not(.active) .filter-count{background:#64748b33}.qa-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.qa-toolbar .search-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;flex:1;align-items:center;gap:10px;max-width:350px;padding:10px 16px;display:flex}.qa-toolbar .search-box .nav-icon{color:var(--text-muted);font-size:20px}.qa-toolbar .search-box input{color:var(--text-primary);background:0 0;border:none;flex:1;font-size:14px}.qa-toolbar .search-box input::placeholder{color:var(--text-muted)}.qa-toolbar .search-box input:focus{outline:none}.period-selector{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.period-nav{align-items:center;gap:12px;display:flex}.period-nav-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.period-nav-btn:hover:not(:disabled){color:#d35400;background:#d3540026;border-color:#d35400}.period-nav-btn:disabled{opacity:.4;cursor:not-allowed}.period-display{flex-direction:column;align-items:center;min-width:120px;display:flex}.period-month{color:var(--text-primary);font-size:18px;font-weight:700}.period-year{color:var(--text-secondary);font-size:13px}.period-tabs{gap:8px;display:flex}.period-year-tab{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.period-year-tab:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#0033b31a}.period-year-tab.active{color:#fff;background:linear-gradient(135deg,#0033b3,#001d66);border-color:#0000}.period-year-tab.archive{background:var(--bg-tertiary)}.period-year-tab.archive:hover{color:#64748b;background:#64748b26;border-color:#64748b}.period-year-tab.archive.active{color:#fff;background:linear-gradient(135deg,#64748b,#475569)}.period-summary{align-items:center;gap:16px;display:flex}.rollover-badge{color:#d35400;background:#d3540026;border:1px solid #d354004d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.rollover-badge .material-symbols-rounded{font-size:14px}.period-count{color:var(--text-muted);font-size:13px}@media(max-width:900px){.period-selector{flex-direction:column;align-items:stretch}.period-nav{justify-content:center}.period-tabs,.period-summary{flex-wrap:wrap;justify-content:center}}.qa-table-row.is-rollover{background:#d354000d;border-left:3px solid #d35400}.qa-table-row.is-rollover:before{content:"";background:#d35400;width:3px;position:absolute;top:0;bottom:0;left:0}.qa-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.qa-table-header,.qa-table-row{grid-template-columns:130px 1.5fr 140px 140px 110px 120px 80px 80px;align-items:center;gap:16px;padding:0 20px;display:grid}.qa-table-header{background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;font-size:12px;font-weight:600;position:relative}.qa-table-header:before{content:"";background:linear-gradient(90deg,#d35400,#e67e22,#d35400);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.qa-table-row{border-top:1px solid var(--border-color);padding:16px 20px;transition:background .2s}.qa-table-row:hover{background:#10b9810a}.qa-table-row .col-wo strong{color:var(--text-primary);font-weight:600}.qa-table-row .col-project{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.qa-table-row .col-inspector,.qa-table-row .col-date{color:var(--text-secondary);font-size:14px}.stage-badge-sm{color:var(--success);background:#10b9811a;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.stage-badge-sm .nav-icon{font-size:16px}.result-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.result-badge.passed{color:var(--success);background:#10b98126}.result-badge.failed{color:var(--danger);background:#ef444426}.result-badge.observations{color:var(--warning);background:#f59e0b26}.result-badge.pending{color:var(--text-secondary);background:#64748b26}.result-badge.large{padding:10px 20px;font-size:16px;font-weight:600}.result-badge.large .nav-icon{font-size:22px}.result-badge-sm{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.result-badge-sm.passed{color:var(--success);background:#10b98126}.result-badge-sm.failed{color:var(--danger);background:#ef444426}.result-badge-sm.observations{color:var(--warning);background:#f59e0b26}.findings-count{color:var(--warning);background:#f59e0b26;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.findings-count .nav-icon{font-size:14px}.qa-table-row .btn-action{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.qa-table-row .btn-action:hover{background:var(--success);border-color:var(--success);color:#fff}.qa-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.qa-empty .nav-icon{opacity:.5;margin-bottom:16px;font-size:48px}.qa-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.qa-count{color:var(--text-secondary);font-size:14px}.qa-pagination{align-items:center;gap:24px;display:flex}.qa-pagination .rows-per-page{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.qa-pagination .rows-per-page select{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:14px}.qa-pagination .page-controls{align-items:center;gap:8px;display:flex}.qa-pagination .page-controls button{background:var(--bg-secondary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.qa-pagination .page-controls button:hover:not(:disabled){background:var(--success);border-color:var(--success);color:#fff}.qa-pagination .page-controls button:disabled{opacity:.4;cursor:not-allowed}.qa-findings-summary{gap:16px;margin-bottom:24px;display:flex}.qa-findings-summary .summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:16px 24px;display:flex}.qa-findings-summary .summary-card .nav-icon{color:var(--text-muted);font-size:24px}.qa-findings-summary .summary-value{color:var(--text-primary);font-size:24px;font-weight:700;display:block}.qa-findings-summary .summary-label{color:var(--text-secondary);font-size:13px}.findings-list{flex-direction:column;gap:16px;display:flex}.finding-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.finding-card:hover{box-shadow:0 4px 16px #0000001a}.finding-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.finding-meta{align-items:center;gap:10px;display:flex}.severity-badge{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.severity-badge.critical{color:var(--danger);background:#ef444426}.severity-badge.major{color:var(--warning);background:#f59e0b26}.severity-badge.minor{color:#3b82f6;background:#3b82f626}.severity-badge.cosmetic{color:var(--text-secondary);background:#64748b26}.severity-dot{border-radius:50%;width:8px;height:8px}.severity-dot.critical{background:var(--danger)}.severity-dot.major{background:var(--warning)}.severity-dot.minor{background:#3b82f6}.severity-dot.cosmetic{background:var(--text-muted)}.finding-type{color:var(--text-primary);font-size:14px;font-weight:600}.finding-type-sm{color:var(--text-secondary);font-size:12px;font-weight:500}.finding-status{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.finding-status.open{color:var(--danger);background:#ef444426}.finding-status.in-progress{color:#3b82f6;background:#3b82f626}.finding-status.resolved{color:var(--success);background:#10b98126}.finding-status.closed{color:var(--text-secondary);background:#64748b26}.finding-status.deferred{color:var(--warning);background:#f59e0b26}.finding-body{margin-bottom:12px}.finding-description{color:var(--text-primary);margin:0 0 10px;font-size:14px;line-height:1.5}.finding-details{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.finding-details span{align-items:center;gap:6px;display:flex}.finding-details .nav-icon{font-size:16px}.finding-actions{border-top:1px solid var(--border-color);align-items:center;gap:12px;padding-top:12px;display:flex}.finding-actions .status-select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.photo-indicator{color:var(--accent-primary);background:#0033b31a;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;display:flex}.photo-indicator .nav-icon{font-size:16px}.checklists-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.checklist-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.checklist-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding:20px;display:flex}.checklist-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.checklist-icon .nav-icon{font-size:22px}.checklist-info h4{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.checklist-stage{color:var(--text-muted);font-size:13px}.checklist-items{padding:16px 20px}.checklist-item-preview{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.checklist-item-preview:last-child{border-bottom:none}.checklist-item-preview .nav-icon{color:var(--text-muted);flex-shrink:0;font-size:20px}.checklist-item-preview span{color:var(--text-secondary);flex:1;font-size:14px}.checklist-item-preview span.required{color:var(--text-primary)}.required-tag{color:var(--danger);text-transform:uppercase;background:#ef44441a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.checklist-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;padding:14px 20px;font-size:13px;display:flex}.qa-history{flex-direction:column;gap:24px;display:flex}.history-group{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.history-group-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.history-group-header .group-info strong{color:var(--text-primary);font-size:16px;display:block}.history-group-header .group-info span{color:var(--text-muted);font-size:13px}.inspection-count{color:var(--success);background:#10b9811a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500}.history-timeline{padding:20px;position:relative}.history-timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:30px;bottom:30px;left:40px}.timeline-item{gap:20px;padding-bottom:20px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{z-index:1;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:4px}.timeline-dot.passed{background:var(--success);box-shadow:0 0 0 4px #10b98133}.timeline-dot.failed{background:var(--danger);box-shadow:0 0 0 4px #ef444433}.timeline-dot.observations{background:var(--warning);box-shadow:0 0 0 4px #f59e0b33}.timeline-dot.pending{background:var(--text-muted);box-shadow:0 0 0 4px #64748b33}.timeline-content{background:var(--bg-tertiary);border-radius:10px;flex:1;padding:14px 18px}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.timeline-stage{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:flex}.timeline-stage .nav-icon{color:var(--success);font-size:18px}.timeline-meta{color:var(--text-muted);gap:16px;font-size:13px;display:flex}.timeline-findings{border-top:1px solid var(--border-color);color:var(--warning);align-items:center;gap:6px;margin-top:8px;padding-top:8px;font-size:13px;display:flex}.timeline-findings .nav-icon{font-size:16px}.modal-qa{flex-direction:column;width:700px;max-width:95vw;max-height:90vh;display:flex}.modal-qa .modal-header-icon{background:linear-gradient(135deg,#10b981,#059669)}.modal-finding{width:500px;max-width:95vw}.modal-finding .modal-header-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.inspection-form{padding:20px 0}.form-section{margin-bottom:24px}.form-section h4{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin:0 0 16px;padding-bottom:10px;font-size:15px;font-weight:600}.section-header h4{border:none;margin:0;padding:0}.btn-add-finding{color:var(--warning);cursor:pointer;background:#f59e0b26;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-add-finding:hover{background:var(--warning);color:#fff}.btn-add-finding .nav-icon{font-size:18px}.checklist-form{flex-direction:column;gap:12px;display:flex}.checklist-form-item{background:var(--bg-tertiary);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.checklist-check{align-items:flex-start;gap:10px;display:flex}.checklist-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--success);margin-top:2px}.checklist-check label{color:var(--text-primary);cursor:pointer;font-size:14px}.required-asterisk{color:var(--danger);margin-left:4px}.checklist-notes{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:13px}.checklist-notes::placeholder{color:var(--text-muted)}.checklist-notes:focus{border-color:var(--success);outline:none}.findings-preview{flex-direction:column;gap:8px;display:flex}.finding-preview-item{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.finding-desc-sm{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.no-findings-text{color:var(--text-muted);font-size:14px;font-style:italic}.photo-upload-area{background:var(--bg-tertiary);border:2px dashed var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;transition:all .2s;display:flex}.photo-upload-area:hover{border-color:var(--success);background:#10b9810d}.photo-upload-area .nav-icon{color:var(--text-muted);font-size:32px}.photo-upload-area span{color:var(--text-muted);font-size:14px}.inspection-view{padding:20px 0}.view-section{margin-bottom:24px}.view-section h4{color:var(--text-primary);margin:0 0 16px;font-size:15px;font-weight:600}.view-description{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.view-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.view-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.view-item .material-symbols-rounded{color:var(--accent-primary);flex-shrink:0;margin-top:2px;font-size:20px}.view-item>div{flex-direction:column;gap:2px;display:flex}.view-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.view-value{color:var(--text-primary);font-size:14px;font-weight:500}.view-financial{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;margin-top:24px;padding:16px}.financial-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.financial-row:last-child{border-bottom:none}.financial-row.total{border-top:2px solid var(--border-color);color:var(--success);border-bottom:none;margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.modal-confirm-icon.danger{color:var(--danger);background:#ef444426}.view-header{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.view-result{text-align:center}.view-meta{justify-content:center;gap:24px;display:flex}.view-meta .meta-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.view-meta .meta-item .nav-icon{color:var(--success);font-size:18px}.checklist-results{flex-direction:column;gap:8px;display:flex}.checklist-result-item{background:var(--bg-tertiary);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.checklist-result-item .nav-icon{flex-shrink:0;font-size:20px}.checklist-result-item.passed .nav-icon{color:var(--success)}.checklist-result-item.failed .nav-icon{color:var(--danger)}.result-text{flex-direction:column;gap:4px;display:flex}.result-text span:first-child{color:var(--text-primary);font-size:14px}.result-notes{color:var(--text-muted);font-size:13px;font-style:italic}.findings-view-list{flex-direction:column;gap:12px;display:flex}.finding-view-item{background:var(--bg-tertiary);border-radius:10px;padding:16px}.finding-view-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.finding-view-item p{color:var(--text-primary);margin:0 0 10px;font-size:14px}.finding-location{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.finding-location .nav-icon{font-size:16px}.inspection-notes{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:10px;margin:0;padding:14px;font-size:14px;line-height:1.6}.btn-save-inspection,.btn-save-finding{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b9814d}.btn-save-inspection:hover:not(:disabled),.btn-save-finding:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-save-inspection:disabled,.btn-save-finding:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-save-inspection .nav-icon,.btn-save-finding .nav-icon{font-size:20px}[data-theme=light] .qa-metric-card,[data-theme=light] .finding-card,[data-theme=light] .checklist-card,[data-theme=light] .history-group,[data-theme=light] .qa-table{background:#fff}[data-theme=light] .qa-tabs,[data-theme=light] .qa-table-header,[data-theme=light] .checklist-header,[data-theme=light] .checklist-footer,[data-theme=light] .history-group-header,[data-theme=light] .timeline-content,[data-theme=light] .checklist-form-item,[data-theme=light] .checklist-result-item,[data-theme=light] .finding-view-item,[data-theme=light] .finding-preview-item,[data-theme=light] .qa-footer{background:#f8fafc}[data-theme=light] .qa-table-row:hover{background:#10b9810f}[data-theme=light] .photo-upload-area{background:#f8fafc}.performance-page{flex-direction:column;gap:24px;display:flex}.perf-tabs-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.perf-tab-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.perf-tab-card:before{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.perf-tab-card.orange:before{background:linear-gradient(90deg,#d35400,#e67e22)}.perf-tab-card.purple:before{background:linear-gradient(90deg,#0033b3,#001d66)}.perf-tab-card.blue:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.perf-tab-card.cyan:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.perf-tab-card.green:before{background:linear-gradient(90deg,#10b981,#059669)}.perf-tab-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.perf-tab-card:hover:before,.perf-tab-card.active:before{opacity:1}.perf-tab-card.active{border-color:#0000;box-shadow:0 8px 30px #0033b333}.perf-tab-card.active.orange{border-color:#d3540066;box-shadow:0 8px 30px #d3540033}.perf-tab-card.active.purple{border-color:#0033b366;box-shadow:0 8px 30px #0033b333}.perf-tab-card.active.blue{border-color:#3b82f666;box-shadow:0 8px 30px #3b82f633}.perf-tab-card.active.cyan{border-color:#06b6d466;box-shadow:0 8px 30px #06b6d433}.perf-tab-card.active.green{border-color:#10b98166;box-shadow:0 8px 30px #10b98133}.perf-tab-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.perf-tab-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.perf-tab-icon.orange{color:#d35400;background:#d3540026}.perf-tab-icon.purple{color:#0033b3;background:#0033b326}.perf-tab-icon.blue{color:#3b82f6;background:#3b82f626}.perf-tab-icon.cyan{color:#06b6d4;background:#06b6d426}.perf-tab-icon.green{color:#10b981;background:#10b98126}.perf-tab-icon .material-symbols-rounded{font-size:24px}.perf-tab-arrow{opacity:.6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.perf-tab-arrow.orange{color:#d35400;background:#d354001a}.perf-tab-arrow.purple{color:#0033b3;background:#0033b31a}.perf-tab-arrow.blue{color:#3b82f6;background:#3b82f61a}.perf-tab-arrow.cyan{color:#06b6d4;background:#06b6d41a}.perf-tab-arrow.green{color:#10b981;background:#10b9811a}.perf-tab-arrow .material-symbols-rounded{font-size:18px}.perf-tab-card:hover .perf-tab-arrow{opacity:1;transform:translate(4px)}.perf-tab-content{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.perf-tab-label{color:var(--text-primary);font-size:16px;font-weight:600}.perf-tab-desc{color:var(--text-secondary);font-size:13px}.perf-tab-stat{border-radius:20px;width:fit-content;padding:6px 12px;font-size:13px;font-weight:600}.perf-tab-card.orange .perf-tab-stat{color:#d35400;background:#d3540026}.perf-tab-card.purple .perf-tab-stat{color:#0033b3;background:#0033b326}.perf-tab-card.blue .perf-tab-stat{color:#3b82f6;background:#3b82f626}.perf-tab-card.cyan .perf-tab-stat{color:#06b6d4;background:#06b6d426}.perf-tab-card.green .perf-tab-stat{color:#10b981;background:#10b98126}@media(max-width:1200px){.perf-tabs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.perf-tabs-grid{grid-template-columns:1fr}}.perf-filter-bar{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.perf-search{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;flex:1;align-items:center;gap:10px;max-width:400px;padding:10px 16px;display:flex}.perf-search .material-symbols-rounded{color:var(--text-muted);font-size:20px}.perf-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.perf-search input::placeholder{color:var(--text-muted)}.perf-filter-select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.perf-filter-select:focus{border-color:var(--accent-primary)}.perf-content{flex:1}.perf-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.perf-metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.perf-metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.perf-metric-card.green{border-left:3px solid var(--success)}.perf-metric-card.blue{border-left:3px solid var(--info)}.perf-metric-card.orange{border-left:3px solid var(--warning)}.perf-metric-card.purple{border-left:3px solid var(--accent-primary)}.perf-metric-icon{background:var(--bg-tertiary);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.perf-metric-icon .material-symbols-rounded{color:var(--accent-primary);font-size:24px}.perf-metric-card.green .perf-metric-icon .material-symbols-rounded{color:var(--success)}.perf-metric-card.blue .perf-metric-icon .material-symbols-rounded{color:var(--info)}.perf-metric-card.orange .perf-metric-icon .material-symbols-rounded{color:var(--warning)}.perf-metric-card.purple .perf-metric-icon .material-symbols-rounded{color:var(--accent-primary)}.perf-metric-content{flex-direction:column;gap:2px;display:flex}.perf-metric-value{color:var(--text-primary);font-size:24px;font-weight:700}.perf-metric-label{color:var(--text-secondary);font-size:13px}.perf-metric-sub{color:var(--text-muted);font-size:11px}.perf-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:20px;padding:20px}.perf-section-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.perf-section-title .material-symbols-rounded{color:var(--accent-primary);font-size:22px}.perf-top-performers{flex-direction:column;gap:12px;display:flex}.perf-performer-card{background:var(--bg-tertiary);cursor:pointer;border-radius:10px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.perf-performer-card:hover{background:var(--bg-card-hover);transform:translate(4px)}.perf-rank{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.perf-performer-card:first-child .perf-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.perf-performer-card:nth-child(2) .perf-rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.perf-performer-card:nth-child(3) .perf-rank{background:linear-gradient(135deg,#cd7f32,sienna)}.perf-performer-avatar{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:flex}.perf-performer-info{flex-direction:column;flex:1;gap:2px;display:flex}.perf-performer-name{color:var(--text-primary);font-size:14px;font-weight:600}.perf-performer-dept{color:var(--text-muted);font-size:12px}.perf-performer-score{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.perf-performer-score .score-value{color:var(--success);font-size:18px;font-weight:700}.perf-performer-score .score-label{color:var(--text-muted);font-size:11px}.perf-alerts-list{flex-direction:column;gap:10px;display:flex}.perf-alert-item{background:var(--bg-tertiary);border-left:3px solid var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.perf-alert-item.severity-low{border-left-color:var(--info)}.perf-alert-item.severity-medium{border-left-color:var(--warning)}.perf-alert-item.severity-high{border-left-color:var(--danger)}.perf-alert-item.severity-critical{border-left-color:#dc2626}.perf-alert-item .material-symbols-rounded{color:var(--text-secondary);font-size:22px}.perf-alert-item.severity-low .material-symbols-rounded{color:var(--info)}.perf-alert-item.severity-medium .material-symbols-rounded{color:var(--warning)}.perf-alert-item.severity-high .material-symbols-rounded{color:var(--danger)}.perf-alert-content{flex-direction:column;flex:1;gap:2px;display:flex}.perf-alert-message{color:var(--text-primary);font-size:14px}.perf-alert-meta{color:var(--text-muted);font-size:12px}.perf-alert-severity{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.perf-alert-severity.low{color:var(--info);background:#3b82f626}.perf-alert-severity.medium{color:var(--warning);background:#f59e0b26}.perf-alert-severity.high{color:var(--danger);background:#ef444426}.perf-alert-severity.critical{color:#dc2626;background:#dc262633}.perf-empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.perf-empty-state .material-symbols-rounded{color:var(--success);font-size:48px}.perf-attendance{flex-direction:column;gap:20px;display:flex}.perf-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.perf-date-range{gap:8px;display:flex}.perf-range-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.perf-range-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.perf-range-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.perf-attendance-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.perf-attendance-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.perf-attendance-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.perf-attendance-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.perf-staff-avatar{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.perf-staff-avatar.small{width:36px;height:36px;font-size:12px}.perf-staff-info{flex-direction:column;gap:2px;display:flex}.perf-staff-name{color:var(--text-primary);font-size:15px;font-weight:600}.perf-staff-dept{color:var(--text-muted);font-size:13px}.perf-attendance-stats{gap:12px;margin-bottom:16px;display:flex}.perf-stat{background:var(--bg-tertiary);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;display:flex}.perf-stat.present{border-bottom:2px solid var(--success)}.perf-stat.late{border-bottom:2px solid var(--warning)}.perf-stat.absent{border-bottom:2px solid var(--danger)}.perf-stat .stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.perf-stat.present .stat-value{color:var(--success)}.perf-stat.late .stat-value{color:var(--warning)}.perf-stat.absent .stat-value{color:var(--danger)}.perf-stat .stat-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.perf-attendance-hours{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px;font-size:14px;display:flex}.perf-attendance-hours .material-symbols-rounded{color:var(--accent-primary);font-size:18px}.perf-attendance-timeline{justify-content:center;gap:6px;display:flex}.timeline-dot{background:var(--bg-tertiary);border-radius:50%;width:12px;height:12px}.timeline-dot.present{background:var(--success)}.timeline-dot.late{background:var(--warning)}.timeline-dot.absent{background:var(--danger)}.timeline-dot.empty{background:var(--border-subtle)}.perf-productivity{flex-direction:column;gap:20px;display:flex}.perf-productivity-table{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.perf-productivity-table table{border-collapse:collapse;width:100%}.perf-productivity-table th{text-align:left;background:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);padding:16px;font-size:12px;font-weight:600}.perf-productivity-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:16px;font-size:14px}.perf-productivity-table tr:last-child td{border-bottom:none}.perf-productivity-table tr:hover td{background:var(--bg-tertiary)}.perf-staff-cell{align-items:center;gap:12px;display:flex}.perf-staff-cell .staff-name{font-weight:600;display:block}.perf-staff-cell .staff-code{color:var(--text-muted);font-size:12px;display:block}.division-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:20px;padding:4px 12px;font-size:12px;display:inline-block}.hours-cell{align-items:center;gap:6px;display:flex}.hours-cell .current{color:var(--text-primary);font-weight:600}.hours-cell .vs{color:var(--text-muted);font-size:11px}.hours-cell .last{color:var(--text-muted);font-size:13px}.progress-cell{align-items:center;gap:10px;display:flex}.mini-progress{background:var(--bg-tertiary);border-radius:3px;width:60px;height:6px;overflow:hidden}.mini-progress-fill{background:var(--accent-primary);border-radius:3px;height:100%;transition:width .3s}.score-badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.score-badge.excellent{color:var(--success);background:#10b98126}.score-badge.good{color:var(--info);background:#3b82f626}.score-badge.needs-improvement{color:var(--warning);background:#f59e0b26}.perf-bonuses{flex-direction:column;gap:20px;display:flex}.perf-bonus-summary{flex-wrap:wrap;gap:12px;display:flex}.bonus-type-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:4px;padding:14px 20px;display:flex}.bonus-type-card .bonus-type{color:var(--text-muted);text-transform:uppercase;font-size:12px}.bonus-type-card .bonus-amount{color:var(--success);font-size:18px;font-weight:700}.perf-bonuses-list{flex-direction:column;gap:12px;display:flex}.perf-bonus-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.perf-bonus-card:hover{border-color:var(--success);box-shadow:var(--shadow-md)}.bonus-icon{background:#10b98126;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bonus-icon .material-symbols-rounded{color:var(--success);font-size:24px}.bonus-info{flex-direction:column;flex:1;gap:4px;display:flex}.bonus-staff{color:var(--text-primary);font-size:15px;font-weight:600}.bonus-reason{color:var(--text-secondary);font-size:14px}.bonus-meta{color:var(--text-muted);font-size:12px}.bonus-amount-large{color:var(--success);font-size:22px;font-weight:700}.perf-modal{max-width:600px}.perf-modal.large{max-width:900px}.perf-modal-avatar{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:600;display:flex}.modal-title-section{align-items:center;gap:16px;display:flex}.modal-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400}.perf-detail-body{flex-direction:column;gap:24px;display:flex}.perf-detail-section{border-bottom:1px solid var(--border-subtle);padding-bottom:20px}.perf-detail-section:last-child{border-bottom:none;padding-bottom:0}.perf-detail-section h4{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}.perf-detail-section.half{flex:1;min-width:200px}.perf-detail-columns{flex-wrap:wrap;gap:24px;display:flex}.perf-detail-metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.detail-metric{background:var(--bg-tertiary);text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.detail-metric .metric-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.detail-metric .metric-value{color:var(--text-primary);font-size:20px;font-weight:700}.detail-metric .metric-value.highlight-green{color:var(--success)}.detail-metric .metric-value.highlight-blue{color:var(--info)}.perf-division-bars{flex-direction:column;gap:12px;display:flex}.division-bar-row{align-items:center;gap:12px;display:flex}.division-bar-row .division-name{width:100px;color:var(--text-secondary);font-size:13px}.division-bar{background:var(--bg-tertiary);border-radius:5px;flex:1;height:10px;overflow:hidden}.division-bar-fill{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:5px;height:100%;transition:width .3s}.division-bar-row .division-hours{text-align:right;width:60px;color:var(--text-primary);font-size:13px;font-weight:600}.perf-orders-list{flex-wrap:wrap;gap:10px;display:flex}.order-hours-card{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:12px;padding:10px 16px;display:flex}.order-hours-card .order-number{color:var(--accent-primary);font-size:13px;font-weight:600}.order-hours-card .order-hours{color:var(--text-secondary);font-size:13px}.no-data{color:var(--text-muted);font-size:13px;font-style:italic}.perf-attendance-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.attendance-record{background:var(--bg-tertiary);border-radius:8px;grid-template-columns:100px 80px 120px 60px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:grid}.attendance-record .record-date{color:var(--text-secondary)}.attendance-record .record-status{text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.record-status.present{color:var(--success);background:#10b98126}.record-status.late{color:var(--warning);background:#f59e0b26}.record-status.absent{color:var(--danger);background:#ef444426}.attendance-record .record-time{color:var(--text-muted)}.attendance-record .record-hours{color:var(--text-primary);text-align:right;font-weight:600}.perf-mini-list{flex-direction:column;gap:10px;display:flex}.mini-item{background:var(--bg-tertiary);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.mini-item.bonus{border-left:3px solid var(--success)}.mini-item.alert{border-left:3px solid var(--warning)}.mini-item.alert.high{border-left-color:var(--danger)}.mini-item .material-symbols-rounded{color:var(--text-secondary);font-size:20px}.mini-item.bonus .material-symbols-rounded{color:var(--success)}.mini-item.alert .material-symbols-rounded{color:var(--warning)}.mini-info{flex-direction:column;flex:1;gap:2px;display:flex}.mini-info .mini-title{color:var(--text-primary);font-size:13px;font-weight:600}.mini-info .mini-sub{color:var(--text-muted);font-size:11px}[data-theme=light] .perf-tab-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .perf-tab-card:hover{background:#fff;border-color:#cbd5e1}[data-theme=light] .perf-metric-card,[data-theme=light] .perf-section,[data-theme=light] .perf-attendance-card,[data-theme=light] .perf-productivity-table,[data-theme=light] .perf-bonus-card,[data-theme=light] .bonus-type-card{background:#fff}[data-theme=light] .perf-search,[data-theme=light] .perf-filter-select,[data-theme=light] .perf-range-btn{background:#f8fafc}[data-theme=light] .perf-performer-card,[data-theme=light] .perf-alert-item,[data-theme=light] .perf-stat,[data-theme=light] .perf-attendance-hours,[data-theme=light] .detail-metric,[data-theme=light] .division-bar,[data-theme=light] .order-hours-card,[data-theme=light] .attendance-record,[data-theme=light] .mini-item,[data-theme=light] .perf-productivity-table th,[data-theme=light] .perf-metric-icon{background:#f1f5f9}[data-theme=light] .perf-productivity-table tr:hover td{background:#f8fafc}.staff-duty-page{padding:0}.duty-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.duty-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:16px;padding:24px;display:flex}.duty-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.duty-stat-icon .material-symbols-rounded{color:#fff;font-size:28px}.duty-stat-card.working .duty-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.duty-stat-card.break .duty-stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.duty-stat-card.total .duty-stat-icon{background:linear-gradient(135deg,#d35400,#e67e22)}.duty-stat-value{color:var(--text-primary);font-size:32px;font-weight:700}.duty-stat-label{color:var(--text-muted);font-size:13px}.duty-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.duty-filters{gap:8px;display:flex}.filter-btn{color:#c8d7ebe6;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#1e376480,#142d5566);border:2px solid #6496c84d;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s}.filter-btn:hover{color:#e67e22;background:linear-gradient(145deg,#d3540026,#e67e221a);border-color:#d3540099;transform:translateY(-2px)}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-color:#d35400;transform:translateY(-2px);box-shadow:0 6px 20px #d3540059}.duty-staff-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.duty-staff-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#19325f80,#12285073);border:2px solid #ffffff14;border-radius:16px;transition:all .3s;overflow:hidden}.duty-staff-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #00000040}.duty-staff-card.working{background:linear-gradient(145deg,#10b98114,#19325f80);border-color:#10b9814d}.duty-staff-card.working:hover{border-color:#10b98180;box-shadow:0 12px 35px #10b98133}.duty-staff-card.break{background:linear-gradient(145deg,#f59e0b14,#19325f80);border-color:#f59e0b4d}.duty-staff-card.break:hover{border-color:#f59e0b80;box-shadow:0 12px 35px #f59e0b33}.duty-staff-card.offline{background:linear-gradient(145deg,#ef44440f,#1e283c80);border-color:#ef444440}.duty-staff-card.offline:hover{border-color:#ef444466;box-shadow:0 12px 35px #ef444426}.duty-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px;display:flex}.duty-avatar{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:16px;font-weight:700;display:flex}.duty-avatar.working{background:linear-gradient(135deg,#10b981,#059669)}.duty-avatar.break{background:linear-gradient(135deg,#f59e0b,#d97706)}.duty-avatar.offline{background:linear-gradient(135deg,#64748b,#475569)}.duty-status-indicator{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.duty-status-indicator .status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.duty-status-indicator.working{color:var(--success);background:#10b98126}.duty-status-indicator.working .status-dot{background:var(--success)}.duty-status-indicator.break{color:var(--warning);background:#f59e0b26}.duty-status-indicator.break .status-dot{background:var(--warning)}.duty-status-indicator.offline{color:#f87171;background:#ef444426}.duty-status-indicator.offline .status-dot{background:#ef4444;animation:none}.duty-card-body{padding:20px}.duty-staff-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.duty-staff-role{color:var(--text-muted);font-size:13px}.duty-card-task{border-top:1px solid var(--border-subtle);background:#0033b30a;padding:16px 20px}.task-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.task-value{color:var(--text-primary);font-size:14px;font-weight:500}.duty-card-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.duty-card-footer .material-symbols-rounded{font-size:16px}.duty-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.duty-empty .material-symbols-rounded{opacity:.5;margin-bottom:12px;font-size:48px}.top-clients-page{padding:0}.clients-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.clients-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:16px;padding:24px;display:flex}.clients-stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.clients-stat-icon .material-symbols-rounded{color:#fff;font-size:28px}.clients-stat-card.revenue .clients-stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.clients-stat-card.orders .clients-stat-icon{background:linear-gradient(135deg,#d35400,#e67e22)}.clients-stat-card.avg .clients-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.clients-stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.clients-stat-label{color:var(--text-muted);font-size:13px}.top-clients-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sort-buttons{gap:8px;display:flex}.sort-btn{border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sort-btn .material-symbols-rounded{font-size:18px}.sort-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sort-btn.active{border-color:var(--accent-primary);color:#fff;background:linear-gradient(135deg,#d35400,#e67e22)}.top-clients-table-container{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.top-clients-table{width:100%}.top-clients-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#0033b30a;grid-template-columns:80px 2fr 1fr 1fr 1fr 140px;padding:16px 24px;font-size:11px;font-weight:600;display:grid}.top-clients-table-body{max-height:calc(100vh - 400px);overflow-y:auto}.top-clients-table-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:80px 2fr 1fr 1fr 1fr 140px;align-items:center;padding:16px 24px;transition:background .2s;display:grid}.top-clients-table-row:hover{background:#0033b30a}.top-clients-table-row:last-child{border-bottom:none}.rank-badge{width:36px;height:36px;color:var(--accent-primary);background:#0033b31a;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rank-badge.top-1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-badge.top-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-badge.top-3{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.top-clients-table-row .col-name{align-items:center;gap:12px;display:flex}.top-clients-table-row .client-avatar{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:600;display:flex}.top-clients-table-row .col-name span{color:var(--text-primary);font-weight:600}.top-clients-table-row .col-orders{color:var(--text-primary);font-size:14px;font-weight:600}.top-clients-table-row .col-revenue{color:var(--success);font-size:14px;font-weight:700}.top-clients-table-row .col-last{color:var(--text-secondary);font-size:13px}.trend-badge{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.trend-badge .material-symbols-rounded{font-size:16px}.trend-badge.up{color:var(--success);background:#10b98126}.trend-badge.down{color:var(--danger);background:#ef444426}.trend-badge.stable{color:var(--text-muted);background:#64748b26}.activity-log-page{animation:.4s forwards fadeIn}.activity-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.activity-search{flex:1;min-width:250px;max-width:350px}.activity-filters{gap:16px;display:flex}.activity-filters .filter-group{align-items:center;gap:8px;display:flex}.activity-filters .filter-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.activity-filters .filter-group select{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;min-width:100px;padding:8px 12px;font-size:13px}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.activity-item:hover{border-color:var(--border-hover)}.activity-item.expanded{border-color:var(--accent-primary)}.activity-main{cursor:pointer;align-items:center;gap:16px;padding:16px 20px;display:flex}.activity-action-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.activity-action-badge .nav-icon{font-size:16px}.activity-module-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.activity-module-badge .nav-icon{font-size:16px}.activity-entity{flex-direction:column;flex:1;gap:2px;display:flex}.activity-entity .entity-name{color:var(--text-primary);font-size:14px;font-weight:600}.activity-entity .entity-id{color:var(--text-muted);font-family:monospace;font-size:12px}.activity-user{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.activity-user .nav-icon{font-size:18px}.activity-time{flex-direction:column;align-items:flex-end;gap:2px;min-width:120px;display:flex}.activity-time .time-relative{color:var(--text-primary);font-size:13px;font-weight:500}.activity-time .time-full{color:var(--text-muted);font-size:11px}.activity-expand{color:var(--text-muted)}.activity-expand .nav-icon{font-size:24px}.activity-details{border-top:1px solid var(--border-color);background:var(--bg-tertiary);padding:16px 20px}.activity-details h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.changes-list{flex-direction:column;gap:8px;display:flex}.change-item{align-items:center;gap:8px;font-size:13px;display:flex}.change-key{color:var(--text-secondary);min-width:100px;font-weight:500}.change-value{align-items:center;gap:8px;display:flex}.change-value .old-value{color:var(--text-muted);text-decoration:line-through}.change-value .new-value{color:var(--accent-primary);font-weight:500}.change-value .nav-icon{color:var(--text-muted);font-size:16px}.no-changes{color:var(--text-muted);font-style:italic}.activity-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.activity-empty .nav-icon{opacity:.5;margin-bottom:16px;font-size:48px}.categories-page,.units-page{animation:.4s forwards fadeIn}.catalog-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.catalog-search{flex:1;max-width:350px}.catalog-table{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.catalog-table-header{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#d35400,#e67e22);grid-template-columns:50px 200px 1fr 100px;gap:16px;padding:14px 20px;font-size:13px;font-weight:600;display:grid}.catalog-table-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:50px 200px 1fr 100px;align-items:center;gap:16px;padding:14px 20px;transition:background .2s;display:grid}.catalog-table-row:last-child{border-bottom:none}.catalog-table-row:hover{box-shadow:inset 3px 0 0 var(--accent-secondary);background:linear-gradient(90deg,#0033b314,#d354000a)}.catalog-table-header .sortable,.catalog-table-row .sortable{cursor:pointer;align-items:center;gap:6px;display:flex}.catalog-table-header .sortable:hover{opacity:.8}.catalog-table-header .nav-icon{font-size:16px}.catalog-table-row .col-name{color:var(--text-primary);font-weight:500}.catalog-table-row .col-description{color:var(--text-secondary);font-size:13px}.catalog-table-row .col-actions{justify-content:center;display:flex}.catalog-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.catalog-empty .nav-icon{opacity:.5;margin-bottom:16px;font-size:48px}.loading-state,.error-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:80px 20px;animation:.3s ease-out fadeIn;display:flex}.loading-state .material-symbols-rounded,.error-state .material-symbols-rounded{opacity:.8;margin-bottom:20px;font-size:56px}.loading-state .material-symbols-rounded{color:var(--accent-primary);filter:drop-shadow(0 0 15px #0047e066);animation:1.2s cubic-bezier(.4,0,.2,1) infinite spinGlow}@keyframes spinGlow{0%{filter:drop-shadow(0 0 10px #0047e04d);transform:rotate(0)}50%{filter:drop-shadow(0 0 25px #d3540080)}to{filter:drop-shadow(0 0 10px #0047e04d);transform:rotate(360deg)}}.skeleton-loader{background:linear-gradient(90deg,#1e3c784d,#3c5a9680,#1e3c784d) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:16px;height:120px}.skeleton-row{height:48px;margin-bottom:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:60%}.skeleton-text.long{width:80%}.error-state .material-symbols-rounded{color:var(--danger)}.loading-state p,.error-state p{margin:0 0 16px;font-size:14px}.error-state button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.error-state button:hover{background:var(--accent-secondary);transform:translateY(-2px)}.modal-catalog{width:95%;max-width:500px}.modal-catalog .modal-header{align-items:flex-start;gap:16px;padding:24px;display:flex}.modal-catalog .modal-body,.modal-catalog .modal-footer{padding:0 24px 24px}[data-theme=light] .activity-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .activity-item:hover{border-color:#cbd5e1}[data-theme=light] .activity-details{background:#f8fafc}[data-theme=light] .catalog-table{background:#fff;border-color:#e2e8f0}[data-theme=light] .catalog-table-row:hover{background:#0033b30f}.view-toggle-buttons{background:var(--bg-tertiary);border-radius:10px;gap:4px;margin-left:auto;padding:4px;display:flex}.view-toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.view-toggle-btn .nav-icon{font-size:20px}.clients-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.client-card{-webkit-backdrop-filter:blur(20px);background:#0f285a73;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.client-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.client-card:hover{background:#1432648c;border-color:#d3540066;transform:translateY(-6px);box-shadow:0 20px 50px #0000004d,0 0 40px #d354001a}.client-card-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.client-card .client-avatar{color:#fff;width:56px;height:56px;font-size:18px;font-weight:700;font-family:var(--font-display);border-radius:14px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0003}.client-card:hover .client-avatar{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}.client-avatar{background:linear-gradient(135deg,#d35400,#e67e22)}.client-avatar.color-1{background:linear-gradient(135deg,#0033b3,#06f)}.client-avatar.color-2{background:linear-gradient(135deg,#7c3aed,#a855f7)}.client-avatar.color-3{background:linear-gradient(135deg,#0d9488,#14b8a6)}.client-avatar.color-4{background:linear-gradient(135deg,#db2777,#ec4899)}.client-avatar.color-5{background:linear-gradient(135deg,#4f46e5,#6366f1)}.client-avatar.color-6{background:linear-gradient(135deg,#059669,#10b981)}.client-avatar.color-7{background:linear-gradient(135deg,#d35400,#e67e22)}.client-avatar.color-8{background:linear-gradient(135deg,#475569,#64748b)}.client-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.client-status-badge .status-dot{border-radius:50%;width:8px;height:8px}.client-status-badge.active{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.client-status-badge.active .status-dot{background:#10b981;animation:2s infinite pulse-green;box-shadow:0 0 8px #10b981}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.client-status-badge.pending{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.client-status-badge.pending .status-dot{background:#f59e0b;animation:1.5s infinite pulse-orange}@keyframes pulse-orange{0%,to{opacity:1}50%{opacity:.5}}.client-status-badge.inactive{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.client-status-badge.inactive .status-dot{background:#ef4444}.client-status-badge.gray{color:#64748b;background:#64748b26;border:1px solid #64748b4d}.client-status-badge.gray .status-dot{opacity:.5;background:#64748b}.client-card-body{flex-direction:column;flex:1;padding:16px 20px;display:flex}.client-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.client-company{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.client-details{flex-direction:column;gap:10px;display:flex}.client-detail{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.client-detail .nav-icon,.client-detail .material-symbols-rounded{color:var(--orange-secondary);flex-shrink:0;font-size:18px}.client-detail span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.client-card-footer{border-top:1px solid var(--border-subtle);background:#00000005;gap:8px;padding:16px 20px;display:flex}.btn-card-action{cursor:pointer;background:var(--accent-primary);color:#fff;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-card-action:hover{background:#001d66;transform:translateY(-1px)}.btn-card-action.secondary{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-card-action.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.btn-card-action .nav-icon{font-size:18px}.clients-empty-grid{color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.clients-empty-grid .nav-icon{opacity:.4;margin-bottom:16px;font-size:64px}.top-clients-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.top-client-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.top-client-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.top-client-card.top-rank:before{content:"";background:linear-gradient(135deg,#d35400,#e67e22);height:4px;position:absolute;top:0;left:0;right:0}.top-client-card-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.top-client-card-header .rank-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700}.top-client-card-header .rank-badge.top-1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.top-client-card-header .rank-badge.top-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.top-client-card-header .rank-badge.top-3{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.top-client-card-header .trend-badge{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.top-client-card-header .trend-badge.up{color:#10b981;background:#10b98126}.top-client-card-header .trend-badge.down{color:#ef4444;background:#ef444426}.top-client-card-header .trend-badge.stable{color:#64748b;background:#64748b26}.top-client-card-body{text-align:center;padding:20px}.top-client-avatar{color:#fff;width:72px;height:72px;font-size:24px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#d35400,#e67e22);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.top-client-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 20px;font-size:18px;font-weight:600}.top-client-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.top-client-stat{background:var(--bg-tertiary);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.top-client-stat .nav-icon{color:var(--color-orange);font-size:20px}.top-client-stat:first-child .nav-icon{color:#10b981}.top-client-stat:last-child .nav-icon{color:var(--color-orange)}.top-client-stat .stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:700}.top-client-stat .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.top-client-card-footer{border-top:1px solid var(--border-subtle);background:#00000005;padding:16px 20px}.top-client-card-footer .last-order{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.top-client-card-footer .last-order .nav-icon{color:var(--accent-primary);font-size:16px}.top-clients-empty-grid{color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.top-clients-empty-grid .nav-icon{opacity:.4;margin-bottom:16px;font-size:64px}.suppliers-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.supplier-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.supplier-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.supplier-card-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.supplier-card .supplier-avatar{color:#fff;width:56px;height:56px;font-size:18px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;justify-content:center;align-items:center;display:flex}.supplier-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.supplier-status-badge.active{color:#10b981;background:#10b98126}.supplier-status-badge.pending{color:#f59e0b;background:#f59e0b26}.supplier-status-badge.inactive{color:#ef4444;background:#ef444426}.supplier-card-body{padding:16px 20px}.supplier-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.supplier-company{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.supplier-details{flex-direction:column;gap:10px;display:flex}.supplier-detail{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;display:flex}.supplier-detail .nav-icon{color:#3b82f6;flex-shrink:0;margin-top:1px;font-size:18px}.supplier-detail span{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.supplier-card-footer{border-top:1px solid var(--border-subtle);background:#00000005;gap:8px;padding:16px 20px;display:flex}.suppliers-empty-grid{color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px 20px;display:flex}.suppliers-empty-grid .nav-icon{opacity:.4;margin-bottom:16px;font-size:64px}.materials-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.material-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.material-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.material-card-icon .nav-icon{font-size:26px}.material-card-badges .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.qb-status-badge .nav-icon{font-size:20px}.material-card-body{padding:16px 20px}.material-card-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.material-card-code{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.material-card-details{flex-direction:column;gap:10px;margin-top:16px;display:flex}.material-detail .nav-icon{color:var(--accent-primary);flex-shrink:0;font-size:18px}.material-stock{flex-direction:column;display:flex}.material-stock .stock-value{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:700}.materials-cards-grid .materials-empty{grid-column:1/-1}.projects-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.project-card-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.project-card-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.project-card-icon .nav-icon{font-size:26px}.project-card-body{padding:16px 20px}.project-card-name{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.project-card-description{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;display:-webkit-box;overflow:hidden}.project-card-client{background:linear-gradient(135deg,#6366f11a,#4f46e50d);border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.project-card-client .nav-icon{color:#6366f1;font-size:18px}.project-card-client span{color:var(--text-primary);font-size:14px;font-weight:600}.project-card-details{flex-direction:column;gap:8px;display:flex}.project-detail{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.project-detail .nav-icon{color:var(--text-muted);flex-shrink:0;font-size:18px}.project-card-footer{border-top:1px solid var(--border-subtle);background:#00000005;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.project-total{flex-direction:column;display:flex}.project-total .total-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.project-total .total-value{font-family:var(--font-display);color:#10b981;font-size:20px;font-weight:700}.projects-cards-grid .projects-empty{grid-column:1/-1}.operations-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.operation-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;transition:all .3s;overflow:hidden}.operation-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.operation-card-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.operation-card-icon{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.operation-card-icon .nav-icon{font-size:26px}.operation-card-badges{align-items:center;gap:8px;display:flex}.operation-card-body{padding:16px 20px}.operation-card-wo{font-family:var(--font-display);color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.operation-card-project{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.operation-card-stage,.operation-card-progress{margin-bottom:12px}.operation-card-progress .progress-info{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.operation-card-progress .progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.operation-card-progress .progress-bar-fill{background:linear-gradient(90deg,#06b6d4,#10b981);border-radius:4px;height:100%;transition:width .3s}.operation-card-details{flex-direction:column;gap:8px;display:flex}.operation-detail{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.operation-detail .nav-icon{color:var(--text-muted);flex-shrink:0;font-size:18px}.operation-card-footer{border-top:1px solid var(--border-subtle);background:#00000005;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.operations-cards-grid .operations-empty{grid-column:1/-1}[data-theme=light] .client-card,[data-theme=light] .top-client-card,[data-theme=light] .supplier-card,[data-theme=light] .material-card,[data-theme=light] .project-card,[data-theme=light] .operation-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .client-card:hover,[data-theme=light] .top-client-card:hover,[data-theme=light] .supplier-card:hover,[data-theme=light] .material-card:hover,[data-theme=light] .project-card:hover,[data-theme=light] .operation-card:hover{box-shadow:0 12px 40px #00000014}[data-theme=light] .client-card-footer,[data-theme=light] .top-client-card-footer,[data-theme=light] .supplier-card-footer,[data-theme=light] .material-card-footer,[data-theme=light] .project-card-footer,[data-theme=light] .operation-card-footer{background:#00000005}[data-theme=light] .top-client-stat,[data-theme=light] .view-toggle-buttons{background:#f1f5f9}@media(max-width:768px){.clients-cards-grid,.top-clients-cards-grid,.suppliers-cards-grid,.materials-cards-grid,.projects-cards-grid,.operations-cards-grid{grid-template-columns:1fr}.view-toggle-buttons{display:none}}.project-analysis-page{animation:.4s forwards fadeIn}.pa-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.pa-header-icon{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pa-header-icon .material-symbols-rounded{color:#fff;font-size:24px}.pa-header-text h1{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.pa-header-text p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.pa-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.pa-stat-card{color:#fff;border-radius:16px;padding:24px}.pa-stat-card.purple{background:linear-gradient(135deg,#0033b3,#001d66)}.pa-stat-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.pa-stat-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pa-stat-card.green{background:linear-gradient(135deg,#10b981,#059669)}.pa-stat-card.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.pa-stat-value{font-family:var(--font-display);margin-bottom:4px;font-size:36px;font-weight:700;line-height:1}.pa-stat-label{opacity:.9;font-size:14px}.pa-badges-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.pa-badge{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:100px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pa-badge:hover{border-color:var(--border-color);transform:translateY(-2px)}.pa-badge .material-symbols-rounded{font-size:18px}.pa-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;margin-bottom:20px;padding:24px}.pa-card-header{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.pa-card-header .material-symbols-rounded{color:#ff6b35;font-size:22px}.pa-card-header.blue .material-symbols-rounded{color:#3b82f6}.pa-card-header.green .material-symbols-rounded{color:#10b981}.pa-card-header.orange .material-symbols-rounded{color:#ff6b35}.pa-card-header.yellow .material-symbols-rounded{color:#f59e0b}.pa-card-header.purple .material-symbols-rounded{color:#8b5cf6}.pa-card-header .pa-status-badge{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;border-radius:100px;align-items:center;gap:8px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.pa-card-desc{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.7}.pa-card-desc strong{color:var(--accent-primary)}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.green{background:#10b981}.status-dot.blue{background:#3b82f6}.status-dot.orange{background:#f59e0b}.pa-provider-cards{flex-direction:column;gap:12px;display:flex}.pa-provider-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.pa-provider-card.active{border-color:var(--accent-primary);background:#0033b31f}.pa-provider-icon{font-size:32px;line-height:1}.pa-provider-info{flex:1}.pa-provider-name{color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.pa-provider-badge{letter-spacing:.5px;color:var(--text-secondary);background:#64748b40;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.pa-provider-badge.primary{color:var(--accent-primary);background:#0033b333}.pa-provider-sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.pa-provider-status{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.pa-provider-status.connected{color:#10b981}.pa-provider-status.ready{color:#3b82f6}.pa-actions-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pa-action-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.pa-action-card:hover{border-color:var(--border-color);transform:translateY(-2px)}.pa-action-card.success{background:#10b9811a;border-color:#10b981}.pa-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pa-action-icon .material-symbols-rounded{font-size:22px}.pa-action-name{color:var(--text-primary);font-size:14px;font-weight:600}.pa-action-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.pa-two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pa-breakdown-list{flex-direction:column;gap:20px;display:flex}.pa-breakdown-label{color:var(--text-primary);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.pa-breakdown-value{color:var(--text-secondary)}.pa-breakdown-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.pa-breakdown-fill{border-radius:4px;height:100%;transition:width .5s}.pa-tech-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.pa-tech-item{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:20px;transition:all .2s}.pa-tech-item:hover{background:#0033b31a}.pa-tech-emoji{margin-bottom:10px;font-size:36px}.pa-tech-name{color:var(--text-primary);font-size:15px;font-weight:600}.pa-tech-sub{color:var(--text-secondary);margin-top:4px;font-size:12px}.pa-features-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pa-feature-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .2s}.pa-feature-card:hover{transform:translateY(-2px)}.pa-feature-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.pa-feature-icon .material-symbols-rounded{font-size:22px}.pa-feature-name{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.pa-feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.pa-metrics-list{flex-direction:column;gap:12px;display:flex}.pa-metric-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex}.pa-metric-icon .material-symbols-rounded{font-size:20px}.pa-metric-name{color:var(--text-secondary);flex:1;font-size:14px}.pa-metric-value{font-family:var(--font-display);font-size:15px;font-weight:600}.pa-header-hint{color:var(--text-secondary);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:400;display:flex}.pa-header-hint .material-symbols-rounded{color:var(--accent-primary);font-size:16px}.pa-modules-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.pa-module-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.pa-module-card:hover{border-color:var(--border-color);transform:translateY(-2px)}.pa-module-icon{background:linear-gradient(135deg,#0033b326,#3366ff1a);border:1px solid #36f3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pa-module-icon .material-symbols-rounded{color:#3b82f6;font-size:20px}.pa-module-icon.orange{background:linear-gradient(135deg,#ff6b3533,#ff8c5a1a);border-color:#ff6b354d}.pa-module-icon.orange .material-symbols-rounded{color:#ff6b35}.pa-module-icon.green{background:linear-gradient(135deg,#10b98133,#34d3991a);border-color:#10b9814d}.pa-module-icon.green .material-symbols-rounded{color:#10b981}.pa-module-icon.purple{background:linear-gradient(135deg,#8b5cf633,#a78bfa1a);border-color:#8b5cf64d}.pa-module-icon.purple .material-symbols-rounded{color:#8b5cf6}.pa-module-icon.blue{background:linear-gradient(135deg,#3b82f633,#60a5fa1a);border-color:#3b82f64d}.pa-module-icon.blue .material-symbols-rounded{color:#3b82f6}.pa-module-icon.yellow{background:linear-gradient(135deg,#f59e0b33,#fbbf241a);border-color:#f59e0b4d}.pa-module-icon.yellow .material-symbols-rounded{color:#f59e0b}.pa-module-icon.red{background:linear-gradient(135deg,#ef444433,#f871711a);border-color:#ef44444d}.pa-module-icon.red .material-symbols-rounded{color:#ef4444}.pa-module-info{flex:1;min-width:0}.pa-module-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pa-module-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pa-module-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.pa-module-version{color:var(--text-secondary);font-size:11px}.pa-module-info-btn{color:#a78bfa;cursor:pointer;opacity:0;background:#0033b326;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.pa-module-card:hover .pa-module-info-btn{opacity:1}.pa-module-info-btn:hover{background:#0033b34d;transform:scale(1.1)}.pa-module-info-btn .nav-icon{font-size:14px}.pa-module-dot{border-radius:50%;width:8px;height:8px}.pa-footer{justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:32px;display:flex}.pa-footer-logo{background:linear-gradient(135deg,#d35400,#e67e22);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pa-footer-logo span{font-family:var(--font-display);color:#fff;font-size:16px;font-weight:800}.pa-footer-text{color:var(--text-secondary);font-size:14px}.pa-footer-text strong{color:var(--text-primary)}.pa-footer-version{color:var(--text-secondary);font-size:12px}[data-theme=light] .pa-provider-card,[data-theme=light] .pa-action-card,[data-theme=light] .pa-tech-item,[data-theme=light] .pa-metric-row{background:#00000008}[data-theme=light] .pa-module-card,[data-theme=light] .pa-feature-card{background:#00000005}.pa-module-card.clickable{cursor:pointer}.pa-module-card.clickable:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #0033b326}.modal-pa-module{width:90%;max-width:600px}.pa-modal-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.pa-modal-stat{background:var(--bg-tertiary);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.pa-modal-stat-icon{background:#0033b31a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pa-modal-stat-icon .nav-icon{font-size:22px}.pa-modal-stat-info{flex-direction:column;display:flex}.pa-modal-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:700}.pa-modal-stat-label{color:var(--text-muted);font-size:12px}.pa-modal-section{margin-bottom:20px}.pa-modal-section h4{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.pa-modal-section h4 .nav-icon{color:var(--accent-primary);font-size:18px}.pa-modal-features{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pa-modal-feature{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.pa-modal-feature .nav-icon{font-size:18px}.pa-modal-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pa-modal-info-item{background:var(--bg-tertiary);border-radius:8px;justify-content:space-between;padding:10px 14px;display:flex}.pa-modal-info-label{color:var(--text-muted);font-size:12px}.pa-modal-info-value{color:var(--text-primary);font-size:13px;font-weight:600}@media(max-width:1200px){.pa-stats-row,.pa-features-grid,.pa-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pa-stats-row,.pa-two-col,.pa-features-grid,.pa-actions-grid,.pa-modules-grid{grid-template-columns:1fr}}.module-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.module-stat-card{-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border);background:linear-gradient(135deg,#1e3c7866,#142d5f80);border-top:1px solid #ffffff26;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.module-stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.module-stat-card:hover:before{left:100%}.module-stat-card:hover{background:linear-gradient(135deg,#284b8c80,#19376e99);border-color:#d3540066;transform:translateY(-6px)scale(1.02);box-shadow:0 25px 50px #0000004d,0 0 40px #d3540026,inset 0 1px #ffffff26}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon .material-symbols-rounded{color:#fff;font-size:26px}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.purple{background:linear-gradient(135deg,#0033b3,#001d66)}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-icon.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-icon.gray{background:linear-gradient(135deg,#64748b,#475569)}.stat-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.stat-icon.amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:13px}@media(max-width:1200px){.module-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.module-stats-row{grid-template-columns:1fr}.module-stat-card{padding:16px 20px}.stat-icon{width:44px;height:44px}.stat-icon .material-symbols-rounded{font-size:22px}.stat-value{font-size:24px}}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.loading-grid{background-image:linear-gradient(#0033b308 1px,#0000 1px),linear-gradient(90deg,#0033b308 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.loading-screen:before{content:"";background:radial-gradient(circle,var(--orange-primary)0%,transparent 70%);filter:blur(80px);opacity:.15;border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite ambientPulse;position:absolute;top:30%;left:20%}.loading-screen:after{content:"";background:radial-gradient(circle,var(--accent-primary)0%,transparent 70%);filter:blur(60px);opacity:.2;border-radius:50%;width:300px;height:300px;animation:4s ease-in-out infinite reverse ambientPulse;position:absolute;bottom:20%;right:20%}@keyframes ambientPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.3)}}.loading-content{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:3rem;display:flex}.industrial-loader{width:200px;height:200px;animation:.8s ease-out fadeInUp;position:relative}.gear{border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.gear-large{border:3px solid var(--accent-primary);background:linear-gradient(135deg,#1a2744,#0d1829);width:100px;height:100px;animation:3s linear infinite gearRotate;top:20px;left:10px;box-shadow:inset 0 0 20px #0033b380,0 0 30px #0033b34d}.gear-medium{border:2px solid var(--orange-primary);background:linear-gradient(135deg,#2a1a10,#1a0d05);width:60px;height:60px;animation:2s linear infinite reverse gearRotate;top:60px;right:30px;box-shadow:inset 0 0 15px #ff6b3580,0 0 20px #ff6b354d}.gear-inner{background:var(--bg-primary);border:2px solid;border-radius:50%;width:30%;height:30%}.gear-large .gear-inner{border-color:var(--accent-primary)}.gear-medium .gear-inner{border-color:var(--orange-primary)}.gear-tooth{justify-content:center;width:100%;height:100%;display:flex;position:absolute}.gear-tooth:before{content:"";background:inherit;border:inherit;border-width:2px;border-radius:3px;width:15%;height:20%;position:absolute;top:-10%}.gear-large .gear-tooth:before{background:linear-gradient(to top,#1a2744,var(--accent-primary));border-color:var(--accent-primary)}.gear-medium .gear-tooth:before{background:linear-gradient(to top,#2a1a10,var(--orange-primary));border-color:var(--orange-primary)}@keyframes gearRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saw-blade{background:linear-gradient(135deg,#333,#1a1a1a);border:2px solid #555;border-radius:50%;width:80px;height:80px;animation:.5s linear infinite sawSpin;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 20px #000c,0 0 15px #ff6b3533}.saw-center{background:var(--orange-gradient);width:20px;height:20px;box-shadow:0 0 10px var(--orange-glow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saw-tooth{width:100%;height:100%;position:absolute;top:0;left:0}.saw-tooth:before{content:"";filter:drop-shadow(0 0 2px #ff6b3580);border-bottom:12px solid #666;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}@keyframes sawSpin{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}.sparks{width:40px;height:40px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.spark{background:var(--orange-primary);width:4px;height:4px;box-shadow:0 0 6px var(--orange-primary),0 0 12px var(--orange-glow);border-radius:50%;position:absolute}.spark-1{animation:.6s ease-out infinite sparkFly1}.spark-2{animation:.6s ease-out .1s infinite sparkFly2}.spark-3{animation:.6s ease-out .2s infinite sparkFly3}.spark-4{animation:.6s ease-out .3s infinite sparkFly4}@keyframes sparkFly1{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-30px,-40px)scale(0)}}@keyframes sparkFly2{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(25px,-35px)scale(0)}}@keyframes sparkFly3{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px,-50px)scale(0)}}@keyframes sparkFly4{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(35px,-30px)scale(0)}}.cutting-line{background:#ffffff1a;border-radius:2px;width:120px;height:4px;position:absolute;bottom:-20px;left:50%;overflow:hidden;transform:translate(-50%)}.cutting-progress{background:var(--orange-gradient);width:0%;height:100%;box-shadow:0 0 10px var(--orange-glow);border-radius:2px;animation:2s ease-in-out infinite cuttingProgress}@keyframes cuttingProgress{0%{width:0%}50%{width:100%}to{width:0%}}.loading-brand{animation:.8s ease-out .3s both fadeInUp}.loading-title{font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,var(--orange-primary)50%,#fff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:900;animation:3s linear infinite shimmerText}@keyframes shimmerText{0%{background-position:0%}to{background-position:200%}}.loading-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:4px;margin-bottom:1.5rem;font-size:.85rem}.loading-status{color:var(--text-secondary);font-size:.9rem;font-family:var(--font-mono);justify-content:center;align-items:center;gap:10px;display:flex}.status-dot{background:var(--orange-primary);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite statusPulse}@media(max-width:480px){.industrial-loader{transform:scale(.8)}.loading-title{font-size:2rem}.loading-subtitle{letter-spacing:2px;font-size:.7rem}}.material-form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #0033b31a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--text-muted)}.form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.delete-confirm{text-align:center;padding:1rem 0}.delete-confirm .warning-icon{color:var(--warning);margin-bottom:1rem;font-size:48px}.delete-confirm p{color:var(--text-secondary);margin-bottom:.5rem}.delete-confirm .text-muted{color:var(--text-muted);font-size:.875rem}.delete-confirm .form-actions{justify-content:center;margin-top:1.5rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.bom-page{padding:2rem}.bom-table .materials-table-header,.bom-table .materials-table-row{grid-template-columns:45px 40px 90px 1.5fr 1.2fr 90px 100px 80px 70px 130px;gap:8px;min-width:1000px}.bom-table .col-expand{width:40px;min-width:40px}.bom-table .col-code{width:90px;min-width:90px}.bom-table .col-name{flex:1;min-width:150px}.bom-table .col-product{flex:1;min-width:120px}.bom-table .col-components{text-align:center;width:90px;min-width:90px}.bom-table .col-cost{text-align:right;width:100px;min-width:100px}.bom-table .col-status{text-align:center;width:80px;min-width:80px}.bom-table .col-stock-status{text-align:center;width:70px;min-width:70px}.bom-table .col-actions{width:130px;min-width:130px}.btn-expand{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.btn-expand:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.bom-row-container{flex-direction:column;display:flex}.materials-table-row.expanded{background:var(--bg-tertiary);border-bottom:none}.bom-components-expanded{border-left:3px solid var(--accent-primary);background:linear-gradient(135deg,#0033b30d,#0033b305);border-radius:0 8px 8px 0;margin-bottom:.5rem;margin-left:60px;overflow:hidden}.components-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#0033b31a;grid-template-columns:50px 80px 1fr 60px 70px 100px 100px 80px;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:grid}.component-row{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);grid-template-columns:50px 80px 1fr 60px 70px 100px 100px 80px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:grid}.component-row:last-child{border-bottom:none}.component-row:hover{background:#0033b30d}.comp-type{justify-content:center;align-items:center;display:flex}.comp-type .material-symbols-rounded{color:var(--accent-primary);font-size:18px}.comp-qty,.comp-unit-cost,.comp-total{text-align:right}.comp-stock{align-items:center;gap:.25rem;font-size:.75rem;display:flex}.comp-stock .material-symbols-rounded{font-size:16px}.components-footer{background:#0033b314;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.components-footer .footer-label{color:var(--text-muted)}.components-footer .footer-value{color:var(--text-primary);margin-right:1rem;font-weight:500}.components-footer .footer-label.total,.components-footer .footer-value.total{color:var(--accent-primary);font-weight:600}.bom-form{flex-direction:column;gap:1rem;display:flex}.bom-form textarea{border:1px solid var(--border-subtle);background:var(--bg-tertiary);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:60px;padding:.75rem;font-family:inherit;font-size:.9rem}.bom-form textarea:focus{border-color:var(--accent-primary);outline:none}.bom-form textarea:disabled{opacity:.6;cursor:not-allowed}.form-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;margin-top:1rem;padding:1rem}.form-section h3{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{margin-bottom:0}.btn-add-component{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.btn-add-component:hover{box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.btn-add-component .material-symbols-rounded{font-size:16px}.components-list{flex-direction:column;gap:.5rem;max-height:200px;display:flex;overflow-y:auto}.component-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.component-info{flex:1;align-items:center;gap:.75rem;display:flex}.component-info>.material-symbols-rounded{color:var(--accent-primary);font-size:20px}.component-details{flex-direction:column;gap:.125rem;display:flex}.component-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.component-meta{color:var(--text-muted);font-size:.75rem}.component-stock{margin-left:auto}.component-actions{gap:.25rem;display:flex}.no-components{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.no-components .material-symbols-rounded{opacity:.5;font-size:32px}.no-components p{font-size:.875rem}.costs-section{background:linear-gradient(135deg,#0033b314,#0033b308)}.costs-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.cost-item{flex-direction:column;gap:.25rem;display:flex}.cost-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.cost-item .cost-value{color:var(--text-primary);font-size:1rem;font-weight:600}.cost-item.editable input{border:1px solid var(--border-subtle);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:6px;padding:.5rem;font-size:.9rem}.cost-item.editable input:focus{border-color:var(--accent-primary);outline:none}.cost-item.total .cost-value{color:var(--accent-primary);font-size:1.125rem}.cost-item.suggested .cost-value{color:var(--success);font-size:1.25rem}.component-form{flex-direction:column;gap:1rem;display:flex}.component-type-toggle{gap:.5rem;display:flex}.type-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.type-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.type-btn.active{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-color:#0000}.type-btn .material-symbols-rounded{font-size:20px}.stock-info{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.stock-info .stock-status{border-radius:4px;margin-left:auto;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.stock-info .stock-status.sufficient{color:var(--success);background:#10b98126}.stock-info .stock-status.low{color:var(--warning);background:#f59e0b26}.stock-info .stock-status.insufficient{color:var(--danger);background:#ef444426}.stock-alert-badge{align-items:center;display:flex}.stock-alert-badge .material-symbols-rounded{font-size:18px}@media(max-width:1200px){.bom-page{padding:1.5rem}.bom-table .col-product{display:none}.costs-grid{grid-template-columns:repeat(2,1fr)}.components-header,.component-row{grid-template-columns:40px 70px 1fr 50px 60px 80px 80px 60px;font-size:.75rem}}@media(max-width:1024px){.bom-page{padding:1rem}.bom-table .col-components,.bom-table .col-cost{display:none}.components-header,.component-row{grid-template-columns:35px 60px 1fr 45px 55px 70px;padding:.5rem .75rem;font-size:.7rem}.bom-components-expanded{margin-left:40px}}@media(max-width:768px){.bom-page{padding:.75rem}.bom-page .module-stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.bom-page .module-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.bom-page .search-box{width:100%}.bom-page .toolbar-actions{justify-content:space-between;width:100%}.bom-table .materials-table-header{display:none}.bom-table .materials-table-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1rem;display:flex}.bom-table .materials-table-row:before{content:none}.bom-table .col-select{display:none}.bom-table .col-expand{position:absolute;top:.75rem;right:.75rem}.bom-table .col-code{width:auto;color:var(--accent-primary);font-size:.75rem;font-weight:600;position:relative}.bom-table .col-name{color:var(--text-primary);min-width:unset;font-size:1rem;font-weight:600}.bom-table .col-product{color:var(--text-muted);font-size:.85rem;display:block}.bom-table .col-components{text-align:left;display:flex}.bom-table .col-components:before{content:"Componentes: ";color:var(--text-muted);font-weight:400}.bom-table .col-cost{text-align:left;color:var(--accent-primary);font-size:1.1rem;font-weight:600;display:flex}.bom-table .col-cost:before{content:"Costo: ";color:var(--text-muted);font-size:.85rem;font-weight:400}.bom-table .col-status{position:absolute;top:.75rem;right:3rem}.bom-table .col-stock-status{position:absolute;top:3rem;right:.75rem}.bom-table .col-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:.25rem;padding-top:.5rem;display:flex}.bom-components-expanded{border-left:3px solid var(--accent-primary);border-radius:8px;margin-top:.5rem;margin-left:0}.components-header{display:none}.component-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.75rem;display:flex}.component-row .comp-type{width:30px}.component-row .comp-code{color:var(--text-muted);flex:none;font-size:.7rem}.component-row .comp-name{flex:100%;order:-1;margin-bottom:.25rem;font-weight:500}.component-row .comp-qty,.component-row .comp-unit,.component-row .comp-unit-cost,.component-row .comp-total{font-size:.8rem}.component-row .comp-total{color:var(--accent-primary);font-weight:600}.component-row .comp-stock{border-top:1px dashed var(--border-subtle);flex:0 0 100%;justify-content:flex-end;margin-top:.25rem;padding-top:.5rem}.components-footer{flex-direction:column;align-items:flex-end;gap:.5rem;padding:.75rem}.components-footer .footer-value{margin-right:0}.costs-grid{grid-template-columns:1fr;gap:.75rem}.cost-item{border-bottom:1px solid var(--border-subtle);flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0}.cost-item:last-child{border-bottom:none}.cost-item label{font-size:.8rem}.component-type-toggle{flex-direction:column}.type-btn{padding:1rem}.modal-bom .modal-content{max-height:90vh;margin:1rem}.modal-bom .modal-body-scroll{max-height:60vh}.components-list{max-height:150px}.component-item{flex-direction:column;align-items:flex-start;gap:.5rem}.component-info{width:100%}.component-actions{justify-content:flex-end;width:100%}}@media(max-width:480px){.bom-page{padding:.5rem}.bom-page .module-stats-row{grid-template-columns:1fr}.bom-table .materials-table-row{padding:.75rem;position:relative}.bom-table .col-name{padding-right:4rem;font-size:.95rem}.bom-table .col-actions .btn-icon{width:32px;height:32px}.bom-table .col-actions .btn-icon .material-symbols-rounded{font-size:18px}.component-row{padding:.5rem}.component-row .comp-name{font-size:.85rem}.components-footer{font-size:.8rem}.form-section{padding:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.btn-add-component{justify-content:center;width:100%}.stock-info{flex-direction:column;align-items:flex-start;gap:.5rem}.stock-info .stock-status{margin-left:0}}@media(max-width:1400px){.quality-page{padding:24px}.qa-metrics-grid{grid-template-columns:repeat(3,1fr)}.qa-metric-card{padding:16px}.qa-metric-card .metric-value{font-size:24px}}@media(max-width:1200px){.quality-page{padding:20px}.qa-tabs-grid{grid-template-columns:repeat(2,1fr)}.qa-metric-card .metric-icon{width:40px;height:40px}.qa-metric-card .metric-icon .nav-icon{font-size:20px}.qa-table-header,.qa-table-row{grid-template-columns:1fr 1fr 100px 100px 80px;font-size:12px}.qa-table-header>span:nth-child(3),.qa-table-row>div:nth-child(3){display:none}}@media(max-width:1024px){.quality-page{padding:16px}.quality-page .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.quality-page .page-header-left{width:100%}.btn-new-inspection{justify-content:center;width:100%}.qa-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.qa-metric-card{gap:10px;padding:14px}.qa-metric-card .metric-value{font-size:20px}.qa-metric-card .metric-label{font-size:11px}.qa-toolbar{flex-direction:column;align-items:stretch;gap:12px}.qa-toolbar .search-box{width:100%}.qa-filter-tabs{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.qa-filter-tabs::-webkit-scrollbar{height:4px}}@media(max-width:768px){.quality-page{padding:12px}.quality-page .page-header h2{font-size:1.25rem}.quality-page .page-header p{font-size:12px}.quality-page .page-icon{width:40px;height:40px;font-size:20px}.qa-tabs-grid{grid-template-columns:1fr;gap:12px}.qa-tab-card{padding:16px}.qa-tab-icon{width:40px;height:40px}.qa-tab-icon .nav-icon{font-size:20px}.qa-tab-label{font-size:14px}.qa-tab-desc{font-size:12px}.qa-metrics-grid{grid-template-columns:repeat(2,1fr)}.qa-metric-card{text-align:center;flex-direction:column;padding:12px}.qa-metric-card .metric-icon{margin:0 auto}.qa-table-header{display:none}.qa-table-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:1rem;display:flex}.qa-table-row>div{align-items:center;gap:.5rem;display:flex}.findings-list{gap:12px}.finding-card{border-radius:10px;padding:14px}.finding-header{flex-direction:column;align-items:flex-start;gap:8px}.finding-meta{flex-wrap:wrap;gap:6px;width:100%}.finding-status{padding:4px 10px;font-size:11px}.severity-badge{padding:3px 8px;font-size:10px}.finding-body{margin-bottom:10px}.finding-description{font-size:13px}.finding-details{gap:10px;font-size:12px}.finding-details span{flex:45%}.finding-actions{flex-wrap:wrap;gap:8px;padding-top:10px}.finding-actions .status-select{flex:1;min-width:120px}.finding-actions .btn-icon{flex-shrink:0}.inspection-card{padding:14px}.inspection-header{flex-direction:column;align-items:flex-start;gap:8px}.inspection-info{width:100%}.inspection-badges{flex-wrap:wrap;gap:8px;display:flex}.checklist-grid{grid-template-columns:1fr}.checklist-item{padding:12px}.audit-timeline{padding-left:16px}.timeline-item{padding-bottom:16px;padding-left:20px}.timeline-item:before{width:10px;height:10px;left:-16px}.timeline-item:after{left:-12px}.qa-modal .modal-content{max-width:100%;max-height:95vh;margin:.5rem}.qa-modal .modal-body{padding:16px}.qa-modal .form-row{flex-direction:column;gap:12px}.qa-modal .form-row .form-group{width:100%}}@media(max-width:480px){.quality-page{padding:8px}.quality-page .page-header{gap:.75rem}.quality-page .page-header h2{font-size:1.1rem}.quality-page .page-icon{border-radius:10px;width:36px;height:36px}.btn-new-inspection{padding:10px 16px;font-size:13px}.btn-new-inspection .nav-icon{font-size:18px}.qa-metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.qa-metric-card{padding:10px}.qa-metric-card .metric-icon{width:32px;height:32px}.qa-metric-card .metric-icon .nav-icon{font-size:16px}.qa-metric-card .metric-value{font-size:18px}.qa-metric-card .metric-label{font-size:10px}.qa-tab-card{padding:12px}.qa-tab-icon{width:36px;height:36px}.qa-tab-arrow{width:28px;height:28px}.qa-tab-label{font-size:13px}.qa-tab-desc{display:none}.qa-tab-stat{padding:4px 10px;font-size:12px}.finding-card{padding:12px}.finding-type{font-size:13px}.finding-description{font-size:12px}.finding-details{gap:8px;font-size:11px}.finding-details span{flex:100%}.finding-actions{flex-direction:column}.finding-actions .status-select{width:100%}.finding-actions .btn-icon{justify-content:center;width:100%}.qa-filter-tabs{gap:4px}.qa-filter-tabs .tab-btn{white-space:nowrap;padding:8px 12px;font-size:11px}}@media(max-width:1200px){.staff-module{padding:1.5rem}.staff-table-header,.staff-table-row{grid-template-columns:50px 1.5fr 1fr 1fr 100px 80px;padding:12px 20px}.staff-table-header>span:nth-child(4),.staff-table-row>div:nth-child(4){display:none}.staff-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.staff-module{padding:1rem}.staff-toolbar{flex-wrap:wrap;gap:12px}.staff-search{order:1;width:100%}.staff-toolbar .toolbar-right{order:2;justify-content:space-between;width:100%}.staff-table-header,.staff-table-row{grid-template-columns:50px 1.5fr 1fr 100px 80px;font-size:12px}.staff-table-header>span:nth-child(4),.staff-table-row>div:nth-child(4){display:none}}@media(max-width:768px){.staff-module{padding:.75rem}.staff-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.staff-toolbar{flex-direction:column;align-items:stretch;padding:12px}.staff-search{width:100%}.staff-table-header{display:none}.staff-table-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:1rem;display:flex}.staff-table-row>div{align-items:center;gap:.5rem;display:flex}.staff-table-row>div:first-child{position:absolute;top:1rem;right:1rem}.staff-table-row .col-name{font-size:1rem;font-weight:600}.staff-table-row .col-email:before{content:"Email: ";color:var(--text-muted);font-size:.75rem}.staff-table-row .col-role:before{content:"Rol: ";color:var(--text-muted);font-size:.75rem}.staff-table-row .col-status{position:absolute;top:1rem;right:3rem}.staff-table-row>div:last-child{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:.25rem;padding-top:.75rem;display:flex}.staff-cards-grid{grid-template-columns:1fr}.staff-card{padding:1rem}.staff-footer{flex-direction:column;gap:.75rem;padding:12px}.staff-pagination{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.staff-module{padding:.5rem}.staff-title{font-size:1.25rem}.staff-table-row{padding:.75rem;position:relative}.staff-card-header{text-align:center;flex-direction:column;align-items:center}.staff-avatar{width:50px;height:50px}}@media(max-width:1200px){.clients-module{padding:1.5rem}.clients-table-header,.clients-table-row{grid-template-columns:50px 1.5fr 1.2fr 1fr 100px 80px;padding:12px 20px}.clients-table-header>span:nth-child(5),.clients-table-row>div:nth-child(5){display:none}}@media(max-width:1024px){.clients-module{padding:1rem}.clients-toolbar{flex-wrap:wrap;gap:12px}.clients-toolbar .search-box{order:1;width:100%}.clients-actions{order:2;justify-content:space-between;width:100%}.clients-table-header,.clients-table-row{grid-template-columns:50px 1.5fr 1fr 100px 80px;font-size:12px}.clients-table-header>span:nth-child(4),.clients-table-row>div:nth-child(4){display:none}}@media(max-width:768px){.clients-module{padding:.75rem}.clients-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.clients-title{font-size:1.25rem}.clients-toolbar{flex-direction:column;align-items:stretch;padding:12px}.clients-tabs{width:100%;overflow-x:auto}.clients-table-header{display:none}.clients-table-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:1rem;display:flex;position:relative}.clients-table-row:before{display:none}.clients-table-row>div{align-items:center;gap:.5rem;display:flex}.clients-table-row>div:first-child{position:absolute;top:1rem;right:1rem}.clients-table-row .client-name{padding-right:2rem;font-size:1rem;font-weight:600}.clients-table-row .client-email{font-size:.85rem}.clients-table-row .client-email:before{content:"Email: ";color:var(--text-muted);font-size:.75rem}.clients-table-row>div:nth-child(4){display:flex!important}.clients-table-row .client-phone:before{content:"Tel: ";color:var(--text-muted);font-size:.75rem}.clients-table-row .col-status{position:absolute;top:1rem;right:3rem}.clients-table-row>div:last-child{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:.25rem;padding-top:.75rem;display:flex}.clients-footer{flex-direction:column;gap:.75rem;padding:12px}.clients-pagination{flex-wrap:wrap;justify-content:center}.clients-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.clients-module{padding:.5rem}.clients-table-row{padding:.75rem}.clients-stats-grid{grid-template-columns:1fr}.clients-stat-card{padding:1rem}}@media(max-width:1200px){.products-module{padding:1.5rem}.products-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.products-module{padding:1rem}.products-toolbar{flex-wrap:wrap;gap:12px}.products-search{order:1;width:100%}.products-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.products-module{padding:.75rem}.products-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.products-title{font-size:1.25rem}.products-toolbar{flex-direction:column;align-items:stretch;padding:12px}.products-table-header{display:none}.products-table-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:1rem;display:flex;position:relative}.products-table-row>div{align-items:center;gap:.5rem;display:flex}.products-table-row>div:first-child{position:absolute;top:1rem;right:1rem}.products-table-row .col-code{color:var(--accent-primary);font-size:.75rem;font-weight:600}.products-table-row .col-name{padding-right:2rem;font-size:1rem;font-weight:600}.products-table-row .col-category:before{content:"Categoría: ";color:var(--text-muted);font-size:.75rem}.products-table-row .col-price{color:var(--accent-primary);font-size:1.1rem;font-weight:600}.products-table-row .col-price:before{content:"Precio: ";color:var(--text-muted);font-size:.75rem;font-weight:400}.products-table-row>div:last-child{border-top:1px solid var(--border-subtle);justify-content:flex-end;margin-top:.25rem;padding-top:.75rem;display:flex}.products-cards-grid{grid-template-columns:1fr}.products-footer{flex-direction:column;gap:.75rem;padding:12px}.products-pagination{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.products-module{padding:.5rem}.products-table-row,.product-card{padding:.75rem}.product-card-image{height:120px}}@media(max-width:1024px){.sidebar{width:70px;padding:1rem .5rem;overflow:hidden}.sidebar .logo-text,.sidebar .nav-label,.sidebar .nav-badge,.sidebar .user-info,.sidebar .logout-text,.sidebar .nav-section-header{display:none}.sidebar .nav-item{justify-content:center;padding:.75rem}.sidebar .nav-icon{margin:0}.main-content{margin-left:70px}.sidebar .user-section{padding:.5rem}.sidebar .user-avatar{width:36px;height:36px}.sidebar .user-dropdown{border-radius:12px;min-width:200px;bottom:20px;left:70px;right:auto}.sidebar .user-menu-trigger{justify-content:center}.sidebar .user-menu-trigger .nav-icon{display:none}}@media(max-width:768px){.sidebar{z-index:1000;width:280px;height:100vh;transition:left .3s;position:fixed;left:-280px}.sidebar.open{left:0}.sidebar .logo-text,.sidebar .nav-label,.sidebar .nav-badge,.sidebar .user-info,.sidebar .logout-text,.sidebar .nav-section-header{display:block}.sidebar{overflow:visible auto}.sidebar .nav-item{justify-content:flex-start;padding:.875rem 1rem}.sidebar .user-dropdown{bottom:80px;left:16px;right:16px}.sidebar .user-menu-trigger{justify-content:flex-start}.sidebar .user-menu-trigger .nav-icon{display:block}.main-content{margin-left:0;padding-top:80px}.mobile-menu-toggle{z-index:999;color:#fff;cursor:pointer;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:10px;padding:.75rem;display:flex;position:fixed;top:1rem;left:1rem}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}@media(max-width:1200px){.dashboard{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard{padding:.75rem}.actions-grid{grid-template-columns:1fr}.action-card{padding:1rem}}@media(max-width:768px){.module-page{padding:1rem}.module-header{flex-direction:column;align-items:flex-start;gap:1rem}.module-stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.module-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.module-toolbar .search-box{width:100%}.toolbar-actions{justify-content:space-between;width:100%}}@media(max-width:480px){.module-page{padding:.5rem}.module-stats-row{grid-template-columns:1fr}.stat-card-mini{padding:.75rem}}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal-content{border-radius:16px;max-width:100%;max-height:95vh}.modal-header,.modal-body{padding:1rem}.modal-body-scroll{max-height:50vh;padding:1rem}.modal-footer{flex-direction:column;gap:.5rem;padding:1rem}.modal-footer .btn{width:100%}.form-row{flex-direction:column;gap:1rem}.form-row .form-group{width:100%}}@media(max-width:480px){.modal-content{border-radius:12px 12px 0 0;max-height:90vh;margin:0}.modal-header h2{font-size:1.1rem}}@media(max-width:768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-table .table-header{display:none}.responsive-table .table-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;margin-bottom:.5rem;padding:1rem;display:flex}.pagination{flex-wrap:wrap;justify-content:center;gap:.5rem}.pagination .rows-per-page{order:2;justify-content:center;width:100%}.pagination .page-info{text-align:center;order:1;width:100%}.pagination .page-controls{order:3}}@media(max-width:480px){.btn{padding:.625rem 1rem;font-size:.875rem}.btn-icon{width:36px;height:36px}.btn-icon .material-symbols-rounded,.btn-icon .nav-icon{font-size:18px}}@media(max-width:768px){.search-box,.search-box input{width:100%}}@media(max-width:480px){.view-toggle{gap:.25rem}.view-toggle .btn-icon{width:32px;height:32px}}.materials-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:1.5rem;display:grid}.material-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.material-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.material-card-header{justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem 0;display:flex}.material-card-icon{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.material-card-icon .material-symbols-rounded,.material-card-icon .nav-icon{font-size:24px}.material-card-badges{align-items:center;gap:.5rem;display:flex}.qb-status-badge{align-items:center;display:flex}.qb-status-badge .material-symbols-rounded,.qb-status-badge .nav-icon{font-size:20px}.material-card-body{flex:1;padding:1rem 1.25rem}.material-card-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600;line-height:1.3}.material-card-code{color:var(--accent-primary);margin-bottom:.75rem;font-size:.75rem;font-weight:500;display:block}.material-card-details{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.material-detail{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8rem;display:flex}.material-detail .material-symbols-rounded,.material-detail .nav-icon{color:var(--text-muted);font-size:16px}.material-card-footer{border-top:1px solid var(--border-subtle);background:#0033b308;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.material-stock{flex-direction:column;gap:.125rem;display:flex}.material-stock .stock-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.material-stock .stock-value{color:var(--text-primary);font-size:1rem;font-weight:600}.material-actions{gap:.25rem;display:flex}@media(max-width:1200px){.materials-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem}}@media(max-width:768px){.materials-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;padding:.75rem}.material-card{border-radius:12px}.material-card-header{padding:1rem 1rem 0}.material-card-icon{width:40px;height:40px}.material-card-body,.material-card-footer{padding:.75rem 1rem}.material-card-details{grid-template-columns:1fr}}@media(max-width:480px){.materials-cards-grid{grid-template-columns:1fr;padding:.5rem}}.products-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:1.5rem;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.product-card-image{background:linear-gradient(135deg,var(--bg-tertiary)0%,var(--bg-secondary)100%);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%}.product-card-image .placeholder-icon{color:var(--text-muted);opacity:.5;justify-content:center;align-items:center;display:flex}.product-card-image .placeholder-icon .material-symbols-rounded,.product-card-image .placeholder-icon .nav-icon{font-size:48px}.product-card-badges{gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.product-card-body{flex:1;padding:1rem 1.25rem}.product-card-code{color:var(--accent-primary);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.product-card-name{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600;line-height:1.3}.product-card-category{color:var(--accent-secondary);background:#0033b31a;border-radius:6px;margin-bottom:.75rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.product-card-description{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-footer{border-top:1px solid var(--border-subtle);background:#0033b308;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.product-price{flex-direction:column;gap:.125rem;display:flex}.product-price .price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.product-price .price-value{color:var(--accent-primary);font-size:1.25rem;font-weight:700}.product-actions{gap:.25rem;display:flex}@media(max-width:1200px){.products-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;padding:1rem}}@media(max-width:768px){.products-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;padding:.75rem}.product-card{border-radius:12px}.product-card-image{height:140px}.product-card-body,.product-card-footer{padding:.75rem 1rem}}@media(max-width:480px){.products-cards-grid{grid-template-columns:1fr;padding:.5rem}.product-card-image{height:120px}}.view-toggle{background:var(--bg-tertiary);border-radius:10px;gap:4px;padding:4px;display:flex}.view-toggle-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-toggle-btn:hover{color:var(--text-primary);background:#0033b31a}.view-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 2px 8px #0033b34d}.view-toggle-btn .material-symbols-rounded,.view-toggle-btn .nav-icon{font-size:20px}.materials-loading,.products-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.product-materials-table-container{border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;overflow:hidden}.product-materials-table{border-collapse:collapse;width:100%;font-size:14px}.product-materials-table th{background:var(--bg-tertiary);color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);padding:10px 12px;font-weight:500}.product-materials-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px}.product-materials-table tr:last-child td{border-bottom:none}.product-materials-table .add-material-row{background-color:var(--bg-secondary)}.product-materials-table .small-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:4px;padding:6px 10px;font-size:13px;transition:all .2s}.product-materials-table .small-input:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 2px #0033b31a}.product-materials-table .btn-icon.small{justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.product-materials-table .btn-icon.small span{font-size:18px}.material-search-results{background:var(--bg-primary);border:1px solid var(--border-color);z-index:100;border-radius:4px;max-height:200px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.search-result-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:8px 12px;transition:background-color .1s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-secondary)}.search-result-item .result-name{color:var(--text-primary);font-size:13px;font-weight:500}.search-result-item .result-code{color:var(--text-secondary);font-size:11px}.material-search-no-results{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);z-index:100;border-radius:4px;margin-top:4px;padding:8px 12px;font-size:13px;position:absolute;top:100%;left:0;right:0}.modal-tabs{border-bottom:1px solid var(--border-color);gap:24px;margin-bottom:24px;display:flex}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 12px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-purple);border-bottom-color:var(--accent-purple)}.tab-content.hidden{display:none}.product-materials-list{margin-top:16px}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.material-list-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;padding:12px;display:flex}.material-list-item .item-icon{background:var(--bg-primary);width:36px;height:36px;color:var(--accent-purple);border-radius:6px;justify-content:center;align-items:center;margin-right:12px;display:flex}.material-list-item .item-info{flex-direction:column;flex:1;display:flex}.material-list-item .item-name{color:var(--text-primary);font-size:14px;font-weight:500}.material-list-item .item-qty{color:var(--text-secondary);font-size:13px}.empty-materials-state{text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;padding:40px}.empty-materials-state span{margin-bottom:8px;font-size:24px;display:block}.add-material-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:16px}.modern-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.modern-input:focus{border-color:var(--accent-purple);outline:none;box-shadow:0 0 0 3px #0033b326}.modern-input::placeholder{color:var(--text-muted)}.material-search-row{align-items:center;gap:12px;width:100%;display:flex}.search-input-group{flex:3;position:relative}.qty-input-group,.unit-input-group{flex:1;min-width:80px}.modal-large{width:90%;max-width:800px}.module-page{animation:.5s cubic-bezier(.4,0,.2,1) forwards pageEnter}@keyframes pageEnter{0%{opacity:0;filter:blur(4px);transform:translateY(24px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.module-content,.content-section,.data-section{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) .15s forwards contentReveal}@keyframes contentReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chart-container,.dashboard-chart,.report-chart{opacity:0;animation:.7s ease-out .3s forwards chartFadeIn}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.module-stats-row{gap:20px;display:flex}.module-stats-row .module-stat-card{opacity:0;animation:.5s ease-out forwards cardSlideIn}.module-stats-row .module-stat-card:first-child{animation-delay:.1s}.module-stats-row .module-stat-card:nth-child(2){animation-delay:.15s}.module-stats-row .module-stat-card:nth-child(3){animation-delay:.2s}.module-stats-row .module-stat-card:nth-child(4){animation-delay:.25s}.module-stats-row .module-stat-card:nth-child(5){animation-delay:.3s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.staff-cards-grid .staff-card,.duty-staff-grid .duty-staff-card,.suppliers-cards-grid .supplier-card,.top-clients-cards-grid .top-client-card{opacity:0;animation:.4s ease-out forwards cardEntrance}.staff-cards-grid .staff-card:first-child,.duty-staff-grid .duty-staff-card:first-child,.suppliers-cards-grid .supplier-card:first-child,.top-clients-cards-grid .top-client-card:first-child{animation-delay:50ms}.staff-cards-grid .staff-card:nth-child(2),.duty-staff-grid .duty-staff-card:nth-child(2),.suppliers-cards-grid .supplier-card:nth-child(2),.top-clients-cards-grid .top-client-card:nth-child(2){animation-delay:.1s}.staff-cards-grid .staff-card:nth-child(3),.duty-staff-grid .duty-staff-card:nth-child(3),.suppliers-cards-grid .supplier-card:nth-child(3),.top-clients-cards-grid .top-client-card:nth-child(3){animation-delay:.15s}.staff-cards-grid .staff-card:nth-child(4),.duty-staff-grid .duty-staff-card:nth-child(4),.suppliers-cards-grid .supplier-card:nth-child(4),.top-clients-cards-grid .top-client-card:nth-child(4){animation-delay:.2s}.staff-cards-grid .staff-card:nth-child(5),.duty-staff-grid .duty-staff-card:nth-child(5),.suppliers-cards-grid .supplier-card:nth-child(5),.top-clients-cards-grid .top-client-card:nth-child(5){animation-delay:.25s}.staff-cards-grid .staff-card:nth-child(6),.duty-staff-grid .duty-staff-card:nth-child(6),.suppliers-cards-grid .supplier-card:nth-child(6),.top-clients-cards-grid .top-client-card:nth-child(6){animation-delay:.3s}.staff-cards-grid .staff-card:nth-child(n+7),.duty-staff-grid .duty-staff-card:nth-child(n+7),.suppliers-cards-grid .supplier-card:nth-child(n+7),.top-clients-cards-grid .top-client-card:nth-child(n+7){animation-delay:.35s}.materials-table-body .materials-table-row,.products-table-modern tbody tr,.clients-table-body .clients-table-row,.projects-table-body .project-row{opacity:0;animation:.3s ease-out forwards rowSlideIn}.materials-table-body .materials-table-row:first-child,.products-table-modern tbody tr:first-child,.clients-table-body .clients-table-row:first-child,.projects-table-body .project-row:first-child{animation-delay:50ms}.materials-table-body .materials-table-row:nth-child(2),.products-table-modern tbody tr:nth-child(2),.clients-table-body .clients-table-row:nth-child(2),.projects-table-body .project-row:nth-child(2){animation-delay:80ms}.materials-table-body .materials-table-row:nth-child(3),.products-table-modern tbody tr:nth-child(3),.clients-table-body .clients-table-row:nth-child(3),.projects-table-body .project-row:nth-child(3){animation-delay:.11s}.materials-table-body .materials-table-row:nth-child(4),.products-table-modern tbody tr:nth-child(4),.clients-table-body .clients-table-row:nth-child(4),.projects-table-body .project-row:nth-child(4){animation-delay:.14s}.materials-table-body .materials-table-row:nth-child(5),.products-table-modern tbody tr:nth-child(5),.clients-table-body .clients-table-row:nth-child(5),.projects-table-body .project-row:nth-child(5){animation-delay:.17s}.materials-table-body .materials-table-row:nth-child(n+6),.products-table-modern tbody tr:nth-child(n+6),.clients-table-body .clients-table-row:nth-child(n+6),.projects-table-body .project-row:nth-child(n+6){animation-delay:.2s}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.page-header{animation:.5s ease-out headerSlideDown}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.module-toolbar,.staff-toolbar,.duty-toolbar,.top-clients-toolbar,.suppliers-toolbar,.materials-toolbar,.products-toolbar,.clients-toolbar{opacity:0;animation:.4s ease-out .2s forwards toolbarFadeIn}@keyframes toolbarFadeIn{0%{opacity:0}to{opacity:1}}.module-stat-card,.staff-card,.duty-staff-card,.supplier-card,.top-client-card{transition:transform .25s,box-shadow .25s,border-color .25s}.module-stat-card:hover,.staff-card:hover,.duty-staff-card:hover,.supplier-card:hover,.top-client-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026,0 0 20px #ff6b351a}.module-stat-card:hover .stat-icon{animation:.6s iconPulse}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;padding:20px;display:flex;position:fixed}.toast-container.top-right{align-items:flex-end;top:0;right:0}.toast-container.top-left{align-items:flex-start;top:0;left:0}.toast-container.top-center{align-items:center;top:0;left:50%;transform:translate(-50%)}.toast-container.bottom-right{align-items:flex-end;bottom:0;right:0}.toast-container.bottom-left{align-items:flex-start;bottom:0;left:0}.toast-container.bottom-center{align-items:center;bottom:0;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(20px)saturate(180%);pointer-events:auto;background:linear-gradient(135deg,#143264f2,#0f234bfa);border:1px solid #ffffff1f;border-radius:14px;align-items:flex-start;gap:12px;min-width:320px;max-width:450px;padding:16px 20px;animation:.4s cubic-bezier(.4,0,.2,1) forwards toastSlideIn;display:flex;box-shadow:0 12px 40px #0006,0 0 30px #0003,inset 0 1px #ffffff1a}.toast.exiting{animation:.3s cubic-bezier(.4,0,.2,1) forwards toastSlideOut}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:22px;display:flex}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3}.toast-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.toast-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.toast-close:hover{color:var(--text-primary);background:#ffffff1a}.toast.toast-success{border-left:4px solid var(--success)}.toast.toast-success .toast-icon{color:var(--success);filter:drop-shadow(0 0 8px #10b98180)}.toast.toast-error{border-left:4px solid var(--danger)}.toast.toast-error .toast-icon{color:var(--danger);filter:drop-shadow(0 0 8px #ef444480)}.toast.toast-warning{border-left:4px solid var(--warning)}.toast.toast-warning .toast-icon{color:var(--warning);filter:drop-shadow(0 0 8px #fbbf2480)}.toast.toast-info{border-left:4px solid var(--accent-primary)}.toast.toast-info .toast-icon{color:var(--accent-primary);filter:drop-shadow(0 0 8px #0047e080)}.toast-progress{background:#ffffff1a;border-radius:0 0 14px 14px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.toast-progress-bar{background:var(--orange-primary);height:100%;animation:linear forwards toastProgress}.toast.toast-success .toast-progress-bar{background:var(--success)}.toast.toast-error .toast-progress-bar{background:var(--danger)}.toast.toast-warning .toast-progress-bar{background:var(--warning)}.toast.toast-info .toast-progress-bar{background:var(--accent-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-container.top-left .toast,.toast-container.bottom-left .toast{animation-name:toastSlideInLeft}.toast-container.top-left .toast.exiting,.toast-container.bottom-left .toast.exiting{animation-name:toastSlideOutLeft}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate(-100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOutLeft{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-100%)scale(.9)}}.toast-container.top-center .toast,.toast-container.bottom-center .toast{animation-name:toastSlideInCenter}.toast-container.top-center .toast.exiting,.toast-container.bottom-center .toast.exiting{animation-name:toastSlideOutCenter}@keyframes toastSlideInCenter{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastSlideOutCenter{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.9)}}[data-theme=light] .toast{background:linear-gradient(135deg,#fffffffa,#f8fafcfc);border-color:#0033b31a;box-shadow:0 12px 40px #0000001f,0 0 30px #00000014,inset 0 1px #fffc}[data-theme=light] .toast-title{color:#1e293b}[data-theme=light] .toast-message{color:#64748b}[data-theme=light] .toast-close:hover{background:#0033b314}@media(max-width:480px){.toast-container{padding:12px}.toast{min-width:calc(100vw - 24px);max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.module-page,.module-stat-card,.staff-card,.duty-staff-card,.supplier-card,.top-client-card,.materials-table-row,.clients-table-row,.project-row,.page-header,.module-toolbar,.staff-toolbar,.duty-toolbar,.module-content,.content-section,.data-section,.chart-container,.dashboard-chart,.report-chart,.loading-state,.skeleton-loader{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}.mobile-menu-toggle{z-index:1001;color:#fff;cursor:pointer;background:linear-gradient(135deg,#d35400,#e67e22);border:none;border-radius:12px;width:48px;height:48px;transition:all .3s;display:none;position:fixed;top:16px;left:16px;box-shadow:0 4px 15px #d3540066}.mobile-menu-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #d3540080}.mobile-menu-toggle .material-symbols-rounded{font-size:24px}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0009;display:none;position:fixed;inset:0}.sidebar-collapse-toggle{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;background:linear-gradient(135deg,#0a1628,#0d1f3c);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;right:-16px;transform:translateY(-50%);box-shadow:0 2px 10px #0000004d}.sidebar-collapse-toggle:hover{color:#fff;background:linear-gradient(135deg,#d35400,#e67e22);border-color:#d35400}.sidebar-collapse-toggle .material-symbols-rounded{font-size:18px}.sidebar.collapsed{width:72px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-section-header,.sidebar.collapsed .user-info,.sidebar.collapsed .submenu-arrow{display:none}.sidebar.collapsed .logo-section{padding:16px 12px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-icon,.sidebar.collapsed .material-symbols-rounded{margin:0}.sidebar.collapsed .themes-toggle,.sidebar.collapsed .user-menu-trigger{justify-content:center;padding:12px}.sidebar.collapsed+.main-content,.main-content.sidebar-collapsed{max-width:calc(100vw - 72px);margin-left:72px}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.module-stats-row,.staff-stats-grid,.duty-stats-grid,.clients-cards-grid,.suppliers-cards-grid,.materials-cards-grid,.products-cards-grid,.warehouses-cards-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{justify-content:flex-start;width:100%}.module-toolbar,.staff-toolbar,.duty-toolbar{flex-wrap:wrap;gap:12px}.toolbar-right{justify-content:space-between;width:100%}}@media(max-width:768px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.mobile-overlay{display:block}.sidebar-collapse-toggle{display:none}.sidebar{width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{max-width:100vw;margin-left:0;padding:80px 16px 16px}.module-stats-row,.staff-stats-grid,.duty-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.module-stat-card{padding:16px}.stat-value{font-size:24px}.stat-label{font-size:11px}.clients-cards-grid,.suppliers-cards-grid,.materials-cards-grid,.products-cards-grid,.warehouses-cards-grid,.staff-cards-grid,.duty-staff-grid{grid-template-columns:1fr;gap:16px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-content{text-align:center;flex-direction:column}.header-icon{margin:0 auto 12px}.btn-primary-action{justify-content:center;width:100%}.module-toolbar,.staff-toolbar,.duty-toolbar{flex-direction:column;gap:12px}.search-container,.staff-search{width:100%}.toolbar-right,.toolbar-actions{flex-wrap:wrap;gap:8px;width:100%}.view-toggle,.view-toggle-buttons{margin-left:0}.data-table-card{overflow-x:auto}.data-table{min-width:600px}.staff-table-container,.clients-table-container,.suppliers-table-container{overflow-x:auto}.modal-content{width:95vw;max-width:95vw;max-height:90vh;margin:5vh auto}.modal-body{padding:16px}.modal-footer,.form-actions{flex-direction:column;gap:8px}.modal-footer button,.form-actions button{width:100%}.form-row{flex-direction:column;gap:16px}.form-group{width:100%}h1{font-size:22px}h2{font-size:18px}.page-title{font-size:24px}}@media(max-width:480px){.main-content{padding:72px 12px 12px}.module-stats-row,.staff-stats-grid,.duty-stats-grid{grid-template-columns:1fr}.module-stat-card{padding:14px}.stat-icon{width:40px;height:40px}.stat-value{font-size:20px}.client-card,.supplier-card,.material-card,.product-card{padding:16px}.client-card-actions,.supplier-card-actions{flex-wrap:wrap;gap:8px}.btn-action-view,.btn-action-edit,.btn-action-delete{width:36px;height:36px}.duty-filters{flex-wrap:wrap}.filter-btn{flex:1;min-width:70px;padding:8px 12px;font-size:12px}.modal-header h3{font-size:18px}.modal-tabs{flex-wrap:wrap}.modal-tab{flex:1;min-width:80px;padding:10px 12px;font-size:12px}}@media(hover:none)and (pointer:coarse){.btn-icon,.btn-action-view,.btn-action-edit,.btn-action-delete{min-width:44px;min-height:44px}.nav-item{min-height:48px}.view-btn,.view-toggle-btn{min-width:44px;min-height:44px}.btn-icon:hover,.btn-action-view:hover,.btn-action-edit:hover,.btn-action-delete:hover{transform:none}.btn-icon:active,.btn-action-view:active,.btn-action-edit:active,.btn-action-delete:active{transform:scale(.95)}}@media(max-width:768px)and (orientation:landscape){.main-content{padding-top:60px}.mobile-menu-toggle{width:40px;height:40px;top:8px;left:8px}.modal-content{max-height:85vh}}@media print{.sidebar,.mobile-menu-toggle,.mobile-overlay,.btn-primary-action,.view-toggle,.view-toggle-buttons,.module-toolbar,.staff-toolbar,.duty-toolbar{display:none!important}.main-content{max-width:100%!important;margin-left:0!important;padding:0!important}.module-stats-row{grid-template-columns:repeat(4,1fr)!important}.client-card,.data-table{break-inside:avoid}}.modal-confirm-overlay{-webkit-backdrop-filter:blur(4px);z-index:1100;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-confirm-dialog{text-align:center;background:linear-gradient(145deg,#0f285afa,#0a1e46fc);border:1px solid #ffffff26;border-radius:16px;width:90%;max-width:400px;margin:auto;padding:32px;animation:.3s modalSlideUp;box-shadow:0 20px 50px #00000080}.modal-confirm-icon{background:linear-gradient(135deg,#f59e0b33,#dc354533);border:1px solid #f59e0b66;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.modal-confirm-icon .material-symbols-rounded{color:#f59e0b;font-size:32px}.modal-confirm-dialog h4{color:#fff;margin-bottom:12px;font-size:20px}.modal-confirm-dialog p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.modal-confirm-actions{gap:12px;display:flex}.modal-confirm-actions button{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-confirm-exit{color:#ff6b6b;background:linear-gradient(135deg,#dc354533,#b92b394d);border:1px solid #dc354580}.btn-confirm-exit:hover{background:linear-gradient(135deg,#dc35454d,#b92b3966);box-shadow:0 4px 15px #dc35454d}@media(max-width:480px){.modal-confirm-dialog{padding:24px}.modal-confirm-actions{flex-direction:column}.modal-confirm-actions button{width:100%}}.toast{z-index:10000;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0000004d}.toast-visible{opacity:1;transform:translateY(0)}.toast-hidden{opacity:0;transform:translateY(20px)}.toast-success{color:#fff;background:linear-gradient(135deg,#10b981f2,#059669f2);border:1px solid #10b98180}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:1px solid #ef444480}.toast-warning{color:#fff;background:linear-gradient(135deg,#f59e0bf2,#d97706f2);border:1px solid #f59e0b80}.toast-info{color:#fff;background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border:1px solid #3b82f680}.toast .material-symbols-rounded{font-size:20px}.bom-section{background:#0a1e3c66;border:1px solid #ffffff14;border-radius:12px;margin-top:20px;padding:16px}.bom-section .form-section-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.bom-section .section-title{align-items:center;gap:8px;display:flex}.bom-section .section-title .material-symbols-rounded{color:var(--color-orange);font-size:22px}.bom-section .section-title h4{color:#fff;margin:0;font-size:14px;font-weight:600}.btn-add-material{color:var(--color-orange);cursor:pointer;background:#d3540033;border:1px solid #d3540066;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-add-material:hover{border-color:var(--color-orange);background:#d354004d}.btn-add-material .material-symbols-rounded{font-size:18px}.bom-section .bom-table{background:#0a162880;border-radius:8px;overflow:hidden}.bom-section .bom-table-header{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;background:#0033b333;grid-template-columns:2fr 80px 60px 90px 90px 50px;gap:8px;padding:10px 12px;font-size:11px;font-weight:600;display:grid}.bom-section .bom-table-body{max-height:250px;overflow-y:auto}.bom-section .bom-table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:2fr 80px 60px 90px 90px 50px;align-items:center;gap:8px;padding:10px 12px;display:grid}.bom-section .bom-table-row:hover{background:#ffffff08}.bom-section .bom-table-row select{color:#fff;background:#0a1628cc;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:6px 8px;font-size:12px}.bom-section .bom-table-row select:focus{border-color:var(--color-orange);outline:none}.bom-section .bom-table-row input[type=number]{color:#fff;text-align:center;background:#0a1628cc;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:6px 8px;font-size:12px}.bom-section .bom-table-row input[type=number]:focus{border-color:var(--color-orange);outline:none}.bom-section .col-unit,.bom-section .col-cost,.bom-section .col-total{color:#fffc;text-align:center;font-size:12px}.bom-section .col-total{color:var(--color-success);font-weight:600}.bom-section .col-actions{text-align:center}.bom-section .col-actions .btn-icon{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.bom-section .col-actions .btn-icon:hover{color:var(--color-danger)}.bom-section .col-actions .btn-icon .material-symbols-rounded{font-size:18px}.bom-section .bom-table-footer{background:#0033b326;border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;display:flex}.bom-section .bom-total-label{color:#ffffffb3;font-size:12px;font-weight:600}.bom-section .bom-total-value{color:var(--color-success);font-size:16px;font-weight:700}.bom-empty{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.bom-empty .material-symbols-rounded{opacity:.4;margin-bottom:12px;font-size:40px}.bom-empty p{margin:0 0 4px;font-size:14px}.bom-empty .hint{opacity:.6;font-size:12px}[data-theme=light] .bom-section{background:#f0f5ff99;border-color:#0033b31a}[data-theme=light] .bom-section .section-title h4{color:var(--color-primary-dark)}[data-theme=light] .bom-section .bom-table{background:#fff}[data-theme=light] .bom-section .bom-table-header{color:var(--color-primary-dark);background:#0033b314}[data-theme=light] .bom-section .bom-table-row{border-color:#0000000d}[data-theme=light] .bom-section .bom-table-row:hover{background:#0033b308}[data-theme=light] .bom-section .bom-table-row select,[data-theme=light] .bom-section .bom-table-row input[type=number]{color:var(--color-primary-dark);background:#fff;border-color:#00000026}[data-theme=light] .bom-section .col-unit,[data-theme=light] .bom-section .col-cost{color:#64748b}[data-theme=light] .bom-section .bom-table-footer{background:#0033b30d;border-color:#00000014}[data-theme=light] .bom-section .bom-total-label,[data-theme=light] .bom-empty{color:#64748b}.modal-tabs{background:#0a162899;border:1px solid #ffffff14;border-radius:8px;gap:0;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.modal-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.modal-tab:hover{color:#fffc}.modal-tab.active{background:var(--color-orange);color:#fff;box-shadow:0 2px 8px #d354004d}.modal-tab.active .material-symbols-rounded{color:#fff}.modal-tab .material-symbols-rounded{font-size:18px}.tab-badge{color:#fff;background:#fff3;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.modal-tab:not(.active) .tab-badge{background:var(--color-orange)}.modal-tab-content{min-height:300px}.bom-tab-content{padding:0}.bom-tab-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.bom-tab-title h4{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.bom-tab-title p{color:#ffffff80;margin:0;font-size:12px}.bom-tab-content .bom-table{background:#0a162880;border-radius:8px;overflow:hidden}.bom-tab-content .bom-table-header{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;background:#0033b333;grid-template-columns:2.5fr 100px 80px 100px 100px 60px;gap:12px;padding:12px 16px;font-size:11px;font-weight:600;display:grid}.bom-tab-content .bom-table-body{max-height:350px;overflow-y:auto}.bom-tab-content .bom-table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:2.5fr 100px 80px 100px 100px 60px;align-items:center;gap:12px;padding:12px 16px;display:grid}.bom-tab-content .bom-table-row:hover{background:#ffffff08}.bom-tab-content .bom-table-row select{color:#fff;background:#0a1628cc;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.bom-tab-content .bom-table-row select:focus{border-color:var(--color-orange);outline:none}.bom-tab-content .bom-table-row input[type=number]{color:#fff;text-align:center;background:#0a1628cc;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.bom-tab-content .bom-table-row input[type=number]:focus{border-color:var(--color-orange);outline:none}.bom-tab-content .col-unit,.bom-tab-content .col-cost,.bom-tab-content .col-total{color:#fffc;text-align:center;font-size:13px}.bom-tab-content .col-total{color:var(--color-success);font-weight:600}.bom-tab-content .col-actions{text-align:center}.bom-tab-content .col-actions .btn-icon{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:6px;transition:all .2s}.bom-tab-content .col-actions .btn-icon:hover{color:var(--color-danger)}.bom-tab-content .col-actions .btn-icon .material-symbols-rounded{font-size:18px}.bom-tab-content .bom-table-footer{background:#0033b326;border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:16px;padding:14px 16px;display:flex}.bom-tab-content .bom-total-label{color:#ffffffb3;font-size:13px;font-weight:600}.bom-tab-content .bom-total-value{color:var(--color-success);font-size:18px;font-weight:700}[data-theme=light] .modal-tabs{background:#0033b30d;border-color:#0000001a}[data-theme=light] .modal-tab{color:#64748b}[data-theme=light] .modal-tab:hover{color:var(--color-primary-dark)}[data-theme=light] .modal-tab.active{background:var(--color-orange);color:#fff}[data-theme=light] .bom-tab-header{border-color:#0000001a}[data-theme=light] .bom-tab-title h4{color:var(--color-primary-dark)}[data-theme=light] .bom-tab-title p{color:#64748b}[data-theme=light] .bom-tab-content .bom-table{background:#fff}[data-theme=light] .bom-tab-content .bom-table-header{color:var(--color-primary-dark);background:#0033b314}[data-theme=light] .bom-tab-content .bom-table-row{border-color:#0000000d}[data-theme=light] .bom-tab-content .bom-table-row:hover{background:#0033b308}[data-theme=light] .bom-tab-content .bom-table-row select,[data-theme=light] .bom-tab-content .bom-table-row input[type=number]{color:var(--color-primary-dark);background:#fff;border-color:#00000026}[data-theme=light] .bom-tab-content .col-unit,[data-theme=light] .bom-tab-content .col-cost{color:#64748b}[data-theme=light] .bom-tab-content .bom-table-footer{background:#0033b30d;border-color:#00000014}[data-theme=light] .bom-tab-content .bom-total-label{color:#64748b}.billing-entity-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1rem;padding:0 1.5rem 1rem;display:flex}.entity-tab{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.entity-tab:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.entity-tab.active{color:var(--text-primary);background:linear-gradient(135deg,#0033b326,#0047e01a);border-color:#0033b366}.entity-tab.dovecreek.active{background:linear-gradient(135deg,#10b98126,#10b98114);border-color:#10b98166}.entity-tab.innovative.active{background:linear-gradient(135deg,#d3540026,#d3540014);border-color:#d3540066}.entity-tab .material-symbols-rounded{opacity:.7;font-size:1.125rem}.entity-tab.active .material-symbols-rounded{opacity:1}.entity-tab.dovecreek.active .material-symbols-rounded{color:#10b981}.entity-tab.innovative.active .material-symbols-rounded{color:#d35400}.tab-count{background:var(--bg-hover);text-align:center;border-radius:999px;min-width:1.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.entity-tab.active .tab-count{background:#ffffff26}.entity-tab.dovecreek.active .tab-count{color:#10b981;background:#10b98140}.entity-tab.innovative.active .tab-count{color:#d35400;background:#d3540040}[data-theme=light] .billing-entity-tabs{border-color:#00000014}[data-theme=light] .entity-tab{background:#00000005;border-color:#00000014}[data-theme=light] .entity-tab:hover{background:#0000000d}[data-theme=light] .entity-tab.active{background:linear-gradient(135deg,#0033b31a,#0047e00d);border-color:#0033b34d}[data-theme=light] .entity-tab.dovecreek.active{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b9814d}[data-theme=light] .entity-tab.innovative.active{background:linear-gradient(135deg,#d354001a,#d354000d);border-color:#d354004d}[data-theme=light] .tab-count{background:#0000000d}[data-theme=light] .entity-tab.active .tab-count{color:#0033b3;background:#0033b326}[data-theme=light] .entity-tab.dovecreek.active .tab-count{color:#059669;background:#10b98126}[data-theme=light] .entity-tab.innovative.active .tab-count{color:#c2410c;background:#d3540026}.form-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.form-select:hover{border-color:var(--border-hover)}.form-select:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--input-focus);outline:none}.form-select:disabled{opacity:.6;cursor:not-allowed}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}