@media (max-width:480px){.container{padding-left:12px;padding-left:var(--space-12);padding-right:12px;padding-right:var(--space-12)}h1{font-size:24px;font-size:var(--font-size-3xl)}h2{font-size:20px;font-size:var(--font-size-2xl)}h3{font-size:18px;font-size:var(--font-size-xl)}.btn{font-size:12px;font-size:var(--font-size-sm);padding:10px 12px;padding:var(--space-10) var(--space-12)}.btn--sm{font-size:11px;font-size:var(--font-size-xs);padding:6px 8px;padding:var(--space-6) var(--space-8)}.btn--lg{font-size:14px;font-size:var(--font-size-base);padding:12px 16px;padding:var(--space-12) var(--space-16)}.card__body,.card__footer,.card__header{padding:12px;padding:var(--space-12)}.form-control{font-size:14px;font-size:var(--font-size-base)}.status{font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-4) var(--space-8)}}:root{--sidebar-width:280px;--sidebar-collapsed-width:80px;--sidebar-bg:linear-gradient(180deg,#1a1d2e,#16182a);--sidebar-hover:#3b82f61a;--sidebar-active:#3b82f626;--sidebar-text:#e4e7eb;--sidebar-text-muted:#9ca3af;--sidebar-border:#ffffff14;--sidebar-shadow:0 8px 32px #0000004d;--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f666;--success-color:#10b981;--danger-color:#ef4444;--header-height:70px}[data-theme=light]{--sidebar-bg:linear-gradient(180deg,#fff,#f8fafc);--sidebar-hover:#3b82f614;--sidebar-active:#3b82f61f;--sidebar-text:#1f2937;--sidebar-text-muted:#6b7280;--sidebar-border:#00000014;--sidebar-shadow:0 8px 32px #0000001f}.mobile-menu-toggle{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color),#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f666,0 0 0 0 #3b82f666;box-shadow:0 4px 16px var(--primary-glow),0 0 0 0 var(--primary-glow);cursor:pointer;display:none;flex-direction:column;gap:5px;height:48px;justify-content:center;left:15px;position:fixed;top:15px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce);width:48px;z-index:1100}.mobile-menu-toggle:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666,0 0 20px #3b82f666;box-shadow:0 6px 20px var(--primary-glow),0 0 20px var(--primary-glow);transform:scale(1.1) rotate(5deg)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-line{background:#fff;border-radius:3px;box-shadow:0 2px 4px #0003;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth);width:24px}.mobile-menu-toggle:hover .hamburger-line:first-child{transform:translateX(-3px)}.mobile-menu-toggle:hover .hamburger-line:nth-child(3){transform:translateX(3px)}.mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.advanced-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#1a1d2e,#16182a);background:var(--sidebar-bg);border-right:1px solid #ffffff14;border-right:1px solid var(--sidebar-border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--sidebar-shadow);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) var(--transition-smooth);width:280px;width:var(--sidebar-width);z-index:1000}.advanced-sidebar:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary-color) 50%,#0000 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.advanced-sidebar.collapsed{width:80px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;background:linear-gradient(135deg,#3b82f61a,#0000);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;min-height:70px;min-height:var(--header-height);overflow:hidden;padding:20px 15px;position:relative}.sidebar-header:after{background:linear-gradient(90deg,#0000,#3b82f6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary-color) 50%,#0000 100%);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.sidebar-logo-container{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.sidebar-logo{animation:logoGlow 3s ease-in-out infinite;border-radius:12px;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));height:44px;object-fit:contain;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:all .5s var(--transition-bounce);width:44px}@keyframes logoGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}50%{filter:drop-shadow(0 6px 12px rgba(59,130,246,.5))}}.sidebar-logo:hover{filter:drop-shadow(0 8px 16px rgba(59,130,246,.6));transform:scale(1.15) rotate(10deg)}.sidebar-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#e4e7eb;color:var(--sidebar-text);font-size:22px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 8px #3b82f64d;white-space:nowrap}.sidebar-header-actions{align-items:center;display:flex;gap:8px}.sidebar-toggle-btn,.theme-toggle-btn{align-items:center;background:#3b82f61a;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:10px;color:#e4e7eb;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce);width:38px}.sidebar-toggle-btn:before,.theme-toggle-btn:before{background:#3b82f6;background:var(--primary-color);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0;z-index:-1}.sidebar-toggle-btn:hover:before,.theme-toggle-btn:hover:before{height:100%;width:100%}.sidebar-toggle-btn:hover,.theme-toggle-btn:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--primary-glow);color:#fff;transform:scale(1.15) rotate(10deg)}.sidebar-toggle-btn:active,.theme-toggle-btn:active{transform:scale(.95)}.toggle-icon{height:20px;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);transition:transform .5s var(--transition-bounce);width:20px}.sidebar-toggle-btn:hover .toggle-icon{transform:rotate(180deg)}.desktop-only{display:flex}.sidebar-search{background:#3b82f608;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sidebar-border);padding:15px;position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:12px;color:#e4e7eb;color:var(--sidebar-text);padding:13px 45px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth)}.search-input:focus{background:#ffffff14;border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f666,0 4px 12px #3b82f633;box-shadow:0 0 0 4px var(--primary-glow),0 4px 12px #3b82f633;transform:translateY(-2px)}.search-icon,.search-input::placeholder{color:#9ca3af;color:var(--sidebar-text-muted)}.search-icon{height:18px;left:30px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:18px}.search-input:focus~.search-icon{color:#3b82f6;color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.search-clear{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;color:var(--danger-color);cursor:pointer;display:flex;font-size:20px;height:26px;justify-content:center;padding:0;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce);width:26px}.search-clear:hover{background:#ef4444;background:var(--danger-color);box-shadow:0 4px 12px #ef444466;color:#fff;transform:translateY(-50%) rotate(90deg) scale(1.2)}.sidebar-menu-container{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px 0;position:relative}.sidebar-menu-container:after,.sidebar-menu-container:before{content:"";height:20px;left:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;z-index:1}.sidebar-menu-container:before{background:linear-gradient(180deg,#1a1d2e,#0000);top:0}.sidebar-menu-container:after{background:linear-gradient(0deg,#1a1d2e,#0000);bottom:0}.sidebar-menu-container::-webkit-scrollbar{width:6px}.sidebar-menu-container::-webkit-scrollbar-track{background:#0000}.sidebar-menu-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--primary-color),var(--success-color));border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar-menu-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#059669);box-shadow:0 0 10px #3b82f666;box-shadow:0 0 10px var(--primary-glow)}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-item{animation:slideInLeft .5s ease backwards;margin:6px 10px}.sidebar-item:first-child{animation-delay:.05s}.sidebar-item:nth-child(2){animation-delay:.1s}.sidebar-item:nth-child(3){animation-delay:.15s}.sidebar-item:nth-child(4){animation-delay:.2s}.sidebar-item:nth-child(5){animation-delay:.25s}.sidebar-item:nth-child(6){animation-delay:.3s}.sidebar-item:nth-child(7){animation-delay:.35s}.sidebar-item:nth-child(8){animation-delay:.4s}.sidebar-item-wrapper,.sidebar-link{position:relative}.sidebar-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#e4e7eb;color:var(--sidebar-text);display:flex;gap:12px;overflow:hidden;padding:13px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.sidebar-link:before{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--primary-color),var(--success-color));border-radius:0 4px 4px 0;box-shadow:0 0 10px #3b82f666;box-shadow:0 0 10px var(--primary-glow);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .3s var(--transition-bounce);width:4px}.sidebar-link:after{background:radial-gradient(circle,#3b82f666 0,#0000 70%);background:radial-gradient(circle,var(--primary-glow) 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.sidebar-link:hover:after{height:300px;width:300px}.sidebar-link:hover{background:#3b82f61a;background:var(--sidebar-hover);box-shadow:0 4px 12px #00000026;padding-left:20px;transform:translateX(5px)}.sidebar-link:hover:before{transform:scaleY(1)}.sidebar-link.active{background:#3b82f626;background:var(--sidebar-active);box-shadow:0 4px 16px #3b82f666;box-shadow:0 4px 16px var(--primary-glow);color:#3b82f6;color:var(--primary-color);font-weight:700;padding-left:20px}.sidebar-link.active:before{animation:pulse 2s ease-in-out infinite;transform:scaleY(1)}.sidebar-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:24px;justify-content:center;min-width:28px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce)}.sidebar-link:hover .sidebar-icon{filter:drop-shadow(0 4px 8px rgba(59,130,246,.4));filter:drop-shadow(0 4px 8px var(--primary-glow));transform:scale(1.3) rotate(10deg)}.sidebar-link.active .sidebar-icon{animation:bounce 1s ease infinite}.sidebar-label{flex:1 1;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.sidebar-link:hover .sidebar-label{letter-spacing:.5px}.submenu-arrow{color:#9ca3af;color:var(--sidebar-text-muted);height:18px;margin-left:auto;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce);width:18px}.submenu-arrow.expanded{color:#3b82f6;color:var(--primary-color);transform:rotate(180deg)}.submenu-toggle{background:#0000;border:none;border-radius:5px;color:#9ca3af;color:var(--sidebar-text-muted);cursor:pointer;display:none;padding:5px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.submenu{animation:slideDown .4s cubic-bezier(.4,0,.2,1);animation:slideDown .4s var(--transition-smooth);border-left:2px solid #ffffff14;border-left:2px solid var(--sidebar-border);list-style:none;margin:8px 0 0 35px;padding:8px 0 8px 20px;position:relative}.submenu:before{animation:progressDown .6s ease forwards;background:linear-gradient(180deg,#3b82f6,#0000);background:linear-gradient(180deg,var(--primary-color),#0000);bottom:0;content:"";left:-2px;position:absolute;top:0;width:2px}@keyframes progressDown{0%{height:0}to{height:100%}}.submenu-item{animation:fadeInUp .4s ease backwards;margin:4px 0}.submenu-item:first-child{animation-delay:.1s}.submenu-item:nth-child(2){animation-delay:.15s}.submenu-item:nth-child(3){animation-delay:.2s}.submenu-link{align-items:center;border-radius:10px;color:#9ca3af;color:var(--sidebar-text-muted);display:flex;font-size:14px;gap:12px;overflow:hidden;padding:11px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.submenu-link:before{background:#3b82f6;background:var(--primary-color);content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s ease;width:0}.submenu-link:hover:before{width:100%}.submenu-link:hover{background:#3b82f61a;background:var(--sidebar-hover);color:#e4e7eb;color:var(--sidebar-text);padding-left:20px;transform:translateX(5px)}.submenu-link.active{background:#3b82f626;background:var(--sidebar-active);box-shadow:0 2px 8px #3b82f666;box-shadow:0 2px 8px var(--primary-glow);color:#3b82f6;color:var(--primary-color);font-weight:700}.submenu-dot{background:#9ca3af;background:var(--sidebar-text-muted);border-radius:50%;height:7px;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce);width:7px}.submenu-dot:after{background:#3b82f6;background:var(--primary-color);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:100%}.submenu-link.active .submenu-dot,.submenu-link:hover .submenu-dot{background:#3b82f6;background:var(--primary-color);box-shadow:0 0 10px #3b82f666;box-shadow:0 0 10px var(--primary-glow);transform:scale(1.6)}.submenu-link:hover .submenu-dot:after{opacity:0;transform:translate(-50%,-50%) scale(2)}.sidebar-quick-actions{background:linear-gradient(180deg,#0000,#3b82f60d);border-top:1px solid #ffffff14;border-top:1px solid var(--sidebar-border);padding:16px;position:relative}.sidebar-quick-actions:before{background:linear-gradient(90deg,#0000,#3b82f6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary-color) 50%,#0000 100%);content:"";height:2px;left:0;position:absolute;right:0;top:-1px}.quick-action-title{color:#9ca3af;color:var(--sidebar-text-muted);font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:14px;padding-bottom:8px;position:relative;text-align:center;text-transform:uppercase}.quick-action-title:after{background:linear-gradient(90deg,#0000,#3b82f6,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.quick-action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:12px;color:#e4e7eb;color:var(--sidebar-text);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;overflow:hidden;padding:14px 10px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce)}.quick-action-btn:before{background:radial-gradient(circle,#3b82f666 0,#0000 70%);background:radial-gradient(circle,var(--primary-glow) 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:-1}.quick-action-btn:hover:before{height:200px;width:200px}.quick-action-btn:hover{background:#3b82f6;background:var(--primary-color);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 8px 20px #3b82f666;box-shadow:0 8px 20px var(--primary-glow);transform:translateY(-5px) scale(1.05)}.quick-action-icon{font-size:22px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce)}.quick-action-btn:hover .quick-action-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.3) rotate(10deg)}.quick-action-label{font-size:11px;font-weight:600;text-align:center;transition:all .3s ease}.quick-action-btn:hover .quick-action-label{letter-spacing:.5px}.notification-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);border-radius:12px;box-shadow:0 2px 8px #ef444480;color:#fff;font-size:10px;font-weight:800;min-width:20px;padding:3px 7px;position:absolute;right:8px;text-align:center;top:8px}.sidebar-quick-actions-collapsed{background:linear-gradient(180deg,#0000,#3b82f60d);border-top:1px solid #ffffff14;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:10px;padding:12px}.quick-action-btn-collapsed{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:12px;cursor:pointer;display:flex;font-size:22px;height:52px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce);width:52px}.quick-action-btn-collapsed:before{background:#3b82f6;background:var(--primary-color);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0;z-index:-1}.quick-action-btn-collapsed:hover:before{height:150%;width:150%}.quick-action-btn-collapsed:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 6px 16px #3b82f666;box-shadow:0 6px 16px var(--primary-glow);color:#fff;transform:scale(1.2) rotate(10deg)}.notification-dot{animation:dotPulse 2s infinite;background:#ef4444;background:var(--danger-color);border:2px solid linear-gradient(180deg,#1a1d2e,#16182a);border:2px solid var(--sidebar-bg);border-radius:50%;box-shadow:0 0 10px #ef4444;box-shadow:0 0 10px var(--danger-color);height:12px;position:absolute;right:10px;top:10px;width:12px}.sidebar-footer{background:linear-gradient(180deg,#0000,#3b82f608);border-top:1px solid #ffffff14;border-top:1px solid var(--sidebar-border)}.sidebar-footer:before{background:linear-gradient(90deg,#0000,#3b82f6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary-color) 50%,#0000 100%);content:"";height:2px;left:0;position:absolute;right:0;top:-1px}.sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:12px;gap:12px;margin-bottom:14px;overflow:hidden;padding:14px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth)}.sidebar-user:before{background:linear-gradient(90deg,#0000,#3b82f61a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.sidebar-user:hover:before{left:100%}.sidebar-user:hover{background:#3b82f626;background:var(--sidebar-active);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.user-avatar{animation:avatarGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--primary-color) 0,var(--success-color) 100%);border-radius:50%;box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--primary-glow);font-size:22px;position:relative}@keyframes avatarGlow{0%,to{box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--primary-glow)}50%{box-shadow:0 6px 20px #3b82f699}}.user-avatar:after{background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.sidebar-user:hover .user-avatar:after{animation:rotate 2s linear infinite;opacity:.5}.user-info{flex:1 1}.user-name{color:#e4e7eb;color:var(--sidebar-text);font-size:15px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis}.user-role{color:#9ca3af;color:var(--sidebar-text-muted);font-size:13px;margin-top:2px;text-transform:capitalize}.user-status{align-items:center;color:#10b981;color:var(--success-color);display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:5px}.status-dot{animation:statusPulse 2s infinite;background:#10b981;background:var(--success-color);border-radius:50%;box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--success-color);height:9px;width:9px}@keyframes statusPulse{0%,to{box-shadow:0 0 8px #10b981;box-shadow:0 0 8px var(--success-color);transform:scale(1)}50%{box-shadow:0 0 16px #10b981;box-shadow:0 0 16px var(--success-color);transform:scale(1.3)}}.logout-btn{background:linear-gradient(135deg,var(--danger-color) 0,#dc2626 100%);box-shadow:0 4px 12px #ef44444d;font-size:15px;font-weight:700;gap:10px;padding:14px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce);width:100%}.logout-btn:before{background:#fff3;border-radius:50%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.logout-btn:hover:before{height:300px;width:300px}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444480;transform:translateY(-4px)}.logout-btn:active{transform:translateY(-2px)}.logout-icon{font-size:20px;transition:transform .3s ease}.logout-btn:hover .logout-icon{transform:rotate(-15deg) scale(1.2)}.sidebar-copyright{border-top:1px solid #ffffff14;border-top:1px solid var(--sidebar-border);color:#9ca3af;color:var(--sidebar-text-muted);font-size:11px;line-height:1.5;margin-top:14px;opacity:.7;padding:14px 10px 0;text-align:center;transition:opacity .3s ease}.sidebar-copyright:hover{opacity:1}.advanced-sidebar.collapsed .logout-label,.advanced-sidebar.collapsed .quick-action-title,.advanced-sidebar.collapsed .sidebar-copyright,.advanced-sidebar.collapsed .sidebar-search,.advanced-sidebar.collapsed .sidebar-title,.advanced-sidebar.collapsed .theme-toggle-btn,.advanced-sidebar.collapsed .user-info{display:none}.advanced-sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}.advanced-sidebar.collapsed .sidebar-logo-container{justify-content:center}.advanced-sidebar.collapsed .sidebar-link,.advanced-sidebar.collapsed .submenu-link{justify-content:center;padding:14px}.advanced-sidebar.collapsed .sidebar-user{justify-content:center;padding:12px}.advanced-sidebar.collapsed .logout-btn{padding:14px}.advanced-sidebar.collapsed .quick-action-buttons{display:none}.help-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.help-modal-content{animation:modalSlideUp .5s cubic-bezier(.68,-.55,.265,1.55);animation:modalSlideUp .5s var(--transition-bounce);background:linear-gradient(180deg,#1a1d2e,#16182a);background:var(--sidebar-bg);border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:20px;box-shadow:0 24px 80px #00000080;max-height:85vh;max-width:650px;overflow-y:auto;position:relative;width:92%}.help-modal-content:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.help-modal-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f61a,#0000);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;padding:28px}.help-modal-title-wrapper{flex:1 1}.help-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--primary-color),var(--success-color));-webkit-background-clip:text;color:#e4e7eb;color:var(--sidebar-text);font-size:26px;font-weight:800;margin:0 0 6px}.help-modal-subtitle{color:#9ca3af;color:var(--sidebar-text-muted);font-size:14px;margin:0}.help-modal-close-btn{align-items:center;background:#ef44441a;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:12px;color:#ef4444;color:var(--danger-color);cursor:pointer;display:flex;font-size:26px;height:44px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce);width:44px}.help-modal-close-btn:hover{background:#ef4444;background:var(--danger-color);box-shadow:0 6px 16px #ef444466;color:#fff;transform:rotate(90deg) scale(1.1)}.help-modal-body{display:flex;flex-direction:column;gap:20px;padding:28px}.help-section-item{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);border-radius:16px;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--transition-smooth)}.help-section-item:before{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--primary-color),var(--success-color));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .4s ease;width:4px}.help-section-item:hover:before{transform:scaleY(1)}.help-section-item:hover{background:#3b82f626;background:var(--sidebar-active);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 12px 32px #0000004d;transform:translateY(-6px)}.help-section-icon{align-items:center;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;font-size:44px;height:64px;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .4s var(--transition-bounce);width:64px}.help-section-item:hover .help-section-icon{box-shadow:0 8px 24px #3b82f666;box-shadow:0 8px 24px var(--primary-glow);transform:scale(1.15) rotate(10deg)}.help-section-info{flex:1 1}.help-section-title{color:#e4e7eb;color:var(--sidebar-text);font-size:17px;font-weight:700;margin:0 0 10px}.help-section-description{color:#9ca3af;color:var(--sidebar-text-muted);font-size:14px;line-height:1.7;margin:0 0 14px}.help-section-link{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color),#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--primary-glow);color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.help-section-link:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666;box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-3px)}.help-section-email-link,.help-section-phone-link{border:1px solid #0000;border-radius:8px;color:#3b82f6;color:var(--primary-color);display:inline-block;font-size:14px;font-weight:700;margin-right:10px;margin-top:8px;padding:8px 14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.help-section-email-link:hover,.help-section-phone-link:hover{background:#3b82f61a;background:var(--sidebar-hover);border-color:#3b82f6;border-color:var(--primary-color);transform:translateY(-2px)}.help-modal-footer{background:linear-gradient(0deg,#3b82f60d,#0000);border-top:1px solid #ffffff14;border-top:1px solid var(--sidebar-border);display:flex;gap:14px;justify-content:flex-end;padding:24px 28px}.help-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.8px;overflow:hidden;padding:13px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.help-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.help-btn:hover:before{height:300px;width:300px}.help-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-color),#2563eb);box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--primary-glow)}.help-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #3b82f666;box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-3px)}.help-btn-secondary{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--sidebar-border);color:#e4e7eb;color:var(--sidebar-text)}.help-btn-secondary:hover{background:#3b82f626;background:var(--sidebar-active);border-color:#3b82f6;border-color:var(--primary-color);transform:translateY(-3px)}@media (max-width:1023px){.advanced-sidebar,.advanced-sidebar.collapsed{width:80px;width:var(--sidebar-collapsed-width)}.desktop-only{display:none!important}}@media (max-width:767px){.mobile-menu-toggle{display:flex}.advanced-sidebar{box-shadow:none;transform:translateX(-100%);width:280px;width:var(--sidebar-width)}.advanced-sidebar.mobile-open{box-shadow:8px 0 32px #0006;transform:translateX(0)}.advanced-sidebar.mobile-open~.mobile-overlay{display:block}.sidebar-header-actions{display:flex}.sidebar-toggle-btn{display:none}.quick-action-buttons{grid-template-columns:repeat(3,1fr)}.help-modal-content{border-radius:16px;max-height:88vh;max-width:95%}.help-modal-header{padding:20px}.help-modal-footer{flex-direction:column}.help-btn{width:100%}}@media (max-width:479px){.advanced-sidebar{max-width:320px;width:88vw}.sidebar-header{padding:16px 12px}.sidebar-title{font-size:19px}.quick-action-btn{padding:11px 8px}.quick-action-icon{font-size:19px}.quick-action-label{font-size:10px}.help-section-item{flex-direction:column;padding:18px}.help-section-icon{font-size:36px;height:56px;width:56px}}@media print{.advanced-sidebar,.mobile-menu-toggle,.mobile-overlay{display:none!important}}:focus-visible{border-radius:4px;outline:2px solid #3b82f6;outline:2px solid var(--primary-color)}@media (prefers-contrast:high){.quick-action-btn,.sidebar-link,.submenu-link{border:2px solid}}.sidebar-folder-item{margin-bottom:2px}.sidebar-folder-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:10px;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase;transition:background .2s ease;width:100%}.sidebar-folder-btn:hover{background:#ffffff14}.sidebar-folder-btn.expanded{background:#ffffff1f}.folder-label{flex:1 1}.folder-arrow{height:16px;min-width:16px;opacity:.7;transition:transform .25s ease;width:16px}.folder-arrow.expanded{transform:rotate(180deg)}.folder-submenu{border-left:2px solid #ffffff26;list-style:none;margin:0 0 4px 22px;padding:0}.folder-submenu.folder-submenu-collapsed{border-left:none;margin-left:0}.folder-nested-link{padding-left:28px!important}.nested-item .sidebar-link{font-size:.9rem;opacity:.9}.nested-item .sidebar-link.active,.nested-item .sidebar-link:hover{opacity:1}.sidebar-section{margin-bottom:4px}.sidebar-section-title{font-size:.68rem;font-weight:700;letter-spacing:1px;opacity:.5;padding:8px 16px 4px;text-transform:uppercase}.sidebar-section-divider{background:#ffffff1a;height:1px;margin:6px 12px 10px}.recent-link{font-size:.88rem;opacity:.82}.pin-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:none;flex-shrink:0;font-size:13px;justify-content:center;opacity:.35;padding:3px 5px;transition:opacity .2s,background .2s}.sidebar-item-wrapper:hover .pin-btn{display:flex}.pin-btn.pinned{display:flex;opacity:1}.pin-btn:hover{background:#ffffff1a;opacity:1}.sidebar-context-menu{background:#1e293b;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 10px 30px #00000073;min-width:170px;padding:4px}.context-menu-item{align-items:center;border-radius:6px;color:#e2e8f0;display:flex;font-size:.85rem;gap:8px;padding:8px 12px;transition:background .15s}.context-menu-item:hover{background:#ffffff17}.role-badge{border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.6px;padding:2px 9px}.profile-popover{border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 12px 36px #0000008c;left:0;padding:14px;width:220px;z-index:1000}.profile-popover-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.profile-popover-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.profile-popover-name{color:#f1f5f9;font-size:.88rem;font-weight:600}.profile-popover-since{color:#94a3b8;font-size:.7rem;margin-top:2px}.profile-popover-badge{margin-bottom:10px}.profile-popover-actions{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:2px;padding-top:10px}.popover-link{align-items:center;border-radius:6px;color:#cbd5e1;display:flex;font-size:.82rem;gap:8px;padding:7px 8px;text-decoration:none;transition:background .15s}.popover-link:hover{background:#ffffff12;color:#fff}.sidebar-drag-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .2s;width:5px;z-index:10}.sidebar-drag-handle:active,.sidebar-drag-handle:hover{background:#6366f173}.recent-folder-btn{opacity:.85}.recent-folder-btn:hover{opacity:1}.profile-popover{bottom:calc(100% + 12px);left:8px;position:absolute;z-index:99999}.user-role-wrapper{margin:2px 0}.profile-popover-badge .role-badge,.user-role-wrapper .role-badge{border-radius:999px;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.6px;padding:2px 10px;text-transform:uppercase;white-space:nowrap}.popover-logout-btn{background:#0000;border:none;color:#f87171;text-align:left;width:100%}.popover-logout-btn:hover{background:#f871711a!important;color:#f87171!important}.profile-popover{animation:popoverIn .18s ease;background:#1e293b;border:1px solid #ffffff21;border-radius:14px;box-shadow:0 -8px 40px #0009;padding:16px;width:230px}@keyframes popoverIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-user{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;position:relative;transition:background .2s}.sidebar-user:hover{background:#ffffff0f}.sidebar-footer{overflow:visible!important;position:relative;z-index:100}.quick-action-header-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;justify-content:space-between;padding:4px 4px 6px;transition:background .2s;width:100%}.quick-action-header-btn:hover{background:#ffffff0f}.quick-access-arrow{height:15px;min-width:15px;opacity:.6;transition:transform .25s ease;width:15px}.quick-access-arrow.expanded{transform:rotate(180deg)}.mail-badge-pulse{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:#ef4444;border-radius:999px;box-shadow:0 0 0 2px #ef44444d;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-8px;top:-6px;z-index:10}.mail-badge-pulse.collapsed-badge{font-size:.55rem;height:16px;min-width:16px;right:2px;top:2px}.mail-toast-stack{bottom:24px;display:flex;flex-direction:column;gap:10px;left:24px;max-width:320px;position:fixed;z-index:999999}.mail-toast{align-items:flex-start;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);background:#1e293b;border:1px solid #ffffff1f;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;gap:10px;overflow:hidden;padding:12px 14px;position:relative}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.mail-toast-icon{flex-shrink:0;font-size:1.3rem;margin-top:1px}.mail-toast-body{flex:1 1;min-width:0}.mail-toast-title{color:#94a3b8;font-size:.78rem;margin-bottom:2px}.mail-toast-title strong{color:#f1f5f9}.mail-toast-subject{color:#e2e8f0;font-size:.85rem;font-weight:600}.mail-toast-preview,.mail-toast-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-toast-preview{color:#64748b;font-size:.75rem;margin-top:2px}.mail-toast-actions{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.mail-toast-open{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.72rem;font-weight:600;padding:3px 10px;transition:background .15s}.mail-toast-open:hover{background:#2563eb}.mail-toast-dismiss{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:.75rem;padding:2px;text-align:center;transition:color .15s}.mail-toast-dismiss:hover{color:#f1f5f9}.mail-toast-progress{animation:toastProgress 5s linear forwards;background:#3b82f6;border-radius:0 0 12px 12px;bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notif-permission-prompt{align-items:center;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1);background:#1e293b;border:1px solid #ffffff21;border-left:4px solid #f59e0b;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #00000080;color:#e2e8f0;display:flex;font-size:.82rem;gap:10px;left:24px;max-width:340px;padding:12px 16px;position:fixed;z-index:999999}.notif-allow-btn{background:#f59e0b;border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:700;padding:5px 14px;transition:background .15s;white-space:nowrap}.notif-allow-btn:hover{background:#d97706}.notif-deny-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:4px;transition:color .15s}.notif-deny-btn:hover{color:#f1f5f9}.popover-notif-status{background:#10b9811a;border-radius:6px;color:#10b981;font-size:.76rem;font-weight:600;margin-top:2px;padding:6px 8px}.popover-notif-status.denied{background:#ef44441a;color:#ef4444}.popover-notif-btn{color:#f59e0b!important}.popover-notif-btn:hover{background:#f59e0b1a!important}.swipe-edge-hint{display:none;left:0;padding:12px 4px;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);z-index:998}.swipe-edge-bar{background:#6366f173;border-radius:0 4px 4px 0;height:48px;transition:background .2s;width:4px}@media (max-width:768px){.swipe-edge-hint{align-items:center;display:flex}}@keyframes logoutModalIn{0%{filter:blur(8px);opacity:0;transform:translateY(32px) scale(.92)}60%{filter:blur(0);opacity:1;transform:translateY(-4px) scale(1.01)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes logoutIconPulse{0%,to{box-shadow:0 0 0 0 #c0152f80,0 8px 24px #c0152f33,inset 0 1px 0 #ffffff4d}50%{box-shadow:0 0 0 12px #c0152f00,0 12px 32px #c0152f59,inset 0 1px 0 #fff6}}@keyframes logoutIconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-4px) rotate(-5deg)}66%{transform:translateY(-2px) rotate(4deg)}}@keyframes dangerShimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes dangerGlow{0%,to{box-shadow:0 4px 14px #c0152f66,inset 0 1px 0 #fff3}50%{box-shadow:0 8px 28px #c0152fa6,0 0 0 4px #c0152f1f,inset 0 1px 0 #ffffff40}}@keyframes logoutOverlayIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);opacity:1}}@keyframes cancelShine{0%{left:-100%}to{left:200%}}.logout-overlay{align-items:center;animation:logoutOverlayIn .35s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);background:#0a0a148c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.logout-modal{animation:logoutModalIn .5s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(145deg,#fffffff7,#fff8f8f0 50%,#fffffff7);border:1.5px solid #ffffffbf;border-radius:24px;box-shadow:0 32px 80px #00000047,0 0 0 1px #c0152f0f,0 8px 24px #c0152f14,inset 0 1px 0 #ffffffe6;max-width:420px;overflow:hidden;position:relative;width:92%}.logout-modal:before{animation:logoutIconFloat 6s ease-in-out infinite;background:radial-gradient(circle,#c0152f1a 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-40px;top:-60px;width:200px}.logout-header{align-items:center;background:linear-gradient(135deg,#c0152f17,#e53e3e0d 50%,#c0152f08)!important;border-bottom:1px solid #c0152f26!important;display:flex;justify-content:space-between;overflow:hidden;padding:24px 28px 18px;position:relative}.logout-header:after{background:linear-gradient(90deg,#0000,#c0152f66,#e53e3e99,#c0152f66,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.logout-header .modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f1e1e,#1a1a1a 40%,#3a3a3a 60%,#202020);-webkit-background-clip:text;background-clip:text;color:#222;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));font-size:20px;font-weight:800;letter-spacing:-.03em;margin:0;position:relative;z-index:1}.logout-modal .modal-body{flex-direction:column;padding:32px 28px 24px;text-align:center}.logout-icon,.logout-modal .modal-body{align-items:center;display:flex;position:relative}.logout-icon{animation:logoutIconPulse 2.4s ease-in-out infinite,logoutIconFloat 3.5s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#c0152f24,#e53e3e14 50%,#c0152f1f);border:1.5px solid #c0152f40;border-radius:50%;font-size:30px;height:76px;justify-content:center;margin:0 auto 20px;width:76px;z-index:1}.logout-icon:before{animation:logoutIconFloat 4s linear infinite;background:conic-gradient(from 0deg,#c0152f4d,#e53e3e1a,#c0152f4d,#0000,#c0152f4d);border-radius:50%;content:"";filter:blur(4px);inset:-4px;position:absolute;z-index:-1}.logout-message{color:#4b5563;font-size:15px;font-weight:500;letter-spacing:.1px;line-height:1.75;margin:0;max-width:300px}.logout-message strong{color:#1a1a2e;font-weight:700}.logout-modal .modal-footer{background:#f8f9fa99;border-top:1px solid #0000000f;display:flex;gap:12px;justify-content:flex-end;padding:16px 28px 28px}.modal-btn-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1.5px solid #0000001f;border-radius:10px;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #ffffffe6;color:#374151;cursor:pointer;font-size:14px;font-weight:650;letter-spacing:-.01em;overflow:hidden;padding:11px 22px;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1)}.modal-btn-secondary:after{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:none;width:60%}.modal-btn-secondary:hover{background:#fff;border-color:#0000002e;box-shadow:0 6px 18px #0000001a,inset 0 1px 0 #fff;color:#1a1a2e;transform:translateY(-2px)}.modal-btn-secondary:hover:after{animation:cancelShine .6s ease forwards}.modal-btn-secondary:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.modal-btn-danger{animation:dangerGlow 2.5s ease-in-out infinite;background:linear-gradient(135deg,#c0152f,#e53e3e 50%,#c0152f);background-size:300% auto;border:1.5px solid #ffffff26;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.02em;overflow:hidden;padding:11px 22px;position:relative;text-shadow:0 1px 3px #00000040;transition:all .35s cubic-bezier(.16,1,.3,1)}.modal-btn-danger:before{animation:dangerShimmer 2.2s linear infinite;background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);background-size:300% 100%;content:"";inset:0;pointer-events:none;position:absolute}.modal-btn-danger:after{background:#0000;border:2px solid #c0152f00;border-radius:12px;content:"";inset:-2px;position:absolute;transition:all .4s cubic-bezier(.16,1,.3,1)}.modal-btn-danger:hover{background-position:100%;border-color:#ffffff40;box-shadow:0 10px 28px #c0152f8c,0 4px 12px #c0152f4d,inset 0 1px 0 #ffffff40;transform:translateY(-3px) scale(1.02)}.modal-btn-danger:hover:after{border-color:#c0152f59;border-radius:14px;inset:-5px}.modal-btn-danger:active{animation:none;box-shadow:0 4px 14px #c0152f73,inset 0 2px 6px #00000026;transform:translateY(-1px) scale(.99)}.logout-modal .modal-close:hover{background:#c0152f1a!important;border-color:#c0152f33!important;color:#c0152f!important}@media (prefers-color-scheme:dark){.logout-modal{background:linear-gradient(145deg,#1e1416f7,#28191cf2 50%,#1e1416f7);border-color:#c0152f33;box-shadow:0 32px 80px #0009,0 0 0 1px #c0152f1f,0 8px 24px #c0152f26,inset 0 1px 0 #ffffff0f}.logout-header .modal-title{color:#f0f0f0}.logout-message{color:#9ca3af}.logout-message strong{color:#f9fafb}.logout-modal .modal-footer{background:#140f1066;border-top-color:#ffffff0f}.modal-btn-secondary{background:#ffffff12;border-color:#ffffff1f;box-shadow:0 2px 8px #0000004d,inset 0 1px 0 #ffffff0f;color:#d1d5db}.modal-btn-secondary:hover{background:#ffffff1f;border-color:#fff3;color:#f9fafb}}[dir=rtl] .logout-modal .modal-footer{flex-direction:row-reverse}@media (prefers-reduced-motion:reduce){.logout-icon,.logout-modal,.modal-btn-danger,.modal-btn-danger:before{animation:none!important}}.language-switcher{align-items:center;border-top:1px solid #5e524033;border-top:1px solid var(--color-border);display:flex;gap:12px;gap:var(--space-12);margin-top:auto;padding:16px;padding:var(--space-16)}.language-label{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.language-buttons{align-items:center;display:flex;flex:1 1;gap:6px;gap:var(--space-6)}.lang-btn{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);cursor:pointer;flex:1 1;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);padding:8px 12px;padding:var(--space-8) var(--space-12);text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.lang-btn:hover{background:#5e524033;background:var(--color-secondary-hover);color:#21808d;color:var(--color-primary)}.lang-btn.active,.lang-btn:hover{border-color:#21808d;border-color:var(--color-primary)}.lang-btn.active{background:#21808d;background:var(--color-primary);box-shadow:0 2px 8px #21808d4d;box-shadow:0 2px 8px rgba(var(--color-teal-500-rgb),.3);color:#fcfcf9;color:var(--color-btn-primary-text)}.lang-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.lang-divider{color:#5e524033;color:var(--color-border);font-weight:400;font-weight:var(--font-weight-normal);padding:0 2px;padding:0 var(--space-2);-webkit-user-select:none;user-select:none}@media (max-width:480px){.language-switcher{align-items:stretch;flex-direction:column;gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.language-label{font-size:11px;font-size:var(--font-size-xs);text-align:center}.language-buttons{gap:4px;gap:var(--space-4)}.lang-btn{font-size:11px;font-size:var(--font-size-xs);padding:6px 8px;padding:var(--space-6) var(--space-8)}.lang-divider{display:none}}@media (max-width:768px){.language-switcher{gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.lang-btn{padding:6px 10px;padding:var(--space-6) var(--space-10)}.lang-btn,.language-label{font-size:11px;font-size:var(--font-size-xs)}}:root{--mailbox-primary:#3b82f6;--mailbox-primary-hover:#2563eb;--mailbox-primary-glow:#3b82f666;--mailbox-success:#10b981;--mailbox-danger:#ef4444;--mailbox-warning:#f59e0b;--mailbox-bg:#fff;--mailbox-surface:#f8fafc;--mailbox-border:#e5e7eb;--mailbox-text:#1f2937;--mailbox-text-muted:#6b7280;--mailbox-shadow:0 8px 32px #0000001f;--transition-speed:0.4s;--transition-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-smooth:cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--mailbox-bg:#1a1d2e;--mailbox-surface:#252a3f;--mailbox-border:#ffffff1a;--mailbox-text:#e4e7eb;--mailbox-text-muted:#9ca3af;--mailbox-shadow:0 8px 32px #0006}.modal-overlay{box-sizing:border-box;margin:0;padding:0;z-index:99999}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}.mailbox-modal-large{animation:modalScaleIn .35s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--mailbox-bg,#fff);border-radius:20px;box-shadow:0 24px 80px #00000073;box-sizing:border-box;display:flex;flex-direction:column;height:88vh;margin:auto;max-height:88vh;max-width:1100px;overflow:hidden;position:relative;width:92vw}.mailbox-modal-large:before{animation:gradientMove 3s ease infinite;background:linear-gradient(90deg,#3b82f6,#10b981,#3b82f6);background:linear-gradient(90deg,var(--mailbox-primary),var(--mailbox-success),var(--mailbox-primary));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.mailbox-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--mailbox-primary) 0,#2563eb 100%);border-bottom:none;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:28px 32px;position:relative}.mailbox-header:before{animation:headerPulse 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}@keyframes headerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mailbox-header-left{flex:1 1;z-index:1}.mailbox-header-right{align-items:center;display:flex;gap:12px;z-index:1}.mailbox-title{align-items:center;animation:titleSlideIn .6s cubic-bezier(.68,-.55,.265,1.55);animation:titleSlideIn .6s var(--transition-bounce);display:flex;font-size:26px;font-weight:900;gap:14px;margin:0;text-shadow:0 2px 8px #0003}@keyframes titleSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.unread-badge{animation:badgeGlow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 4px 12px #00000026;font-size:11px;font-weight:800;letter-spacing:.8px;margin-left:10px;padding:7px 14px;text-transform:uppercase}@keyframes badgeGlow{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 6px 20px #ffffff4d}}.mailbox-tabs{align-items:center;animation:tabsSlideIn .7s cubic-bezier(.68,-.55,.265,1.55);animation:tabsSlideIn .7s var(--transition-bounce);display:flex;gap:10px}@keyframes tabsSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;color:#ffffffe6;font-size:12px;padding:10px 18px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.tab-btn:before{background:#fff3;border-radius:50%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.tab-btn:hover:before{height:200%;width:200%}.tab-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.tab-btn.active{background:#ffffff59;border-color:#fff9;box-shadow:0 6px 20px #00000040;font-weight:800;transform:translateY(-2px)}.btn-compose,.mail-back-btn,.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;overflow:hidden;padding:11px 20px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.btn-compose:before,.mail-back-btn:before,.modal-close-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.btn-compose:hover:before,.mail-back-btn:hover:before,.modal-close-btn:hover:before{height:300%;width:300%}.btn-compose:hover,.mail-back-btn:hover{background:#ffffff40;box-shadow:0 6px 20px #0003;transform:translateY(-3px)}.modal-close-btn{border-radius:12px;height:44px;width:44px}.modal-close-btn:hover{background:#ef44444d;border-color:#ef444480;box-shadow:0 6px 20px #ef44444d;transform:rotate(90deg) scale(1.15)}.btn{border-radius:12px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 22px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300%;width:300%}.btn:disabled{transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--mailbox-primary),#2563eb);border:1px solid #fff3;box-shadow:0 6px 16px #3b82f666;box-shadow:0 6px 16px var(--mailbox-primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 28px #3b82f666;box-shadow:0 10px 28px var(--mailbox-primary-glow);transform:translateY(-4px)}.btn-secondary{background:#f8fafc;background:var(--mailbox-surface);border:2px solid #e5e7eb;border:2px solid var(--mailbox-border);box-shadow:0 4px 12px #00000014;color:var(--mailbox-text)}.btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--mailbox-border);border-color:#3b82f6;border-color:var(--mailbox-primary);box-shadow:0 8px 20px #3b82f633;color:#3b82f6;color:var(--mailbox-primary);transform:translateY(-4px)}.btn-delete{background:#ef444426;border:2px solid #ef44444d;color:#ef4444;color:var(--mailbox-danger)}.btn-delete:hover:not(:disabled){background:#ef444440;border-color:#ef4444;border-color:var(--mailbox-danger);box-shadow:0 6px 20px #ef444459;transform:translateY(-4px)}.btn-action{background:#3b82f626;border:2px solid #3b82f64d;color:#3b82f6;color:var(--mailbox-primary)}.btn-action:hover:not(:disabled){background:#3b82f640;border-color:#3b82f6;border-color:var(--mailbox-primary);box-shadow:0 6px 20px #3b82f64d;transform:translateY(-4px)}.btn-starred{background:#ffd70026;border:2px solid #ffd7004d;color:gold}.btn-starred:hover:not(:disabled){background:#ffd70040;border-color:gold;box-shadow:0 6px 20px #ffd7004d}.btn-sm{border-radius:10px;padding:8px 14px}.mail-detail-container{animation:contentFadeIn .5s ease;background:#f8fafc;background:var(--mailbox-surface);display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mail-detail-header-section{animation:cardSlideIn .6s cubic-bezier(.68,-.55,.265,1.55);animation:cardSlideIn .6s var(--transition-bounce);background:#fff;background:var(--mailbox-bg);border:1px solid #e5e7eb;border:1px solid var(--mailbox-border);border-radius:16px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--mailbox-shadow);padding:24px;transition:all .3s ease}.mail-detail-header-section:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.mail-sender-info{align-items:flex-start;display:flex;gap:18px}.mail-sender-avatar{align-items:center;animation:avatarPop .7s cubic-bezier(.68,-.55,.265,1.55);animation:avatarPop .7s var(--transition-bounce);box-shadow:0 8px 20px #3b82f666;box-shadow:0 8px 20px var(--mailbox-primary-glow);color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:900;height:64px;justify-content:center;position:relative;width:64px}.mail-sender-avatar,.mail-sender-avatar:after{background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--mailbox-primary),var(--mailbox-success));border-radius:16px}.mail-sender-avatar:after{bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.mail-sender-info:hover .mail-sender-avatar:after{animation:rotate 2s linear infinite;opacity:.5}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mail-sender-details{animation:detailsFadeIn .8s ease;flex:1 1}@keyframes detailsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mail-sender-name{color:var(--mailbox-text);font-size:17px;font-weight:800;margin:0}.mail-sender-role{color:var(--mailbox-text-muted);font-size:13px;font-weight:600;margin:5px 0}.mail-timestamp{color:#6b7280;color:var(--mailbox-text-muted);font-size:12px;font-weight:600;margin:10px 0 0}.mail-subject-section{padding:0}.mail-subject{animation:subjectSlideIn .9s cubic-bezier(.68,-.55,.265,1.55);animation:subjectSlideIn .9s var(--transition-bounce);color:var(--mailbox-text);font-size:28px;font-weight:900;line-height:1.3;margin:0 0 20px}@keyframes subjectSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.mail-receipt-status{align-items:center;animation:statusSlideIn 1s cubic-bezier(.68,-.55,.265,1.55);animation:statusSlideIn 1s var(--transition-bounce);border-left:4px solid;border-radius:12px;display:flex;gap:14px;margin:18px 0;padding:16px 18px;transition:all .3s ease}@keyframes statusSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.mail-receipt-status:hover{box-shadow:0 6px 20px #0000001a;transform:translateX(8px)}.mail-receipt-status.sent{background:#3b82f61f;border:1px solid #3b82f640}.mail-receipt-status.read{background:#10b9811f;border:1px solid #10b98140}.receipt-icon{animation:iconBounce 1s ease infinite;font-size:24px;font-weight:700}.mail-receipt-status.sent .receipt-icon{color:#3b82f6;color:var(--mailbox-primary)}.mail-receipt-status.read .receipt-icon{color:#10b981;color:var(--mailbox-success)}.receipt-text{margin:0}.receipt-text strong{color:#1f2937;color:var(--mailbox-text);font-size:14px;font-weight:800}.receipt-text p{color:#6b7280;color:var(--mailbox-text-muted);font-size:12px;font-weight:500;margin:5px 0 0}.mail-project-banner{align-items:center;animation:bannerSlideIn 1.1s cubic-bezier(.68,-.55,.265,1.55);animation:bannerSlideIn 1.1s var(--transition-bounce);background:#3b82f61f;border:1px solid #3b82f640;border-radius:12px;display:flex;gap:14px;padding:16px 18px;transition:all .3s ease}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mail-project-banner:hover{box-shadow:0 8px 24px #3b82f633;transform:translateY(-4px)}.project-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--mailbox-primary),#2563eb);border-radius:8px;box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--mailbox-primary-glow);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}@keyframes badgePulse{0%,to{box-shadow:0 4px 12px #3b82f666;box-shadow:0 4px 12px var(--mailbox-primary-glow)}50%{box-shadow:0 6px 20px #3b82f699}}.mail-project-banner strong{color:#1f2937;color:var(--mailbox-text);font-size:14px;font-weight:700}.mail-body-section{animation:bodyFadeIn 1.2s ease;background:#fff;background:var(--mailbox-bg);border:1px solid #e5e7eb;border:1px solid var(--mailbox-border);border-radius:16px;box-shadow:0 8px 32px #0000001f;box-shadow:var(--mailbox-shadow);padding:28px;transition:all .3s ease}@keyframes bodyFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mail-body-section:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.mail-body-content{color:var(--mailbox-text);font-size:15px;font-weight:500;line-height:1.9;white-space:pre-wrap;word-break:break-word}.mail-actions-footer{animation:actionsFadeIn 1.3s ease;border-top:1px solid #e5e7eb;border-top:1px solid var(--mailbox-border);display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}@keyframes actionsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compose-form-large{animation:formFadeIn .5s ease;background:#f8fafc;background:var(--mailbox-surface);display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}@keyframes formFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group-large{animation:fieldSlideIn .6s cubic-bezier(.68,-.55,.265,1.55) backwards;animation:fieldSlideIn .6s var(--transition-bounce) backwards;display:flex;flex-direction:column;gap:12px}.form-group-large:first-child{animation-delay:.1s}.form-group-large:nth-child(2){animation-delay:.2s}.form-group-large:nth-child(3){animation-delay:.3s}.form-group-large:nth-child(4){animation-delay:.4s}@keyframes fieldSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.form-label{color:#1f2937;color:var(--mailbox-text);font-weight:800;letter-spacing:.8px;text-transform:uppercase}.form-control-large,.form-textarea-large{background:#fff;background:var(--mailbox-bg);border:2px solid #e5e7eb;border:2px solid var(--mailbox-border);border-radius:12px;box-shadow:0 4px 12px #0000000d;color:#1f2937;color:var(--mailbox-text);font-family:inherit;font-size:14px;font-weight:500;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.form-control-large::placeholder,.form-textarea-large::placeholder{color:#6b7280;color:var(--mailbox-text-muted)}.form-control-large:hover:not(:disabled):not(:focus),.form-textarea-large:hover:not(:disabled):not(:focus){border-color:#3b82f666;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.form-control-large:focus,.form-textarea-large:focus{border-color:#3b82f6;border-color:var(--mailbox-primary);box-shadow:0 0 0 4px #3b82f666,0 8px 24px #3b82f633;box-shadow:0 0 0 4px var(--mailbox-primary-glow),0 8px 24px #3b82f633;outline:none;transform:translateY(-3px)}.form-control-large:disabled,.form-textarea-large:disabled{background:#0000000d;cursor:not-allowed;opacity:.6}.form-textarea-large{min-height:220px;resize:vertical}.compose-actions,.forward-actions,.reply-actions{animation:actionsFadeIn .8s ease;border-top:1px solid #e5e7eb;border-top:1px solid var(--mailbox-border);display:flex;gap:14px;padding-top:24px}.mail-forward-section,.mail-reply-section{animation:sectionSlideIn .7s cubic-bezier(.68,-.55,.265,1.55);animation:sectionSlideIn .7s var(--transition-bounce);background:#3b82f61a;border:1px solid #3b82f640;border-radius:12px;margin:24px 0;padding:24px;transition:all .3s ease}@keyframes sectionSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.mail-forward-section:hover,.mail-reply-section:hover{box-shadow:0 8px 24px #3b82f633;transform:translateX(8px)}.mail-forward-section h4,.mail-reply-section h4{color:#1f2937;color:var(--mailbox-text);font-size:15px;font-weight:800;margin:0 0 18px}.mailbox-list-container{animation:listFadeIn .5s ease;background:var(--mailbox-surface);flex:1 1;overflow-y:auto;padding:28px}@keyframes listFadeIn{0%{opacity:0}to{opacity:1}}.mails-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.mail-card{animation:cardFadeIn .5s ease backwards;background:var(--mailbox-bg);border:1px solid #e5e7eb;border:1px solid var(--mailbox-border);border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:18px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.mail-card:first-child{animation-delay:.05s}.mail-card:nth-child(2){animation-delay:.1s}.mail-card:nth-child(3){animation-delay:.15s}.mail-card:nth-child(4){animation-delay:.2s}.mail-card:nth-child(5){animation-delay:.25s}.mail-card:nth-child(6){animation-delay:.3s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mail-card:before{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--mailbox-primary),var(--mailbox-success));border-radius:16px 0 0 16px;content:"";height:0;left:0;position:absolute;top:0;transition:height .3s ease;width:4px}.mail-card:hover:before{height:100%}.mail-card:hover{border-color:#3b82f6;border-color:var(--mailbox-primary);box-shadow:0 12px 32px #3b82f640;transform:translateY(-8px) scale(1.02)}.mail-card.unread{background:#3b82f60f;border-color:#3b82f659;box-shadow:0 6px 20px #3b82f626}.mail-card.unread:after{animation:unreadPulse 2s ease-in-out infinite;background:#3b82f6;background:var(--mailbox-primary);border-radius:50%;box-shadow:0 0 12px #3b82f666;box-shadow:0 0 12px var(--mailbox-primary-glow);content:"";height:12px;position:absolute;right:-2px;top:-2px;width:12px}@keyframes unreadPulse{0%,to{box-shadow:0 0 12px #3b82f666;box-shadow:0 0 12px var(--mailbox-primary-glow);transform:scale(1)}50%{box-shadow:0 0 20px #3b82f6cc;transform:scale(1.3)}}.mail-card.unread:hover{box-shadow:0 12px 32px #3b82f659}.mail-card.selected{background:#3b82f61a;border-color:#3b82f6;border-color:var(--mailbox-primary);box-shadow:0 0 0 4px #3b82f666;box-shadow:0 0 0 4px var(--mailbox-primary-glow);transform:scale(1.02)}.mail-card-checkbox{animation:checkboxFadeIn .5s ease;left:14px;position:absolute;top:14px}@keyframes checkboxFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mail-card-checkbox input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--mailbox-primary);cursor:pointer;height:20px;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55);transition:transform .2s var(--transition-bounce);width:20px}.mail-card-checkbox input[type=checkbox]:checked{transform:scale(1.2)}.mail-card-header{align-items:flex-start;display:flex;gap:14px;padding-left:34px}.mail-card-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--mailbox-primary),var(--mailbox-success));border-radius:12px;box-shadow:0 6px 16px #3b82f666;box-shadow:0 6px 16px var(--mailbox-primary-glow);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:800;height:48px;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce);width:48px}.mail-card:hover .mail-card-avatar{box-shadow:0 8px 24px #3b82f680;transform:scale(1.15) rotate(10deg)}.mail-card-top{align-items:flex-start;display:flex;flex:1 1;gap:10px;justify-content:space-between}.mail-card-from{color:#1f2937;color:var(--mailbox-text);font-size:14px;font-weight:800;margin:0}.mail-card-time{color:var(--mailbox-text-muted);font-size:11px;font-weight:700;white-space:nowrap}.mail-card-body{padding:10px 0}.mail-card-subject{color:#1f2937;color:var(--mailbox-text);font-size:15px;font-weight:800;line-height:1.4;margin:0 0 8px}.mail-card-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--mailbox-text-muted);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.mail-card-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--mailbox-border);display:flex;justify-content:space-between;padding-top:10px}.mail-project-tag,.mail-type-tag{background:#3b82f626;border:1px solid #3b82f640;border-radius:8px;box-shadow:0 2px 8px #3b82f61a;color:#3b82f6;color:var(--mailbox-primary);font-size:10px;font-weight:800;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;transition:all .3s ease}.mail-card:hover .mail-project-tag,.mail-card:hover .mail-type-tag{box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.mail-card-actions{align-items:center;display:flex;gap:10px}.unread-dot{animation:dotPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#10b981);background:linear-gradient(135deg,var(--mailbox-primary),var(--mailbox-success));border-radius:50%;box-shadow:0 0 12px #3b82f666;box-shadow:0 0 12px var(--mailbox-primary-glow);height:10px;width:10px}@keyframes dotPulse{0%,to{box-shadow:0 0 12px #3b82f666;box-shadow:0 0 12px var(--mailbox-primary-glow);transform:scale(1)}50%{box-shadow:0 0 20px #3b82f6cc;transform:scale(1.4)}}.star-btn{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:18px;padding:6px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s var(--transition-bounce)}.star-btn:hover{color:gold;text-shadow:0 0 12px #ffd70099;transform:scale(1.4) rotate(20deg)}.star-btn.starred{animation:starTwinkle 1.5s ease-in-out infinite;color:gold;text-shadow:0 0 12px #ffd700b3}@keyframes starTwinkle{0%,to{text-shadow:0 0 12px #ffd700b3;transform:scale(1)}50%{text-shadow:0 0 20px #ffd700e6;transform:scale(1.2)}}.empty-state{animation:emptyFadeIn .8s ease;padding:80px 40px}@keyframes emptyFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-icon{animation:emptyFloat 3s ease-in-out infinite;font-size:96px;margin-bottom:20px}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.empty-text{color:#1f2937;color:var(--mailbox-text);font-size:20px;font-weight:800;margin:0}.empty-subtext{color:#6b7280;color:var(--mailbox-text-muted);font-size:15px;font-weight:600;margin:10px 0 0}.loader{animation:loaderSpin .7s linear infinite;border:5px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;border-top:5px solid var(--mailbox-primary);box-shadow:0 0 20px #3b82f666;box-shadow:0 0 20px var(--mailbox-primary-glow);height:52px;margin:0 auto 20px;width:52px}@keyframes loaderSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mailbox-filter-bar{animation:filterSlideDown .5s cubic-bezier(.68,-.55,.265,1.55);animation:filterSlideDown .5s var(--transition-bounce);background:#fff;background:var(--mailbox-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mailbox-border);padding:20px}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-row-1{display:flex;gap:12px;margin-bottom:14px}.filter-row-2{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-date,.filter-input,.filter-select{background:#fff;background:var(--mailbox-bg);border:2px solid #e5e7eb;border:2px solid var(--mailbox-border);border-radius:10px;color:#1f2937;color:var(--mailbox-text);font-family:inherit;font-size:13px;font-weight:600;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--transition-smooth)}.filter-input{flex:1 1;min-width:220px}.filter-input::placeholder{color:#6b7280;color:var(--mailbox-text-muted)}.filter-date,.filter-select{min-width:160px}.filter-date:hover:not(:focus),.filter-input:hover:not(:focus),.filter-select:hover:not(:focus){border-color:#3b82f666;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.filter-date:focus,.filter-input:focus,.filter-select:focus{border-color:#3b82f6;border-color:var(--mailbox-primary);box-shadow:0 0 0 4px #3b82f666;box-shadow:0 0 0 4px var(--mailbox-primary-glow);outline:none;transform:translateY(-3px)}.filter-row-2 label{color:#1f2937;color:var(--mailbox-text);font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.bulk-actions-bar{align-items:center;animation:bulkSlideDown .4s cubic-bezier(.68,-.55,.265,1.55);animation:bulkSlideDown .4s var(--transition-bounce);background:#3b82f61f;border:1px solid #3b82f640;display:flex;justify-content:space-between;padding:16px 20px}@keyframes bulkSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bulk-left{align-items:center;display:flex;gap:14px}.bulk-left input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--mailbox-primary);cursor:pointer;height:20px;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55);transition:transform .2s var(--transition-bounce);width:20px}.bulk-left input[type=checkbox]:checked{transform:scale(1.2)}.select-all-label{color:#3b82f6;color:var(--mailbox-primary);cursor:pointer;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.select-all-label:hover{transform:translateX(5px)}.bulk-actions{display:flex;flex-wrap:wrap;gap:10px}.compose-form-large::-webkit-scrollbar,.mail-detail-container::-webkit-scrollbar,.mailbox-list-container::-webkit-scrollbar{width:10px}.compose-form-large::-webkit-scrollbar-track,.mail-detail-container::-webkit-scrollbar-track,.mailbox-list-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.compose-form-large::-webkit-scrollbar-thumb,.mail-detail-container::-webkit-scrollbar-thumb,.mailbox-list-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f699,#10b98199);border-radius:10px;box-shadow:0 0 10px #3b82f666;box-shadow:0 0 10px var(--mailbox-primary-glow);-webkit-transition:all .3s ease;transition:all .3s ease}.compose-form-large::-webkit-scrollbar-thumb:hover,.mail-detail-container::-webkit-scrollbar-thumb:hover,.mailbox-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(180deg,var(--mailbox-primary),var(--mailbox-success));box-shadow:0 0 20px #3b82f6cc}@media (max-width:1024px){.mailbox-modal-large{max-width:95%}.mails-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filter-row-1{flex-direction:column;gap:10px}.filter-input,.filter-select{width:100%}.filter-row-2{align-items:flex-start;flex-direction:column}.bulk-actions{justify-content:flex-start;width:100%}.mail-actions-footer{flex-direction:column}.mail-actions-footer .btn{width:100%}.forward-actions,.reply-actions{flex-direction:column}.forward-actions .btn,.reply-actions .btn{width:100%}}@media (max-width:768px){.mailbox-modal-large{border-radius:0;height:100%;left:0;margin:0;max-height:100vh;top:0;width:100%}.mailbox-header{border-radius:0;flex-direction:column;gap:10px;padding:16px}.mailbox-header-left{width:100%}.mailbox-header-right{flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.mailbox-title{font-size:18px;gap:8px}.unread-badge{font-size:10px;padding:4px 10px}.mailbox-tabs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);width:100%}.tab-btn{border-radius:8px;font-size:10px;letter-spacing:0;overflow:hidden;padding:8px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.btn-compose{flex:1 1;font-size:12px;justify-content:center;padding:9px 12px}.modal-close-btn{flex-shrink:0;font-size:18px;height:38px;width:38px}.mailbox-filter-bar{padding:12px}.filter-row-1{flex-direction:column;gap:8px;margin-bottom:10px}.filter-date,.filter-input,.filter-select{font-size:12px;min-width:0;min-width:auto;padding:10px 12px;width:100%}.filter-row-2{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr}.filter-row-2 label{font-size:11px;grid-column:span 2}.filter-row-2 .btn-secondary{font-size:12px;grid-column:span 2;justify-content:center;padding:9px;width:100%}.bulk-actions-bar{flex-direction:column;gap:10px;padding:12px}.bulk-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.bulk-actions .btn-sm{font-size:11px;justify-content:center;padding:8px 4px}.mailbox-list-container{padding:12px}.mails-grid{gap:12px;grid-template-columns:1fr}.mail-card{border-radius:12px;padding:14px}.mail-card:hover{transform:translateY(-4px) scale(1.01)}.mail-card-avatar{border-radius:10px;font-size:15px;height:40px;width:40px}.mail-card-from{font-size:13px}.mail-card-time{font-size:10px}.mail-card-subject{font-size:13px;margin-bottom:4px}.mail-card-preview{-webkit-line-clamp:1;font-size:12px}.mail-project-tag,.mail-type-tag{font-size:9px;padding:3px 8px}.mail-detail-container{gap:14px;padding:16px}.mail-detail-header-section{border-radius:12px;padding:16px}.mail-sender-avatar{font-size:18px;height:48px;width:48px}.mail-sender-name{font-size:15px}.mail-sender-role,.mail-timestamp{font-size:11px}.mail-subject{font-size:18px;margin-bottom:12px}.mail-body-section{padding:16px}.mail-body-content{font-size:14px;line-height:1.7}.mail-actions-footer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:14px 0}.mail-actions-footer .btn{font-size:12px;justify-content:center;padding:10px 8px}.compose-form-large{gap:16px;padding:16px}.form-control-large,.form-textarea-large{font-size:13px;padding:11px 14px}.form-textarea-large{min-height:160px}.compose-actions,.forward-actions,.reply-actions{flex-direction:column;gap:8px;padding-top:16px}.compose-actions .btn,.forward-actions .btn,.reply-actions .btn{justify-content:center;width:100%}.mail-forward-section,.mail-reply-section{margin:14px 0;padding:14px}.empty-state{padding:40px 20px}.empty-icon{font-size:64px}.empty-text{font-size:16px}.empty-subtext{font-size:13px}.mail-back-btn{font-size:12px;padding:9px 14px}}@media (max-width:480px){.tab-btn{font-size:9px;padding:7px 2px}.bulk-actions{grid-template-columns:repeat(2,1fr)}.mail-actions-footer{grid-template-columns:1fr}.mail-subject{font-size:16px}.mail-card{padding:12px}.mail-card-header{padding-left:28px}.mail-card-avatar{font-size:13px;height:36px;width:36px}.mail-receipt-status{gap:10px;padding:12px 14px}.receipt-icon{font-size:18px}}@media print{.mailbox-modal-large,.modal-overlay{display:none!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{border-radius:6px;outline:3px solid #3b82f6;outline:3px solid var(--mailbox-primary);outline-offset:3px}.tab-icon,.tab-text{display:inline}.tab-text{margin-left:4px}@media (max-width:380px){.tab-text{display:none}.tab-icon{font-size:16px}.tab-btn{padding:8px}}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.mailbox-modal-large{animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);border-radius:20px 20px 0 0;bottom:0;height:92dvh!important;left:0;margin:0;max-height:92dvh!important;max-width:100vw!important;position:fixed;width:100vw!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.compose-form-large,.mail-detail-container,.mailbox-list-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}}.modal-overlay{height:100vh!important;left:0!important;top:0!important;width:100vw!important;z-index:999999!important}.filter-toggle-btn{align-items:center;background:#0000;border:none;color:#1f2937;color:var(--mailbox-text,#1f2937);cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:6px 2px 10px;transition:opacity .2s;width:100%}.filter-toggle-btn:hover{opacity:.75}.filter-toggle-left{align-items:center;display:flex;gap:8px}.filter-toggle-icon{color:#3b82f6;color:var(--mailbox-primary,#3b82f6);flex-shrink:0;height:16px;width:16px}.filter-toggle-label{color:#1f2937;color:var(--mailbox-text,#1f2937);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.filter-chevron{flex-shrink:0;height:16px;opacity:.6;transition:transform .25s ease;width:16px}.filter-chevron.expanded{transform:rotate(180deg)}.filter-active-badge{background:#3b82f6;background:var(--mailbox-primary,#3b82f6);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.filter-content{animation:filterExpand .22s ease;padding-top:8px}@keyframes filterExpand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.filter-toggle-btn{padding:4px 0 8px}.filter-toggle-label{font-size:11px}.filter-content{padding-top:10px}}:root{--color-slate-900:#111827;--color-slate-700:#374151;--color-slate-600:#6b7280}.btn--outline,.btn--secondary,.form-control,h1,h2,h3,h4,h5,h6,html{color:#111827}.container{background:var(--theme-bg-primary);box-sizing:border-box!important;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);margin:0!important;max-width:calc(100vw - 180px)!important;min-height:100vh;padding:20px 10px!important;padding:var(--space-20) var(--space-10)!important;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard);width:calc(100vw - 180px)!important}.container,.page-title{color:var(--theme-text-primary)}.page-title{font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:16px;margin-bottom:var(--space-16);padding-left:4px;padding-left:var(--space-4);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--theme-shadow);box-sizing:border-box!important;margin-bottom:20px;margin-bottom:var(--space-20);margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:16px 8px!important;padding:var(--space-16) var(--space-8)!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%!important}.glass-card:hover{box-shadow:var(--theme-shadow-md)}.import-projects-container h3{color:var(--theme-text-secondary);font-size:18px;font-size:var(--font-size-xl);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:12px;margin-bottom:var(--space-12);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.import-controls{align-items:center;display:flex;gap:12px;gap:var(--space-12)}.file-input{background:#0000;border:1px solid var(--theme-border);border-radius:6px;border-radius:var(--radius-sm);color:var(--theme-text-secondary);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:6px 10px;padding:var(--space-6) var(--space-10);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.file-input:focus,.file-input:hover{border-color:#21808d;border-color:var(--color-primary);color:var(--theme-text-primary);outline:none}.selected-file-info{color:var(--theme-text-secondary);font-size:14px;font-size:var(--font-size-base);margin-top:8px;margin-top:var(--space-8);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.btn{-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6}.primary-btn{background-color:#21808d;background-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.primary-btn:hover:not(:disabled){background-color:#1d7480;background-color:var(--color-primary-hover);transform:translateY(-2px)}.primary-btn:active:not(:disabled){background-color:#1a6873;background-color:var(--color-primary-active)}.secondary-btn{background-color:var(--theme-bg-secondary);border:1px solid var(--theme-border);color:var(--theme-text-primary)}.secondary-btn:hover:not(:disabled){background-color:var(--theme-hover-bg);transform:translateY(-2px)}.secondary-btn:active:not(:disabled){background-color:var(--theme-active-bg)}.tertiary-btn{background-color:initial;border:1px solid #0000;color:var(--theme-text-secondary)}.tertiary-btn:hover:not(:disabled){background-color:var(--theme-bg-secondary);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.danger-btn{background-color:#c0152f;background-color:var(--color-error);color:#fff;color:var(--color-white)}.danger-btn:hover:not(:disabled){background-color:#c0152fcc;background-color:rgba(var(--color-error-rgb),.8);transform:translateY(-2px)}.small-btn{font-size:12px;font-size:var(--font-size-sm);margin:2px 4px;margin:var(--space-2) var(--space-4);padding:4px 10px;padding:var(--space-4) var(--space-10)}.filters-container{align-items:center;font-size:14px;font-size:var(--font-size-base);gap:var(--space-12);padding:0 4px;padding:0 var(--space-4)}.filter-input,.filter-select{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--theme-input-bg);border:1px solid var(--theme-input-border);border-radius:8px;border-radius:var(--radius-base);color:var(--theme-input-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);min-width:160px;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.filter-input::placeholder{color:var(--theme-text-secondary)}.filter-input:focus,.filter-select:focus{background:var(--theme-input-bg);border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.select-glass[multiple],select[multiple].select-glass{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:var(--theme-input-bg);border:1px solid var(--theme-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--theme-shadow);color:var(--theme-input-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);height:100px;margin:0 2px;margin:0 var(--space-2);min-width:160px;outline:none;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.select-glass[multiple]::-webkit-scrollbar{background:var(--theme-bg-secondary);border-radius:12px;border-radius:var(--radius-lg);width:7px}.select-glass[multiple]::-webkit-scrollbar-thumb{background:#21808d;background:var(--color-primary);border-radius:8px;border-radius:var(--radius-base)}.select-glass[multiple] option{background:var(--theme-input-bg);border-radius:8px;border-radius:var(--radius-base);color:var(--theme-input-text);margin:2px 0;margin:var(--space-2) 0;padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.select-glass[multiple] option:checked{background:var(--theme-bg-secondary);color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold)}.select-glass[multiple] option:hover,.select-glass[multiple]:focus option:focus{background:var(--theme-bg-secondary);color:var(--theme-input-text)}.select-glass[multiple]:focus{background:var(--theme-input-bg);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}@media (max-width:480px){.select-glass[multiple]{height:88px;min-width:0;width:100%}}.action-buttons{justify-content:flex-end;margin-bottom:12px;margin-bottom:var(--space-12);padding:0 4px;padding:0 var(--space-4)}.table-wrapper{background:var(--theme-bg-primary)}.project-table{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--theme-card-bg);border-collapse:collapse!important;border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--theme-shadow-md);color:var(--theme-text-primary);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);margin:0!important;max-width:100%!important;min-width:100%!important;overflow:hidden;table-layout:auto!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);-webkit-user-select:none;user-select:none;width:100%!important}.project-table thead{background:var(--theme-bg-secondary)}.project-table td,.project-table th{border-bottom:1px solid var(--theme-border-light);font-size:12px;font-size:var(--font-size-sm);padding:10px 6px!important;padding:var(--space-10) var(--space-6)!important;text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);vertical-align:middle;white-space:nowrap!important}.project-table th{color:var(--theme-text-secondary);font-weight:550;font-weight:var(--font-weight-semibold)}.project-table tbody tr:hover{background:var(--theme-hover-bg);cursor:pointer}.project-table tbody tr.selected-row{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1)}.actions-cell,.actions-col{text-align:center;white-space:nowrap}.no-data{color:var(--theme-text-secondary)}.edit-input{border-radius:8px;border-radius:var(--radius-base);color:var(--theme-input-text);font-size:14px;font-size:var(--font-size-base);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.edit-input,.edit-input:focus{background:var(--theme-input-bg)}.edit-input:focus{outline:2px solid #21808d;outline:var(--focus-outline)}.modal-backdrop{height:100vh;padding:12px;padding:var(--space-12);width:100vw}.modal,.modal-backdrop{transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.modal{background:var(--theme-card-bg);border:1px solid var(--theme-card-border);box-shadow:var(--theme-shadow-lg);color:var(--theme-text-primary);max-height:90vh;max-width:600px;min-width:320px;padding:20px 24px;padding:var(--space-20) var(--space-24)}.modal-scroll{margin:10px 0 16px;margin:var(--space-10) 0 var(--space-16) 0;max-height:260px;overflow-y:auto}.col-settings-popup{background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:var(--theme-shadow-lg);max-height:280px;min-width:220px;overflow:hidden;position:absolute;right:24px;right:var(--space-24);top:130px;z-index:10}.col-settings-scroll{max-height:220px;overflow-y:auto;padding-right:10px;padding-right:var(--space-10)}.column-option{align-items:center;color:var(--theme-text-primary);cursor:pointer;display:flex;gap:8px;gap:var(--space-8);padding:8px;padding:var(--space-8);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.column-option:hover{background-color:var(--theme-hover-bg);border-radius:6px;border-radius:var(--radius-sm)}.modal-history h3{color:var(--theme-text-primary);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold)}.history-summary,.modal-history h3{margin-bottom:12px;margin-bottom:var(--space-12)}.history-summary{color:var(--theme-text-secondary);font-size:14px;font-size:var(--font-size-base)}.history-table{color:var(--theme-text-primary);font-size:12px;font-size:var(--font-size-sm)}.history-table td,.history-table th{border:1px solid var(--theme-border-light);padding:8px;padding:var(--space-8);text-align:left}.history-table thead{background:var(--theme-bg-secondary)}.modal-close-container{margin-top:16px;margin-top:var(--space-16);text-align:right}.loading-text{font-style:italic;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.icon-btn{background:var(--theme-bg-secondary);border:1px solid var(--theme-card-border);box-shadow:var(--theme-shadow);height:62px;margin:0 2px 0 0;margin:0 var(--space-2) 0 0;width:62px}.icon-btn:active,.icon-btn:focus{background:var(--theme-hover-bg)}.icon-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.icon-btn:hover{box-shadow:var(--theme-shadow-md)}.icon-btn .btn-label{color:var(--theme-text-primary);opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none}.icon-btn:disabled{background:var(--theme-bg-secondary);color:var(--theme-text-secondary)}.glassy{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--theme-card-bg);border:1px solid var(--theme-card-border)}.select-glass{-webkit-appearance:none;appearance:none;background:var(--theme-input-bg);border:1px solid var(--theme-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--theme-shadow);color:var(--theme-input-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);margin:0 2px;margin:0 var(--space-2);padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.select-glass:focus,.select-glass:hover{border-color:#21808d;border-color:var(--color-primary)}.select-glass:focus{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}@media (max-width:480px){.icon-btn,.select-glass{margin-bottom:6px;margin-bottom:var(--space-6)}div[style*="display: flex"][style*=gap]{align-items:stretch!important;flex-direction:column!important}}.cb-dropdown{background:none;min-width:185px}.cb-dropdown,.cb-dropdown-btn{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);position:relative}.cb-dropdown-btn{background:var(--theme-input-bg);border:1px solid var(--theme-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:var(--theme-shadow);color:var(--theme-input-text);cursor:pointer;font-size:14px;font-size:var(--font-size-base);padding:10px 12px;padding:var(--space-10) var(--space-12);text-align:left;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.cb-dropdown-btn:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.cb-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:7px solid #21808d;border-top:7px solid var(--color-primary);height:0;position:absolute;right:12px;right:var(--space-12);top:50%;transform:translateY(-45%);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:0}.cb-arrow.up{border-bottom:7px solid #21808d;border-bottom:7px solid var(--color-primary);border-top:none}.cb-dropdown-list{animation:cb-dropdown-fade .15s cubic-bezier(.16,1,.3,1);animation:cb-dropdown-fade var(--duration-fast) var(--ease-standard);background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:var(--theme-shadow-lg);color:var(--theme-text-primary);left:0;margin-top:4px;margin-top:var(--space-4);max-width:290px;min-width:100%;padding:10px 0 8px;padding:var(--space-10) 0 var(--space-8) 0;position:absolute;top:106%;z-index:20}@keyframes cb-dropdown-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cb-dropdown-list .cb-select-all{border-bottom:1px solid var(--theme-border-light);color:var(--theme-text-primary);display:block;font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:6px;margin-bottom:var(--space-6);padding:4px 16px 4px 12px;padding:var(--space-4) var(--space-16) var(--space-4) var(--space-12)}.cb-scroll{max-height:190px;overflow-y:auto;padding-right:4px;padding-right:var(--space-4)}.cb-option{align-items:center;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-base);padding:4px 16px 4px 12px;padding:var(--space-4) var(--space-16) var(--space-4) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.cb-option input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer;margin-right:10px;margin-right:var(--space-10)}.cb-option:hover{background:var(--theme-hover-bg);border-radius:6px;border-radius:var(--radius-sm);color:#21808d;color:var(--color-primary)}@media (max-width:480px){.cb-dropdown{min-width:99%}.cb-dropdown-list{max-width:99vw}}.results-info{color:var(--theme-text-secondary);padding:0 4px;padding:0 var(--space-4)}.message{border-radius:var(--radius-base)}.message-success{background:rgba(var(--color-success-rgb),.15);border:1px solid rgba(var(--color-success-rgb),.25)}.message-error{background:rgba(var(--color-error-rgb),.15);border:1px solid rgba(var(--color-error-rgb),.25)}.message-info{background:rgba(var(--color-info-rgb),.15);border:1px solid rgba(var(--color-info-rgb),.25)}@media (max-width:480px){.container{max-width:100vw!important;padding:16px 8px!important;padding:var(--space-16) var(--space-8)!important;width:100vw!important}.table-wrapper{max-height:400px}.modal{max-width:90vw;min-width:90vw;padding:16px 20px;padding:var(--space-16) var(--space-20)}.filters-container{align-items:stretch;flex-direction:column}.filter-input,.filter-select{min-width:100%}.action-buttons{flex-direction:column;justify-content:center}.glass-card{padding:12px 6px!important;padding:var(--space-12) var(--space-6)!important}.project-table td,.project-table th{font-size:11px;font-size:var(--font-size-xs);padding:8px 4px!important;padding:var(--space-8) var(--space-4)!important}}.context-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;position:fixed;z-index:1500}.context-menu-item{background:#0000;border:none;cursor:pointer;display:block;font-size:13px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.context-menu-item:hover{background:#f0f0f0}.context-menu-item.design-item{border-bottom:1px solid #eee;color:#2196f3;font-weight:600}.col-settings-modal{background:var(--theme-bg-primary);border:2px solid var(--theme-border);border-radius:8px;border-radius:var(--radius-base);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);max-height:350px;min-width:220px;overflow-y:auto;padding:20px;padding:var(--space-20);position:absolute;right:20px;top:52px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);z-index:10}.col-settings-modal,.col-settings-modal:focus-within{box-shadow:var(--theme-shadow-lg)}.col-settings-header{border-bottom:2px solid var(--theme-border);color:var(--theme-text-primary);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:16px;margin-bottom:var(--space-16);padding-bottom:8px;padding-bottom:var(--space-8)}.col-settings-list{display:flex;flex-direction:column}.col-settings-item{border-bottom:1px solid var(--theme-card-border);padding:10px 0;padding:var(--space-10) var(--space-0);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.col-settings-item:last-child{border-bottom:none}.col-settings-item:hover{background-color:var(--theme-hover-bg);border-radius:6px;border-radius:var(--radius-sm);padding:10px 8px;padding:var(--space-10) var(--space-8)}.col-settings-label{align-items:center;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard);-webkit-user-select:none;user-select:none}.col-settings-checkbox,.col-settings-label:hover{color:#21808d;color:var(--color-primary)}.col-settings-checkbox{accent-color:#21808d;accent-color:var(--color-primary);background:var(--theme-input-bg);border:2px solid var(--theme-border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;margin-right:var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:20px}.col-settings-checkbox:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 2px #21808d1a;box-shadow:0 0 0 2px rgba(var(--color-teal-500-rgb),.1)}.col-settings-checkbox:checked{background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary)}.col-settings-checkbox:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.col-settings-footer{border-top:2px solid var(--theme-border);margin-top:20px;margin-top:var(--space-20);padding-top:16px;padding-top:var(--space-16);text-align:center}.col-settings-close-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-bold);min-width:100px;padding:10px 20px;padding:var(--space-10) var(--space-20);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.col-settings-close-btn:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:var(--theme-shadow-md);transform:translateY(-1px)}.col-settings-close-btn:active{background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.col-settings-close-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.col-settings-close-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.col-settings-modal::-webkit-scrollbar{width:6px}.col-settings-modal::-webkit-scrollbar-track{background:var(--theme-bg-secondary);border-radius:6px;border-radius:var(--radius-sm)}.col-settings-modal::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:6px;border-radius:var(--radius-sm)}.col-settings-modal::-webkit-scrollbar-thumb:hover{background:var(--theme-text-tertiary)}@media (prefers-color-scheme:dark){.col-settings-modal{border-color:var(--theme-border)}.col-settings-header{border-bottom-color:var(--theme-border)}.col-settings-footer{border-top-color:var(--theme-border)}}[data-theme=dark] .col-settings-modal{border-color:var(--theme-border)}[data-theme=dark] .col-settings-header{border-bottom-color:var(--theme-border)}[data-theme=dark] .col-settings-footer{border-top-color:var(--theme-border)}@media (max-width:768px){.col-settings-modal{left:10px;max-width:calc(100% - 20px);min-width:0;min-width:auto;padding:16px;padding:var(--space-16);right:10px}.col-settings-header{font-size:14px;font-size:var(--font-size-base);margin-bottom:12px;margin-bottom:var(--space-12)}.col-settings-item{padding:8px 0;padding:var(--space-8) var(--space-0)}.col-settings-close-btn{padding:12px 16px;padding:var(--space-12) var(--space-16);width:100%}}@media (max-width:480px){.col-settings-modal{left:8px;max-height:60vh;min-width:0;min-width:auto;padding:12px;padding:var(--space-12);right:8px}.col-settings-header{font-size:14px;font-size:var(--font-size-base);margin-bottom:12px;margin-bottom:var(--space-12);padding-bottom:6px;padding-bottom:var(--space-6)}.col-settings-label{font-size:12px;font-size:var(--font-size-sm)}.col-settings-checkbox{height:18px;margin-right:8px;margin-right:var(--space-8);width:18px}.col-settings-footer{margin-top:16px;margin-top:var(--space-16);padding-top:12px;padding-top:var(--space-12)}.col-settings-close-btn{font-size:14px;font-size:var(--font-size-base);padding:8px 12px;padding:var(--space-8) var(--space-12)}}.history-modal-backdrop{background:#00000080;bottom:0;padding:16px;padding:var(--space-16);right:0;z-index:2000}.history-modal-box{background:var(--theme-bg-primary);border:1px solid var(--theme-border);box-shadow:var(--theme-shadow-lg);max-height:85vh;max-width:900px;width:100%}.history-modal-header{background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-bottom:1px solid var(--theme-border);padding:16px;padding:var(--space-16)}.history-modal-title{color:#fcfcf9;color:var(--color-btn-primary-text);font-weight:550;font-weight:var(--font-weight-semibold)}.history-modal-title-icon{font-size:20px;font-size:var(--font-size-2xl)}.history-close-btn{background:rgba(#ffffff,.2);background:rgba(var(--color-white),.2);border:1px solid rgba(#ffffff,.3);border:1px solid rgba(var(--color-white),.3)}.history-close-btn:hover{background:rgba(#ffffff,.3);background:rgba(var(--color-white),.3);border-color:rgba(#ffffff,.5);border-color:rgba(var(--color-white),.5)}.history-close-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.history-metadata{grid-gap:12px;grid-gap:var(--space-12);background:var(--theme-bg-secondary);border-bottom:1px solid var(--theme-border);gap:12px;gap:var(--space-12)}.history-metadata-label{color:var(--theme-text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.history-metadata-value{color:var(--theme-text-primary)}.history-filter-container{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);margin-bottom:16px;margin-bottom:var(--space-16);padding:0 16px;padding:0 var(--space-16)}.history-filter-btn{border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.history-filter-btn.all{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.history-filter-btn.all.active,.history-filter-btn.all:hover{background:#1d7480;background:var(--color-primary-hover)}.history-filter-btn.permit{background:#ff6b9d;color:#fff;color:var(--color-white)}.history-filter-btn.permit.active,.history-filter-btn.permit:hover{background:#ff4d8a}.history-filter-btn.boq{background:#4caf50;color:#fff;color:var(--color-white)}.history-filter-btn.boq.active,.history-filter-btn.boq:hover{background:#45a049}.history-filter-btn.project{background:#2196f3;color:#fff;color:var(--color-white)}.history-filter-btn.project.active,.history-filter-btn.project:hover{background:#0b7dda}.history-filter-btn:not(.active){background:var(--theme-bg-secondary);border:1px solid var(--theme-border);color:var(--theme-text-secondary)}.history-filter-btn:not(.active):hover{background:var(--theme-hover-bg);color:var(--theme-text-primary)}.history-filter-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.history-section-title{border-bottom:1px solid var(--theme-border);color:var(--theme-text-primary);font-weight:550;font-weight:var(--font-weight-semibold);padding:16px;padding:var(--space-16)}.history-section-title-icon{font-size:16px;font-size:var(--font-size-lg)}.history-records-container{gap:12px;gap:var(--space-12);padding:16px;padding:var(--space-16)}.history-record-item{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:8px;border-radius:var(--radius-base);overflow:hidden}.history-record-item.recent{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-teal-500-rgb),.1)}.history-record-item:hover{box-shadow:var(--theme-shadow-md)}.history-record-header{background:var(--theme-bg-secondary);border-bottom:1px solid var(--theme-border);cursor:pointer;padding:12px 16px;padding:var(--space-12) var(--space-16);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.history-record-header:hover{background:var(--theme-hover-bg)}.history-record-meta{flex:1 1;min-width:0}.history-record-editor{color:var(--theme-text-primary);flex-shrink:0;font-weight:500;font-weight:var(--font-weight-medium)}.history-record-role-badge{background:#626c7126;background:rgba(var(--color-info-rgb),.15);border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),.25);border-radius:6px;border-radius:var(--radius-sm)}.history-record-action-badge,.history-record-role-badge{flex-shrink:0;padding:4px 8px;padding:var(--space-4) var(--space-8)}.history-record-action-badge{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--color-white);display:flex;gap:4px;gap:var(--space-4)}.history-record-action-badge.permit{background:#ff6b9d}.history-record-action-badge.boq{background:#4caf50}.history-record-action-badge.project{background:#667eea}.history-record-timestamp{color:var(--theme-text-secondary);flex-shrink:0}.history-expand-btn{background:var(--theme-bg-primary);border:1px solid var(--theme-border);border-radius:8px;border-radius:var(--radius-base);color:var(--theme-text-primary);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold)}.history-expand-btn:hover{background:var(--theme-hover-bg);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.history-expand-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.history-expand-btn.expanded{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.history-record-changes.expanded{max-height:2000px}.history-changes-content{background:var(--theme-bg-primary);border-top:1px solid var(--theme-border);display:flex;flex-direction:column;gap:16px;gap:var(--space-16);padding:16px;padding:var(--space-16)}.history-changes-label{align-items:center;color:var(--theme-text-primary);display:flex;font-size:14px;font-size:var(--font-size-base);gap:4px;gap:var(--space-4)}.history-change-field{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.history-change-field-name{font-size:12px;font-size:var(--font-size-sm)}.history-change-field-new,.history-change-field-old{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.history-change-field-new-label,.history-change-field-old-label{color:var(--theme-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.history-change-field-new-value,.history-change-field-old-value{background:var(--theme-bg-primary);border-left:3px solid #c0152f;border-left:3px solid var(--color-error);border-radius:6px;border-radius:var(--radius-sm);color:var(--theme-text-primary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:12px;font-size:var(--font-size-sm);overflow-x:auto;padding:8px 12px;padding:var(--space-8) var(--space-12);white-space:pre-wrap;word-break:break-word}.history-change-field-new-value{border-left-color:#21808d;border-left-color:var(--color-success)}.history-change-field-arrow{align-items:center;color:var(--theme-text-secondary);display:flex;font-size:16px;font-size:var(--font-size-lg);justify-content:center;padding:4px 0;padding:var(--space-4) 0}.history-raw-data{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.history-json-display{-webkit-overflow-scrolling:touch;background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:6px;border-radius:var(--radius-sm);color:var(--theme-text-primary);font-size:12px;font-size:var(--font-size-sm);max-height:400px;overflow-y:auto}.history-remarks{border:1px solid #626c7126;border:1px solid rgba(var(--color-info-rgb),.15);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.history-remarks-text{color:var(--theme-text-primary);font-size:14px;font-size:var(--font-size-base);word-break:break-word}.history-empty-state{align-items:center;color:var(--theme-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;padding:var(--space-32) var(--space-16)}.history-empty-icon{font-size:64px;margin-bottom:16px;margin-bottom:var(--space-16);opacity:.5}.history-empty-text{text-align:center}@media (max-width:768px){.history-modal-box{border-radius:8px;border-radius:var(--radius-base);max-height:90vh}.history-metadata{grid-template-columns:1fr}.history-record-header,.history-record-meta{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8)}.history-expand-btn{align-self:flex-end;margin-top:8px;margin-top:var(--space-8)}.history-change-field-new,.history-change-field-old{align-items:center;flex-direction:row}.history-change-field-new-label,.history-change-field-old-label{flex-shrink:0;width:120px}.history-json-display{font-size:11px;font-size:var(--font-size-xs);max-height:300px}}@media (max-width:480px){.history-modal-backdrop{padding:8px;padding:var(--space-8)}.history-modal-box{max-height:95vh}.history-modal-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8)}.history-modal-title{font-size:16px;font-size:var(--font-size-lg)}.history-close-btn{align-self:flex-end}.history-filter-container{gap:6px;gap:var(--space-6);padding:0 12px;padding:0 var(--space-12)}.history-filter-btn{font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-4) var(--space-8)}.history-records-container{gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.history-changes-content{gap:12px;gap:var(--space-12);padding:12px;padding:var(--space-12)}.history-change-field{padding:8px;padding:var(--space-8)}.history-change-field-new-value,.history-change-field-old-value{font-size:11px;font-size:var(--font-size-xs);padding:6px 8px;padding:var(--space-6) var(--space-8)}}@media (prefers-color-scheme:dark){.history-change-field,.history-json-display{background:rgba(var(--color-gray-400-rgb),.1)}.history-remarks{background:#626c7114;background:rgba(var(--color-info-rgb),.08);border-color:#626c7133;border-color:rgba(var(--color-info-rgb),.2)}}[data-theme=dark] .history-change-field,[data-theme=dark] .history-json-display{background:rgba(var(--color-gray-400-rgb),.1)}[data-theme=dark] .history-remarks{background:#626c7114;background:rgba(var(--color-info-rgb),.08);border-color:#626c7133;border-color:rgba(var(--color-info-rgb),.2)}@media (prefers-reduced-motion:reduce){*,.history-modal-backdrop,.history-modal-box,.history-record-changes{animation:none;transition:none}}.boq-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(var(--color-slate-900-rgb),.7);display:flex;height:100vh;justify-content:center;left:0;padding:var(--space-12);position:fixed;top:0;width:100vw;z-index:1000}.boq-modal-box{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);display:flex;flex-direction:column;max-height:90vh;max-width:95vw;min-width:300px;overflow:hidden;padding:var(--space-20) var(--space-24);width:auto}.boq-modal-header{align-items:center;border-bottom:2px solid var(--color-card-border);color:var(--color-text);flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-16);padding-bottom:var(--space-12)}.boq-modal-header-title{align-items:center;display:flex;gap:var(--space-8)}.boq-close-btn-top{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.boq-close-btn-top:hover,.boq-file-input-label{color:var(--color-text)}.boq-file-input-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-8)}.boq-file-input{background:rgba(var(--color-primary-rgb),.05);border:2px dashed var(--color-primary);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-base);margin-bottom:var(--space-16);padding:var(--space-10) var(--space-12);transition:all .2s ease;width:100%}.boq-file-input:hover{background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary-hover)}.boq-preview-section{background:var(--color-secondary);border:1px solid var(--color-card-border-inner);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:var(--space-20);overflow:hidden;padding:var(--space-12)}.boq-section-title{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-8);margin-bottom:var(--space-12)}.boq-table-wrapper{background:var(--color-surface);border:1px solid var(--color-card-border-inner);border-radius:var(--radius-base);max-height:250px}.boq-table{color:var(--color-text);margin:0;min-width:600px;padding:0}.boq-table thead th{background:var(--color-secondary);border-bottom:2px solid var(--color-card-border);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);padding:var(--space-10) var(--space-8);position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:5}.boq-table tbody tr{cursor:pointer;height:auto;transition:all .2s ease}.boq-table tbody tr:nth-child(2n){background:var(--color-surface)}.boq-table tbody tr:nth-child(odd){background:rgba(var(--color-secondary-rgb),.3)}.boq-table tbody tr:hover{background:rgba(var(--color-primary-rgb),.1)}.boq-table td{border-bottom:1px solid var(--color-card-border-inner);max-width:120px;overflow:hidden;padding:var(--space-8);text-overflow:ellipsis;white-space:nowrap}.boq-table td.wide{max-width:200px;white-space:pre-wrap;word-break:break-word}.boq-table td.actions{padding-bottom:4px;padding-top:4px;text-align:center;white-space:normal}.boq-edit-input{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-sm);padding:var(--space-6) var(--space-8);width:100%}.boq-edit-input:focus{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.boq-action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-right:var(--space-4);padding:var(--space-4) var(--space-8);transition:all .2s ease;white-space:nowrap}.boq-action-btn:last-child{margin-right:0}.boq-action-btn-save{background:var(--color-success);color:#fff}.boq-action-btn-save:hover{opacity:.9;transform:translateY(-1px)}.boq-action-btn-cancel{background:var(--color-secondary);color:var(--color-text)}.boq-action-btn-cancel:hover{background:var(--color-secondary-hover)}.boq-action-btn-delete{background:var(--color-error);color:#fff}.boq-action-btn-delete:hover{opacity:.9;transform:translateY(-1px)}.boq-save-button{background:var(--color-primary);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--space-12);padding:var(--space-10) var(--space-20);transition:all .2s ease;width:100%}.boq-save-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.boq-save-button:active{background:var(--color-primary-active);transform:translateY(0)}.boq-empty-state{background:var(--color-secondary);border-radius:var(--radius-lg);color:var(--color-text-secondary);margin-bottom:var(--space-16);padding:var(--space-32);text-align:center}.boq-empty-state-icon{font-size:36px;margin:0}.boq-empty-state-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);margin-top:var(--space-8)}.boq-empty-state-text{font-size:var(--font-size-sm);margin:0;opacity:.8}.boq-modal-footer{border-top:1px solid var(--color-card-border);display:flex;flex-shrink:0;gap:var(--space-12);justify-content:flex-end;margin-top:auto;padding-top:var(--space-16)}.boq-close-button{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-8) var(--space-16);transition:all .2s ease}.boq-close-button:hover{background:var(--color-secondary-hover)}.history-modal-backdrop{align-items:center;animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13343bb3;background:rgba(var(--color-slate-900-rgb),.7);display:flex;height:100vh;justify-content:center;left:0;padding:12px;padding:var(--space-12);position:fixed;top:0;width:100vw;z-index:1000}.history-modal-box{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#13343b;color:var(--color-text);display:flex;flex-direction:column;max-height:90vh;max-width:95vw;min-width:400px;overflow:hidden;padding:24px;padding:var(--space-24);width:auto}.history-modal-header{align-items:center;border-bottom:2px solid #5e52401f;border-bottom:2px solid var(--color-card-border);display:flex;flex-shrink:0;gap:16px;gap:var(--space-16);justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20);padding-bottom:16px;padding-bottom:var(--space-16)}.history-modal-title{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);gap:8px;gap:var(--space-8);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}.history-modal-title-icon{font-size:24px;font-size:var(--font-size-3xl)}.history-close-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5;line-height:var(--line-height-normal);min-width:80px;padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.history-close-btn:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.history-close-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.history-metadata{grid-gap:16px;grid-gap:var(--space-16);background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:12px;border-radius:var(--radius-lg);display:grid;flex-shrink:0;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;margin-bottom:var(--space-20);padding:16px;padding:var(--space-16)}.history-metadata-item{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.history-metadata-label{color:#626c71;color:var(--color-text-secondary);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.history-metadata-value{font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);word-break:break-word}.history-metadata-value,.history-section-title{color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base)}.history-section-title{align-items:center;display:flex;flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);gap:8px;gap:var(--space-8);line-height:1.2;line-height:var(--line-height-tight);margin-bottom:12px;margin-bottom:var(--space-12)}.history-section-title-icon{font-size:18px;font-size:var(--font-size-xl)}.history-records-container{display:flex;flex:1 1;flex-direction:column;gap:16px;gap:var(--space-16);min-height:0;overflow-y:auto;padding-right:8px;padding-right:var(--space-8)}.history-records-container::-webkit-scrollbar{width:6px}.history-records-container::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm)}.history-records-container::-webkit-scrollbar-thumb{background:#21808d;background:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm)}.history-record-item{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;flex-shrink:0;padding:16px;padding:var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.history-record-item:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 2px #21808d1a;box-shadow:0 0 0 2px rgba(var(--color-teal-500-rgb),.1)}.history-record-item.recent{background:#21808d0d;background:rgba(var(--color-success-rgb),.05);border-color:#21808d;border-color:var(--color-success);box-shadow:0 0 0 2px #21808d1a;box-shadow:0 0 0 2px rgba(var(--color-success-rgb),.1)}.history-record-item.recent:before{background:#21808d;background:var(--color-success);border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);content:"✨ RECENT";display:inline-block;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:1px;margin-bottom:8px;margin-bottom:var(--space-8);padding:2px 8px;padding:var(--space-2) var(--space-8)}.history-record-header{grid-gap:12px;grid-gap:var(--space-12);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:1fr auto;padding-bottom:12px;padding-bottom:var(--space-12)}.history-record-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12)}.history-record-editor{color:#21808d;color:var(--color-primary);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-bold)}.history-record-role-badge{background:#626c7133;background:rgba(var(--color-info-rgb),.2);color:#626c71;color:var(--color-info)}.history-record-action-badge,.history-record-role-badge{border-radius:9999px;border-radius:var(--radius-full);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:4px 10px;padding:var(--space-4) var(--space-10);text-transform:uppercase}.history-record-action-badge{background:#a84b2f33;background:rgba(var(--color-warning-rgb),.2);color:#a84b2f;color:var(--color-warning)}.history-record-timestamp{color:#626c71;color:var(--color-text-secondary);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);white-space:nowrap}.history-expand-btn{align-items:center;background:#21808d;background:var(--color-primary);border:none;border-radius:50%;color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-size:var(--font-size-xl);height:32px;height:var(--space-32);justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:32px;width:var(--space-32)}.history-expand-btn:hover{background:#1d7480;background:var(--color-primary-hover);transform:scale(1.1)}.history-expand-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.history-expand-btn.expanded{background:#21808d;background:var(--color-success)}.history-record-changes{max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(.16,1,.3,1);transition:max-height var(--duration-normal) var(--ease-standard)}.history-record-changes.expanded{max-height:none;overflow:visible}.history-changes-content{max-height:500px;overflow-y:auto;padding-right:8px;padding-right:var(--space-8);padding-top:12px;padding-top:var(--space-12)}.history-changes-content::-webkit-scrollbar{width:4px}.history-changes-content::-webkit-scrollbar-track{background:#0000}.history-changes-content::-webkit-scrollbar-thumb{background:#21808d;background:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm)}.history-changes-label{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-8);padding:8px 0;padding:var(--space-8) 0;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.history-changes-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-12)}.history-change-field{background:#fffffd;background:var(--color-surface);border-left:3px solid #21808d;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);font-size:11px;font-size:var(--font-size-xs);padding:12px;padding:var(--space-12)}.history-change-field,.history-change-field-name{font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono)}.history-change-field-name{color:#21808d;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.history-change-field-name,.history-change-field-old{margin-bottom:6px;margin-bottom:var(--space-6)}.history-change-field-old-label{font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:2px;margin-bottom:var(--space-2);text-transform:uppercase}.history-change-field-old-label,.history-change-field-old-value{color:#c0152f;color:var(--color-error);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono)}.history-change-field-old-value{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border-radius:6px;border-radius:var(--radius-sm);max-height:150px;overflow-y:auto;padding:8px;padding:var(--space-8);white-space:pre-wrap;word-break:break-all}.history-change-field-arrow{color:#626c71;color:var(--color-text-secondary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-weight:600;font-weight:var(--font-weight-bold);margin:6px 0;margin:var(--space-6) 0;text-align:center}.history-change-field-new-label{font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:2px;margin-bottom:var(--space-2);text-transform:uppercase}.history-change-field-new-label,.history-change-field-new-value{color:#21808d;color:var(--color-success);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono)}.history-change-field-new-value{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border-radius:6px;border-radius:var(--radius-sm);max-height:150px;overflow-y:auto;padding:8px;padding:var(--space-8);white-space:pre-wrap;word-break:break-all}.history-empty-state{background:#5e52401f;background:var(--color-secondary);border:1px dashed #5e52401f;border:1px dashed var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);color:#626c71;color:var(--color-text-secondary);margin:16px 0;margin:var(--space-16) 0;padding:32px;padding:var(--space-32);text-align:center}.history-empty-icon{font-size:30px;font-size:var(--font-size-4xl);margin-bottom:12px;margin-bottom:var(--space-12)}.history-empty-text{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);margin:0}.history-record-action-badge.edit{background:#a84b2f33;background:rgba(var(--color-warning-rgb),.2);color:#a84b2f;color:var(--color-warning)}.history-record-action-badge.upload{background:#21808d33;background:rgba(var(--color-success-rgb),.2);color:#21808d;color:var(--color-success)}.history-record-action-badge.delete{background:#c0152f33;background:rgba(var(--color-error-rgb),.2);color:#c0152f;color:var(--color-error)}.history-boq-table-wrapper{border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:12px;border-radius:var(--radius-lg);margin:12px 0;margin:var(--space-12) 0;overflow-x:auto}.history-boq-table{border-collapse:collapse;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);width:100%}.history-boq-table td,.history-boq-table th{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:8px;padding:var(--space-8);text-align:left}.history-boq-table th{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary);font-weight:550;font-weight:var(--font-weight-semibold)}.history-boq-table tbody tr:hover{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05)}.history-deleted-item{background:#c0152f0d;background:rgba(var(--color-error-rgb),.05);border:1px solid #c0152f33;border:1px solid rgba(var(--color-error-rgb),.2);border-radius:12px;border-radius:var(--radius-lg);margin:12px 0;margin:var(--space-12) 0;padding:12px;padding:var(--space-12)}.history-deleted-table{border-collapse:collapse;width:100%}.history-deleted-table tbody tr{border-bottom:1px solid #c0152f33;border-bottom:1px solid rgba(var(--color-error-rgb),.2)}.history-deleted-table tbody tr:last-child{border-bottom:none}.deleted-label{color:#c0152f;color:var(--color-error);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);text-transform:uppercase;width:30%}.deleted-label,.deleted-value{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);padding:8px;padding:var(--space-8)}.deleted-value{color:#13343b;color:var(--color-text);word-break:break-word}.history-raw-data{background:#5e52401f;background:var(--color-secondary);border-radius:12px;border-radius:var(--radius-lg);margin-top:12px;margin-top:var(--space-12);padding:12px;padding:var(--space-12)}.history-json-display{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);color:#13343b;color:var(--color-text);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:11px;font-size:var(--font-size-xs);margin:0;max-height:300px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.history-json-display,.history-remarks{border-radius:8px;border-radius:var(--radius-base);padding:12px;padding:var(--space-12)}.history-remarks{background:#626c710d;background:rgba(var(--color-info-rgb),.05);border-left:3px solid #626c71;border-left:3px solid var(--color-info);margin-top:12px;margin-top:var(--space-12)}.history-remarks-text{color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin-top:8px;margin-top:var(--space-8)}.history-change-field-new{margin-top:12px;margin-top:var(--space-12)}@media (max-width:480px){.history-modal-backdrop{padding:8px;padding:var(--space-8)}.history-modal-box{max-height:95vh;max-width:95vw;min-width:0;padding:12px;padding:var(--space-12)}.history-modal-title{font-size:18px;font-size:var(--font-size-xl)}.history-modal-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8);margin-bottom:16px;margin-bottom:var(--space-16);padding-bottom:12px;padding-bottom:var(--space-12)}.history-close-btn{align-self:flex-end;font-size:12px;font-size:var(--font-size-sm);min-width:70px;padding:6px 12px;padding:var(--space-6) var(--space-12)}.history-metadata{gap:12px;gap:var(--space-12);grid-template-columns:1fr;margin-bottom:16px;margin-bottom:var(--space-16);padding:12px;padding:var(--space-12)}.history-section-title{font-size:14px;font-size:var(--font-size-md);margin-bottom:8px;margin-bottom:var(--space-8)}.history-records-container{gap:12px;gap:var(--space-12);padding-right:4px;padding-right:var(--space-4)}.history-record-item{padding:12px;padding:var(--space-12)}.history-record-header{gap:8px;gap:var(--space-8);grid-template-columns:1fr}.history-record-meta{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8)}.history-expand-btn{align-self:flex-end;font-size:16px;font-size:var(--font-size-lg);height:24px;height:var(--space-24);margin-top:8px;margin-top:var(--space-8);width:24px;width:var(--space-24)}.history-boq-table-wrapper{margin:8px 0;margin:var(--space-8) 0}.history-boq-table td,.history-boq-table th{padding:6px;padding:var(--space-6)}.history-change-field{padding:8px;padding:var(--space-8)}.history-changes-content{padding-right:4px;padding-right:var(--space-4);padding-top:8px;padding-top:var(--space-8)}}@media (max-width:768px){.history-modal-box{max-width:90vw;min-width:0;padding:16px;padding:var(--space-16)}.history-modal-header{align-items:flex-start;flex-direction:column}.history-close-btn{align-self:flex-end}.history-metadata{gap:12px;gap:var(--space-12)}.history-metadata,.history-record-header{grid-template-columns:1fr}.history-record-meta{align-items:flex-start;flex-direction:column}}.modal-overlay{z-index:2000!important}.modal-content.review-modal{z-index:2001!important}.modal-overlay{animation:fadeInOverlay .2s ease-in;background:#0009}.modal-content.review-modal{animation:slideUpReview .3s ease-out;background:var(--color-surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;padding:30px;position:relative;width:100%}@keyframes slideUpReview{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content.review-modal h2{align-items:center;color:var(--color-text);display:flex;font-size:24px;font-weight:600;gap:10px;margin:0 0 30px}.close-btn{background:var(--color-secondary);border-radius:50%;color:var(--color-text);position:absolute;right:15px;top:15px;transition:all .2s ease;z-index:2002}.close-btn:hover{background:var(--color-secondary-hover)}.review-section{background:var(--color-background);border-left:4px solid var(--color-primary);border-radius:8px;margin-bottom:30px;padding:20px;page-break-inside:avoid}.review-section h3{align-items:center;color:var(--color-primary);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 20px}.info-grid{grid-gap:15px;gap:15px}.info-item{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:6px;padding:12px}.info-item label{display:block;font-weight:500;margin-bottom:4px}.info-item strong{color:var(--color-text);display:block;font-size:14px;font-weight:600;word-break:break-word}.table-wrapper{border-radius:6px;page-break-inside:avoid}.details-table{border-collapse:collapse;font-size:13px;width:100%}.details-table thead{background:var(--color-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.details-table thead th{color:var(--color-text);font-weight:600;padding:12px;text-align:left;white-space:nowrap}.details-table tbody tr,.details-table thead th{border-bottom:1px solid var(--color-card-border)}.details-table tbody tr{page-break-inside:avoid;transition:background .2s ease}.details-table tbody tr:hover{background:var(--color-secondary)}.details-table tbody td{color:var(--color-text);padding:12px;vertical-align:middle}.attendance-badge{border-radius:16px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.attendance-badge.present{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.attendance-badge.absent{background:#f4433633;border:1px solid #f443364d;color:#f44336}.attendance-badge.leave{background:#ffc10733;border:1px solid #ffc1074d;color:#ffc107}.status-badge{letter-spacing:.3px}.status-badge.yes{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status-badge.no{background:#f4433633;border:1px solid #f443364d;color:#f44336}.completion-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:inline-block;font-size:11px;min-width:50px;padding:4px 12px;text-align:center}.no-data{background:var(--color-background);border:1px dashed var(--color-card-border);border-radius:8px}.no-data p{font-size:14px;margin:0}.modal-actions{border-top:1px solid var(--color-card-border);margin-top:30px;padding-top:20px}.export-pdf-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:8px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.export-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.export-pdf-btn:active:not(:disabled){transform:translateY(0)}.export-pdf-btn:disabled{cursor:not-allowed;opacity:.6}.close-modal-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 28px;transition:all .3s ease}.close-modal-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 16px #2196f366;transform:translateY(-2px)}.close-modal-btn:active{transform:translateY(0)}.modal-content.review-modal::-webkit-scrollbar{width:8px}.modal-content.review-modal::-webkit-scrollbar-track{background:var(--color-background)}.modal-content.review-modal::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.modal-content.review-modal::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.pdf-section{page-break-inside:avoid}@media (max-width:768px){.modal-content.review-modal{max-height:95vh;padding:20px}.modal-content.review-modal h2{font-size:20px;margin-bottom:20px}.info-grid{grid-template-columns:1fr}.details-table{font-size:12px}.details-table tbody td,.details-table thead th{padding:8px}.review-section{margin-bottom:20px;padding:15px}.modal-actions{gap:8px}.close-modal-btn,.export-pdf-btn{flex:1 1;font-size:12px;padding:10px 12px}}@media (max-width:480px){.modal-overlay{padding:10px}.modal-content.review-modal{border-radius:8px;padding:16px}.modal-content.review-modal h2{font-size:16px;margin-bottom:15px}.close-btn{font-size:18px;height:32px;width:32px}.info-grid{gap:10px}.info-item{padding:10px}.details-table{font-size:11px}.details-table tbody td,.details-table thead th{padding:6px}.review-section{margin-bottom:15px;padding:12px}.modal-actions{flex-direction:column;gap:10px}.close-modal-btn,.export-pdf-btn{padding:12px 16px;width:100%}}@media print{*{margin:0!important;padding:0!important}body{background:#fff!important}.modal-overlay{background:none!important;padding:0!important;position:static;z-index:auto!important}.modal-content.review-modal{border:none!important;border-radius:0!important;box-shadow:none!important;height:auto!important;max-height:none!important;max-width:100%!important;padding:0!important;z-index:auto!important}.close-btn,.modal-actions{display:none!important}.review-section{border:1px solid #ccc;margin-bottom:15px;padding:12px}.info-grid,.review-section,.table-wrapper{page-break-inside:avoid}.table-wrapper{page-break-after:avoid}.details-table{page-break-inside:avoid}.details-table tbody tr{page-break-after:auto;page-break-inside:avoid}.modal-content.review-modal h2{margin-bottom:20px;page-break-after:avoid}}.assigned-staff-modal-overlay{z-index:1100}.assigned-staff-modal{z-index:1101}.assigned-staff-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0}.assigned-staff-modal{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;min-width:320px;overflow:hidden;width:95%}.assigned-staff-modal-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid var(--color-card-border-inner);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.assigned-staff-modal-header h2{color:#fff;font-size:22px;font-weight:700;margin:0}.header-subtitle{opacity:.95}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.assigned-staff-info-section{background:#0000000d;border-bottom:1px solid var(--color-card-border-inner);padding:16px 24px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{flex-direction:column;gap:6px}.info-item label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:var(--color-text);font-size:14px}.staff-info{display:flex;flex-direction:column;gap:3px}.staff-info strong{color:var(--color-text);font-size:14px}.staff-info small{color:var(--color-text-secondary);font-size:12px}.filter-toolbar{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--color-card-border-inner);flex-shrink:0}.search-input{border:2px solid var(--color-card-border-inner);box-sizing:border-box}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search-btn,.search-input::placeholder{color:#999}.clear-search-btn:hover{color:#667eea}.filter-group label{color:#555}.date-filter,.sort-dropdown{background:#fff;border:2px solid var(--color-card-border-inner);box-sizing:border-box;color:var(--color-text)}.date-filter:focus,.sort-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sort-dropdown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.clear-filter-btn,.export-btn,.reset-btn{background:#fff;border:2px solid var(--color-card-border-inner);border-radius:8px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.clear-filter-btn:hover,.export-btn:hover,.reset-btn:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;color:#667eea;transform:translateY(-2px)}.clear-filter-btn:active,.export-btn:active,.reset-btn:active{transform:translateY(0)}.export-btn:disabled,.reset-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.filter-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.table-wrapper{border-bottom:1px solid var(--color-card-border-inner)}.submissions-table{border-collapse:collapse;font-size:13px;width:100%}.submissions-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.submissions-table th{background:#f8f9fa;border-bottom:2px solid var(--color-card-border-inner);color:#333;font-weight:700;padding:14px 12px;text-align:left;white-space:nowrap}.submissions-table td{border-bottom:1px solid var(--color-card-border-inner);color:#555;padding:12px;transition:background-color .15s ease}.submissions-table tbody tr:hover{background:#f8f9fa}.submissions-table td.ref-number{color:#667eea;font-weight:600}.submissions-table td.numeric{font-family:Courier New,monospace;text-align:right}.submissions-table td.staff-name{font-weight:500}.submissions-table td.email{color:#999;font-size:12px}.submissions-table td.timestamp{font-size:12px;white-space:nowrap}.action-cell{padding:12px;text-align:center}.view-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);display:inline-flex;gap:6px;padding:8px 16px;transition:all .3s ease}.view-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.view-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.status-badge{border-radius:16px;padding:4px 10px}.status-badge.status-completed,.status-badge.status-submitted{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.status-badge.status-draft,.status-badge.status-pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.status-badge.status-rejected{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.status-badge.status-approved{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.loading-state{flex:1 1}.spinner{border:4px solid #e0e0e0;border-top-color:#667eea}.loading-text{color:#666}.empty-state{flex:1 1}.no-data-text{color:#999;text-align:center}.error-state{background:#fff5f5;flex:1 1}.pagination{background:#f8f9fa;border-top:1px solid var(--color-card-border-inner);flex-shrink:0}.pagination-btn{background:#667eea;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#764ba2}.pagination-btn:disabled{background:#ccc}@media (max-width:1024px){.assigned-staff-modal{max-width:90%}.submissions-table{font-size:12px}.filter-controls{gap:10px}}@media (max-width:768px){.assigned-staff-modal{max-height:90vh;width:95%}.assigned-staff-modal-header{padding:16px}.assigned-staff-modal-header h2{font-size:18px}.filter-controls{flex-direction:column;gap:10px}.date-filter,.export-btn,.filter-group,.reset-btn,.search-box,.sort-dropdown{width:100%}.date-filter,.sort-dropdown{min-width:auto}.submissions-table{font-size:11px}.submissions-table td,.submissions-table th{padding:8px}.pagination{flex-direction:column;gap:10px}.pagination-btn{width:100%}}@media (max-width:480px){.assigned-staff-modal{max-height:95vh;width:100%}.assigned-staff-modal-header{padding:12px}.assigned-staff-modal-header h2{font-size:16px}.info-grid{gap:12px;grid-template-columns:1fr}.filter-toolbar{gap:8px;padding:12px 16px}.filter-controls{gap:6px}.search-input{font-size:12px;padding:8px 32px 8px 10px}.date-filter,.sort-dropdown{font-size:12px;padding:8px 10px}.export-btn,.reset-btn{font-size:12px;padding:8px 12px}.submissions-table{font-size:10px}.submissions-table td,.submissions-table th{padding:6px}.pagination{padding:12px}.pagination-btn{font-size:11px;padding:6px 12px}.page-info{font-size:11px}}.design-modal-backdrop{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:2000}.design-modal-box{background:#fff;background:var(--color-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-card-border,#e0e0e0);border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.design-modal-header{background:linear-gradient(135deg,#2196f3,#2196f31a);background:linear-gradient(135deg,var(--color-primary,#2196f3) 0,#2196f31a 100%);border-bottom:2px solid #2196f3;border-bottom:2px solid var(--color-primary,#2196f3);padding:20px;position:relative}.design-modal-header h2{color:#333;color:var(--color-text,#333);font-size:24px;font-weight:600;margin:0 0 8px}.design-modal-ref{color:#666;color:var(--color-text-secondary,#666);font-size:13px;margin:0;opacity:.8}.design-modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;color:var(--color-text,#333);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .2s;width:30px}.design-modal-close:hover{background:#0000001a}.design-modal-content{flex:1 1;overflow-y:auto;padding:20px}.design-status-badge{border-radius:8px;display:inline-block;font-weight:600;margin:16px;padding:8px 16px;text-align:center;width:calc(100% - 32px)}.design-status-badge.cancelled{background:#ffebee;border:1px solid #ef5350;color:#c62828}.design-section{background:#f5f5f5;background:var(--color-secondary,#f5f5f5);border-left:4px solid #2196f3;border-left:4px solid var(--color-primary,#2196f3);border-radius:8px;margin-bottom:24px;padding:16px}.design-section h3{color:#333;color:var(--color-text,#333);font-size:16px;font-weight:600;margin:0 0 12px}.design-section-desc{color:#666;color:var(--color-text-secondary,#666);font-size:12px;font-style:italic;margin:0 0 12px}.design-section-cancel{background:#ff6b6b0d;border-left-color:#ff6b6b}.design-form-group{margin-bottom:12px}.design-form-group-2col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.design-form-group label{color:#333;color:var(--color-text,#333);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.design-form-group input[type=date],.design-form-group input[type=text],.design-textarea{background:#fff;background:var(--color-surface,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;box-sizing:border-box;color:#333;color:var(--color-text,#333);font-family:inherit;font-size:13px;padding:10px;transition:all .2s;width:100%}.design-form-group input:focus,.design-textarea:focus{border-color:#2196f3;border-color:var(--color-primary,#2196f3);box-shadow:0 0 0 3px #2196f31a;outline:none}.design-form-group input:disabled,.design-textarea:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.6}.design-textarea{min-height:100px;resize:vertical}.design-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s}.design-btn-primary{background:#2196f3;background:var(--color-primary,#2196f3);color:#fff}.design-btn-primary:hover:not(:disabled){background:#1976d2;background:var(--color-primary-hover,#1976d2);box-shadow:0 4px 12px #2196f34d}.design-btn-secondary{background:#e0e0e0;background:var(--color-border,#e0e0e0);color:#333;color:var(--color-text,#333)}.design-btn-secondary:hover:not(:disabled){background:#d0d0d0}.design-btn-danger{background:#ff6b6b;color:#fff}.design-btn-danger:hover:not(:disabled){background:#ff5252;box-shadow:0 4px 12px #ff6b6b4d}.design-btn:disabled{cursor:not-allowed;opacity:.5}.design-btn-icon{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:6px;transition:all .2s}.design-btn-delete:hover{background:#f443361a}.design-returns-list{border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;margin-bottom:16px;max-height:200px;overflow-y:auto}.design-return-item,.design-returns-list{background:#fff;background:var(--color-surface,#fff)}.design-return-item{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border,#eee);display:flex;justify-content:space-between;padding:12px}.design-return-item:last-child{border-bottom:none}.design-return-content{flex:1 1}.design-return-content p{color:#333;color:var(--color-text,#333);font-size:12px;margin:4px 0}.design-return-meta{color:#999!important;color:var(--color-text-secondary,#999)!important;font-size:11px!important}.design-add-return-form{background:#fff;background:var(--color-surface,#fff);border:1px dashed #2196f3;border:1px dashed var(--color-primary,#2196f3);border-radius:6px;padding:12px}.design-add-return-form h4{color:#333;color:var(--color-text,#333);font-size:12px;margin:0 0 12px}.design-file-upload{margin-bottom:12px;position:relative}.design-file-input{display:none}.design-file-label{background:#2196f3;background:var(--color-primary,#2196f3);border:2px solid #2196f3;border:2px solid var(--color-primary,#2196f3);border-radius:6px;color:#fff;cursor:pointer;display:block;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s}.design-file-label:hover{background:#1976d2;background:var(--color-primary-hover,#1976d2)}.design-file-input:disabled+.design-file-label{background:#ccc;border-color:#999;cursor:not-allowed}.design-documents-list{background:#fff;background:var(--color-surface,#fff);border:1px solid #ddd;border:1px solid var(--color-border,#ddd);border-radius:6px;margin-top:12px;overflow:hidden}.design-documents-list h4{background:#f5f5f5;background:var(--color-secondary,#f5f5f5);border-bottom:1px solid #ddd;border-bottom:1px solid var(--color-border,#ddd);font-size:12px;margin:0;padding:12px}.design-document-item{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--color-border,#eee);display:flex;justify-content:space-between;padding:12px}.design-document-item:last-child{border-bottom:none}.design-document-info{flex:1 1}.design-document-info p{font-size:12px;margin:4px 0}.design-doc-meta{color:#999!important;color:var(--color-text-secondary,#999)!important;font-size:11px!important}.design-document-actions{display:flex;gap:8px}.design-error-banner{background:#ffebee;border-left:4px solid #ef5350;border-radius:6px;color:#c62828;font-size:12px;margin-bottom:12px;padding:12px}.design-cancelled-info{background:#fff9c4;border-left:4px solid #fbc02d;border-radius:6px;padding:12px}.design-cancelled-info p{font-size:12px;margin:6px 0}.design-modal-footer{background:#f5f5f5;background:var(--color-secondary,#f5f5f5);border-top:1px solid #ddd;border-top:1px solid var(--color-border,#ddd);display:flex;gap:12px;justify-content:flex-end;padding:16px}@media (max-width:600px){.design-modal-box{max-width:90vw}.design-form-group-2col{grid-template-columns:1fr}}.company-logo{display:block!important;height:80px!important;max-height:80px!important;max-width:80px!important;object-fit:contain!important;width:80px!important}.logo-section{flex-shrink:0;padding-right:10px}.logo-section img{height:80px!important;margin:0!important;padding:0!important;width:80px!important}.logo-section img,.qr-code{display:block!important;object-fit:contain!important}.qr-code{height:65px!important;width:65px!important}.qr-section{flex-shrink:0;padding-left:10px}.qr-section img{height:65px!important;object-fit:contain!important;width:65px!important}.invoice-header-top{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.header-center{flex:1 1;text-align:center}.header-center h4{color:#0ea5e9;font-size:16px;font-weight:700;margin:5px 0}.header-center p{color:#333;font-size:13px;margin:3px 0}.as-built-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh!important;max-width:1400px!important;width:95vw!important}.modal-backdrop{background:#000000b3;bottom:0;left:0;padding:20px;right:0;top:0;z-index:2000}.modal-box{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 20px 60px #00000080;color:var(--color-text);max-height:90vh;overflow-y:auto;padding:24px}.modal-header{border-bottom:2px solid var(--color-border);gap:16px;margin-bottom:20px;padding-bottom:16px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px}.modal-header h3{color:var(--color-text);font-size:20px;margin:0}.close-btn:hover{background:#ef444433;color:#ef4444}.project-info-bar{grid-gap:16px;background:linear-gradient(135deg,#667eea26,#3b82f61a);border-left:4px solid var(--color-primary);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:16px}.project-info-bar p{color:var(--color-text);font-size:14px;margin:0}.project-info-bar strong{color:var(--color-primary);font-weight:600}.stats-bar{grid-gap:16px;background:#667eea0d;border:1px solid #667eea33;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.stat-item{gap:8px}.stat-value{font-size:18px}.progress-bar{background:#667eea33}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.status-badge{font-size:13px;padding:8px 12px;text-align:center;width:-webkit-fit-content;width:fit-content}.status-badge.complete{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-badge.pending{animation:pulse 2s infinite;background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b}.as-built-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.btn{transition:all .2s}.btn-primary{box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.5;transform:none}.btn-secondary{background:#667eea26;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:#667eea40}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.btn-danger{background:#ef4444}.btn-danger:hover:not(:disabled){background:#dc2626}.as-built-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;flex:1 1;margin-bottom:20px;overflow:auto}.as-built-table{border-collapse:collapse;font-size:13px;width:100%}.as-built-table thead{background:linear-gradient(135deg,#667eea33,#3b82f61a);position:-webkit-sticky;position:sticky;top:0;z-index:10}.as-built-table th{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.as-built-table td{border-bottom:1px solid var(--color-card-border-inner);color:var(--color-text);padding:12px 10px}.as-built-table tbody tr:hover{background:#667eea0d}.as-built-table tbody tr.row-missing-qty{background:#ef444414!important;border-left:3px solid #ef4444}.as-built-table tbody tr.row-complete{background:#10b9810d}.qty-input{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:13px;font-weight:500;padding:8px 10px;transition:all .2s;width:100%}.qty-input:focus{background:#667eea0d;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;outline:none}.qty-input::placeholder{color:var(--color-text-secondary)}.price-cell{color:var(--color-primary);font-weight:600}.auto-calculated{background:linear-gradient(135deg,#667eea1a,#10b9810d);border-radius:4px;color:var(--color-primary);font-weight:700;padding:2px 4px}.modal-footer{border-top:1px solid var(--color-border);padding-top:20px}.invoice-modal{max-width:700px!important}.invoice-modal h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--color-white);font-size:20px;font-weight:700;margin:0 0 24px}.form-group label{color:var(--color-text-secondary);letter-spacing:.5px}.form-group input{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;padding:10px 12px;transition:all .2s}.form-group input:focus{background:#667eea0d;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33}.warning-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2001}.warning-content{animation:slideUp .3s ease-out;background:var(--color-surface);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:32px}.warning-content h4{color:#f59e0b;font-size:18px;font-weight:700;margin-bottom:16px;margin-top:0}.warning-content p{color:var(--color-text);line-height:1.5;margin:12px 0}.warning-content ul{color:var(--color-text-secondary);margin:16px 0;padding-left:20px}.warning-content li{margin-bottom:8px}.warning-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.invoice-view-modal{max-height:90vh!important;max-width:900px!important}.invoice-content{background:#0003;border:1px solid var(--color-border);border-radius:8px;flex:1 1;margin-bottom:20px;overflow-y:auto;padding:24px}.invoice-header{border-bottom:2px solid var(--color-border);margin-bottom:24px;padding-bottom:20px;text-align:center}.invoice-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;margin:0 0 12px}.qr-code{background:#fff;border:2px solid var(--color-border);border-radius:8px;height:100px;margin-top:16px;padding:4px;width:100px}.invoice-project-info{grid-gap:12px;background:#667eea1a;border-left:4px solid var(--color-primary);border-radius:8px;display:grid;font-size:13px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:16px}.invoice-project-info p{color:var(--color-text);margin:0}.invoice-project-info strong{color:var(--color-primary);font-weight:700}.invoice-items-table{background:var(--color-secondary);border-collapse:collapse;border-radius:6px;font-size:12px;margin-bottom:24px;overflow:hidden;width:100%}.invoice-items-table th{background:linear-gradient(135deg,#667eea33,#3b82f61a);color:var(--color-primary);font-size:11px;font-weight:700;text-align:left;text-transform:uppercase}.invoice-items-table td,.invoice-items-table th{border:1px solid var(--color-border);padding:10px 8px}.invoice-items-table td{color:var(--color-text)}.invoice-items-table tbody tr:nth-child(odd){background:#667eea0d}.invoice-total{background:linear-gradient(135deg,#667eea26,#10b9811a);border-left:4px solid var(--color-primary);border-radius:8px;margin-bottom:24px;padding:16px 20px;text-align:right}.invoice-total h4{color:var(--color-primary);font-size:14px;font-weight:700;margin:0}.invoice-signatures{grid-gap:16px;display:grid;font-size:12px;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.sig-box{background:#667eea0d;border:1px solid var(--color-border);border-radius:8px;padding:16px;text-align:center}.sig-box p{color:var(--color-text);margin:8px 0}.sig-box strong{border-bottom:1px solid var(--color-border);color:var(--color-primary);display:block;font-weight:700;margin-bottom:12px;padding-bottom:8px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-buttons .btn{padding:10px 20px}@media (max-width:768px){.as-built-modal{max-height:95vh!important;width:98vw!important}.modal-header{align-items:flex-start;flex-direction:column}.project-info-bar,.stats-bar{grid-template-columns:1fr}.as-built-table{font-size:12px}.as-built-table td,.as-built-table th{padding:8px 6px}.invoice-signatures{grid-template-columns:1fr}.as-built-buttons{flex-direction:column}.btn{justify-content:center;width:100%}}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.modal-backdrop{background:#fff}.as-built-buttons,.close-btn,.modal-footer{display:none}.invoice-content{background:#fff;border:none;box-shadow:none}}.invoice-print-wrapper{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;max-height:700px;overflow-y:auto;padding:20px}.invoice-page-a4{background:#fff;box-shadow:0 0 10px #0000001a;break-inside:avoid;color:#333;font-family:Arial,sans-serif;font-size:11px;height:297mm;line-height:1.4;margin:0 auto;padding:15mm;page-break-inside:avoid;width:210mm}.invoice-header-section{align-items:flex-start;border-bottom:3px solid #0ea5e9;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.header-left{flex:1 1}.invoice-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 5px}.invoice-subtitle{color:#0ea5e9;font-size:14px;margin:0}.header-right{text-align:center}.qr-code-print{background:#fff;border:1px solid #ddd;height:80px;padding:3px;width:80px}.company-info-section{background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.company-left{flex:1 1}.company-name{color:#1f2937;font-size:12px;font-weight:700;margin:0 0 3px}.company-text{color:#666;font-size:10px;margin:2px 0}.company-right{text-align:right}.company-right p{font-size:10px;margin:3px 0}.project-info-box{background:#e0f2fe;border-left:4px solid #0ea5e9;border-radius:4px;margin-bottom:15px;padding:10px}.box-title{color:#0ea5e9;font-size:11px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.project-info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.info-row{font-size:10px}.info-label{color:#0ea5e9;font-weight:700;min-width:100px}.info-value{color:#333}.items-section{margin-bottom:15px;page-break-inside:avoid}.section-title{color:#0ea5e9;font-size:11px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.invoice-print-table{border-collapse:collapse;font-size:9px;width:100%}.invoice-print-table th{background:#0ea5e9;border:1px solid #0ea5e9;color:#fff;font-weight:700;padding:6px 4px;text-align:left}.invoice-print-table td{border:1px solid #ddd;padding:6px 4px}.invoice-print-table .row-even{background:#f9f9f9}.invoice-print-table .row-odd{background:#fff}.col-no{text-align:center;width:25px}.col-code{width:50px}.col-desc{width:100px}.col-equip{width:60px}.col-unit{text-align:center;width:40px}.col-price{text-align:right;width:50px}.col-qty{text-align:center;width:40px}.col-total{text-align:right;width:50px}.total-section{background:#e0f2fe;border-radius:4px;margin-bottom:15px;padding:10px;page-break-inside:avoid}.total-box{align-items:center;background:#fff;border:2px solid #0ea5e9;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.total-label{color:#1f2937;font-size:11px;font-weight:700}.total-value{color:#0ea5e9;font-size:14px;font-weight:700}.signatures-section{margin-bottom:10px;page-break-inside:avoid}.signatures-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.signature-box{border:1px solid #999;border-radius:4px;font-size:9px;padding:8px;text-align:center}.sig-title{color:#1f2937;font-size:10px;font-weight:700;margin:0 0 5px}.sig-name{font-size:8px;margin:0 0 3px}.sig-line{border-bottom:1px solid #333;height:20px;margin:8px 0}.sig-label{color:#666;margin:3px 0 0}.footer-section{border-top:1px solid #ddd;color:#999;font-size:8px;margin-top:10px;padding-top:5px;text-align:center}@media print{.modal-backdrop{background:#fff}.modal-box{border:none;box-shadow:none}.invoice-print-wrapper{background:#fff;border:none;max-height:none;overflow:visible;padding:0}.invoice-page-a4{box-shadow:none;height:auto;margin:0;padding:0;page-break-after:always;width:100%}.modal-footer,.modal-header{display:none}.invoice-page-a4{break-inside:avoid;page-break-inside:avoid}}@media (max-width:768px){.invoice-page-a4{height:auto;margin-bottom:20px;width:100%}.project-info-grid,.signatures-grid{grid-template-columns:1fr}}.warehouse-container{background-color:#f5f5f5;min-height:calc(100vh - 100px);padding:20px}.warehouse-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.warehouse-header h1{font-size:28px;font-weight:600;margin:0}.btn-refresh{background:#fff;border:none;border-radius:5px;color:#667eea;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-refresh:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.warehouse-tabs{grid-gap:10px;display:grid;flex-wrap:wrap;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.warehouse-tab{background:#fff;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .3s ease}.warehouse-tab:hover{border-color:#667eea;color:#667eea}.warehouse-tab.active{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff}.warehouse-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;padding:20px}.materials-section,.reorder-requests-section,.stocks-summary-section,.transaction-history-section,.transaction-section{width:100%}.materials-toolbar,.reorder-toolbar,.stocks-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn-primary{background:#667eea}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66}.btn-success{background:#4caf50;color:#fff}.btn-success:hover{background:#45a049}.btn-danger{background:#f44336}.btn-danger:hover{background:#da190b}.btn-secondary{background:#9e9e9e}.btn-secondary:hover{background:#757575}.btn-info{background:#2196f3;color:#fff;font-size:12px;padding:6px 12px}.btn-info:hover{background:#0b7dda}.material-form,.reorder-form,.transaction-form,.warehouse-form{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;transition:border-color .3s ease}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}textarea{min-height:100px;resize:vertical}.table-responsive{border-radius:8px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.materials-table,.reorder-table,.stocks-table,.transactions-table{background:#fff;border-collapse:collapse;width:100%}.materials-table thead,.reorder-table thead,.stocks-table thead,.transactions-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.materials-table th,.reorder-table th,.stocks-table th,.transactions-table th{color:#333;font-size:14px;font-weight:600;padding:12px;text-align:left}.materials-table td,.reorder-table td,.stocks-table td,.transactions-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px}.materials-table tbody tr:hover,.reorder-table tbody tr:hover,.stocks-table tbody tr:hover,.transactions-table tbody tr:hover{background:#f9f9f9}.materials-table input[type=number],.materials-table input[type=text]{border:1px solid #ddd;border-radius:4px;padding:6px;width:100%}.badge-in{background:#d4edda;color:#155724}.badge-out{background:#f8d7da;color:#721c24}.badge-return{background:#fff3cd;color:#856404}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-danger{background:#ffebee;color:#c62828}.badge-warning{background:#fff3e0;color:#e65100}.badge-pending{background:#e3f2fd;color:#1565c0}.badge-default{background:#f5f5f5;color:#333}.status-badge{border-radius:4px;font-size:12px}.status-OK{background:#e8f5e9;color:#2e7d32}.status-LOW{background:#fff3e0;color:#e65100}.status-CRITICAL{background:#ffebee;color:#c62828}.urgency-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.urgency-LOW{background:#e3f2fd;color:#1976d2}.urgency-MEDIUM{background:#fff3e0;color:#e65100}.urgency-HIGH{background:#ffebee;color:#c62828}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{border-left:4px solid #667eea;box-shadow:0 2px 8px #00000014;flex-direction:column}.stat-label{color:#999}.stat-value{color:#667eea}.filters-section{background:#f9f9f9;border:1px solid #e0e0e0;padding:15px}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-row input,.filter-row select{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:8px 12px}.warehouse-select-group{display:flex;gap:8px}.warehouse-select-group select{flex:1 1}.materials-selection{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:20px 0;padding:15px}.materials-selection h4{color:#333;margin-top:0}.material-item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 120px 100px;margin-bottom:10px}.material-item select{flex:1 1}.material-item input{width:100%}.audit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.audit-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.audit-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0}.audit-header h3{color:#333;margin:0}.close-btn:hover{color:#333}.audit-timeline{padding:20px}.audit-entry{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px}.audit-entry:last-child{border-bottom:none}.audit-time{color:#999;font-size:12px;margin-bottom:8px}.audit-details p{color:#666;margin:8px 0}.audit-new,.audit-old{background:#f5f5f5;border-radius:4px;font-size:12px;margin-top:10px;padding:10px}.audit-new p,.audit-old p{color:#333;font-weight:600;margin:0 0 8px}.audit-new pre,.audit-old pre{font-size:11px;margin:8px 0 0;overflow-x:auto}.modal-dialog,.modal-overlay{overflow-y:auto}.modal-dialog{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;margin:20px auto;max-height:95vh;width:95%}.modal-dialog,.modal-lg{max-width:1100px}.modal-content{box-sizing:border-box;max-width:100%;padding:0}.receipt-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:10px 10px 0 0;color:#fff;padding:25px}.receipt-title{font-size:24px;font-weight:600;margin:0}.receipt-section{border-bottom:1px solid #f0f0f0;box-sizing:border-box;padding:20px;width:100%}.receipt-section:last-of-type{border-bottom:none}.receipt-subtitle{border-bottom:2px solid #667eea;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:10px;text-transform:uppercase}.receipt-row{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:200px 1fr;margin-bottom:15px}.receipt-label{color:#666;font-size:13px;font-weight:600;text-transform:uppercase}.receipt-value{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:6px;color:#333;font-size:14px;padding:10px}.receipt-value-box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#333;font-size:15px;padding:12px 15px}.receipt-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.receipt-field{display:flex;flex-direction:column}.receipt-field .receipt-label{font-size:12px;margin-bottom:8px}.receipt-field .receipt-value-box{flex:1 1}.receipt-table{border-collapse:collapse;margin:15px 0;min-width:100%;width:100%}.receipt-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.receipt-table th{color:#333;font-size:13px;font-weight:600;padding:12px;text-align:left}.receipt-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:13px;padding:12px}.receipt-table tbody tr:hover{background:#f9f9f9}.receipt-table-wrapper{margin:15px 0;overflow-x:auto;width:100%}.text-muted{color:#999;font-size:13px}.receipt-qr-section{background:#fafafa;display:flex;justify-content:center;padding:30px}.receipt-qr-container{text-align:center}.receipt-qr{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;margin:20px 0;padding:20px}.receipt-footer{background:#f9f9f9;border-top:1px solid #e0e0e0;color:#999;font-size:12px;padding:15px 20px;text-align:center}.receipt-actions{background:#fff;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.no-print{display:block!important}.modal-dialog.modal-receipt{max-width:1100px;width:95%}#pdf-content{box-sizing:border-box;max-width:100%;padding:20px;width:100%}.receipt-info-bar{grid-gap:15px;background:#f5f5f5;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:15px}.receipt-two-column{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.receipt-column{width:100%}.receipt-footer-grid{grid-gap:20px;align-items:center;border-top:2px solid #e0e0e0;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-top:20px;padding:20px}.receipt-qr-wrapper{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.receipt-footer-text{padding:15px}@media print{.modal-overlay{background:#0000;position:static;z-index:auto}.modal-dialog{max-height:100%;max-width:100%}.modal-content,.modal-dialog{box-shadow:none}.receipt-header{page-break-after:avoid}.receipt-section,.receipt-table{page-break-inside:avoid}.no-print,.receipt-actions{display:none!important}.receipt-qr{page-break-inside:avoid}}.loading{color:#999;font-size:16px;text-align:center}.loading,.no-data{padding:40px}@media (max-width:768px){.form-row,.material-item,.warehouse-tabs{grid-template-columns:1fr}.table-responsive{font-size:12px}.warehouse-header{flex-direction:column;gap:15px;text-align:center}.warehouse-header h1{font-size:20px}.receipt-grid,.receipt-row{grid-template-columns:1fr}.modal-dialog{border-radius:8px;max-height:100vh;max-width:none;width:98%}.receipt-section{padding:15px}.receipt-table{font-size:12px}.receipt-table td,.receipt-table th{padding:8px}.receipt-footer-grid,.receipt-info-bar,.receipt-two-column{grid-template-columns:1fr}}.qty-received{color:#4caf50;font-weight:600}.qty-issued{color:#f44336;font-weight:600}.qty-returned{color:#ff9800;font-weight:600}.qty-current{color:#2196f3;font-weight:600}input[type=checkbox]{cursor:pointer;height:18px;width:18px}select{cursor:pointer}.material-form,.warehouse-form{display:flex;flex-direction:column}.material-form button,.reorder-form button,.transaction-form button,.warehouse-form button{align-self:flex-start;margin-right:10px}.mr-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.mr-modal-container{animation:mr-slideIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:100%}@keyframes mr-slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mr-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:none;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.mr-header-content h2{font-size:24px;font-weight:700;letter-spacing:.3px;margin:0 0 4px}.mr-project-name{font-size:13px;font-weight:500;margin:0;opacity:.9}.mr-modal-close{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.mr-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mr-modal-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;flex-shrink:0;gap:0;padding:0}.mr-tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:all .3s ease}.mr-tab-button:hover{background:#3b82f60d;color:#3b82f6}.mr-tab-button.active{background:#3b82f614;border-bottom-color:#3b82f6;color:#3b82f6}.mr-tab-icon{font-size:18px}.mr-modal-content{background:#fff;flex:1 1;min-height:0;overflow-y:auto}.mr-modal-content::-webkit-scrollbar{width:8px}.mr-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.mr-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mr-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mr-list-container{height:100%;padding:24px}.mr-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.mr-spinner{animation:mr-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:20px;width:50px}@keyframes mr-spin{to{transform:rotate(1turn)}}.mr-error-message{align-items:center;background:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#991b1b;display:flex;font-weight:600;gap:12px;padding:16px 20px}.mr-error-message span{font-size:24px}.mr-empty-state{color:#6b7280;padding:60px 20px;text-align:center}.mr-empty-icon{font-size:64px;margin-bottom:16px}.mr-empty-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.mr-empty-desc{font-size:14px;margin:0}.mr-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.mr-table{background:#fff;border-collapse:collapse;width:100%}.mr-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.mr-table th{color:#374151;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.mr-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:13px;padding:14px 16px}.mr-table tbody tr{transition:background .2s ease}.mr-table tbody tr:hover{background:#f9fafb}.mr-request-id{color:#3b82f6;font-family:Courier New,monospace;font-weight:700}.mr-center{text-align:center}.mr-user{color:#6b7280;font-size:12px}.mr-actions{display:flex;gap:6px}.mr-status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:all .2s ease}.mr-status-select:hover{border-color:#9ca3af}.mr-status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.mr-status-pending{background:#fef3c7;color:#92400e}.mr-status-approved{background:#dcfce7;color:#166534}.mr-status-cancelled,.mr-status-rejected{background:#fee2e2;color:#991b1b}.mr-status-completed{background:#d1fae5;color:#065f46}.mr-create-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;height:100%;overflow-y:auto;padding:24px}.mr-create-left,.mr-create-right{min-height:0}.mr-form-section{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:22px;transition:all .3s ease}.mr-form-section:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.mr-form-section h3{border-bottom:2px solid #3b82f6;color:#1f2937;font-size:15px;font-weight:700;margin:0 0 18px;padding-bottom:12px}.mr-form-group{margin-bottom:16px}.mr-form-group label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.mr-required{color:#ef4444;margin-left:2px}.mr-form-control{background:#fff;border:2px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.mr-form-control:hover{border-color:#9ca3af}.mr-form-control:focus{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.mr-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.mr-form-group-half{margin-bottom:0}.mr-auto-suggest{position:relative}.mr-dropdown{background:#fff;border:2px solid #3b82f6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 8px 24px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:20}.mr-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 12px;transition:background .2s ease}.mr-dropdown-item:last-child{border-bottom:none}.mr-dropdown-item:hover{background:#f0f9ff;padding-left:16px}.mr-dropdown-code{color:#3b82f6;font-size:12px;font-weight:700}.mr-dropdown-desc{color:#6b7280;font-size:12px;margin-top:2px}.mr-material-info{background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:6px;color:#0c4a6e;display:flex;font-size:12px;gap:12px;margin-top:8px;padding:8px 12px}.mr-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.mr-btn:active{transform:scale(.98)}.mr-btn-primary{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;width:100%}.mr-btn-primary:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.mr-btn-success{background:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff}.mr-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.mr-btn-success:disabled{cursor:not-allowed;opacity:.5}.mr-btn-secondary{background:#6b7280;color:#fff}.mr-btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.mr-btn-danger{background:#ef4444;color:#fff;font-size:11px;padding:6px 10px}.mr-btn-danger:hover{background:#dc2626}.mr-btn-info{background:#0ea5e9;color:#fff;font-size:11px;padding:6px 10px}.mr-btn-info:hover{background:#0284c7}.mr-btn-sm{font-size:11px;padding:6px 10px}.mr-btn-block{width:100%}.mr-empty-items{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.mr-empty-items .mr-empty-icon{font-size:48px;margin-bottom:12px}.mr-empty-items p{font-weight:600;margin:4px 0}.mr-empty-items small{color:#9ca3af;font-size:12px}.mr-items-section{display:flex;flex-direction:column;gap:12px;height:100%}.mr-items-header{flex-shrink:0}.mr-items-header h3{border-bottom:2px solid #10b981;color:#1f2937;font-size:15px;font-weight:700;margin:0;padding-bottom:12px}.mr-items-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.mr-items-list::-webkit-scrollbar{width:6px}.mr-items-list::-webkit-scrollbar-track{background:#f1f5f9}.mr-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.mr-item-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease}.mr-item-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.mr-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mr-item-code{color:#3b82f6;font-family:Courier New,monospace;font-size:13px;font-weight:700}.mr-item-description{color:#6b7280;font-size:12px;line-height:1.4;margin-bottom:8px}.mr-item-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.mr-priority{border-radius:12px;font-weight:600;padding:3px 8px;text-transform:uppercase}.mr-priority-low{background:#dbeafe;color:#0c4a6e}.mr-priority-normal{background:#fef3c7;color:#92400e}.mr-priority-high{background:#fee2e2;color:#991b1b}.mr-item-date,.mr-item-qty{color:#6b7280}.mr-items-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}@media (max-width:1024px){.mr-create-container{grid-template-columns:1fr}.mr-modal-container{height:95vh;max-width:95vw}}@media (max-width:768px){.mr-modal-overlay{padding:10px}.mr-modal-container{border-radius:8px;height:100vh;max-width:100%}.mr-modal-header{padding:16px 20px}.mr-header-content h2{font-size:18px}.mr-modal-tabs{flex-wrap:wrap}.mr-tab-button{flex:1 1;font-size:13px;min-width:150px;padding:12px 16px}.mr-list-container,.mr-modal-content{padding:12px}.mr-form-section{padding:16px}.mr-form-row{gap:8px;grid-template-columns:1fr}.mr-table td,.mr-table th{font-size:12px;padding:10px 12px}.mr-create-container{gap:16px;padding:16px}}@media (max-width:480px){.mr-modal-container{border-radius:0;height:100vh}.mr-modal-header{padding:12px 16px}.mr-header-content h2{font-size:16px;margin-bottom:2px}.mr-modal-close{font-size:20px;height:36px;width:36px}.mr-table{font-size:11px}.mr-table td,.mr-table th{padding:8px 10px}.mr-actions{flex-direction:column;gap:4px}.mr-btn{font-size:10px;padding:8px 12px}.mr-form-group{margin-bottom:12px}.mr-form-control{padding:8px 10px}}.mr-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.mr-detail-modal{animation:mr-slideIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.mr-detail-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:none;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.mr-detail-header h2{font-size:22px;font-weight:700;margin:0}.mr-detail-close{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.mr-detail-close:hover{background:#ffffff4d;transform:rotate(90deg)}.mr-detail-content{background:#fff;flex:1 1;overflow-y:auto;padding:28px}.mr-detail-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.mr-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px}.mr-info-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .3s ease}.mr-info-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.mr-info-card label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.mr-info-value{color:#1f2937;font-size:15px;font-weight:600;word-break:break-word}.mr-info-code{color:#3b82f6;font-family:Courier New,monospace;font-size:13px}.mr-info-count{color:#10b981;font-size:24px;text-align:center}.mr-info-total{color:#059669;font-size:18px;text-align:center}.mr-status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;text-align:center}.mr-status-badge.mr-status-pending{background:#fef3c7;color:#92400e}.mr-status-badge.mr-status-approved{background:#dcfce7;color:#166534}.mr-status-badge.mr-status-cancelled,.mr-status-badge.mr-status-rejected{background:#fee2e2;color:#991b1b}.mr-status-badge.mr-status-completed{background:#d1fae5;color:#065f46}.mr-detail-section{margin-bottom:28px}.mr-detail-section h3{border-bottom:2px solid #10b981;color:#1f2937;font-size:15px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.mr-no-items{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.mr-detail-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.mr-detail-table{background:#fff;border-collapse:collapse;font-size:12px;width:100%}.mr-detail-table thead{background:linear-gradient(135deg,#f0fdf4,#dbeafe);border-bottom:2px solid #10b981}.mr-detail-table th{color:#065f46;font-weight:700;letter-spacing:.3px;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.mr-detail-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px 14px}.mr-detail-table tbody tr{transition:background .2s ease}.mr-detail-table tbody tr:hover{background:#f0fdf4}.mr-detail-table .mr-code{color:#3b82f6;font-family:Courier New,monospace;font-size:11px;font-weight:700}.mr-detail-table .mr-center{text-align:center}.mr-detail-table .mr-right{font-weight:600;text-align:right}.mr-detail-table .mr-qty{background:#f0fdf4;color:#059669;font-weight:700}.mr-detail-table .mr-total{background:#eff6ff;color:#0c4a6e;font-weight:700}.mr-priority-small{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.mr-priority-small.mr-priority-low{background:#dbeafe;color:#0c4a6e}.mr-priority-small.mr-priority-normal{background:#fef3c7;color:#92400e}.mr-priority-small.mr-priority-high{background:#fee2e2;color:#991b1b}.mr-detail-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:20px}.mr-detail-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 24px;text-transform:uppercase;transition:all .3s ease}.mr-detail-btn-close{background:#10b981;color:#fff;flex:1 1;min-width:150px}.mr-detail-btn-close:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.mr-detail-modal{max-height:95vh;max-width:95vw}.mr-detail-header{padding:16px 20px}.mr-detail-header h2{font-size:18px}.mr-detail-content{padding:16px}.mr-detail-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.mr-detail-table td,.mr-detail-table th{font-size:11px;padding:10px 12px}.mr-detail-btn{font-size:11px;padding:8px 16px}}@media (max-width:480px){.mr-detail-modal{border-radius:0;height:100vh;max-width:100%}.mr-detail-grid{grid-template-columns:1fr}.mr-detail-table td,.mr-detail-table th{font-size:10px;padding:8px 10px}}.mr-status-badge-static{border:2px solid #0000;border-radius:6px;cursor:default;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 14px;text-transform:uppercase}.mr-status-badge-static.mr-status-pending{background:#fef3c7;border-color:#fcd34d;color:#92400e}.mr-status-badge-static.mr-status-approved{background:#dcfce7;border-color:#86efac;color:#166534}.mr-status-badge-static.mr-status-cancelled,.mr-status-badge-static.mr-status-rejected{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.mr-status-badge-static.mr-status-completed{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.mr-status-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#dbeafe;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-error:#ef4444;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-text:#1f2937;--duration-normal:300ms;--duration-slow:500ms;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 10px 32px #00000026}body{background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.cost-control-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;animation:fadeInOverlay var(--duration-normal) ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cost-control-modal{animation:slideUpModal .3s cubic-bezier(.16,1,.3,1);animation:slideUpModal var(--duration-normal) cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 10px 32px #00000026;box-shadow:var(--shadow-lg);max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:95%}.large-modal{max-height:95vh;max-width:95vw;width:1200px}.cost-control-modal::-webkit-scrollbar{width:8px}.cost-control-modal::-webkit-scrollbar-track{background:#f1f5f9}.cost-control-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cost-control-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-gray-200);border-radius:16px 16px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{animation:slideInLeft .3s ease-out;animation:slideInLeft var(--duration-normal) ease-out;color:#1f2937;color:var(--color-text);font-size:26px;font-weight:800;letter-spacing:-.5px}.close-btn{border-radius:8px;color:#999;font-size:32px;height:44px;transition:all .15s ease;transition:all var(--duration-fast) ease;width:44px}.close-btn:hover{background:#f3f4f6;background:var(--color-gray-100);color:#1f2937;transform:rotate(90deg) scale(1.1)}.close-btn:active{transform:rotate(90deg) scale(.95)}.modal-body{max-height:70vh}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.results-body{max-height:70vh}.history-details,.history-section,.results-section,.setup-section{animation:fadeIn .3s ease-out;animation:fadeIn var(--duration-normal) ease-out;display:flex;flex-direction:column;gap:20px}.history-details h3,.history-section h3,.results-section h3,.setup-section h3{align-items:center;border-bottom:4px solid #3b82f6;border-bottom:4px solid var(--color-primary);color:#1f2937;color:var(--color-text);display:flex;font-size:22px;font-weight:800;gap:10px;margin:0;padding-bottom:12px;position:relative}.results-section h3:before,.setup-section h3:before{animation:pulse .5s ease-in-out infinite;animation:pulse var(--duration-slow) ease-in-out infinite;background:#3b82f6;background:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.form-grid{grid-template-columns:1fr 1fr}.form-group{animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;gap:8px}.form-group label{color:#374151;color:var(--color-gray-700);font-weight:700;letter-spacing:.8px;text-transform:uppercase}.date-input,.form-group input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-gray-200);border-radius:8px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .15s ease;transition:all var(--duration-fast) ease}.date-input:focus,.form-group input:focus{background:#fff;border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 4px #dbeafe;box-shadow:0 0 0 4px var(--color-primary-light);outline:none;transform:translateY(-3px)}.date-input:hover:not(:focus),.form-group input:hover:not(:focus){border-color:#d1d5db;border-color:var(--color-gray-300);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm)}.readonly-field{background:#f9fafb;background:var(--color-gray-50);color:#4b5563;color:var(--color-gray-600);cursor:not-allowed}.date-label{animation:slideInLeft .15s ease-out;animation:slideInLeft var(--duration-fast) ease-out;color:#3b82f6;color:var(--color-primary);display:block;font-size:12px;font-weight:600;margin-top:6px}.error-message{align-items:center;animation:shake .3s ease-out;animation:shake var(--duration-normal) ease-out;background:linear-gradient(135deg,#fee,#fdd);border-left:4px solid #c00;color:#c00;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.error-message button{background:none;border:none;color:#c00;cursor:pointer;font-size:18px;transition:transform .15s ease;transition:transform var(--duration-fast) ease}.error-message button:hover{transform:scale(1.2)}.project-info-card{animation:slideInLeft .3s ease-out;animation:slideInLeft var(--duration-normal) ease-out;background:linear-gradient(135deg,#f8f9fa,#f0f4ff);border:2px solid #dbeafe;border:2px solid var(--color-primary-light);border-radius:10px;margin-bottom:16px;padding:16px}.info-row{border-bottom:1px solid #ffffff80;display:flex;font-size:14px;justify-content:space-between;padding:10px 0;transition:all .15s ease;transition:all var(--duration-fast) ease}.info-row:last-child{border-bottom:none}.info-row:hover{color:#3b82f6;color:var(--color-primary);padding-left:8px}.info-row label{color:#1f2937;color:var(--color-text);font-weight:700}.info-row span{color:#4b5563;color:var(--color-gray-600);font-weight:500}.duration-summary{grid-gap:16px;animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:16px 0}.duration-card{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:10px;box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);color:#fff;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .15s ease;transition:all var(--duration-fast) ease}.duration-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.duration-card:hover{box-shadow:0 12px 24px #667eea66;transform:translateY(-6px)}.duration-label{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;opacity:.9;text-transform:uppercase}.duration-value{animation:countUp .3s ease-out;animation:countUp var(--duration-normal) ease-out;font-size:32px;font-weight:900;margin-bottom:6px}.duration-breakdown{font-size:15px;font-weight:600;opacity:.95}.duration-detail{font-size:12px;margin-top:6px;opacity:.8}.duration-dates{font-size:14px;font-weight:500;margin-top:8px}.breakdown-section{animation:fadeIn .3s ease-out;animation:fadeIn var(--duration-normal) ease-out;margin-top:28px}.breakdown-section h4{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:16px;font-weight:800;gap:8px;letter-spacing:.8px;margin:0 0 16px;text-transform:uppercase}.table-wrapper{border-radius:10px;box-shadow:0 2px 8px #00000014;margin-top:15px}.breakdown-table,.history-table{animation:tableLoad .3s ease-out;animation:tableLoad var(--duration-normal) ease-out;border-collapse:collapse;font-size:13px;width:100%}@keyframes tableLoad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breakdown-table thead,.history-table thead{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:5}.breakdown-table th,.history-table th{border-bottom:3px solid #1a252f;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.breakdown-table td,.history-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-gray-100);padding:12px 16px;word-break:break-word}.breakdown-table tbody tr,.breakdown-table td,.history-table tbody tr,.history-table td{transition:all .15s ease;transition:all var(--duration-fast) ease}.breakdown-table tbody tr:nth-child(2n),.history-table tbody tr:nth-child(2n){background:#f9fafb;background:var(--color-gray-50)}.breakdown-table tbody tr:hover,.history-table tbody tr:hover{background:#dbeafe;background:var(--color-primary-light);box-shadow:inset 8px 0 0 #3b82f6;box-shadow:inset 8px 0 0 var(--color-primary);transform:scaleX(1.01)}.breakdown-table tbody tr:last-child td,.history-table tbody tr:last-child td{border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--color-gray-300)}.breakdown-table td.code,.breakdown-table td.cost,.breakdown-table td.qty,.breakdown-table td.rate,.breakdown-table td.total,.history-table td.cost{font-family:Monaco,Courier New,monospace;font-weight:600;text-align:right}.breakdown-table td.total,.history-table td.cost{color:#3b82f6;color:var(--color-primary);font-size:14px}.breakdown-table td.highlight{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:6px;color:#b45309;font-weight:700;padding:10px 14px!important}.no-data{color:#4b5563;color:var(--color-gray-600);padding:40px 20px}.status-badge{animation:badgePop .3s cubic-bezier(.34,1.56,.64,1);animation:badgePop var(--duration-normal) cubic-bezier(.34,1.56,.64,1);border-radius:20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-baseline{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 12px #ffd70066;color:#000}.status-draft{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.status-submitted{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.badge-baseline{background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:4px;color:#000;display:inline-block;font-size:10px;font-weight:700;margin-left:8px;padding:3px 10px}.results-header{align-items:center;animation:slideInDown .3s ease-out;animation:slideInDown var(--duration-normal) ease-out;background:linear-gradient(135deg,#f8f9fa,#f0f4ff);border:2px solid #dbeafe;border:2px solid var(--color-primary-light);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:28px;padding:20px}.header-left h3{color:#1f2937;color:var(--color-text);font-size:20px;font-weight:800;margin:0 0 12px}.estimate-meta{display:flex;flex-wrap:wrap;gap:24px}.meta-item{align-items:center;color:#4b5563;color:var(--color-gray-600);display:flex;gap:6px}.meta-item strong{color:#1f2937;color:var(--color-text);font-weight:700}.baseline-indicator{animation:float .5s ease-in-out infinite;animation:float var(--duration-slow) ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:8px;box-shadow:0 6px 20px #ffc10766;color:#fff;font-size:14px;font-weight:700;padding:10px 18px}.summary-panel{animation:slideUpModal .3s ease-out;animation:slideUpModal var(--duration-normal) ease-out;background:linear-gradient(135deg,#dbeafe,#e0f2fe);background:linear-gradient(135deg,var(--color-primary-light) 0,#e0f2fe 100%);border:3px solid #3b82f6;border:3px solid var(--color-primary);border-radius:12px;margin-top:28px;overflow:hidden;padding:24px;position:relative}.summary-panel:before{background:linear-gradient(135deg,#ffffff4d,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.summary-panel h4{color:#1f2937;color:var(--color-text);font-size:18px;font-weight:800;letter-spacing:.8px;margin:0 0 20px;position:relative;text-transform:uppercase;z-index:1}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;position:relative;z-index:1}.summary-card{border-radius:10px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .15s ease;transition:all var(--duration-fast) ease}.summary-card:before{background:linear-gradient(135deg,#ffffff26,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 12px 28px #0003;transform:translateY(-8px)}.materials-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d}.manpower-card{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 8px 20px #f093fb4d}.vehicle-card{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 20px #4facfe4d}.summary-label{font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;opacity:.9;position:relative;text-transform:uppercase;z-index:1}.summary-amount{animation:countUp .3s ease-out;animation:countUp var(--duration-normal) ease-out;font-size:24px;font-weight:900;position:relative;z-index:1}.summary-divider{animation:expandWidth .3s ease-out;animation:expandWidth var(--duration-normal) ease-out;background:linear-gradient(90deg,#0000,#3b82f6 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-primary) 50%,#0000 100%);height:3px;margin:20px 0;position:relative;z-index:1}.summary-row{align-items:center;animation:slideInLeft .3s ease-out;animation:slideInLeft var(--duration-normal) ease-out;border-bottom:1px solid #ffffff80;display:flex;font-size:14px;justify-content:space-between;padding:14px 0;position:relative;z-index:1}.summary-row:last-child{border-bottom:none}.summary-row strong{color:#3b82f6;color:var(--color-primary);font-weight:800}.grand-total{animation:scaleIn .3s ease-out;animation:scaleIn var(--duration-normal) ease-out;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #3b82f6;border:2px solid var(--color-primary);border-bottom:none;border-radius:8px;font-size:16px;font-weight:800;margin-top:16px;padding:18px!important}.grand-total strong{color:#2563eb;color:var(--color-primary-dark);font-size:20px}.summary-info{background:#fff9;border-radius:8px;margin-top:16px;padding:14px;position:relative;z-index:1}.info-item{border-bottom:1px solid #fff6;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none}.info-item span{color:#4b5563;color:var(--color-gray-600);font-weight:500}.info-item strong{color:#3b82f6;color:var(--color-primary);font-weight:700}.result-tabs{animation:slideInDown .3s ease-out;animation:slideInDown var(--duration-normal) ease-out;border-bottom:3px solid #e5e7eb;border-bottom:3px solid var(--color-gray-200);display:flex;gap:12px;margin-bottom:24px;padding-bottom:12px}.tab-btn{background:#f3f4f6;background:var(--color-gray-100);border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:12px 24px;text-transform:uppercase;transition:all .15s ease;transition:all var(--duration-fast) ease}.tab-btn:before{background:#3b82f6;background:var(--color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .15s ease;transition:transform var(--duration-fast) ease}.tab-btn:hover{background:#e5e7eb;background:var(--color-gray-200);transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 6px 16px #3498db66;color:#fff}.tab-btn.active:before{transform:scaleX(1)}.history-details,.history-section{animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;background:linear-gradient(135deg,#f8f9fa,#f0f4ff);border:2px solid #dbeafe;border:2px solid var(--color-primary-light);border-radius:12px;margin-top:32px;padding:24px}.history-table-wrapper{border-radius:10px;margin-top:20px;overflow-x:auto}.history-table{border-collapse:collapse;font-size:13px;width:100%}.history-table thead{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;position:-webkit-sticky;position:sticky;top:0}.history-table th{border-bottom:3px solid #1a252f;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.history-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);padding:12px 16px;transition:all .15s ease;transition:all var(--duration-fast) ease}.history-table tbody tr:nth-child(2n){background:#f9fafb;background:var(--color-gray-50)}.history-table tbody tr:hover{background:#dbeafe;background:var(--color-primary-light);box-shadow:inset 6px 0 0 #3b82f6;box-shadow:inset 6px 0 0 var(--color-primary);transform:scaleX(1.01)}.history-table .baseline-row{background:linear-gradient(135deg,#fef3cd,#fff3cd);font-weight:700}.history-table .baseline-row:hover{background:linear-gradient(135deg,#ffeaa7,#fd9)}.actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{background:#f3f4f6;background:var(--color-gray-100);min-width:40px;padding:8px 12px;text-align:center;transition:all .15s ease;transition:all var(--duration-fast) ease}.action-btn:hover{background:#1f2937;background:var(--color-text);color:#fff;transform:scale(1.1) rotate(2deg)}.action-btn.delete-btn:hover{background:#ef4444;background:var(--color-error);box-shadow:0 4px 12px #ef444466}.modal-actions{animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;border-top:2px solid #e5e7eb;border-top:2px solid var(--color-gray-200);margin-top:28px;padding-top:24px}.btn-baseline,.btn-close-small,.btn-export,.btn-export-small,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;min-height:44px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .15s ease;transition:all var(--duration-fast) ease}.btn-baseline:before,.btn-export:before,.btn-primary:before,.btn-secondary:before{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;transition:width var(--duration-normal) ease,height var(--duration-normal) ease;width:0}.btn-baseline:hover:before,.btn-export:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #3b82f680;transform:translateY(-3px)}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{background:#d1d5db;background:var(--color-gray-300)}.btn-secondary{background:#e5e7eb;background:var(--color-gray-200);color:#1f2937}.btn-secondary:hover{background:#d1d5db;background:var(--color-gray-300);box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.btn-secondary:active{transform:translateY(-1px)}.btn-export{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-export:hover{box-shadow:0 8px 24px #10b98180;transform:translateY(-3px)}.btn-export:active{transform:translateY(-1px)}.btn-baseline{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.btn-baseline:hover:not(:disabled){box-shadow:0 8px 24px #f59e0b80;transform:translateY(-3px)}.btn-baseline:active:not(:disabled){transform:translateY(-1px)}.btn-baseline:disabled{background:#d1d5db;background:var(--color-gray-300);cursor:not-allowed;opacity:.6}.btn-export-small{background:#3b82f6;background:var(--color-primary);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-sm);color:#fff;font-size:12px;padding:10px 16px}.btn-export-small:hover{background:#2563eb;background:var(--color-primary-dark);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-close-small{background:#e5e7eb;background:var(--color-gray-200);color:#1f2937;color:var(--color-text);font-size:12px;padding:10px 16px}.btn-close-small:hover{background:#d1d5db;background:var(--color-gray-300);transform:translateY(-2px)}.modal-overlay-preview{align-items:center;animation:fadeInOverlay .3s ease-out;animation:fadeInOverlay var(--duration-normal) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-preview{animation:slideUpModal .3s cubic-bezier(.16,1,.3,1);animation:slideUpModal var(--duration-normal) cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #ffffff80;border-radius:12px;box-shadow:0 10px 32px #00000026;box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.preview-header{align-items:center;animation:slideInLeft .3s ease-out;animation:slideInLeft var(--duration-normal) ease-out;border-bottom:3px solid #3b82f6;border-bottom:3px solid var(--color-primary);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.preview-header h3{color:#1f2937;color:var(--color-text);font-size:20px;font-weight:800;margin:0}.preview-header .close-btn{height:36px;width:36px}.preview-metadata{animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;background:linear-gradient(135deg,#f8f9fa,#f0f4ff);border:2px solid #dbeafe;border:2px solid var(--color-primary-light);border-radius:10px;margin-bottom:24px;padding:16px}.meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.meta-item{font-size:13px}.meta-item .label{color:#1f2937;color:var(--color-text);display:block;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.preview-summary h4{color:#1f2937;color:var(--color-text);font-weight:800;margin-bottom:16px}.preview-summary .summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px}.preview-summary .summary-card{animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #3b82f6;border-left:4px solid var(--color-primary);border-radius:8px;padding:16px;text-align:center;transition:all .15s ease;transition:all var(--duration-fast) ease}.preview-summary .summary-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.preview-summary .summary-card .label{color:#4b5563;color:var(--color-gray-600);font-size:11px;font-weight:700;margin-bottom:8px}.preview-summary .summary-card .value{color:#3b82f6;color:var(--color-primary);font-size:18px;font-weight:900}.summary-total{align-items:center;animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #10b981;border-left:4px solid var(--color-success);border-radius:8px;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:16px;padding:16px}.summary-total span{color:#4b5563;color:var(--color-gray-600);font-weight:700}.summary-total strong{color:#10b981;color:var(--color-success);font-size:18px}.preview-actions{animation:slideInUp .3s ease-out;animation:slideInUp var(--duration-normal) ease-out;display:flex;gap:12px;margin-top:24px}@media (max-width:768px){.cost-control-modal{border-radius:12px;max-height:95vh;max-width:100%}.modal-header{padding:16px}.modal-header h2{font-size:20px}.modal-body{padding:16px}.duration-summary,.form-grid,.summary-grid{grid-template-columns:1fr}.breakdown-table,.history-table{font-size:12px}.breakdown-table td,.breakdown-table th,.history-table td,.history-table th{padding:10px 8px}.modal-actions{flex-direction:column;gap:8px}.btn-baseline,.btn-export,.btn-primary,.btn-secondary{width:100%}.summary-row{align-items:flex-start;flex-direction:column;gap:6px}.estimate-meta{gap:12px}.result-tabs{gap:8px;overflow-x:auto}.tab-btn{font-size:12px;padding:10px 16px;white-space:nowrap}.results-header{align-items:flex-start;flex-direction:column;gap:16px}.baseline-indicator{align-self:flex-start}.preview-metadata{padding:12px}.meta-grid{gap:8px;grid-template-columns:1fr}}@media (max-width:480px){.cost-control-modal{max-height:95vh;width:100%}.modal-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-header h2{font-size:18px}.close-btn{align-self:flex-end;margin-top:-10px}.modal-body{padding:12px}.summary-grid{gap:12px;grid-template-columns:1fr}.breakdown-table td,.breakdown-table th,.history-table td,.history-table th{font-size:11px;padding:8px 6px}.btn-baseline,.btn-export,.btn-primary,.btn-secondary{font-size:12px;padding:10px 16px}.modal-preview{max-width:95%;padding:20px}}.highlight{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:4px;font-weight:700;padding:2px 6px}*{transition:background-color .15s ease,border-color .15s ease,color .15s ease;transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}button,input,select,textarea{transition:all .15s ease;transition:all var(--duration-fast) ease}.btn--lg{border-radius:8px}body,html{overflow-x:hidden;width:100%}:root{--primary-blue:var(--color-primary);--primary-gradient:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);--success-green:var(--color-success);--warning-orange:var(--color-warning);--danger-red:var(--color-error);--info-cyan:var(--color-info);--bg-primary:var(--color-background);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-secondary);--border-light:var(--color-border);--border-dark:var(--color-border);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-lg);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-secondary);--space-xs:var(--space-4);--space-sm:var(--space-8);--space-md:var(--space-16);--space-lg:var(--space-24);--space-xl:var(--space-32);--space-2xl:var(--space-32);--radius-sm:var(--radius-sm);--radius-md:var(--radius-base);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-lg);--radius-2xl:var(--radius-lg)}body{background:#fcfcf9;background:var(--color-background);font-size:14px;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.dashboard-page-wrapper{background:linear-gradient(135deg,#fff,#f8f9fa);min-height:100vh;overflow-x:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.dashboard-page-wrapper:before{background:radial-gradient(circle at 20% 50%,#21a0d50d 0,#0000 50%),radial-gradient(circle at 80% 80%,#2db89f0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard-page-wrapper.loading{animation:pulse 2s ease-in-out infinite;opacity:.8;pointer-events:none}.dashboard-page-wrapper.error{background:linear-gradient(135deg,#ff44440d,#ff444405)}.dashboard-main-content{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s both;margin:0 auto;max-width:100%;padding:32px;position:relative;width:100%;z-index:1}.dashboard-header.advanced-header{align-items:stretch;animation:slideDown .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:16px;box-shadow:0 15px 40px #21a0d54d,inset 0 1px 0 #fff3;color:#fff;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;width:100%}.dashboard-header.advanced-header:before{animation:floatHeaderBg 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff26,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:400px}@keyframes floatHeaderBg{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,40px) scale(1.1)}}.dashboard-header.advanced-header:after{animation:floatHeaderBg 10s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff1a,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:300px;left:5%;pointer-events:none;position:absolute;width:300px}.header-content{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .1s both;gap:32px;z-index:2}.header-content,.header-title-section{align-items:center;flex:1 1;min-width:0}.header-title-section{display:flex;gap:24px}.header-badge{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .15s both;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff3,#ffffff1f);border:2px solid #ffffff4d;border-radius:14px;box-shadow:0 8px 20px #00000026,inset 0 1px 0 #ffffff4d;display:flex;flex-shrink:0;font-size:36px;height:64px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);width:64px}.header-badge:hover{box-shadow:0 12px 28px #0003,inset 0 1px 0 #fff6;transform:scale(1.12) rotate(-10deg)}.header-main-title{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s both;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0;text-shadow:0 2px 8px #0000001a;white-space:nowrap}.header-subtitle{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .25s both;font-size:12px;font-weight:600;letter-spacing:.4px;margin:8px 0 0;opacity:.9;text-transform:uppercase;white-space:nowrap}.header-metrics{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;display:flex;flex-wrap:wrap;gap:24px;z-index:2}.metric-pill{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .35s both;animation:slideUp .6s calc(.35s + var(--pill-delay, 0s)) both cubic-bezier(.16,1,.3,1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border:1.5px solid #ffffff4d;border-radius:14px;box-shadow:0 8px 20px #0000001f,inset 0 1px 0 #ffffff4d;display:flex;flex-direction:column;justify-content:center;min-width:140px;padding:24px 32px;transition:all .4s cubic-bezier(.16,1,.3,1)}.metric-pill:first-child{--pill-delay:0s}.metric-pill:nth-child(2){--pill-delay:0.05s}.metric-pill:nth-child(3){--pill-delay:0.1s}.metric-pill:nth-child(4){--pill-delay:0.15s}.metric-pill:hover{background:linear-gradient(135deg,#ffffff47,#ffffff38);border-color:#ffffff80;box-shadow:0 12px 32px #0000002e,inset 0 1px 0 #fff6;transform:translateY(-6px)}.metric-label{font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.metric-value{animation:countUp .8s cubic-bezier(.16,1,.3,1) forwards;font-size:28px;font-weight:800;letter-spacing:-.01em;margin-top:8px}.header-controls{align-items:center;animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .15s both;display:flex;flex-shrink:0;flex-wrap:wrap;gap:24px;z-index:2}.control-btn{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border:1.5px solid #ffffff4d;border-radius:11px;box-shadow:0 4px 12px #0000001f,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.control-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.control-btn:hover{background:linear-gradient(135deg,#ffffff47,#ffffff38);border-color:#ffffff80;box-shadow:0 8px 24px #0000002e,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.control-btn:hover:before{left:100%}.control-btn:active{transform:translateY(-1px)}.control-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.control-btn:focus-visible{outline:2px solid #fff9;outline-offset:3px}.user-section{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;border-left:1.5px solid #ffffff4d;gap:16px;padding-left:32px}.user-avatar,.user-section{align-items:center;display:flex;flex-shrink:0}.user-avatar{background:linear-gradient(135deg,#fff3,#ffffff1f);border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 6px 16px #00000026,inset 0 1px 0 #ffffff4d;color:#fff;font-size:18px;font-weight:800;height:48px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);width:48px}.user-avatar:hover{box-shadow:0 10px 24px #0003,inset 0 1px 0 #fff6;transform:scale(1.12) rotate(8deg)}.user-info{flex-direction:column;gap:4px;min-width:0}.user-name{font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.user-role{font-size:11px;font-weight:500;letter-spacing:.2px;opacity:.9;text-transform:uppercase;white-space:nowrap}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff44444d,#dc262633);border:1.5px solid #ffffff4d;border-radius:12px;box-shadow:0 6px 16px #00000026,inset 0 1px 0 #fff3;display:flex;flex-shrink:0;font-family:inherit;font-size:18px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:48px}.logout-btn:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.logout-btn:hover{background:linear-gradient(135deg,#f446,#dc26264d);border-color:#ffffff80;box-shadow:0 10px 24px #0003,inset 0 1px 0 #ffffff4d;transform:rotate(12deg) scale(1.1)}.logout-btn:hover:before{left:100%}.logout-btn:active{transform:rotate(8deg) scale(.95)}.logout-btn:focus-visible{outline:2px solid #fff9;outline-offset:3px}@media (max-width:1280px){.dashboard-header.advanced-header{align-items:flex-start;flex-direction:column;gap:24px}.header-content{width:100%}.header-controls{justify-content:space-between;width:100%}.user-section{border-left:1.5px solid #ffffff4d;padding-left:24px}}@media (max-width:1024px){.dashboard-main-content{padding:24px}.dashboard-header.advanced-header{gap:24px;padding:24px}.header-badge{font-size:32px;height:56px;width:56px}.header-main-title{font-size:28px}.metric-pill{min-width:130px;padding:20px 24px}.metric-value{font-size:24px}.header-metrics{gap:16px}.header-controls{gap:12px}.control-btn{font-size:12px;padding:10px 18px}.logout-btn,.user-avatar{font-size:16px;height:44px;width:44px}}@media (max-width:768px){.dashboard-main-content{padding:16px}.dashboard-header.advanced-header{flex-direction:column;gap:16px;margin-bottom:20px;padding:20px}.header-content{gap:16px;width:100%}.header-badge{font-size:28px;height:48px;width:48px}.header-title-section{gap:16px}.header-main-title{font-size:22px}.header-metrics{gap:12px;justify-content:space-between;width:100%}.metric-pill{flex:1 1;min-width:auto;padding:16px 20px}.metric-label{font-size:9px}.metric-value{font-size:20px}.header-controls{flex-direction:column;gap:10px;width:100%}.control-btn{font-size:13px;padding:11px 16px;width:100%}.user-section{border-left:none;border-top:1px solid #ffffff4d;padding-left:0;padding-top:16px;width:100%}.logout-btn,.user-avatar{font-size:14px;height:40px;width:40px}}@media (max-width:480px){.dashboard-main-content{padding:12px}.dashboard-header.advanced-header{gap:12px;padding:16px}.header-badge{font-size:24px;height:44px;width:44px}.header-main-title{font-size:18px}.header-subtitle{font-size:10px}.header-metrics{gap:8px}.metric-pill{flex:1 1;min-width:0;padding:12px 16px}.metric-label{font-size:8px}.metric-value{font-size:16px;margin-top:4px}.header-controls{gap:8px}.control-btn{font-size:11px;padding:10px 14px}.user-info{gap:2px}.user-name{font-size:12px}.user-role{font-size:10px}}@media print{.dashboard-header.advanced-header{page-break-inside:avoid}}.filter-select-all-container{animation:slideDown .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#21a0d514,#2db89f0f);border-bottom:1.5px solid #00000014;padding:12px 16px}.filter-select-all-option{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.filter-select-all-option:hover{background:#21a0d51a;transform:translateX(4px)}.filter-select-all-option:active{transform:translateX(2px)}.filter-checkbox-select-all{accent-color:#2180d5;cursor:pointer;flex-shrink:0;height:20px;transition:all .3s cubic-bezier(.16,1,.3,1);width:20px}.filter-select-all-option:hover .filter-checkbox-select-all{transform:scale(1.15)}.filter-select-all-text{color:#070707;flex:1 1;font-size:13px;font-weight:750;letter-spacing:.5px;text-transform:uppercase}.filter-select-all-count{animation:badgePop .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:20px;box-shadow:0 2px 8px #21a0d54d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 12px;white-space:nowrap}.filter-divider{animation:slideUp .5s cubic-bezier(.16,1,.3,1) .05s both;background:linear-gradient(90deg,#0000,#00000014 50%,#0000);height:1.5px;margin:0}.filter-options-list{display:flex;flex-direction:column;gap:0;max-height:250px;overflow-y:auto;padding:0}.filter-option{align-items:center;animation:slideUp .5s cubic-bezier(.16,1,.3,1) .1s both;animation:slideUp .5s calc(.1s + var(--option-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f5f7fa);border-bottom:1px solid #0000000d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:linear-gradient(135deg,#21a0d51a,#2db89f14);padding-left:20px;transform:translateX(2px)}.filter-option:active{transform:translateX(0)}.filter-checkbox{accent-color:#2180d5;cursor:pointer;flex-shrink:0;height:18px;transition:all .3s cubic-bezier(.16,1,.3,1);width:18px}.filter-option:hover .filter-checkbox{transform:scale(1.2)}.filter-option:active .filter-checkbox{transform:scale(1)}.filter-option-text{color:#333;flex:1 1;font-size:13px;font-weight:600;letter-spacing:-.01em}.filter-option-count{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border:1px solid #21a0d533;border-radius:8px;color:#2180d5;font-size:12px;font-weight:700;min-width:45px;padding:4px 12px;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.filter-option:hover .filter-option-count{background:linear-gradient(135deg,#21a0d533,#2db89f26);box-shadow:0 2px 8px #21a0d526}.filter-search{animation:slideDown .5s cubic-bezier(.16,1,.3,1) .08s both;border-bottom:1.5px solid #00000014;padding:12px 16px}.filter-search,.filter-search-input{background:linear-gradient(135deg,#fff,#f5f7fa)}.filter-search-input{border:1.5px solid #0000001a;border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#070707;font-family:inherit;font-size:13px;font-weight:600;padding:11px 14px;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.filter-search-input::placeholder{color:#999;font-weight:500}.filter-search-input:hover:not(:focus){border-color:#21a0d533;box-shadow:0 4px 12px #00000014}.filter-search-input:focus{background:#fff;border-color:#2180d5;box-shadow:0 0 0 3px #21a0d526;outline:none;transform:translateY(-2px)}.filter-dropdown-header{align-items:center;background:linear-gradient(135deg,#fff,#f5f7fa);border:1.5px solid #0000001a;border-radius:11px;box-shadow:0 2px 8px #0000000a;color:#070707;cursor:pointer;display:flex;font-weight:700;gap:8px;overflow:hidden;padding:12px 16px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.filter-dropdown-header:before{background:linear-gradient(90deg,#0000,#21a0d51a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.filter-dropdown-header:hover{background:linear-gradient(135deg,#21a0d51a,#2db89f14);border-color:#2180d5;box-shadow:0 6px 16px #21a0d526;transform:translateY(-2px)}.filter-dropdown-header:hover:before{left:100%}.filter-dropdown-header:active{transform:translateY(0)}.filter-dropdown-header:focus-visible{outline:2px solid #2180d5;outline-offset:2px}.filter-icon{flex-shrink:0;font-size:18px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}.filter-dropdown-header:hover .filter-icon{transform:scale(1.15)}.filter-label{color:#070707;flex:1 1;font-size:13px;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis}.filter-count,.filter-label{position:relative;white-space:nowrap;z-index:1}.filter-count{background:#21a0d51f;border:1px solid #21a0d533;border-radius:8px;color:#666;font-size:12px;font-weight:700;padding:4px 10px}.dropdown-arrow{color:#999;font-size:12px;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}.dropdown-arrow.open{color:#2180d5}.filter-dropdown-content{animation:slideDownContent .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f5f7fa);border:1.5px solid #0000001a;border-radius:0 0 11px 11px;border-top:none;box-shadow:0 12px 32px #0000001f,inset 0 1px 0 #fffc;display:flex;flex-direction:column;left:0;margin-top:-1.5px;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}@keyframes slideDownContent{0%{max-height:0;opacity:0;transform:translateY(-15px) scaleY(.95)}to{max-height:400px;opacity:1;transform:translateY(0) scaleY(1)}}.advanced-dropdown{animation:slideDownContent .4s cubic-bezier(.16,1,.3,1)}.dashboard-filters-advanced{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s both;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0000000f;border-radius:13px;box-shadow:0 6px 16px #00000014,inset 0 1px 0 #fffc;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:18px;width:100%}.filters-container{display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.advanced-filter{flex:1 1;min-width:200px;position:relative}.clear-filters-btn-advanced{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:11px;box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:700;gap:8px;letter-spacing:.3px;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.clear-filters-btn-advanced:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.clear-filters-btn-advanced:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444466,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.clear-filters-btn-advanced:hover:not(:disabled):before{left:100%}.clear-filters-btn-advanced:active:not(:disabled){transform:translateY(-1px)}.clear-filters-btn-advanced:disabled{cursor:not-allowed;opacity:.5}.clear-filters-btn-advanced:focus-visible{outline:2px solid #ef4444;outline-offset:3px}@media (max-width:1440px){.dashboard-filters-advanced{align-items:stretch;flex-direction:column;gap:14px}.filters-container{flex-direction:column;gap:12px;width:100%}.advanced-filter{width:100%}.clear-filters-btn-advanced{justify-content:center;width:100%}}@media (max-width:1024px){.dashboard-filters-advanced{gap:12px;padding:16px}.filters-container{flex-direction:column}.advanced-filter{min-width:100%;width:100%}.filter-dropdown-header{font-size:12px;padding:11px 14px}.filter-search{padding:12px}.filter-search-input{font-size:12px;padding:10px 12px}.filter-select-all-option{padding:10px}.filter-option{padding:11px 14px}.clear-filters-btn-advanced{padding:11px 16px;width:100%}}@media (max-width:768px){.dashboard-filters-advanced{flex-direction:column;gap:12px;padding:14px}.filters-container{flex-direction:column;gap:12px;width:100%}.advanced-filter{min-width:100%;width:100%}.filter-dropdown-header{font-size:12px;gap:6px;padding:10px 12px}.filter-label{font-size:12px}.filter-count{font-size:11px;padding:3px 8px}.filter-icon{font-size:16px}.dropdown-arrow{font-size:11px}.clear-filters-btn-advanced{font-size:12px;gap:6px;padding:10px 14px;width:100%}}@media (max-width:480px){.dashboard-filters-advanced{padding:12px}.dashboard-filters-advanced,.filters-container{flex-direction:column;gap:10px}.advanced-filter{width:100%}.filter-dropdown-header{font-size:11px;gap:4px;padding:10px 12px}.filter-label{font-size:11px}.filter-count{display:none}.filter-icon{font-size:14px}.filter-search{padding:10px}.filter-search-input{font-size:11px;padding:9px 11px}.filter-select-all-option{gap:8px;padding:8px 10px}.filter-select-all-text{font-size:11px}.filter-select-all-count{font-size:10px;padding:3px 8px}.filter-option{gap:8px;padding:9px 11px}.filter-option-text{font-size:11px}.filter-option-count{font-size:10px;padding:3px 8px}.clear-filters-btn-advanced{font-size:11px;gap:4px;padding:9px 11px;width:100%}.filter-options-list{max-height:180px}}.filter-dropdown-content::-webkit-scrollbar,.filter-options-list::-webkit-scrollbar{width:6px}.filter-dropdown-content::-webkit-scrollbar-track,.filter-options-list::-webkit-scrollbar-track{background:#0000000a;border-radius:3px}.filter-dropdown-content::-webkit-scrollbar-thumb,.filter-options-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#21a0d580,#2db89f80);border-radius:3px;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-dropdown-content::-webkit-scrollbar-thumb:hover,.filter-options-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21a0d5cc,#2db89fcc)}@media print{.dashboard-filters-advanced,.filter-dropdown-content{display:none}}.advanced-content{display:flex;flex-direction:column;gap:32px;position:relative;width:100%;z-index:1}.advanced-stats-grid{grid-gap:24px;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px;width:100%}.premium-stat{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .35s both;animation:slideUp .6s calc(.35s + var(--stat-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid #00000014;border-radius:14px;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;overflow:hidden;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1)}.premium-stat:first-child{--stat-delay:0s}.premium-stat:nth-child(2){--stat-delay:0.05s}.premium-stat:nth-child(3){--stat-delay:0.1s}.premium-stat:nth-child(4){--stat-delay:0.15s}.premium-stat:nth-child(5){--stat-delay:0.2s}.premium-stat:nth-child(6){--stat-delay:0.25s}.premium-stat:before{background:linear-gradient(90deg,#2180d5,#2db89f);height:4px;transform:scaleX(0);transform-origin:left}.premium-stat:after,.premium-stat:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.premium-stat:after{background:linear-gradient(135deg,#21a0d50d,#2db89f08);border-radius:14px;bottom:0;pointer-events:none}.premium-stat:hover{border-color:#2180d5;box-shadow:0 12px 32px #21a0d533,inset 0 1px 0 #ffffffe6;transform:translateY(-8px)}.premium-stat:hover:before{opacity:1;transform:scaleX(1)}.premium-stat:hover:after{opacity:1}.premium-stat:active{transform:translateY(-4px)}.stat-header{gap:16px;margin-bottom:20px;position:relative;z-index:2}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{animation:iconBounce .6s cubic-bezier(.16,1,.3,1) .4s both;background:linear-gradient(135deg,#21a0d51f,#2db89f14);border-radius:12px;color:#2180d5;flex-shrink:0;height:52px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);width:52px}@keyframes iconBounce{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.15) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.premium-stat:hover .stat-icon{background:linear-gradient(135deg,#21a0d533,#2db89f26);box-shadow:0 4px 12px #21a0d533;transform:scale(1.2) rotate(12deg)}.stat-title{color:#666;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.stat-body,.stat-title{position:relative;z-index:2}.stat-body{display:flex;flex-direction:column;gap:16px}.stat-number{animation:countUp .8s cubic-bezier(.16,1,.3,1) .45s both;color:#070707;font-size:28px;font-weight:800;letter-spacing:-.01em}.stat-number.stat-currency{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#10b981}.stat-percentage{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;color:#888;display:flex;font-size:12px;font-weight:600;gap:6px}.stat-percentage:before{animation:pulseDot 2s ease-in-out infinite;background:#10b981;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 #10b98166;transform:scale(1)}50%{box-shadow:0 0 0 6px #10b98100;transform:scale(1.2)}}.stat-percentage.negative{color:#ef4444}.stat-percentage.negative:before{animation:pulseDotNegative 2s ease-in-out infinite;background:#ef4444}@keyframes pulseDotNegative{0%,to{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}50%{box-shadow:0 0 0 6px #ef444400;transform:scale(1.2)}}.stat-bar{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:#00000014;border-radius:8px;box-shadow:inset 0 1px 2px #0000000a;height:6px;overflow:hidden}.stat-bar-fill{animation:fillBar 1s cubic-bezier(.16,1,.3,1) .6s both;background:linear-gradient(90deg,#2180d5,#2db89f);border-radius:8px;box-shadow:0 0 12px #21a0d566;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}@keyframes fillBar{0%{opacity:0;width:0!important}to{opacity:1}}.stat-bar-fill.high{background:linear-gradient(90deg,#10b981,#059669)}.stat-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-bar-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.premium-stat:hover .stat-bar-fill{box-shadow:0 0 16px #21a0d599}.stat-comparison{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .55s both;display:flex;font-size:12px;font-weight:700;gap:8px;margin-top:8px}.stat-comparison.up{color:#10b981}.stat-comparison.down{color:#ef4444}.stat-comparison-icon{font-size:14px}@media (max-width:1440px){.advanced-stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.premium-stat{padding:24px}.stat-number{font-size:26px}.stat-icon{font-size:28px;height:48px;width:48px}}@media (max-width:1200px){.advanced-stats-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.premium-stat{padding:20px}.stat-header{gap:12px;margin-bottom:16px}.stat-icon,.stat-number{font-size:24px}.stat-icon{height:44px;width:44px}.stat-title{font-size:10px}.stat-body{gap:12px}}@media (max-width:1024px){.advanced-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.premium-stat{padding:18px}.stat-header{gap:10px;margin-bottom:14px}.stat-number{font-size:22px}.stat-icon{font-size:20px;height:40px;width:40px}.stat-title{font-size:9px}.stat-percentage{font-size:11px}.stat-bar{height:5px}}@media (max-width:768px){.advanced-stats-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.premium-stat{padding:16px}.stat-header{gap:8px;margin-bottom:12px}.stat-number{font-size:20px}.stat-icon{font-size:18px;height:36px;width:36px}.stat-title{font-size:8px}.stat-percentage{font-size:10px}.stat-body{gap:10px}.premium-stat:hover{transform:translateY(-4px)}}@media (max-width:640px){.advanced-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.premium-stat{padding:14px}.stat-header{gap:8px;margin-bottom:10px}.stat-number{font-size:18px}.stat-icon{font-size:16px;height:32px;width:32px}.stat-title{font-size:8px}.stat-percentage{font-size:9px}.stat-bar{height:4px}}@media (max-width:480px){.advanced-content{gap:20px}.advanced-stats-grid{gap:10px;grid-template-columns:1fr;margin-bottom:12px}.premium-stat{padding:12px}.stat-header{gap:8px;margin-bottom:8px}.stat-icon,.stat-number{font-size:16px}.stat-icon{height:32px;width:32px}.stat-title{font-size:7px}.stat-percentage{font-size:9px}.stat-body{gap:8px}.stat-bar{height:4px}.premium-stat:hover{transform:translateY(-2px)}}.filter-dropdown-content{position:relative;z-index:200!important}.advanced-stats-grid,.premium-stat{position:relative;z-index:1}@media print{.advanced-stats-grid{gap:12px}.premium-stat{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.premium-stat:hover{box-shadow:none;transform:none}}@media (prefers-color-scheme:dark){.premium-stat{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}.stat-title{color:#a0a0a0}.stat-number{color:#e0e0e0}.stat-percentage{color:#888}.stat-icon{background:linear-gradient(135deg,#21a0d533,#2db89f26);color:#50b8d6}.stat-bar{background:#ffffff1a}}[data-color-scheme=dark] .premium-stat{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}[data-color-scheme=dark] .stat-title{color:#a0a0a0}[data-color-scheme=dark] .stat-number{color:#e0e0e0}[data-color-scheme=dark] .stat-percentage{color:#888}[data-color-scheme=dark] .stat-icon{background:linear-gradient(135deg,#21a0d533,#2db89f26);color:#50b8d6}[data-color-scheme=dark] .stat-bar{background:#ffffff1a}.charts-row{grid-gap:24px;align-items:stretch;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;container-name:charts-row;container-type:inline-size;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));width:100%}@container charts-row (max-width: 450px){.charts-row{grid-template-columns:1fr}}.premium-chart{-webkit-tap-highlight-color:transparent;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .45s both;animation:slideUp .6s calc(.45s + var(--chart-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid #00000014;border-radius:14px;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;overflow:hidden;padding:28px;position:relative;transition:border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow,border-color}.premium-chart:before{background:linear-gradient(135deg,#21a0d50d,#2db89f08);border-radius:14px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.premium-chart:first-child{--chart-delay:0s}.premium-chart:nth-child(2){--chart-delay:0.05s}.premium-chart:nth-child(3){--chart-delay:0.1s}.premium-chart:nth-child(4){--chart-delay:0.15s}.premium-chart:focus-within,.premium-chart:hover{border-color:#2180d5;box-shadow:0 12px 32px #21a0d533,inset 0 1px 0 #ffffffe6;transform:translateY(-6px)}.premium-chart:focus-within:before,.premium-chart:hover:before{opacity:1}.premium-chart:active{box-shadow:0 6px 16px #21a0d526,inset 0 1px 0 #fffc;transform:translateY(-2px)}.premium-chart.full-width{grid-column:1/-1}.chart-header{align-items:flex-start;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .5s both;border-bottom:1.5px solid #00000014;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;position:relative;row-gap:12px;z-index:2}.chart-title{-webkit-font-smoothing:antialiased;animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .55s both;color:#070707;font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:0;text-rendering:optimizeLegibility}.chart-subtitle{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#666;font-size:12px;font-weight:600;letter-spacing:.2px;line-height:1.4;max-width:100%;overflow-wrap:break-word}.chart-actions{animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .55s both;gap:8px;z-index:2}.chart-action-btn,.chart-actions{align-items:center;display:flex;position:relative}.chart-action-btn{background:linear-gradient(135deg,#0000000d,#00000008);border:1px solid #0000001a;border-radius:10px;box-shadow:0 2px 6px #0000000a;color:#666;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:16px;height:36px;justify-content:center;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);width:36px}.chart-action-btn:before{background:linear-gradient(90deg,#0000,#21a0d526,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.16,1,.3,1);width:100%}.chart-action-btn:hover{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border-color:#2180d5;box-shadow:0 4px 12px #21a0d526;color:#2180d5;transform:scale(1.1)}.chart-action-btn:hover:before{left:100%}.chart-action-btn:active{transform:scale(.95)}.chart-action-btn:focus-visible{outline:2px solid #2180d5;outline-offset:2px}.chart-body{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;display:flex;flex-direction:column;gap:20px;min-height:300px;position:relative;z-index:2}.chart-container{height:100%;min-height:300px;width:100%}@media (max-width:1440px){.charts-row{gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.premium-chart{padding:24px}.chart-title{font-size:16px}}@media (max-width:1024px){.charts-row{gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.premium-chart{padding:20px}.chart-header{gap:12px;margin-bottom:20px;padding-bottom:16px}.chart-title{font-size:15px}.chart-subtitle{font-size:11px}.chart-body{gap:16px}.chart-body,.chart-container{min-height:250px}.chart-action-btn{font-size:14px;height:32px;width:32px}}@media (max-width:768px){.charts-row{gap:16px;grid-template-columns:1fr}.premium-chart{padding:18px}.chart-header{flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:14px}.chart-title{font-size:14px}.chart-subtitle{font-size:10px}.chart-actions{justify-content:flex-end;width:100%}.chart-body{gap:14px}.chart-body,.chart-container{min-height:220px}.premium-chart:hover{transform:translateY(-4px)}}@media (max-width:640px){.charts-row{gap:14px}.premium-chart{padding:16px}.chart-header{gap:8px;margin-bottom:14px;padding-bottom:12px}.chart-title{font-size:13px}.chart-subtitle{font-size:9px}.chart-body{gap:12px}.chart-body,.chart-container{min-height:200px}.chart-action-btn{font-size:13px;height:30px;width:30px}}@media (max-width:480px){.charts-row{gap:12px}.premium-chart{padding:14px}.chart-header{gap:6px;margin-bottom:12px;padding-bottom:10px}.chart-title{font-size:12px}.chart-subtitle{font-size:8px}.chart-body{gap:10px}.chart-body,.chart-container{min-height:180px}.chart-action-btn{font-size:12px;height:28px;width:28px}.premium-chart:hover{transform:translateY(-2px)}.premium-chart.full-width{grid-column:1}}.chart-legend{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;border-top:1px solid #0000000f;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;position:relative;z-index:2}.legend-item{align-items:center;color:#666;display:flex;font-size:12px;font-weight:600;gap:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.legend-item:hover{color:#2180d5}.legend-dot{border-radius:50%;height:8px;transition:all .3s cubic-bezier(.16,1,.3,1);width:8px}.legend-item:hover .legend-dot{box-shadow:0 0 8px currentColor;transform:scale(1.3)}@media print{.charts-row{gap:12px}.premium-chart{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.premium-chart:hover{box-shadow:none;transform:none}.chart-action-btn{display:none}}@media (prefers-color-scheme:dark){.premium-chart{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}.chart-header{border-bottom-color:#ffffff1a}.chart-title{color:#e0e0e0}.chart-subtitle{color:#a0a0a0}.chart-action-btn{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff1a;color:#a0a0a0}.chart-action-btn:hover{background:linear-gradient(135deg,#21a0d533,#2db89f26);border-color:#50b8d6;color:#50b8d6}.legend-item{color:#a0a0a0}.legend-item:hover{color:#50b8d6}}[data-color-scheme=dark] .premium-chart{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}[data-color-scheme=dark] .chart-header{border-bottom-color:#ffffff1a}[data-color-scheme=dark] .chart-title{color:#e0e0e0}[data-color-scheme=dark] .chart-subtitle{color:#a0a0a0}[data-color-scheme=dark] .chart-action-btn{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff1a;color:#a0a0a0}[data-color-scheme=dark] .chart-action-btn:hover{background:linear-gradient(135deg,#21a0d533,#2db89f26);border-color:#50b8d6;color:#50b8d6}[data-color-scheme=dark] .legend-item{color:#a0a0a0}[data-color-scheme=dark] .legend-item:hover{color:#50b8d6}.permit-alerts-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;grid-column:span 1}.permit-alerts-header{align-items:center;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .55s both;border-bottom:1.5px solid #00000014;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.permit-total-badge{animation:badgePop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:20px;box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #fff3;color:#fff;font-size:12px;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:8px 20px;position:relative;text-transform:uppercase}.permit-total-badge:before{animation:floatBadge 4s ease-in-out infinite;background:radial-gradient(circle,#fff3,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:-50%;top:-50%;width:100px}@keyframes floatBadge{0%,to{transform:translate(0)}50%{transform:translate(-10px,10px)}}.permit-alerts-summary{grid-gap:16px;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#21a0d514,#2db89f0f);border:1px solid #21a0d51a;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-bottom:24px;padding:20px;width:100%}.permit-summary-badge{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .55s both;animation:slideUp .6s calc(.55s + var(--badge-delay, 0s)) both cubic-bezier(.16,1,.3,1);border-radius:12px;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:800;justify-content:center;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.permit-summary-badge:first-child{--badge-delay:0s}.permit-summary-badge:nth-child(2){--badge-delay:0.05s}.permit-summary-badge:nth-child(3){--badge-delay:0.1s}.permit-summary-badge:nth-child(4){--badge-delay:0.15s}.permit-summary-badge:nth-child(5){--badge-delay:0.2s}.permit-summary-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.permit-summary-badge:hover{box-shadow:0 8px 24px #00000026,inset 0 1px 0 #ffffff4d;transform:scale(1.12) translateY(-4px)}.permit-summary-badge:hover:before{left:100%}.permit-summary-badge:active{transform:scale(1.05) translateY(-2px)}.permit-summary-badge.rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.permit-summary-badge.expired{background:linear-gradient(135deg,#ef4444,#f59e0b)}.permit-summary-badge.expiring-soon{background:linear-gradient(135deg,#f59e0b,#d97706)}.permit-summary-badge.delayed{background:linear-gradient(135deg,#f59e0b,#2180d5)}.permit-summary-badge.pending{background:linear-gradient(135deg,#2180d5,#6b7280)}.badge-number{animation:countUp .8s cubic-bezier(.16,1,.3,1) .6s both;display:block;font-size:28px;font-weight:800;letter-spacing:-.01em}.badge-label{font-size:10px;font-weight:700;letter-spacing:.4px;margin-top:6px;opacity:.95;text-transform:uppercase}.permit-alerts-table{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;height:220px;overflow-y:auto;padding-right:12px;width:100%}.permit-alerts-table table{border-collapse:collapse;font-size:12px;width:100%}.permit-alerts-table thead{background:linear-gradient(135deg,#21a0d514,#2db89f0f);border:1px solid #21a0d51a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.permit-alerts-table th{border-bottom:1.5px solid #00000014;color:#070707;font-size:11px;font-weight:750;letter-spacing:.3px;padding:14px;text-align:center;text-transform:uppercase}.permit-alerts-table th:first-child{padding-left:16px;text-align:left}.permit-alerts-table tbody tr{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;animation:slideUp .6s calc(.6s + var(--row-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f5f7fa);border-bottom:1px solid #0000000d;transition:all .3s cubic-bezier(.16,1,.3,1)}.permit-alerts-table tbody tr:first-child{--row-delay:0s}.permit-alerts-table tbody tr:nth-child(2){--row-delay:0.02s}.permit-alerts-table tbody tr:nth-child(3){--row-delay:0.04s}.permit-alerts-table tbody tr:nth-child(4){--row-delay:0.06s}.permit-alerts-table tbody tr:hover{background:linear-gradient(135deg,#21a0d51a,#2db89f14);box-shadow:inset 0 0 12px #21a0d51f;transform:translateX(4px)}.permit-alerts-table tbody tr:last-child{border-bottom:none}.district-name{color:#070707;font-weight:700;letter-spacing:-.01em;padding:14px 16px}.count-cell{border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:12px;font-weight:800;margin:4px auto;min-width:48px;overflow:hidden;padding:10px 12px;position:relative;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.count-cell:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.16,1,.3,1);width:100%}.count-cell:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.count-cell:hover:before{left:100%}.count-cell:active{transform:scale(.98)}.rejected-count{background:linear-gradient(135deg,#ef4444,#dc2626)}.expired-count{background:linear-gradient(135deg,#ef4444,#f59e0b)}.expiring-count{background:linear-gradient(135deg,#f59e0b,#d97706)}.delayed-count{background:linear-gradient(135deg,#f59e0b,#2180d5)}.pending-count{background:linear-gradient(135deg,#2180d5,#6b7280)}.permit-alerts-empty{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#999;padding:40px 32px;text-align:center;width:100%}.permit-alerts-empty .empty-icon{animation:float 3s ease-in-out infinite;display:block;font-size:48px;margin-bottom:16px;opacity:.4}.permit-alerts-empty p{color:#666;font-size:13px;font-weight:600;margin:0}.permit-alerts-table::-webkit-scrollbar{width:6px}.permit-alerts-table::-webkit-scrollbar-track{background:#0000000a;border-radius:3px}.permit-alerts-table::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#21a0d580,#2db89f80);border-radius:3px;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.permit-alerts-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21a0d5cc,#2db89fcc)}@media (max-width:1024px){.permit-alerts-summary{gap:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:18px}.permit-summary-badge{padding:16px}.badge-number{font-size:24px}.badge-label{font-size:9px}.permit-alerts-table{height:200px}.district-name,.permit-alerts-table th{font-size:11px;padding:12px}.count-cell{font-size:11px;padding:8px 10px}}@media (max-width:768px){.permit-alerts-header{margin-bottom:20px;padding-bottom:16px}.permit-alerts-summary{gap:10px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin-bottom:20px;padding:16px}.permit-summary-badge{padding:14px}.badge-number{font-size:20px}.badge-label{font-size:8px}.permit-alerts-table{height:180px}.district-name,.permit-alerts-table th{font-size:10px;padding:10px}.count-cell{font-size:10px;padding:7px 9px}.permit-total-badge{font-size:11px;padding:6px 14px}}@media (max-width:640px){.permit-alerts-card{grid-column:span 1}.permit-alerts-summary{gap:10px;grid-template-columns:repeat(2,1fr);padding:14px}.permit-summary-badge{padding:12px}.badge-number{font-size:18px}.badge-label{font-size:7px;margin-top:4px}.permit-alerts-table{height:160px}.district-name,.permit-alerts-table th{font-size:9px;padding:8px}.count-cell{font-size:9px;min-width:40px;padding:6px 8px}}@media (max-width:480px){.permit-alerts-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:12px}.permit-alerts-summary{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;padding:12px}.permit-summary-badge{padding:10px}.badge-number{font-size:16px}.badge-label{font-size:7px}.permit-alerts-table{height:140px}.district-name,.permit-alerts-table th{font-size:8px;padding:6px}.count-cell{font-size:8px;min-width:35px;padding:5px 6px}.permit-total-badge{font-size:9px;padding:5px 10px}.permit-alerts-empty{padding:24px 16px}.permit-alerts-empty .empty-icon{font-size:36px;margin-bottom:12px}.permit-alerts-empty p{font-size:11px}}@media print{.permit-alerts-card{page-break-inside:avoid}.count-cell:hover,.permit-summary-badge:hover{transform:none}}@media (prefers-color-scheme:dark){.permit-alerts-summary{background:linear-gradient(135deg,#21a0d526,#2db89f1f);border-color:#21a0d533}.permit-alerts-table tbody tr{background:linear-gradient(135deg,#1f2937,#111827)}.permit-alerts-table tbody tr:hover{background:linear-gradient(135deg,#21a0d533,#2db89f26)}.permit-alerts-table thead{background:linear-gradient(135deg,#21a0d526,#2db89f1f)}.permit-alerts-table th{border-bottom-color:#ffffff1a;color:#e0e0e0}.district-name{color:#e0e0e0}.permit-alerts-empty{color:#a0a0a0}.permit-alerts-empty p{color:#888}}[data-color-scheme=dark] .permit-alerts-summary{background:linear-gradient(135deg,#21a0d526,#2db89f1f);border-color:#21a0d533}[data-color-scheme=dark] .permit-alerts-table tbody tr{background:linear-gradient(135deg,#1f2937,#111827)}[data-color-scheme=dark] .permit-alerts-table tbody tr:hover{background:linear-gradient(135deg,#21a0d533,#2db89f26)}[data-color-scheme=dark] .permit-alerts-table thead{background:linear-gradient(135deg,#21a0d526,#2db89f1f)}[data-color-scheme=dark] .permit-alerts-table th{border-bottom-color:#ffffff1a;color:#e0e0e0}[data-color-scheme=dark] .district-name{color:#e0e0e0}[data-color-scheme=dark] .permit-alerts-empty{color:#a0a0a0}[data-color-scheme=dark] .permit-alerts-empty p{color:#888}.po-alerts-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;grid-column:span 1}.po-alerts-card.full-width{grid-column:1/-1}.po-alerts-header{align-items:center;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .55s both;border-bottom:2px solid #2180d5;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.po-alerts-header .chart-title{color:#070707;flex:1 1;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0}.po-total-badge{align-items:center;animation:badgePop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:.3px;overflow:hidden;padding:8px 20px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.po-total-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.po-total-badge:hover{box-shadow:0 6px 16px #f59e0b66,inset 0 1px 0 #ffffff4d;transform:scale(1.08) translateY(-2px)}.po-total-badge:hover:before{left:100%}.po-alerts-container{grid-gap:24px;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:420px;overflow-y:auto;padding-right:12px;width:100%}.po-alert-item{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .55s both;animation:slideUp .6s calc(.55s + var(--item-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.po-alert-item:first-child{--item-delay:0s}.po-alert-item:nth-child(2){--item-delay:0.05s}.po-alert-item:nth-child(3){--item-delay:0.1s}.po-alert-item:nth-child(4){--item-delay:0.15s}.po-alert-item:nth-child(5){--item-delay:0.2s}.po-alert-item:nth-child(6){--item-delay:0.25s}.po-alert-item:before{background:linear-gradient(90deg,#0000,currentColor,#0000);height:2px}.po-alert-item:after,.po-alert-item:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.po-alert-item:after{background:radial-gradient(circle at 100% 0,#ffffff4d,#0000 60%);border-radius:12px;bottom:0;pointer-events:none}.po-alert-item:hover{box-shadow:0 12px 32px #0000001f,inset 0 1px 0 #ffffffe6;transform:translateY(-6px) translateX(4px)}.po-alert-item:hover:before{opacity:.6}.po-alert-item:hover:after{opacity:1}.po-alert-item:active{transform:translateY(-2px) translateX(2px)}.po-alert-item.po-critical{background:linear-gradient(135deg,#ef444414,#ff54590a);border-left-color:#ef4444}.po-alert-item.po-critical:hover{background:linear-gradient(135deg,#ef44441f,#ff545914);border-left-color:#dc2626;box-shadow:0 12px 32px #ef444426,inset 0 1px 0 #ffffffe6,0 0 0 3px #ef444426}.po-alert-item.po-urgent{background:linear-gradient(135deg,#f59e0b14,#e681610a);border-left-color:#f59e0b}.po-alert-item.po-urgent:hover{background:linear-gradient(135deg,#f59e0b1f,#e6816114);border-left-color:#d97706;box-shadow:0 12px 32px #f59e0b26,inset 0 1px 0 #ffffffe6,0 0 0 3px #f59e0b26}.po-alert-item.po-warning{background:linear-gradient(135deg,#d9770614,#f59e0b0a);border-left-color:#d97706}.po-alert-item.po-warning:hover{background:linear-gradient(135deg,#d977061f,#f59e0b14);box-shadow:0 12px 32px #d9770626,inset 0 1px 0 #ffffffe6}.po-alert-item.po-info{background:linear-gradient(135deg,#21a0d514,#2db8c60a);border-left-color:#2180d5}.po-alert-item.po-info:hover{background:linear-gradient(135deg,#21a0d51f,#2db8c614);box-shadow:0 12px 32px #21a0d526,inset 0 1px 0 #ffffffe6}.po-alert-header{align-items:flex-start;border-bottom:1px solid #0000000f;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;position:relative;z-index:2}.po-number{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .6s both;color:#070707;flex:1 1;font-size:16px;font-weight:800;letter-spacing:-.01em;min-width:0}.po-number strong{color:#666;display:block;font-size:12px;font-weight:700;margin-top:4px;opacity:.8;word-break:break-word}.po-days-badge{align-items:center;animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .6s both;border-radius:18px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:800;gap:4px;letter-spacing:.3px;overflow:hidden;padding:7px 14px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.po-days-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.16,1,.3,1);width:100%}.po-days-badge:hover{transform:scale(1.1)}.po-alert-item:hover .po-days-badge:hover:before{left:100%}.po-days-badge.critical{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #fff3}.po-days-badge.urgent{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d,inset 0 1px 0 #fff3}.po-days-badge.warning{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 12px #d977064d,inset 0 1px 0 #fff3}.po-days-badge.info{background:linear-gradient(135deg,#2180d5,#2db89f);box-shadow:0 4px 12px #21a0d54d,inset 0 1px 0 #fff3}.po-alert-details{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .65s both;display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.po-detail-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;min-height:24px}.po-label{color:#888;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.3px;min-width:80px;text-transform:uppercase}.po-value{color:#070707;flex:1 1;font-size:13px;font-weight:800;letter-spacing:-.01em;text-align:right;word-break:break-word}.po-alert-footer{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .7s both;border-top:1px solid #0000000f;display:flex;justify-content:space-between;margin-top:8px;padding-top:16px;position:relative;z-index:2}.po-status-indicator{align-items:center;color:#666;display:flex;font-size:12px;font-weight:700;gap:6px}.po-status-dot{animation:pulse 2s infinite;border-radius:50%;box-shadow:0 0 8px currentColor;height:8px;width:8px}.po-status-dot.critical{background:#ef4444;color:#ef4444}.po-status-dot.urgent{background:#f59e0b;color:#f59e0b}.po-status-dot.warning{background:#d97706;color:#d97706}.po-status-dot.info{background:#2180d5;color:#2180d5}.po-alerts-empty{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#999;display:flex;flex-direction:column;gap:20px;grid-column:1/-1;padding:48px 32px;text-align:center}.po-alerts-empty .empty-icon{animation:float 3s ease-in-out infinite;font-size:48px;opacity:.4}.po-alerts-empty p{color:#666;font-size:13px;font-weight:600;margin:0}.po-alerts-container::-webkit-scrollbar{width:6px}.po-alerts-container::-webkit-scrollbar-track{background:#0000000a;border-radius:3px}.po-alerts-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#21a0d580,#2db89f80);border-radius:3px;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.po-alerts-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21a0d5cc,#2db89fcc)}@media (max-width:1440px){.po-alerts-container{gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.po-alert-item{padding:20px}.po-number{font-size:15px}}@media (max-width:1024px){.po-alerts-header{gap:16px}.po-alerts-container{gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-height:350px}.po-alert-item{padding:18px}.po-number{font-size:14px}.po-value{font-size:12px}.po-label{font-size:10px}.po-days-badge{font-size:10px;padding:6px 12px}}@media (max-width:768px){.po-alerts-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.po-alerts-header .chart-title{font-size:16px}.po-alerts-container{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:300px}.po-alert-item{gap:12px;padding:16px}.po-alert-header{flex-direction:row;gap:8px;margin-bottom:12px;padding-bottom:12px}.po-number{font-size:13px}.po-days-badge{font-size:9px;padding:5px 10px}.po-value{font-size:11px}.po-label{font-size:9px;min-width:70px}.po-detail-row{gap:8px}.po-alert-footer{margin-top:6px;padding-top:12px}.po-status-indicator{font-size:11px}.po-alert-item:hover{transform:translateY(-4px) translateX(2px)}}@media (max-width:640px){.po-alerts-container{gap:10px;grid-template-columns:1fr;max-height:250px}.po-alert-item{padding:16px}.po-alert-header{align-items:flex-start;border-bottom:1px solid #0000000d;flex-direction:column;gap:8px}.po-number{font-size:12px}.po-days-badge{align-self:flex-start;font-size:9px;padding:5px 10px}.po-detail-row{flex-direction:row;gap:8px}.po-label{font-size:9px;min-width:60px}.po-value{font-size:11px;text-align:left}.po-alert-footer{align-items:flex-start;flex-direction:column;gap:8px}.po-status-indicator{font-size:10px}.po-alert-item:hover{transform:translateY(-2px) translateX(1px)}}@media (max-width:480px){.po-alerts-header{align-items:flex-start;flex-direction:column}.po-alerts-header .chart-title{font-size:14px}.po-alerts-container{gap:8px;grid-template-columns:1fr;max-height:220px;padding-right:8px}.po-alert-item{gap:10px;padding:14px}.po-alert-header{flex-direction:column;gap:6px;margin-bottom:10px;padding-bottom:10px}.po-number{font-size:11px}.po-number strong{font-size:10px;margin-top:2px}.po-days-badge{font-size:8px;padding:4px 8px}.po-alert-details{gap:8px}.po-detail-row{align-items:flex-start;flex-direction:column;gap:4px}.po-label{font-size:8px;min-width:auto}.po-value{font-size:10px;text-align:left}.po-alert-footer{align-items:flex-start;flex-direction:column;gap:6px;padding-top:10px}.po-status-indicator{font-size:9px}.po-alerts-empty{gap:12px;padding:32px 20px}.po-alerts-empty .empty-icon{font-size:36px}.po-alerts-empty p{font-size:11px}}@media print{.po-alerts-container{display:block;max-height:none;overflow:visible}.po-alert-item{break-inside:avoid;margin-bottom:24px;page-break-inside:avoid}.po-alert-item:hover{box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;transform:none}}@media (prefers-color-scheme:dark){.po-alert-item{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}.po-alert-item.po-critical{background:linear-gradient(135deg,#ef444426,#ff545914)}.po-alert-item.po-critical:hover{background:linear-gradient(135deg,#ef444433,#ff54591f)}.po-alert-item.po-urgent{background:linear-gradient(135deg,#f59e0b26,#e6816114)}.po-alert-item.po-urgent:hover{background:linear-gradient(135deg,#f59e0b33,#e681611f)}.po-alert-item.po-warning{background:linear-gradient(135deg,#d9770626,#f59e0b14)}.po-alert-item.po-info{background:linear-gradient(135deg,#21a0d526,#2db8c614)}.po-alert-header{border-bottom-color:#ffffff1a}.po-alert-footer{border-top-color:#ffffff1a}.po-number{color:#e0e0e0}.po-number strong{color:#a0a0a0}.po-label{color:#888}.po-value{color:#e0e0e0}.po-status-indicator{color:#a0a0a0}.po-status-dot.critical{background:#ff6b6b;color:#ff6b6b}.po-status-dot.urgent{background:#fbbf24;color:#fbbf24}.po-status-dot.warning{background:#f59e0b;color:#f59e0b}.po-status-dot.info{background:#50b8d6;color:#50b8d6}.po-alerts-empty{color:#a0a0a0}.po-alerts-empty p{color:#888}}[data-color-scheme=dark] .po-alert-item{background:linear-gradient(135deg,#1f2937,#111827);border-color:#ffffff1a}[data-color-scheme=dark] .po-alert-item.po-critical{background:linear-gradient(135deg,#ef444426,#ff545914)}[data-color-scheme=dark] .po-alert-item.po-urgent{background:linear-gradient(135deg,#f59e0b26,#e6816114)}[data-color-scheme=dark] .po-alert-item.po-warning{background:linear-gradient(135deg,#d9770626,#f59e0b14)}[data-color-scheme=dark] .po-alert-item.po-info{background:linear-gradient(135deg,#21a0d526,#2db8c614)}[data-color-scheme=dark] .po-number,[data-color-scheme=dark] .po-value{color:#e0e0e0}[data-color-scheme=dark] .po-label{color:#888}.section-3{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;margin-bottom:32px;width:100%}.section-3 .section-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0;padding:0;width:100%}.section-3 .section-grid.three-columns{grid-template-columns:repeat(3,1fr)!important}.premium-widget-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;animation:slideUp .6s calc(.5s + var(--widget-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid #00000014;border-radius:14px;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-height:520px;min-height:420px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.premium-widget-card:first-child{--widget-delay:0s}.premium-widget-card:nth-child(2){--widget-delay:0.05s}.premium-widget-card:nth-child(3){--widget-delay:0.1s}.premium-widget-card:before{background:radial-gradient(circle at 100% 0,#ffffff4d,#0000 60%);border-radius:14px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.premium-widget-card:hover{box-shadow:0 12px 32px #0000001f,inset 0 1px 0 #ffffffe6;transform:translateY(-8px)}.premium-widget-card:hover:before{opacity:1}.new-scopes-card{grid-column:span 1}.new-scopes-card:hover{border-color:#2180d5}.new-scopes-header{align-items:center;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .55s both;border-bottom:2px solid #2180d5;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;position:relative;width:100%;z-index:2}.new-scopes-header .chart-title{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .6s both;color:#070707;flex:1 1;font-size:16px;font-weight:800;letter-spacing:-.01em;margin:0}.scopes-total-badge{animation:badgePop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:20px;box-shadow:0 4px 12px #21a0d54d,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;font-size:12px;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:7px 16px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.scopes-total-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.scopes-total-badge:hover{box-shadow:0 6px 16px #21a0d566,inset 0 1px 0 #ffffff4d;transform:scale(1.08)}.scopes-total-badge:hover:before{left:100%}.new-scopes-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px;position:relative;z-index:2}.scope-item{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;animation:slideUp .6s calc(.6s + var(--item-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#21a0d514,#2db8c60a);border:1px solid #21a0d51a;border-radius:11px;box-shadow:0 2px 6px #0000000a;display:flex;gap:8px;justify-content:space-between;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.scope-item:first-child{--item-delay:0s}.scope-item:nth-child(2){--item-delay:0.05s}.scope-item:nth-child(3){--item-delay:0.1s}.scope-item:nth-child(4){--item-delay:0.15s}.scope-item:hover{background:linear-gradient(135deg,#21a0d51f,#2db8c614);border-left-color:#2db89f;box-shadow:0 6px 16px #21a0d526,inset 0 1px 0 #ffffff80;transform:translateX(6px)}.scope-district{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.scope-icon{color:#2180d5;flex-shrink:0;font-size:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.scope-item:hover .scope-icon{transform:scale(1.2) rotate(10deg)}.scope-name{color:#070707;font-size:12px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-counts{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.scope-badge{border-radius:16px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.2px;overflow:hidden;padding:4px 10px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.scope-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.16,1,.3,1);width:100%}.scope-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.scope-badge:hover:before{left:100%}.scope-badge.this-week{background:linear-gradient(135deg,#10b981,#059669)}.scope-badge.last-week{background:linear-gradient(135deg,#f59e0b,#d97706)}.scope-total{background:#21a0d51f;border:1px solid #21a0d533;border-radius:16px;color:#2180d5;font-size:12px;font-weight:800;letter-spacing:.2px;padding:4px 8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.scope-item:hover .scope-total{background:#21a0d533;box-shadow:0 2px 6px #21a0d533}.scopes-empty{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#999;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px 24px;text-align:center}.scopes-empty .empty-icon{animation:float 3s ease-in-out infinite;font-size:45px;opacity:.3}.scopes-empty p{color:#666;font-size:12px;font-weight:600;margin:0}.recent-invoiced-card{grid-column:span 1}.recent-invoiced-card:hover{border-color:#10b981}.invoiced-header{align-items:center;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .55s both;border-bottom:2px solid #10b981;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;position:relative;width:100%;z-index:2}.invoiced-header .chart-title{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .6s both;color:#070707;flex:1 1;font-size:16px;font-weight:800;letter-spacing:-.01em;margin:0}.invoiced-total-badge{animation:badgePop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 12px #10b9814d,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;font-size:12px;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:7px 16px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.invoiced-total-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.invoiced-total-badge:hover{box-shadow:0 6px 16px #10b98166,inset 0 1px 0 #ffffff4d;transform:scale(1.08)}.invoiced-total-badge:hover:before{left:100%}.invoiced-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px;position:relative;z-index:2}.invoiced-item{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;animation:slideUp .6s calc(.6s + var(--invoice-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#10b98114,#0596690a);border:1px solid #10b9811a;border-radius:11px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;gap:10px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.invoiced-item:first-child{--invoice-delay:0s}.invoiced-item:nth-child(2){--invoice-delay:0.05s}.invoiced-item:nth-child(3){--invoice-delay:0.1s}.invoiced-item:nth-child(4){--invoice-delay:0.15s}.invoiced-item:hover{background:linear-gradient(135deg,#10b9811f,#05966914);border-left-color:#059669;box-shadow:0 6px 16px #10b98126,inset 0 1px 0 #ffffff80;transform:translateX(6px)}.invoiced-district{align-items:center;display:flex;gap:10px;margin-bottom:6px}.invoiced-icon{color:#10b981;flex-shrink:0;font-size:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.invoiced-item:hover .invoiced-icon{transform:scale(1.2) rotate(10deg)}.invoiced-name{color:#070707;font-size:12px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoiced-counts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.invoiced-badge{border-radius:16px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.2px;overflow:hidden;padding:4px 10px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.invoiced-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.16,1,.3,1);width:100%}.invoiced-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.invoiced-badge:hover:before{left:100%}.invoiced-badge.this-week{background:linear-gradient(135deg,#10b981,#059669)}.invoiced-badge.weeks-12{background:linear-gradient(135deg,#2180d5,#2db89f)}.invoiced-summary{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .7s both;border-top:1px solid #10b98126;display:flex;gap:8px;justify-content:space-between;padding-top:10px}.invoiced-total{color:#666;font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.invoiced-cost{color:#10b981;font-size:12px;font-weight:800;letter-spacing:-.01em;text-align:right}.invoiced-empty{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#999;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px 24px;text-align:center}.invoiced-empty .empty-icon{animation:float 3s ease-in-out infinite;font-size:45px;opacity:.3}.invoiced-empty p{color:#666;font-size:12px;font-weight:600;margin:0}.target-alerts-card{grid-column:span 1}.target-alerts-card:hover{border-color:#ef4444}.alerts-header{align-items:center;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .55s both;border-bottom:2px solid #ef4444;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;position:relative;width:100%;z-index:2}.alerts-header .chart-title{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .6s both;color:#070707;flex:1 1;font-size:16px;font-weight:800;letter-spacing:-.01em;margin:0}.alerts-total-badge{animation:badgePop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 4px 12px #ef44444d,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;font-size:12px;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:7px 16px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.alerts-total-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.alerts-total-badge:hover{box-shadow:0 6px 16px #ef444466,inset 0 1px 0 #ffffff4d;transform:scale(1.08)}.alerts-total-badge:hover:before{left:100%}.alerts-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px;position:relative;z-index:2}.alert-item{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;animation:slideUp .6s calc(.6s + var(--alert-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#ef444414,#dc26260a);border:1px solid #ef44441a;border-radius:11px;box-shadow:0 2px 6px #0000000a;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.alert-item:first-child{--alert-delay:0s}.alert-item:nth-child(2){--alert-delay:0.05s}.alert-item:nth-child(3){--alert-delay:0.1s}.alert-item:nth-child(4){--alert-delay:0.15s}.alert-item:hover{background:linear-gradient(135deg,#ef44441f,#dc262614);border-left-color:#dc2626;box-shadow:0 6px 16px #ef444426,inset 0 1px 0 #ffffff80;transform:translateX(6px)}.alert-district{align-items:center;display:flex;gap:10px;margin-bottom:6px}.alert-icon{color:#ef4444;font-size:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.alert-item:hover .alert-icon{transform:scale(1.2) rotate(-10deg)}.alert-name{color:#070707;font-size:12px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-details{grid-gap:10px;background:linear-gradient(135deg,#ef44440d,#dc262608);border:1px solid #ef44441a;border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:10px}.alert-count,.alert-days{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.count-number,.days-number{color:#ef4444;font-size:16px;font-weight:800;letter-spacing:-.01em}.count-label,.days-label{color:#666;font-size:10px;font-weight:700;letter-spacing:.2px;text-align:center;text-transform:uppercase}.alert-cost{border-top:1px solid #ef444433;color:#ef4444;font-size:12px;font-weight:800;letter-spacing:-.01em;padding-top:10px;text-align:center}.alerts-empty{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#999;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px 24px;text-align:center}.alerts-empty .empty-icon{animation:float 3s ease-in-out infinite;font-size:45px;opacity:.3}.alerts-empty p{color:#666;font-size:12px;font-weight:600;margin:0}.alerts-container::-webkit-scrollbar,.invoiced-container::-webkit-scrollbar,.new-scopes-container::-webkit-scrollbar{width:6px}.alerts-container::-webkit-scrollbar-track,.invoiced-container::-webkit-scrollbar-track,.new-scopes-container::-webkit-scrollbar-track{background:#0000000a;border-radius:3px}.alerts-container::-webkit-scrollbar-thumb,.invoiced-container::-webkit-scrollbar-thumb,.new-scopes-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#21a0d580,#2db89f80);border-radius:3px;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.alerts-container::-webkit-scrollbar-thumb:hover,.invoiced-container::-webkit-scrollbar-thumb:hover,.new-scopes-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21a0d5cc,#2db89fcc)}@media (max-width:1200px){.section-3 .section-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.premium-widget-card{max-height:480px;min-height:380px;padding:24px}.alerts-header,.invoiced-header,.new-scopes-header{margin-bottom:16px;padding-bottom:14px}}@media (max-width:768px){.section-3 .section-grid{gap:14px;grid-template-columns:1fr}.premium-widget-card{max-height:420px;min-height:320px;padding:18px}.alerts-header,.invoiced-header,.new-scopes-header{margin-bottom:14px;padding-bottom:12px}.alerts-header .chart-title,.invoiced-header .chart-title,.new-scopes-header .chart-title{font-size:15px}.alert-item,.invoiced-item,.scope-item{padding:12px}.alerts-container,.invoiced-container,.new-scopes-container{gap:10px;max-height:250px}.invoiced-badge,.scope-badge{font-size:9px;padding:3px 8px}.alerts-total-badge,.invoiced-total-badge,.scopes-total-badge{font-size:11px;padding:6px 12px}.alert-details{gap:8px;padding:8px}.count-number,.days-number{font-size:14px}.count-label,.days-label{font-size:9px}}@media (max-width:480px){.section-3 .section-grid{gap:12px;grid-template-columns:1fr}.premium-widget-card{max-height:380px;min-height:280px;padding:14px}.alerts-header,.invoiced-header,.new-scopes-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:10px}.alerts-header .chart-title,.invoiced-header .chart-title,.new-scopes-header .chart-title{font-size:14px}.alerts-total-badge,.invoiced-total-badge,.scopes-total-badge{font-size:10px;padding:5px 10px}.alert-item,.invoiced-item,.scope-item{align-items:flex-start;flex-direction:column;padding:10px}.scope-counts{justify-content:flex-start;width:100%}.invoiced-summary{align-items:flex-start;flex-direction:column;gap:6px;padding-top:8px}.alert-details{gap:8px;grid-template-columns:1fr;padding:8px}.alerts-container,.invoiced-container,.new-scopes-container{gap:8px;max-height:200px}.invoiced-badge,.scope-badge{font-size:8px;padding:3px 8px}.alert-name,.invoiced-name,.scope-name{font-size:11px}.scope-total{padding:3px 6px}.alert-cost,.invoiced-total,.scope-total{font-size:10px}.invoiced-cost{font-size:11px}.count-number,.days-number{font-size:14px}.count-label,.days-label{font-size:8px}.alerts-empty,.invoiced-empty,.scopes-empty{padding:24px 16px}.alerts-empty .empty-icon,.invoiced-empty .empty-icon,.scopes-empty .empty-icon{font-size:36px}}@media print{.alerts-container,.invoiced-container,.new-scopes-container{max-height:none;overflow:visible}.alert-item,.invoiced-item,.scope-item{page-break-inside:avoid}.premium-widget-card:hover{transform:none}}@media (prefers-color-scheme:dark){.invoiced-item,.scope-item{background:linear-gradient(135deg,#21a0d526,#2db8c614);border-color:#21a0d533}.alert-item{background:linear-gradient(135deg,#ef444426,#dc262614);border-color:#ef444433}.alert-details{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef444426}.alert-name,.invoiced-name,.scope-name{color:#e0e0e0}.count-label,.days-label{color:#a0a0a0}.alert-cost,.alerts-empty p,.invoiced-empty p,.invoiced-total,.scopes-empty p{color:#888}}[data-color-scheme=dark] .invoiced-item,[data-color-scheme=dark] .scope-item{background:linear-gradient(135deg,#21a0d526,#2db8c614);border-color:#21a0d533}[data-color-scheme=dark] .alert-item{background:linear-gradient(135deg,#ef444426,#dc262614);border-color:#ef444433}.managers-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#fff,#f8f9fa);border:1.5px solid #00000014;border-radius:14px;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;display:flex;flex-direction:column;grid-column:span 1;max-height:900px;min-height:700px;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.managers-card:before{background:radial-gradient(circle at 100% 0,#ffffff4d,#0000 60%);border-radius:14px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.managers-card:hover{border-color:#2180d5;box-shadow:0 12px 32px #21a0d526,inset 0 1px 0 #ffffffe6;transform:translateY(-6px)}.managers-card:hover:before{opacity:1}.managers-header{align-items:center;animation:slideDown .6s cubic-bezier(.16,1,.3,1) .55s both;border-bottom:2px solid #2180d5;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;position:relative;width:100%;z-index:2}.managers-header .chart-title{align-items:center;animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .6s both;color:#070707;display:flex;flex:1 1;font-size:18px;font-weight:800;gap:10px;letter-spacing:-.01em;line-height:1.3;margin:0}.managers-total-badge{animation:badgePop .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:20px;box-shadow:0 4px 12px #21a0d54d,inset 0 1px 0 #fff3;color:#fff;flex-shrink:0;font-size:12px;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}@keyframes badgePop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.managers-total-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.managers-total-badge:hover{box-shadow:0 6px 16px #21a0d566,inset 0 1px 0 #ffffff4d;transform:scale(1.08)}.managers-total-badge:hover:before{left:100%}.managers-list-compact{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:8px;position:relative;z-index:2}.manager-item-compact{grid-gap:12px;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;animation:slideUp .6s calc(.6s + var(--manager-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f5f7fa);border:1px solid #0000000f;border-left:4px solid #2180d5;border-radius:12px;box-shadow:0 2px 6px #0000000a;cursor:pointer;display:grid;flex-shrink:0;gap:12px;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:120px;overflow:visible;padding:16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.manager-item-compact:first-child{--manager-delay:0s}.manager-item-compact:nth-child(2){--manager-delay:0.05s}.manager-item-compact:nth-child(3){--manager-delay:0.1s}.manager-item-compact:nth-child(4){--manager-delay:0.15s}.manager-item-compact:nth-child(5){--manager-delay:0.2s}.manager-item-compact:before{background:linear-gradient(90deg,#0000,#2180d5,#0000);height:2px;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.manager-item-compact:after,.manager-item-compact:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0}.manager-item-compact:after{background:radial-gradient(circle at 100% 0,#21a0d50d,#0000 60%);border-radius:12px;bottom:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.manager-item-compact:hover{background:linear-gradient(135deg,#21a0d514,#2db8c60a);border-color:#2180d5 #2180d5 #2180d5 #2db89f;box-shadow:0 8px 20px #21a0d51f,inset 0 1px 0 #fff9;transform:translateY(-4px) translateX(4px)}.manager-item-compact:hover:before{opacity:.6}.manager-item-compact:hover:after{opacity:1}.manager-item-compact:active{transform:translateY(-2px) translateX(2px)}.manager-name-compact{align-items:center;animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .65s both;border-bottom:1px solid #0000000f;color:#070707;display:flex;font-size:16px;font-weight:800;gap:12px;grid-column:1;grid-row:1;letter-spacing:-.01em;min-height:32px;padding-bottom:12px;position:relative;z-index:1}.manager-icon-compact{align-items:center;background:linear-gradient(135deg,#21a0d51f,#2db8c614);border-radius:10px;color:#2180d5;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);width:40px}.manager-item-compact:hover .manager-icon-compact{background:linear-gradient(135deg,#21a0d533,#2db8c626);box-shadow:0 4px 12px #21a0d533;transform:scale(1.15) rotate(12deg)}.manager-stats-compact{align-items:flex-start;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .7s both;display:flex;flex-wrap:wrap;gap:8px;grid-column:1;grid-row:2;min-height:40px;position:relative;z-index:1}.stat-badge{border-radius:18px;box-shadow:0 2px 6px #0000001a;color:#fff;display:inline-block;flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.2px;overflow:hidden;padding:6px 12px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.stat-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s cubic-bezier(.16,1,.3,1);width:100%}.stat-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.stat-badge:hover:before{left:100%}.stat-badge.started{background:linear-gradient(135deg,#2180d5,#2db89f)}.stat-badge.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-badge.patted{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-badge.invoiced{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.manager-cost-compact{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .75s both;border-top:1px solid #0000000f;color:#10b981;display:flex;font-size:15px;font-weight:800;gap:8px;grid-column:1;grid-row:3;justify-content:flex-end;letter-spacing:-.01em;min-height:28px;padding-top:12px;position:relative;text-align:right;z-index:1}.manager-cost-compact:before{animation:swing 2s ease-in-out infinite;content:"💰";font-size:16px}@keyframes swing{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.manager-item-compact:hover .manager-cost-compact:before{animation:swing 1s ease-in-out infinite}.managers-empty{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;color:#999;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:48px 32px;position:relative;text-align:center;z-index:2}.managers-empty .empty-icon{animation:float 3s ease-in-out infinite;font-size:48px;opacity:.3}.managers-empty p{color:#666;font-size:13px;font-weight:600;margin:0}.managers-list-compact::-webkit-scrollbar{width:6px}.managers-list-compact::-webkit-scrollbar-track{background:#0000000a;border-radius:3px}.managers-list-compact::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#21a0d580,#2db89f80);border-radius:3px;-webkit-transition:all .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.16,1,.3,1)}.managers-list-compact::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21a0d5cc,#2db89fcc)}@media (max-width:1440px){.managers-card{max-height:800px;min-height:600px;padding:24px}.manager-item-compact{min-height:110px}.managers-header .chart-title{font-size:16px}.manager-name-compact{font-size:15px}}@media (max-width:1024px){.managers-card{max-height:750px;min-height:550px;padding:20px}.managers-header .chart-title{font-size:15px}.managers-total-badge{font-size:11px;padding:6px 12px}.manager-item-compact{gap:10px;min-height:100px;padding:14px}.manager-name-compact{font-size:14px;gap:10px;padding-bottom:10px}.manager-icon-compact{font-size:20px;height:36px;width:36px}.stat-badge{font-size:9px;padding:5px 10px}.manager-cost-compact{font-size:14px;padding-top:10px}.manager-cost-compact:before{font-size:14px}.managers-list-compact{gap:10px;padding-right:6px}}@media (max-width:768px){.managers-card{max-height:600px;min-height:450px;padding:16px}.managers-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:12px}.managers-header .chart-title{font-size:14px;justify-content:center;text-align:center}.managers-total-badge{align-self:center;font-size:10px;padding:5px 10px}.manager-item-compact{gap:8px;min-height:90px;padding:12px}.manager-name-compact{font-size:13px;gap:8px;padding-bottom:8px}.manager-icon-compact{font-size:18px;height:32px;width:32px}.manager-stats-compact{gap:6px;min-height:32px}.stat-badge{font-size:8px;padding:4px 8px}.manager-cost-compact{font-size:13px;gap:6px;padding-top:8px}.manager-cost-compact:before{font-size:13px}.managers-list-compact{gap:8px}.managers-empty{padding:32px 20px}.managers-empty .empty-icon{font-size:40px}.managers-empty p{font-size:12px}}@media (max-width:480px){.managers-card{grid-column:span 1;max-height:500px;min-height:400px;padding:12px}.managers-header{gap:8px;margin-bottom:12px;padding-bottom:10px}.managers-header .chart-title{font-size:12px;text-align:center}.managers-total-badge{font-size:9px;padding:4px 8px}.managers-list-compact{gap:8px;padding-right:6px}.manager-item-compact{gap:6px;min-height:80px;padding:10px}.manager-name-compact{font-size:11px;gap:6px;min-height:22px;padding-bottom:6px}.manager-icon-compact{font-size:16px;height:28px;width:28px}.manager-stats-compact{gap:4px;min-height:28px}.stat-badge{font-size:7px;letter-spacing:0;padding:3px 6px}.manager-cost-compact{font-size:12px;gap:4px;min-height:20px;padding-top:6px}.manager-cost-compact:before{font-size:12px}.managers-empty{gap:12px;padding:24px 16px}.managers-empty .empty-icon{font-size:32px}.managers-empty p{font-size:11px}}@media print{.manager-item-compact,.managers-card{page-break-inside:avoid}.managers-list-compact{max-height:none;overflow:visible}.manager-item-compact:hover{transform:none}}:root,[data-theme=light]{--dashboard-bg-primary:#fff;--dashboard-bg-secondary:#f8fafc;--dashboard-bg-tertiary:#f1f5f9;--dashboard-text-primary:#1f2937;--dashboard-text-secondary:#6b7280;--dashboard-text-tertiary:#94a3b8;--dashboard-border:#e5e7eb;--dashboard-card-bg:#fff;--dashboard-card-border:#e5e7eb;--dashboard-input-bg:#fff;--dashboard-input-border:#e5e7eb;--dashboard-hover-bg:#f9fafb;--dashboard-active-bg:#f3f4f6;--dashboard-shadow:#0000000d;--dashboard-shadow-md:#00000014;--dashboard-shadow-lg:#0000001f}[data-theme=dark],[data-theme=dark] body,body[data-theme=dark]{--dashboard-bg-primary:#1a1a2e;--dashboard-bg-secondary:#16213e;--dashboard-bg-tertiary:#0f3460;--dashboard-text-primary:#ecf0f1;--dashboard-text-secondary:#bdc3c7;--dashboard-text-tertiary:#95a5a6;--dashboard-border:#2d3748;--dashboard-card-bg:#16213e;--dashboard-card-border:#2d3748;--dashboard-input-bg:#0f3460;--dashboard-input-border:#374151;--dashboard-hover-bg:#2d3748;--dashboard-active-bg:#374151;--dashboard-shadow:#0000004d;--dashboard-shadow-md:#0006;--dashboard-shadow-lg:#00000080}.dashboard-container{background:#fff;background:var(--dashboard-bg-primary);color:#1f2937;color:var(--dashboard-text-primary);margin-left:280px;padding:20px;transition:background .3s ease,color .3s ease}.stat-card{background:var(--dashboard-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dashboard-card-border);border-radius:10px;box-shadow:#0000000d;box-shadow:var(--dashboard-shadow)}.stat-card:hover{border-color:#2180ac;box-shadow:#0000001f;box-shadow:var(--dashboard-shadow-lg)}.stat-card h3{color:#6b7280;color:var(--dashboard-text-secondary);font-weight:600;margin:0 0 10px}.stat-number{color:#2180ac;font-size:32px;font-weight:700;margin:0}.stat-label{color:var(--dashboard-text-secondary);font-size:12px;margin-top:5px}.chart-card{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dashboard-card-border);border-radius:10px;box-shadow:#0000000d;box-shadow:var(--dashboard-shadow);padding:20px;transition:all .3s ease}.chart-card:hover{box-shadow:#00000014;box-shadow:var(--dashboard-shadow-md)}.chart-card h3{color:#1f2937;color:var(--dashboard-text-primary);font-size:16px;font-weight:600;margin:0 0 20px}.table-section{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e5e7eb;border:1px solid var(--dashboard-card-border);border-radius:10px;box-shadow:#0000000d;box-shadow:var(--dashboard-shadow);overflow-x:auto;padding:20px}.table-section h3{color:#1f2937;color:var(--dashboard-text-primary);font-size:16px;margin:0 0 20px}.data-table thead{background:#f9fafb;background:var(--dashboard-hover-bg)}.data-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--dashboard-border)}.data-table td,.data-table th{color:#1f2937;color:var(--dashboard-text-primary)}.data-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--dashboard-border)}.data-table tbody tr:hover{background:#f9fafb;background:var(--dashboard-hover-bg)}.badge{border-radius:20px;padding:4px 12px}.badge-in-progress{background:#f59e0b33;color:#f59e0b}.badge-completed{background:#10b98133;color:#10b981}.badge-pending{background:#ef444433;color:#ef4444}.progress-bar{background:#f9fafb;background:var(--dashboard-hover-bg);border-radius:4px;width:100%}.progress-bar div{background:linear-gradient(90deg,#2180ac,#3b82f6);height:100%;transition:width .3s ease}.action-btn{background:#2180ac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.action-btn:hover{background:#1a6a8f;transform:scale(1.05)}@media (max-width:1024px){.dashboard-container{margin-left:260px;padding:16px}}@media (max-width:768px){.dashboard-container{margin-left:240px;padding:12px}}@media (max-width:480px){.dashboard-container{margin-left:0;padding:10px}}.category-settings-container{background:linear-gradient(135deg,#fffffff2,#ffffffe0);border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 24px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);margin:20px 0;padding:24px}.category-settings-title{border-bottom:2px solid #2196f333;color:#1a1a1a;font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 20px;padding-bottom:12px}.input-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.input-field{background:#fff;border:1px solid #0000001f;border-radius:8px;box-shadow:0 2px 8px #0000000a;color:#1a1a1a;flex:1 1;font-family:inherit;font-family:var(--font-family-base,inherit);font-size:14px;min-width:200px;padding:10px 14px;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-field:hover{border-color:#2196f366;box-shadow:0 4px 12px #2196f31a}.input-field:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f333,0 4px 12px #2196f326;outline:none;transform:translateY(-2px)}.input-field::placeholder{color:#1a1a1a80;font-size:13px}.btn-add{background:linear-gradient(135deg,#2196f3,#21a0d5);border:none;border-radius:8px;box-shadow:0 4px 12px #2196f34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:10px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.btn-add:hover{background:linear-gradient(135deg,#1976d2,#1a8fc0);box-shadow:0 8px 20px #2196f366;transform:translateY(-2px)}.btn-add:active{box-shadow:0 4px 12px #2196f34d;transform:translateY(0)}.btn-add:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-delete{background:#ff6b6b;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-delete:hover{background:#ff5252;box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.btn-delete:active{transform:translateY(0)}.btn-save{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-right:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-save:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}.btn-cancel{background:#999;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-cancel:hover{background:#777;box-shadow:0 4px 12px #9999994d;transform:translateY(-1px)}.btn-cancel:active{transform:translateY(0)}.message{align-items:center;animation:slideDown .3s cubic-bezier(.16,1,.3,1);border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:10px}.error-message{background:#ff6b6b1f;border:1px solid #ff6b6b4d;border-left:4px solid #d32f2f;color:#d32f2f}.error-message:before{color:#d32f2f;content:"✕";font-size:16px;font-weight:700}.success-message{background:#4caf501f;border:1px solid #4caf504d;border-left:4px solid #4caf50;color:#2e7d32}.success-message:before{color:#4caf50;content:"✓";font-size:16px;font-weight:700}.table-wrapper{border:1px solid #00000014;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;overflow:hidden}.category-table{border-collapse:collapse;font-family:inherit;font-family:var(--font-family-base,inherit);font-size:13px;width:100%}.category-table thead{background:linear-gradient(135deg,#f5f5f5,#f8f9fa);border-bottom:2px solid #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.category-table thead th{color:#666;font-size:12px;font-weight:600;letter-spacing:.3px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.category-table thead th:nth-child(3){text-align:center}.table-body-wrapper{max-height:500px;overflow-y:auto;position:relative}.table-body-wrapper::-webkit-scrollbar{width:8px}.table-body-wrapper::-webkit-scrollbar-track{background:#00000005}.table-body-wrapper::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px;-webkit-transition:background .2s;transition:background .2s}.table-body-wrapper::-webkit-scrollbar-thumb:hover{background:#00000026}.category-table tbody tr{background-color:#fff;border-bottom:1px solid #0000000d;cursor:pointer;transition:all .2s ease}.category-table tbody tr:nth-child(2n){background-color:#f8f9fa}.category-table tbody tr:hover{background-color:#f0f7ff;box-shadow:inset 0 0 8px #2196f31a}.category-table tbody tr.editing{background-color:#4caf5014;box-shadow:inset 0 0 12px #4caf5026}.category-table td{color:#1a1a1a;padding:12px 16px;vertical-align:middle}.category-table td:nth-child(3){text-align:center}.no-data{color:#999;padding:40px 20px!important}.edit-input{background:#fff;border:2px solid #2196f3;box-shadow:0 2px 8px #2196f326;color:#1a1a1a;font-family:inherit;font-family:var(--font-family-base,inherit);font-size:13px;padding:8px 10px;transition:all .2s ease}.edit-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #2196f333,0 2px 8px #2196f326}.action-cell{display:flex;gap:6px;justify-content:center;white-space:nowrap}.action-cell button{font-size:11px;padding:5px 10px}.helper-text{background:#2196f314;border-left:3px solid #2196f3;border-radius:8px;color:#2196f3;font-size:12px;font-style:italic;margin-top:16px;padding:12px 16px}@media (max-width:768px){.category-settings-container{margin:16px 0;padding:16px}.category-settings-title{font-size:18px;margin-bottom:16px}.input-group{flex-direction:column;gap:10px}.input-field{min-width:100%}.btn-add{width:100%}.category-table tbody,.category-table thead{font-size:12px}.category-table td,.category-table thead th{padding:10px 12px}.table-body-wrapper{max-height:400px}.action-cell{flex-wrap:wrap}.action-cell button{font-size:10px;padding:4px 8px}}@media (max-width:480px){.category-settings-container{border-radius:8px;padding:12px}.category-settings-title{font-size:16px}.input-group{gap:8px}.category-table{font-size:11px}.category-table td,.category-table thead th{padding:8px}.table-body-wrapper{max-height:300px}.btn-cancel,.btn-delete,.btn-save{font-size:10px;padding:4px 8px}.action-cell{flex-direction:column;gap:4px}.action-cell button{width:100%}.helper-text{font-size:11px;padding:10px 12px}}.btn-add:focus,.btn-cancel:focus,.btn-delete:focus,.btn-save:focus,.edit-input:focus,.input-field:focus{outline:2px solid #2196f3;outline-offset:2px}.category-table tbody tr:focus-within{outline:2px solid #2196f3;outline-offset:-2px}.boq-page{background:#fcfcf9;background:var(--color-background);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);min-height:100vh;padding:20px;padding:var(--space-20);transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard)}.action-bar{align-items:flex-start;gap:var(--space-12);margin-bottom:20px;margin-bottom:var(--space-20)}.btn-calc{border:none;border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 20px;padding:var(--space-10) var(--space-20);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.btn-asphalt{background:#21808d;background:var(--color-primary)}.btn-asphalt:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-concrete{background:#21808d;background:var(--color-success)}.btn-concrete:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-settings{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-settings:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.filter-section{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--space-16);padding:16px;padding:var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.filter-controls{align-items:center;gap:var(--space-12);margin-bottom:12px;margin-bottom:var(--space-12)}.search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-width:250px;padding:10px 12px;padding:var(--space-10) var(--space-12)}.search-input:focus{box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.search-input::placeholder{color:#626c71;color:var(--color-text-secondary);opacity:.7}.multiselect-container{flex:1 1;min-width:300px;position:relative}.multiselect-trigger{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);justify-content:space-between;min-height:42px;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.multiselect-trigger:hover{background:#5e52401f;background:var(--color-secondary)}.multiselect-trigger:focus,.multiselect-trigger:hover{border-color:#21808d;border-color:var(--color-primary)}.multiselect-trigger:focus{outline:2px solid #21808d;outline:var(--focus-outline)}.multiselect-value{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;gap:var(--space-6);overflow:hidden}.placeholder{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);opacity:.7;white-space:nowrap}.selected-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6);max-width:100%}.badge{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);flex-shrink:0;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-4);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.badge,.badge-remove{color:#21808d;color:var(--color-primary)}.badge-remove{font-size:16px;font-size:var(--space-16);margin-left:2px;margin-left:var(--space-2);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.badge-remove:hover{color:#1d7480;color:var(--color-primary-hover)}.dropdown-arrow{color:#626c71;color:var(--color-text-secondary);flex-shrink:0;font-size:11px;font-size:var(--font-size-xs);margin-left:8px;margin-left:var(--space-8);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard)}.dropdown-arrow.open{transform:rotate(180deg)}.multiselect-dropdown{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);left:0;max-height:300px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);top:calc(100% + var(--space-4));transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);z-index:1000}.dropdown-item{align-items:center;color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);gap:10px;gap:var(--space-10);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard);white-space:nowrap}.dropdown-item.selected,.dropdown-item:hover:not(.disabled){background:#5e52401f;background:var(--color-secondary)}.dropdown-item.selected{font-weight:500;font-weight:var(--font-weight-medium)}.dropdown-item.disabled{color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.dropdown-item input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.results-info{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;font-size:14px;font-size:var(--font-size-base);gap:8px;gap:var(--space-8);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.filter-info{color:#21808d;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium)}.file-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);margin-bottom:16px;margin-bottom:var(--space-16)}.btn{border-radius:var(--radius-sm);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);gap:6px;gap:var(--space-6);padding:10px 16px;padding:var(--space-10) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.btn-upload{background:#21808d;background:var(--color-success);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-upload:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn-export{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-export:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn-delete{background:#c0152f;background:var(--color-error);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-delete:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);filter:brightness(.9)}.btn-delete:disabled{background:#626c71;background:var(--color-text-secondary);opacity:.6}.btn-assign{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-assign:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn-assign:disabled{background:#626c71;background:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.btn-clear{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn-clear:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn-secondary{background:#5e52401f;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b}.btn-secondary:hover{background:#5e524033}.btn-primary:hover{background:#1d7480}.message{animation:slideIn .3s cubic-bezier(.16,1,.3,1);animation:slideIn .3s var(--ease-standard);border-radius:6px;border-radius:var(--radius-sm);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);margin-bottom:16px;margin-bottom:var(--space-16);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.message-success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.message-error{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.message-info{background:#626c7126;background:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.section-title{color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:20px;font-size:var(--font-size-2xl);font-weight:550;font-weight:var(--font-weight-semibold);line-height:1.2;line-height:var(--line-height-tight);margin:24px 0 16px;margin:var(--space-24) 0 var(--space-16) 0;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.table-container{border-radius:8px;border-radius:var(--radius-base);max-height:570px;overflow-y:auto}.boq-table{background:#fffffd;background:var(--color-surface);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-width:1200px}.boq-table thead{background:#5e52401f;position:-webkit-sticky;position:sticky;top:0;z-index:10}.boq-table th{border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);padding:12px;padding:var(--space-12);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.boq-table tbody tr{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard)}.boq-table tbody tr.editing{background:#5e52401f;background:var(--color-secondary);border:1px solid #21808d;border:1px solid var(--color-primary)}.boq-table td{color:#13343b;font-size:12px;font-size:var(--font-size-sm);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard);word-break:break-word}.checkbox-col,.ref-col{flex-shrink:0}.ref-col{font-weight:500;font-weight:var(--font-weight-medium);text-align:center;width:60px}.actions-col{flex-shrink:0;width:140px}.no-data{padding:40px!important}.totals-row{background:#21808d1a!important;background:rgba(var(--color-success-rgb),.1)!important;border-top:2px solid #5e524033;border-top:2px solid var(--color-border);font-weight:550;font-weight:var(--font-weight-semibold)}.totals-row:hover{background:#21808d26!important;background:rgba(var(--color-success-rgb),.15)!important}.btn-sm{border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-right:4px;margin-right:var(--space-4);padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.btn-danger:hover,.btn-success:hover{background:#1d7480;background:var(--color-primary-hover)}.btn-danger:hover{filter:brightness(.9)}.edit-input{background:#fffffd;background:var(--color-surface);border:1px solid #21808d;border:1px solid var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--space-4) var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.edit-input:focus{border-color:#1d7480;border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.modal-overlay{animation:fadeIn .3s cubic-bezier(.16,1,.3,1);animation:fadeIn .3s var(--ease-standard);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100vh;width:100vw;z-index:5000}.modal-content,.modal-overlay{transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);animation:slideUp .3s var(--ease-standard);color:#13343b;color:var(--color-text);display:flex;flex-direction:column;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-width:400px;overflow:hidden;padding:24px;padding:var(--space-24)}.modal-content>h2,.modal-content>h3,.modal-content>h4{flex-shrink:0;margin-bottom:16px;margin-bottom:var(--space-16);margin-top:0}.modal-content>:last-child{margin-bottom:0}.modal-close{background:#0000;color:#626c71;color:var(--color-text-secondary);flex-shrink:0;height:32px;height:var(--space-32);line-height:1;position:absolute;right:12px;right:var(--space-12);top:8px;top:var(--space-8);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard);width:32px;width:var(--space-32)}.modal-close:hover{color:#13343b;color:var(--color-text)}.modal-content>div:not(.modal-close):not(.modal-actions){flex:1 1;margin-right:-var(--space-8);overflow-x:hidden;overflow-y:auto;padding-right:8px;padding-right:var(--space-8)}.modal-content>div:not(.modal-close):not(.modal-actions)::-webkit-scrollbar{width:8px}.modal-content>div:not(.modal-close):not(.modal-actions)::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm)}.modal-content>div:not(.modal-close):not(.modal-actions)::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:6px;border-radius:var(--radius-sm)}.modal-content>div:not(.modal-close):not(.modal-actions)::-webkit-scrollbar-thumb:hover{background:#21808d;background:var(--color-primary)}.summary-table{border-collapse:collapse;font-size:12px;font-size:var(--font-size-sm);margin-bottom:16px;margin-bottom:var(--space-16);width:100%}.summary-table thead tr{border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border)}.summary-table th{color:#626c71;color:var(--color-text-secondary);font-weight:550;font-weight:var(--font-weight-semibold);padding:10px 12px;padding:var(--space-10) var(--space-12);text-align:left}.summary-table tbody tr{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard)}.summary-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary)}.summary-table td{color:#13343b;color:var(--color-text);padding:8px 12px;padding:var(--space-8) var(--space-12)}.modal-checkbox-list{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;gap:var(--space-8);max-height:240px;overflow-y:auto;padding:12px;padding:var(--space-12)}.modal-checkbox-list label{align-items:center;cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8);white-space:nowrap}.modal-checkbox-list input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer}.modal-actions{flex-shrink:0;flex-wrap:wrap;gap:var(--space-10)}.modal-actions .btn,.modal-actions .btn-sm{flex:1 1;min-width:100px}.form-input{background:#fffffd;background:var(--color-surface);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;margin-bottom:12px;margin-bottom:var(--space-12);padding:10px 12px;padding:var(--space-10) var(--space-12);width:100%}.form-input:focus{outline:none}.multiselect-dropdown::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:8px;width:8px}.multiselect-dropdown::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm)}.multiselect-dropdown::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:6px;border-radius:var(--radius-sm)}.multiselect-dropdown::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#21808d;background:var(--color-primary)}.icon-btn{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);height:66px;justify-content:center;margin:0 1px 0 0;margin:0 var(--space-1) 0 0;overflow:hidden;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:66px}.icon-btn:active,.icon-btn:focus{outline:none}.icon-btn:active,.icon-btn:focus,.icon-btn:hover{background:#5e524033;background:var(--color-secondary-hover)}.icon-btn:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.icon-btn .btn-label{color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);margin-top:2px;margin-top:var(--space-2);opacity:.88;text-align:center;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.icon-btn input[type=file]{display:none}.icon-btn:disabled{cursor:not-allowed;opacity:.6}.glassy{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#5e52401f;background:var(--color-secondary);border:1.5px solid #5e524033;border:1.5px solid var(--color-border);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}@media (max-width:1000px){.icon-btn{margin-bottom:7px}}@media (max-width:768px){.boq-page{padding:12px;padding:var(--space-12)}.filter-controls{flex-direction:column}.multiselect-container,.search-input{flex:none;min-width:100%}.action-bar{flex-direction:column}.btn,.btn-calc{width:100%}.table-container{max-height:400px}.modal-content{max-height:90vh;max-width:90vw;min-width:90vw}}@media (max-width:480px){.boq-page{padding:8px;padding:var(--space-8)}.section-title{font-size:18px;font-size:var(--font-size-xl);margin:16px 0 12px;margin:var(--space-16) 0 var(--space-12) 0}.filter-section{padding:12px;padding:var(--space-12)}.multiselect-container{min-width:100%}.btn,.btn-calc{font-size:12px;font-size:var(--font-size-sm);padding:12px 16px;padding:var(--space-12) var(--space-16);width:100%}.table-container{max-height:300px}.boq-table{min-width:800px}.modal-content{max-height:95vh;max-width:95vw;min-width:95vw;padding:16px;padding:var(--space-16)}.icon-btn{height:56px;width:56px}.icon-btn .btn-label{font-size:10px}.actions-col{width:100px}.filter-controls{gap:8px;gap:var(--space-8)}.search-input{min-width:100%;padding:8px 10px;padding:var(--space-8) var(--space-10)}.action-bar{margin-bottom:16px;margin-bottom:var(--space-16)}.action-bar,.file-actions{gap:8px;gap:var(--space-8)}.btn-sm{font-size:11px;padding:4px 8px;padding:var(--space-4) var(--space-8)}.message{font-size:12px;font-size:var(--font-size-sm);padding:10px 12px;padding:var(--space-10) var(--space-12)}}.badge,.boq-page,.btn,.btn-calc,.filter-section,.icon-btn,.message,.modal-content,.modal-overlay,.multiselect-trigger,.search-input,.table-container{transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}@media (prefers-contrast:more){.modal-overlay{background:#000c}.btn,.btn-calc,.btn-sm{border:2px solid}}.text-left{text-align:left}.text-right{text-align:right}.gap-12{gap:12px;gap:var(--space-12)}.mb-16{margin-bottom:16px;margin-bottom:var(--space-16)}.mt-16{margin-top:16px;margin-top:var(--space-16)}.hidden{display:none!important}.visible{display:block!important}:root{--shadow-xl:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005;--duration-slow:350ms;--duration-slower:500ms;--ease-ease-in:cubic-bezier(0.4,0,1,1);--ease-ease-out:cubic-bezier(0,0,0.2,1);--ease-ease-in-out:cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-card-border:rgba(var(--color-gray-400-rgb),0.2)}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.user-control-container{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);background:#fcfcf9;background:var(--color-background);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);line-height:1.5;line-height:var(--line-height-normal);min-height:100vh;padding:32px 20px;padding:var(--space-32) var(--space-20);position:relative;transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard)}.user-title{-webkit-text-fill-color:#0000;animation:slideInDown .25s cubic-bezier(.16,1,.3,1);animation:slideInDown var(--duration-normal) var(--ease-standard);background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);-webkit-background-clip:text;background-clip:text;font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin-bottom:32px;margin-bottom:var(--space-32);text-align:center}.theme-toggle-container{animation:slideInRight .25s cubic-bezier(.16,1,.3,1);animation:slideInRight var(--duration-normal) var(--ease-standard);position:absolute;right:20px;right:var(--space-20);top:20px;top:var(--space-20);z-index:100}.theme-toggle-btn{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);overflow:hidden;padding:10px 16px;padding:var(--space-10) var(--space-16);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.theme-toggle-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .25s cubic-bezier(.16,1,.3,1);transition:left var(--duration-normal) var(--ease-standard);width:100%}.theme-toggle-btn:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);transform:translateY(-2px)}.theme-toggle-btn:hover:before{left:100%}.theme-toggle-btn:active{transform:translateY(0)}.theme-toggle-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.theme-icon{align-items:center;animation:spin .35s cubic-bezier(.16,1,.3,1);animation:spin var(--duration-slow) var(--ease-standard);display:flex;font-size:16px;font-size:var(--font-size-lg);justify-content:center}.theme-toggle-btn:hover .theme-icon{animation:spin .15s cubic-bezier(.16,1,.3,1);animation:spin var(--duration-fast) var(--ease-standard)}.theme-label{font-weight:500;font-weight:var(--font-weight-medium);text-transform:capitalize}@media (max-width:768px){.theme-toggle-container{right:10px;right:var(--space-10);top:10px;top:var(--space-10)}.theme-toggle-btn{font-size:11px;font-size:var(--font-size-xs);padding:8px 12px;padding:var(--space-8) var(--space-12)}.theme-label{display:none}}@media (max-width:480px){.theme-toggle-container{right:8px;right:var(--space-8);top:8px;top:var(--space-8)}.theme-toggle-btn{font-size:11px;font-size:var(--font-size-xs);gap:4px;gap:var(--space-4);padding:6px 10px;padding:var(--space-6) var(--space-10)}.theme-icon{font-size:14px;font-size:var(--font-size-md)}}@keyframes alertSlideIn{0%{filter:blur(2px);opacity:0;transform:translateY(-12px) scale(.98)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes alertSlideOut{0%{margin-bottom:20px;margin-bottom:var(--space-20);max-height:120px;opacity:1;padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16);transform:translateY(0) scale(1) translateX(0)}to{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-8px) scale(.97) translateX(4px)}}@keyframes alertProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes alertPulseGlow{0%,to{box-shadow:var(--alert-glow-base)}50%{box-shadow:var(--alert-glow-pulse)}}@keyframes alertIconBounce{0%,to{transform:scale(1) rotate(0deg)}30%{transform:scale(1.25) rotate(-8deg)}60%{transform:scale(.95) rotate(4deg)}}@keyframes alertShake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.alert-stack{display:flex;flex-direction:column;gap:10px;gap:var(--space-10);margin-bottom:24px;margin-bottom:var(--space-24)}.alert{--alert-radius:var(--radius-lg);--alert-glow-base:0 2px 8px #0000000f;--alert-glow-pulse:0 4px 20px #0000001f;animation:alertSlideIn .35s cubic-bezier(.16,1,.3,1) both;border:1px solid #0000;border-radius:var(--alert-radius);box-shadow:var(--alert-glow-base);cursor:default;font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;overflow:hidden;padding:14px 16px;padding:var(--space-14,14px) var(--space-16);position:relative;transition:box-shadow .25s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.alert:hover{box-shadow:var(--alert-glow-pulse);transform:translateY(-1px)}.alert.is-dismissing{animation:alertSlideOut .3s cubic-bezier(.4,0,1,1) both;pointer-events:none}.alert-error{animation:alertSlideIn .35s cubic-bezier(.16,1,.3,1) both,alertShake .45s cubic-bezier(.36,.07,.19,.97) .35s both}.alert:before{background:currentColor;border-radius:var(--alert-radius) 0 0 var(--alert-radius);height:100%;left:0;opacity:.7;top:0;width:4px}.alert:after,.alert:before{content:"";position:absolute}.alert:after{background:linear-gradient(105deg,#0000 40%,#ffffff0f 50%,#0000 60%);inset:0;pointer-events:none}.alert-error{--alert-glow-base:0 2px 12px rgba(var(--color-error-rgb),0.08);--alert-glow-pulse:0 6px 24px rgba(var(--color-error-rgb),0.18);background:#c0152f14;background:rgba(var(--color-error-rgb),.08);border-color:#c0152f38;border-color:rgba(var(--color-error-rgb),.22)}.alert-success{--alert-glow-base:0 2px 12px rgba(var(--color-success-rgb),0.08);--alert-glow-pulse:0 6px 24px rgba(var(--color-success-rgb),0.18);animation:alertSlideIn .35s cubic-bezier(.16,1,.3,1) both;background:#21808d14;background:rgba(var(--color-success-rgb),.08);border-color:#21808d38;border-color:rgba(var(--color-success-rgb),.22)}.alert-warning{--alert-glow-base:0 2px 12px rgba(var(--color-warning-rgb),0.06);--alert-glow-pulse:0 6px 24px rgba(var(--color-warning-rgb),0.14);background:#a84b2f14;background:rgba(var(--color-warning-rgb),.08);border-color:#a84b2f38;border-color:rgba(var(--color-warning-rgb),.22)}.alert-info{--alert-glow-base:0 2px 12px #3b82f60f;--alert-glow-pulse:0 6px 24px #3b82f624;background:#626c7114;background:rgba(var(--color-info-rgb,59,130,246),.08);border-color:#626c7138;border-color:rgba(var(--color-info-rgb,59,130,246),.22);color:var(--color-info,#3b82f6)}.alert-icon{animation:alertIconBounce .55s cubic-bezier(.16,1,.3,1) .15s both;flex-shrink:0;font-size:20px;line-height:1;margin-top:1px;-webkit-user-select:none;user-select:none}.alert-body{flex:1 1;min-width:0}.alert-title{font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:2px}.alert-message,.alert-title{color:currentColor;display:block}.alert-message{font-size:12px;font-size:var(--font-size-sm);line-height:1.5;opacity:.85}.alert>strong{font-weight:550;font-weight:var(--font-weight-semibold)}.alert-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:currentColor;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:26px;justify-content:center;line-height:1;margin-left:auto;margin-top:1px;opacity:.5;padding:2px 4px;transition:opacity .15s cubic-bezier(.16,1,.3,1),background .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);width:26px}.alert-close:hover{background:rgba(currentColor,.12);opacity:1;transform:scale(1.1) rotate(90deg)}.alert-close:active{transform:scale(.95)}.alert-progress{background:currentColor;border-radius:0 0 0 var(--alert-radius);bottom:0;height:3px;left:0;opacity:.35;position:absolute;transform-origin:left center;width:100%}.alert-progress--5s{animation:alertProgress 5s linear forwards}.alert-progress--8s{animation:alertProgress 8s linear forwards}.alert-progress--10s{animation:alertProgress 10s linear forwards}.alert--pulse{animation:alertSlideIn .35s cubic-bezier(.16,1,.3,1) both,alertShake .45s cubic-bezier(.36,.07,.19,.97) .35s both,alertPulseGlow 2.5s ease-in-out .8s infinite}[data-color-scheme=dark] .alert:after{background:linear-gradient(105deg,#0000 40%,#ffffff08 50%,#0000 60%)}@media (prefers-color-scheme:dark){.alert:after{background:linear-gradient(105deg,#0000 40%,#ffffff08 50%,#0000 60%)}.alert-error{background:#c0152f1f;background:rgba(var(--color-error-rgb),.12)}.alert-success{background:#21808d1f;background:rgba(var(--color-success-rgb),.12)}.alert-warning{background:#a84b2f1f;background:rgba(var(--color-warning-rgb),.12)}.alert-info{background:#3b82f61f}}[data-color-scheme=dark] .alert-error{background:#c0152f1f;background:rgba(var(--color-error-rgb),.12)}[data-color-scheme=dark] .alert-success{background:#21808d1f;background:rgba(var(--color-success-rgb),.12)}[data-color-scheme=dark] .alert-warning{background:#a84b2f1f;background:rgba(var(--color-warning-rgb),.12)}[data-color-scheme=dark] .alert-info{background:#3b82f61f}@media (max-width:480px){.alert{border-radius:8px;border-radius:var(--radius-base);gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12) var(--space-12)}.alert-icon{font-size:17px}.alert-title{font-size:12px;font-size:var(--font-size-sm)}.alert-message{font-size:11px;font-size:var(--font-size-xs)}.alert-close{font-size:15px;height:22px;width:22px}}@media (prefers-reduced-motion:reduce){.alert,.alert--pulse,.alert-error,.alert-progress,.alert-success{animation:none!important}.alert-progress{opacity:0}.alert-icon{animation:none!important}.alert-close{transition:none!important}}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fieldReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerSweep{0%{transform:translateX(-100%) skewX(-12deg)}to{transform:translateX(250%) skewX(-12deg)}}@keyframes focusPulse{0%,to{box-shadow:0 0 0 3px #21808d66,0 0 0 4px #21808d14;box-shadow:var(--focus-ring),0 0 0 4px rgba(var(--color-teal-500-rgb),.08)}50%{box-shadow:0 0 0 3px #21808d66,0 0 0 8px #21808d0a;box-shadow:var(--focus-ring),0 0 0 8px rgba(var(--color-teal-500-rgb),.04)}}@keyframes editModeBadge{0%{opacity:0;transform:scale(.7) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.user-form{align-items:center;animation:formSlideIn .25s cubic-bezier(.16,1,.3,1) both;animation:formSlideIn var(--duration-normal) var(--ease-standard) both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px oklch(.2 .01 200/.06),0 4px 16px oklch(.2 .01 200/.06);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);isolation:isolate;margin-bottom:24px;margin-bottom:var(--space-24);margin-top:32px;margin-top:var(--space-32);overflow:hidden;padding:20px 24px;padding:var(--space-20) var(--space-24);position:relative;transition:box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard)}.user-form:before{background:linear-gradient(135deg,#21808d08,#0000 50%,#21808d0f);background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.03) 0,#0000 50%,rgba(var(--color-teal-500-rgb),.06) 100%);border-radius:12px;border-radius:var(--radius-lg);inset:0;pointer-events:none;z-index:0}.user-form:after,.user-form:before{content:"";opacity:0;position:absolute;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard)}.user-form:after{background:linear-gradient(90deg,#0000,#21808d 30%,#21808d99 70%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-primary) 30%,rgba(var(--color-teal-500-rgb),.6) 70%,#0000 100%);border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;left:0;right:0;top:0}.user-form:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 2px 4px oklch(.2 .01 200/.08),0 8px 32px oklch(.2 .01 200/.1);transform:translateY(-2px)}.user-form:hover:after,.user-form:hover:before{opacity:1}.user-form.is-editing{border-color:#a84b2f;border-color:var(--color-warning,#d97706);box-shadow:0 2px 4px oklch(.2 .01 60/.08),0 8px 32px oklch(.2 .01 60/.1)}.user-form.is-editing:after{background:linear-gradient(90deg,#0000,#a84b2f 30%,#21808d66 70%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-warning,#d97706) 30%,rgba(var(--color-teal-500-rgb),.4) 70%,#0000 100%);opacity:1}.user-form h3{align-items:center;border:none;color:#13343b;color:var(--color-text);display:flex;font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);gap:6px;gap:var(--space-6);margin:0;min-width:-webkit-fit-content;min-width:fit-content;padding:0;position:relative;white-space:nowrap;z-index:1}.user-form h3 span{animation:bounce .35s cubic-bezier(.16,1,.3,1) infinite;animation:bounce var(--duration-slow) var(--ease-standard) infinite;display:inline-block;font-size:16px;font-size:var(--font-size-lg);will-change:transform}.user-form.is-editing h3:after{animation:editModeBadge .25s cubic-bezier(.16,1,.3,1) both;animation:editModeBadge var(--duration-normal) var(--ease-standard) both;background:oklch(from #a84b2f l c h/.12);background:oklch(from var(--color-warning,#d97706) l c h/.12);border:1px solid oklch(from #a84b2f l c h/.3);border:1px solid oklch(from var(--color-warning,#d97706) l c h/.3);border-radius:8px;border-radius:var(--radius-base);color:#a84b2f;color:var(--color-warning,#d97706);content:"EDITING";font-size:9px;font-weight:700;letter-spacing:.08em;margin-left:6px;margin-left:var(--space-6);padding:1px 6px;vertical-align:middle}.user-form>input:first-of-type{animation:fieldReveal .35s cubic-bezier(.16,1,.3,1) .05s both;animation:fieldReveal .35s .05s var(--ease-standard) both}.user-form>input:nth-of-type(2){animation:fieldReveal .35s cubic-bezier(.16,1,.3,1) .1s both;animation:fieldReveal .35s .1s var(--ease-standard) both}.user-form>input:nth-of-type(3){animation:fieldReveal .35s cubic-bezier(.16,1,.3,1) .15s both;animation:fieldReveal .35s .15s var(--ease-standard) both}.user-form>input:nth-of-type(4){animation:fieldReveal .35s cubic-bezier(.16,1,.3,1) .2s both;animation:fieldReveal .35s .2s var(--ease-standard) both}.user-form>select{animation:fieldReveal .35s cubic-bezier(.16,1,.3,1) .25s both;animation:fieldReveal .35s .25s var(--ease-standard) both}.user-form>input,.user-form>select{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);height:38px;line-height:1.5;line-height:var(--line-height-normal);min-width:150px;padding:8px 12px;padding:var(--space-8) var(--space-12);position:relative;transition:border-color .15s cubic-bezier(.16,1,.3,1),background .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);z-index:1}.user-form>input::placeholder{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);transition:color .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.user-form>input:focus::placeholder{color:#0000}.user-form>input:focus,.user-form>select:focus{animation:focusPulse 2s cubic-bezier(.16,1,.3,1) infinite;animation:focusPulse 2s var(--ease-standard) infinite;background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);outline:none;transform:translateY(-1px)}.user-form>input:hover:not(:focus),.user-form>select:hover:not(:focus){background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 2px 8px oklch(.2 .01 200/.06)}.user-form>input:not(:placeholder-shown):not(:focus){background:#fffffd;background:var(--color-surface);border-color:oklch(from #21808d l c h/.5);border-color:oklch(from var(--color-primary) l c h/.5)}.user-form>input:disabled,.user-form>select:disabled{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.55;transform:none!important}.user-form>select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){.user-form>select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .user-form>select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .user-form>select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}@media (max-width:480px){.user-form{align-items:stretch;flex-direction:column;gap:10px;gap:var(--space-10);margin-bottom:16px;margin-bottom:var(--space-16);margin-top:20px;margin-top:var(--space-20);padding:12px 16px;padding:var(--space-12) var(--space-16)}.user-form h3{margin-bottom:4px;margin-bottom:var(--space-4)}.user-form h3,.user-form>input,.user-form>select{font-size:14px;font-size:var(--font-size-base);width:100%}.user-form>input,.user-form>select{animation:none;flex:none;height:auto;min-width:0;min-width:auto;padding:10px 12px;padding:var(--space-10) var(--space-12)}}@media (prefers-reduced-motion:reduce){.user-form,.user-form>input,.user-form>select{animation:none!important;transition-duration:.01ms!important}}.form-buttons{animation:fieldReveal .35s cubic-bezier(.16,1,.3,1) .3s both;animation:fieldReveal .35s .3s var(--ease-standard) both;flex-wrap:wrap;gap:8px;gap:var(--space-8);margin:0;z-index:1}.form-buttons,.form-buttons button{align-items:center;display:flex;position:relative}.form-buttons button{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 2px oklch(.2 .01 200/.12),inset 0 1px 0 #ffffff1f;color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);height:38px;justify-content:center;line-height:1.5;line-height:var(--line-height-normal);overflow:hidden;padding:0 20px;padding:0 var(--space-20);transition:background .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);white-space:nowrap}.form-buttons button:before{background:linear-gradient(90deg,#0000,#ffffff38,#0000);bottom:0;content:"";left:-60%;opacity:0;position:absolute;top:0;transform:skewX(-12deg);transition:opacity .15s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-fast) var(--ease-standard);width:40%}.form-buttons button:after{background:#ffffff40;border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);transition:width .5s var(--ease-standard),height .5s var(--ease-standard),opacity .5s var(--ease-standard);width:0}.form-buttons button:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 2px 4px oklch(.2 .01 200/.12),0 8px 20px oklch(.2 .01 200/.18),inset 0 1px 0 #ffffff29;transform:translateY(-2px)}.form-buttons button:hover:not(:disabled):before{animation:shimmerSweep .6s cubic-bezier(.16,1,.3,1) forwards;animation:shimmerSweep .6s var(--ease-standard) forwards;opacity:1}.form-buttons button:hover:not(:disabled):after{height:300px;opacity:0;width:300px}.form-buttons button:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);box-shadow:0 1px 2px oklch(.2 .01 200/.1),inset 0 2px 4px #0000001f;transform:translateY(1px) scale(.98)}.form-buttons button:focus-visible{box-shadow:0 0 0 2px #fcfcf9,0 0 0 4px #21808d;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary);outline:none}.form-buttons button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;transform:none!important}.form-buttons button:nth-child(2){background:#5e52401f;background:var(--color-secondary);box-shadow:0 1px 2px oklch(.2 .01 200/.06),inset 0 1px 0 #ffffff14;color:#13343b;color:var(--color-text)}.form-buttons button:nth-child(2):hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);box-shadow:0 2px 4px oklch(.2 .01 200/.08),0 6px 16px oklch(.2 .01 200/.1)}.form-buttons button:nth-child(2):active:not(:disabled){background:#5e524040;background:var(--color-secondary-active);transform:translateY(1px) scale(.98)}.form-buttons button:nth-child(2):focus-visible{box-shadow:0 0 0 2px #fcfcf9,0 0 0 4px #5e524033;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-border)}.form-buttons button .spinner{animation:spin .65s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;flex-shrink:0;height:14px;width:14px}@media (max-width:480px){.form-buttons{gap:8px;gap:var(--space-8);width:100%}.form-buttons button{flex:1 1;font-size:14px;font-size:var(--font-size-base);height:auto;min-width:100px;padding:10px 12px;padding:var(--space-10) var(--space-12)}.form-buttons{animation:none}}@media (prefers-reduced-motion:reduce){.form-buttons button,.form-buttons button:after,.form-buttons button:before{animation:none!important;transition-duration:.01ms!important}}.user-table-container{animation:slideInUp .25s cubic-bezier(.16,1,.3,1);animation:slideInUp var(--duration-normal) var(--ease-standard);animation-delay:.1s;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.user-table-container:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg)}.user-table-container h3{align-items:center;background:linear-gradient(135deg,#fcfcf9,#5e52401f);background:linear-gradient(135deg,var(--color-background) 0,var(--color-secondary) 100%);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#13343b;color:var(--color-text);display:flex;font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);gap:10px;gap:var(--space-10);margin:0;padding:20px 24px;padding:var(--space-20) var(--space-24)}.user-table-container h3:before{animation:bounce .35s cubic-bezier(.16,1,.3,1) infinite;animation:bounce var(--duration-slow) var(--ease-standard) infinite;content:"📋";display:inline-block;font-size:18px;font-size:var(--font-size-xl)}.user-table{border-collapse:collapse;font-size:14px;font-size:var(--font-size-base);width:100%}.user-table thead{background:#fcfcf9;background:var(--color-background)}.user-table th{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#21808d;color:var(--color-primary);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);padding:16px 24px;padding:var(--space-16) var(--space-24);text-align:left;text-transform:uppercase;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.user-table th:hover{background:#5e52401f;background:var(--color-secondary);color:#1d7480;color:var(--color-primary-hover)}.user-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#626c71;color:var(--color-text-secondary);padding:16px 24px;padding:var(--space-16) var(--space-24)}.user-table tbody tr,.user-table td{transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.user-table tbody tr:hover{background:#fcfcf9;background:var(--color-background);box-shadow:inset 0 0 0 1px #21808d;box-shadow:inset 0 0 0 1px var(--color-primary)}.user-table tbody tr:hover td{color:#13343b;color:var(--color-text)}.user-table tr:last-child td{border-bottom:none}.user-table td strong{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold)}@media (max-width:480px){.user-table-container{border-radius:10px;border-radius:var(--radius-md);overflow-x:auto}.user-table-container h3{font-size:16px;font-size:var(--font-size-lg);padding:16px;padding:var(--space-16) var(--space-16)}.user-table{font-size:12px;font-size:var(--font-size-sm);min-width:600px}.user-table th{font-size:11px;font-size:var(--font-size-xs)}.user-table td,.user-table th{padding:12px;padding:var(--space-12) var(--space-12)}}.user-table input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;height:18px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:18px}.user-table input[type=checkbox]:hover:not(:disabled){border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 8px #21808d4d;box-shadow:0 0 8px rgba(var(--color-teal-500-rgb),.3);transform:scale(1.15)}.user-table input[type=checkbox]:checked{animation:scaleIn .15s cubic-bezier(.16,1,.3,1);animation:scaleIn var(--duration-fast) var(--ease-standard)}.user-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.user-table input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.role-badge{border-radius:8px;border-radius:var(--radius-base);display:inline-block;font-size:11px;font-size:var(--font-size-xs);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);overflow:hidden;padding:6px 12px;padding:var(--space-6) var(--space-12);position:relative;text-transform:uppercase;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.role-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard)}.role-admin{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.role-manager{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.role-viewer{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.role-badge:hover{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.role-badge:hover:before{transform:translateX(100%)}.user-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6)}.user-actions button{align-items:center;background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#21808d;color:var(--color-primary);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-4);overflow:hidden;padding:6px 12px;padding:var(--space-6) var(--space-12);position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.user-actions button:after{background:linear-gradient(135deg,#0000,#ffffff1a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .15s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-fast) var(--ease-standard)}.user-actions button:hover:not(:disabled){background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);transform:translateY(-2px)}.user-actions button:active:not(:disabled){transform:translateY(0)}.user-actions button:disabled{cursor:not-allowed;opacity:.5}.user-actions button:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.user-actions button:nth-child(2){border-color:#c0152f;border-color:var(--color-error);color:#c0152f;color:var(--color-error)}.user-actions button:nth-child(2):hover:not(:disabled){background:#c0152f;background:var(--color-error);border-color:#c0152f;border-color:var(--color-error);color:#fff;color:var(--color-white)}.user-actions button:nth-child(3){border-color:#a84b2f;border-color:var(--color-warning);color:#a84b2f;color:var(--color-warning)}.user-actions button:nth-child(3):hover:not(:disabled){background:#a84b2f;background:var(--color-warning);border-color:#a84b2f;border-color:var(--color-warning);color:#fff;color:var(--color-white)}@media (max-width:480px){.user-actions{flex-direction:column;gap:4px;gap:var(--space-4);width:100%}.user-actions button{font-size:11px;font-size:var(--font-size-xs);justify-content:center;padding:6px 8px;padding:var(--space-6) var(--space-8);width:100%}.user-actions button span:last-child{display:none}}.empty-state{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);padding:32px;padding:var(--space-32) var(--space-32)}.empty-state,.empty-state-icon{color:#626c71;color:var(--color-text-secondary)}.empty-state-icon{animation:bounce .35s cubic-bezier(.16,1,.3,1) infinite;animation:bounce var(--duration-slow) var(--ease-standard) infinite;display:inline-block;font-size:48px;margin-bottom:16px;margin-bottom:var(--space-16)}.empty-state h4{color:#626c71;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);margin-top:0}@media (max-width:480px){.empty-state{padding:24px 16px;padding:var(--space-24) var(--space-16)}.empty-state-icon{font-size:36px;margin-bottom:12px;margin-bottom:var(--space-12)}.empty-state h4{font-size:14px;font-size:var(--font-size-base)}}.spinner{border:2px solid #5e524033;border-top:2px solid #21808d;border:2px solid var(--color-border);border-top-color:var(--color-primary);height:14px;width:14px}.spinner-large{border-width:3px;height:24px;width:24px}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#5e52401f,#fffffd 50%,#5e52401f);background:linear-gradient(90deg,var(--color-secondary) 0,var(--color-surface) 50%,var(--color-secondary) 100%);background-size:1000px 100%;border-radius:8px;border-radius:var(--radius-base)}@media (max-width:1400px){.user-form{flex-wrap:wrap}.user-form>input,.user-form>select{flex-basis:calc(25% - 10px);flex-grow:0;flex-shrink:1}}@media (max-width:1200px){.user-form>input,.user-form>select{flex-basis:calc(33% - 10px);flex-grow:0;flex-shrink:1;min-width:120px}}@media (max-width:1024px){.user-control-container{padding:32px 16px;padding:var(--space-32) var(--space-16)}.user-title{font-size:24px;font-size:var(--font-size-3xl);margin-bottom:24px;margin-bottom:var(--space-24)}.user-form{gap:10px;gap:var(--space-10);padding:16px;padding:var(--space-16) var(--space-16)}.user-form h3{font-size:12px;font-size:var(--font-size-sm);min-width:100%}.user-form>input,.user-form>select{flex-basis:calc(20% - 8px);flex-grow:0;flex-shrink:1;min-width:100px;padding:8px 10px;padding:var(--space-8) var(--space-10)}.form-buttons button,.user-form>input,.user-form>select{font-size:12px;font-size:var(--font-size-sm);height:36px}.form-buttons button{padding:8px 16px;padding:var(--space-8) var(--space-16)}.user-table{font-size:12px;font-size:var(--font-size-sm)}.user-table td,.user-table th{padding:12px 16px;padding:var(--space-12) var(--space-16)}.user-actions button{font-size:11px;font-size:var(--font-size-xs);padding:4px 10px;padding:var(--space-4) var(--space-10)}}@media (max-width:768px){.user-control-container{padding:24px 12px;padding:var(--space-24) var(--space-12)}.user-title{font-size:20px;font-size:var(--font-size-2xl)}.user-form,.user-title{margin-bottom:20px;margin-bottom:var(--space-20)}.user-form{align-items:stretch;flex-direction:column;gap:10px;gap:var(--space-10);margin-top:20px;margin-top:var(--space-20);padding:12px 16px;padding:var(--space-12) var(--space-16)}.user-form h3{margin-bottom:4px;margin-bottom:var(--space-4)}.user-form h3,.user-form>input,.user-form>select{font-size:14px;font-size:var(--font-size-base);width:100%}.user-form>input,.user-form>select{flex:none;height:auto;min-width:0;min-width:auto;padding:8px 12px;padding:var(--space-8) var(--space-12)}.form-buttons{gap:8px;gap:var(--space-8);width:100%}.form-buttons button{flex:1 1;font-size:14px;font-size:var(--font-size-base);height:auto;min-width:100px;padding:10px 12px;padding:var(--space-10) var(--space-12)}.user-table-container{border-radius:10px;border-radius:var(--radius-md)}.user-table-container h3{font-size:16px;font-size:var(--font-size-lg);padding:16px;padding:var(--space-16) var(--space-16)}.user-table{font-size:12px;font-size:var(--font-size-sm)}.user-table th{font-size:11px;font-size:var(--font-size-xs)}.user-table td,.user-table th{padding:12px;padding:var(--space-12) var(--space-12)}.user-actions{flex-direction:column;gap:4px;gap:var(--space-4)}.user-actions button{font-size:11px;font-size:var(--font-size-xs);justify-content:center;padding:6px 8px;padding:var(--space-6) var(--space-8);width:100%}.user-actions button span:last-child{display:none}.user-table-container{overflow-x:auto}.user-table{min-width:600px}}@media (max-width:480px){.user-control-container{padding:16px 8px;padding:var(--space-16) var(--space-8)}.user-title{font-size:18px;font-size:var(--font-size-xl);margin-bottom:16px;margin-bottom:var(--space-16)}.theme-toggle-container{right:8px;right:var(--space-8);top:8px;top:var(--space-8)}.theme-toggle-btn{font-size:11px;font-size:var(--font-size-xs);padding:6px 10px;padding:var(--space-6) var(--space-10)}.alert{font-size:12px;font-size:var(--font-size-sm);padding:12px;padding:var(--space-12) var(--space-12)}.alert,.user-form{margin-bottom:16px;margin-bottom:var(--space-16)}.user-form{gap:8px;gap:var(--space-8);padding:10px 12px;padding:var(--space-10) var(--space-12)}.user-form h3{font-size:12px;font-size:var(--font-size-sm);margin-bottom:8px;margin-bottom:var(--space-8)}.user-form>input,.user-form>select{font-size:12px;font-size:var(--font-size-sm);padding:8px 10px;padding:var(--space-8) var(--space-10)}.form-buttons button{font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12)}.user-table-container h3{font-size:14px;font-size:var(--font-size-base);padding:12px;padding:var(--space-12) var(--space-12)}.user-table{min-width:500px}.user-table,.user-table th{font-size:11px;font-size:var(--font-size-xs)}.user-table td,.user-table th{padding:8px;padding:var(--space-8) var(--space-8)}.user-actions{gap:2px;gap:var(--space-2)}.user-actions button{font-size:11px;font-size:var(--font-size-xs);padding:4px 6px;padding:var(--space-4) var(--space-6)}}@media (max-width:320px){.user-title{font-size:16px;font-size:var(--font-size-lg)}.user-form{padding:8px 10px;padding:var(--space-8) var(--space-10)}.user-form>input,.user-form>select{font-size:11px;font-size:var(--font-size-xs);padding:6px 8px;padding:var(--space-6) var(--space-8)}.form-buttons button{font-size:11px;font-size:var(--font-size-xs);padding:8px 10px;padding:var(--space-8) var(--space-10)}.user-table-container h3{font-size:12px;font-size:var(--font-size-sm)}.user-table{font-size:11px;font-size:var(--font-size-xs)}.user-table td,.user-table th{padding:6px;padding:var(--space-6)}}.user-table-container::-webkit-scrollbar{height:8px;width:8px}.user-table-container::-webkit-scrollbar-track{background:#fffffd;background:var(--color-surface);border-radius:6px;border-radius:var(--radius-sm)}.user-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5e524033,#21808d);background:linear-gradient(135deg,var(--color-border) 0,var(--color-primary) 100%);border-radius:6px;border-radius:var(--radius-sm);-webkit-transition:background .25s cubic-bezier(.16,1,.3,1);transition:background .25s cubic-bezier(.16,1,.3,1);-webkit-transition:background var(--duration-normal) var(--ease-standard);transition:background var(--duration-normal) var(--ease-standard)}.user-table-container::-webkit-scrollbar-thumb:hover{background:#21808d;background:var(--color-primary)}.flex-center{align-items:center;display:flex;justify-content:center}.gap-sm{gap:8px;gap:var(--space-8)}.gap-md{gap:16px;gap:var(--space-16)}.gap-lg{gap:24px;gap:var(--space-24)}.text-center{text-align:center}.text-muted{color:#626c71;color:var(--color-text-secondary)}*{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-timing-function:var(--ease-standard)}html{transition:color .25s,background-color .25s;transition:color var(--duration-normal),background-color var(--duration-normal)}@supports (selector(:has(+))){.form-buttons button:has(+.ripple){position:relative}}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#000000bf;z-index:9999}.user-modal-content{animation:slideUp .3s ease-out;background:#fffffd;background:var(--color-surface,#1f2937);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.user-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.user-modal-header h3{align-items:center;color:#13343b;color:var(--color-text,#f9fafb);display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.user-modal-header h3:before{content:"🔑";font-size:1.75rem}.user-modal-close-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.user-modal-close-btn:hover{background:#ef444433;border-color:#ef444480;transform:rotate(90deg)}.user-modal-body{flex:1 1;max-height:calc(85vh - 180px);overflow-y:auto;padding:24px 32px}.user-modal-body::-webkit-scrollbar{width:8px}.user-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.user-modal-body::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.user-modal-body::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.user-modal-footer{align-items:center;background:#0003;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.user-modal-footer .btn-secondary{background:#6b728033;border:1px solid #6b728066;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.user-modal-footer .btn-secondary:hover{background:#6b72804d;border-color:#6b728099;transform:translateY(-1px)}.user-modal-body .user-table{border-collapse:initial;border-spacing:0;margin-top:8px;width:100%}.user-modal-body .user-table thead{background:#fffffd;background:var(--color-surface,#1f2937);position:-webkit-sticky;position:sticky;top:0;z-index:10}.user-modal-body .user-table thead th{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-bottom:2px solid #8b5cf64d;color:#a78bfa;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.user-modal-body .user-table tbody tr{background:#ffffff05;border-bottom:1px solid #ffffff0d;transition:all .2s ease}.user-modal-body .user-table tbody tr:hover{background:#8b5cf614;transform:translateX(4px)}.user-modal-body .user-table tbody td{color:#e5e7eb;font-size:.9rem;padding:14px 16px;vertical-align:middle}.user-modal-body .user-table tbody td:first-child{color:#a78bfa;font-weight:600}.user-modal-body .user-table tbody td:nth-child(3){font-weight:500}.user-modal-body .user-table tbody tr:has(td:nth-child(3):contains("User changed")){border-left:3px solid #10b981}.user-modal-body .user-table tbody tr:has(td:nth-child(3):contains("Admin reset")){border-left:3px solid #f59e0b}.user-modal-body .user-table tbody tr:has(td:nth-child(3):contains("Forced")){border-left:3px solid #ef4444}.user-modal-body>div[style*="text-align: center"]{padding:60px 40px}.user-modal-body>div[style*="text-align: center"] h4{color:#f9fafb;font-size:1.25rem;font-weight:600;margin:0 0 8px}.user-modal-body>div[style*="text-align: center"] p{color:#9ca3af;font-size:.95rem;line-height:1.5}.user-modal-body .spinner{animation:spin .8s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#a78bfa;height:40px;width:40px}.user-modal-content .alert{align-items:flex-start;border:1px solid;border-radius:10px;display:flex;font-size:.9rem;gap:12px;margin:16px 32px 0;padding:14px 18px}.user-modal-content .alert-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.user-modal-content .alert-error span{font-size:1.25rem}.user-modal-content .alert-error strong{color:#ef4444;font-weight:600}@media (max-width:768px){.modal-overlay{padding:12px}.user-modal-content{border-radius:12px;max-height:90vh}.user-modal-header{padding:18px 20px}.user-modal-header h3{font-size:1.25rem}.user-modal-body{max-height:calc(90vh - 160px)}.user-modal-body,.user-modal-footer{padding:16px 20px}.user-modal-body .user-table{display:block;overflow-x:auto;white-space:nowrap}.user-modal-body .user-table tbody,.user-modal-body .user-table td,.user-modal-body .user-table th,.user-modal-body .user-table thead,.user-modal-body .user-table tr{display:table-cell}.user-modal-body .user-table td,.user-modal-body .user-table th{font-size:.85rem;padding:10px 12px}}[data-theme=dark] .user-modal-content{background:#1a1f2e;border-color:#ffffff14}[data-theme=dark] .user-modal-header{background:linear-gradient(135deg,#8b5cf61f,#3b82f61f);border-bottom-color:#ffffff14}[data-theme=dark] .user-modal-body .user-table thead th{background:linear-gradient(135deg,#8b5cf62e,#3b82f62e)}[data-theme=light] .user-modal-content{background:#fff;border-color:#0000001a}[data-theme=light] .user-modal-header{background:linear-gradient(135deg,#8b5cf614,#3b82f614);border-bottom-color:#0000001a}[data-theme=light] .user-modal-header h3{color:#1f2937}[data-theme=light] .user-modal-body .user-table thead th{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-bottom-color:#8b5cf633;color:#7c3aed}[data-theme=light] .user-modal-body .user-table tbody tr{background:#00000005;border-bottom-color:#0000000d}[data-theme=light] .user-modal-body .user-table tbody tr:hover{background:#8b5cf60d}[data-theme=light] .user-modal-body .user-table tbody td{color:#374151}[data-theme=light] .user-modal-body .user-table tbody td:first-child{color:#7c3aed}[data-theme=light] .user-modal-footer{background:#00000008;border-top-color:#0000001a}[data-theme=light] .user-modal-footer .btn-secondary{background:#6b72801a;border-color:#6b72804d;color:#4b5563}[data-theme=light] .user-modal-footer .btn-secondary:hover{background:#6b728033;border-color:#6b728066}[data-theme=light] .modal-overlay{background-color:#0009}.device-management-section{background:#1f2937;background:var(--card-bg,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:12px;margin-top:40px;padding:24px}.device-management-section h3{border-bottom:2px solid #374151;border-bottom:2px solid var(--border-color,#374151);font-size:1.3rem;font-weight:700;margin:0 0 24px;padding-bottom:12px}.device-management-section h3,.device-management-section h4{align-items:center;color:#f9fafb;color:var(--text-primary,#f9fafb);display:flex;flex-wrap:wrap;gap:8px}.device-management-section h4{font-size:1rem;font-weight:600;margin:0}.device-management-section .user-table-container{background:#111827;background:var(--table-bg,#111827);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:10px;margin-bottom:0;overflow:hidden}.device-management-section .user-table-container>div:first-child{align-items:center;background:#1f2937;background:var(--table-header-bg,#1f2937);border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 16px}.device-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.device-table-scroll::-webkit-scrollbar{height:6px}.device-table-scroll::-webkit-scrollbar-track{background:#111827;background:var(--table-bg,#111827)}.device-table-scroll::-webkit-scrollbar-thumb{background:#374151;background:var(--border-color,#374151);border-radius:3px}.device-table-scroll-hint{background:#1f2937;background:var(--table-header-bg,#1f2937);border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);color:#6b7280;color:var(--text-secondary,#6b7280);display:none;font-size:.72rem;font-style:italic;padding:6px 16px;text-align:right}.device-management-section .user-table{border-collapse:collapse;min-width:700px;width:100%}.device-management-section .user-table td,.device-management-section .user-table th{border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);font-size:.83rem;padding:11px 14px;vertical-align:middle;white-space:nowrap}.device-management-section .user-table th{background:#1f2937;background:var(--table-header-bg,#1f2937);color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.75rem;font-weight:600;letter-spacing:.4px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.device-management-section .user-table tbody tr:hover{background:#ffffff08}.device-management-section .user-table tbody tr:last-child td{border-bottom:none}.device-status-badge{border-radius:20px;font-size:.73rem;gap:4px;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.device-status-active{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.device-status-blocked{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.device-status-pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.device-id-cell{align-items:center;display:inline-flex;gap:6px;max-width:200px}.device-id-text{background:#0f172a;background:var(--code-bg,#0f172a);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:help;display:inline-block;font-family:Courier New,monospace;font-size:.73rem;max-width:150px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.device-management-section .user-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.device-management-section .user-actions button{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.76rem;font-weight:600;gap:4px;padding:5px 10px;transition:all .18s ease;white-space:nowrap}.device-management-section .user-actions button[title*=Approve]{background:#10b9811f;border-color:#10b9814d;color:#10b981}.device-management-section .user-actions button[title*=Approve]:hover{background:#10b98138}.device-management-section .user-actions button[title*=Reject]{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.device-management-section .user-actions button[title*=Reject]:hover{background:#ef444433}.device-management-section .user-actions button[title*=Block]{background:#ef44441a;border-color:#ef444440;color:#ef4444}.device-management-section .user-actions button[title*=Block]:hover{background:#ef444433}.device-management-section .user-actions button[title*=Unblock]{background:#10b9811a;border-color:#10b98140;color:#10b981}.device-management-section .user-actions button[title*=Unblock]:hover{background:#10b98133}.device-management-section .user-actions button[title*=Delete]{background:#ef444414;border-color:#ef444433;color:#f87171}.device-management-section .user-actions button[title*=Delete]:hover{background:#ef44442e}.device-management-section .user-actions button[title*=View]{background:#4f98a31a;border-color:#4f98a340;color:#4f98a3}.device-management-section .user-actions button[title*=View]:hover{background:#4f98a333}.device-management-section .user-table-container>div:first-child button{align-items:center;background:#374151;background:var(--btn-secondary-bg,#374151);border:1px solid #4b5563;border:1px solid var(--border-color,#4b5563);border-radius:6px;color:#f9fafb;color:var(--text-primary,#f9fafb);cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.device-management-section .user-table-container>div:first-child button:hover{background:#4b5563;background:var(--btn-secondary-hover,#4b5563);transform:translateY(-1px)}.device-management-section .user-table-container>div:first-child button:disabled{cursor:not-allowed;opacity:.5;transform:none}.device-management-section .user-table-container+.user-table-container{border:1px solid #10b98140;box-shadow:0 0 0 1px #10b98114;margin-top:20px}.device-management-section .user-table-container+.user-table-container h4{color:#10b981}.device-management-section .user-table-container+.user-table-container>div:first-child button{background:#0000;border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .2s ease}.device-management-section .user-table-container+.user-table-container>div:first-child button:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.device-empty-state{color:#9ca3af;color:var(--text-secondary,#9ca3af);padding:40px 20px;text-align:center}.device-empty-state .device-empty-icon{font-size:2.5rem;margin-bottom:12px}.device-empty-state p{font-size:.9rem;margin:0}.device-nickname-edit-wrap{min-width:160px}.device-nickname-input{border:1px solid #4f98a3;color:var(--text-primary,#f1f5f9);min-width:0}.device-nickname-input:focus{box-shadow:0 0 0 2px #4f98a340}.device-nickname-save-btn{border-radius:5px;flex-shrink:0;padding:4px 9px;transition:background .15s}.device-nickname-save-btn:hover{background:#059669}.device-nickname-cancel-btn{background:#ef44441f;border:1px solid #ef44444d;border-radius:5px;color:#ef4444;flex-shrink:0;padding:4px 9px;transition:background .15s}.device-nickname-cancel-btn:hover{background:#ef444438}.device-limit-bar{background:var(--table-header-bg,#1a2535);border-top:1px solid var(--border-color,#334155);padding:10px 16px}.device-limit-label{color:var(--text-secondary,#94a3b8);font-weight:600}.device-limit-current{background:#4f98a31a;border:1px solid #4f98a34d;font-weight:700;padding:4px 12px}.device-limit-input{border:1px solid var(--border-color,#334155);color:var(--text-primary,#f1f5f9);transition:border-color .15s}.device-limit-input:focus{box-shadow:0 0 0 2px #4f98a333}.device-limit-save-btn{transition:background .15s;white-space:nowrap}.device-limit-save-btn:hover{background:#3a7f8a}.device-limit-clear-btn{border:1px solid #ef444466;transition:background .15s;white-space:nowrap}.device-limit-clear-btn:hover{background:#ef44441a}.device-history-panel{animation:slideUp .3s ease;background:#111827;background:var(--card-bg,#111827);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:12px;margin-top:24px;overflow:hidden}.device-history-header{background:#1f2937;background:var(--table-header-bg,#1f2937);border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);gap:10px;justify-content:space-between;padding:14px 20px}.device-history-header,.device-history-title{align-items:center;display:flex;flex-wrap:wrap}.device-history-title{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:.95rem;font-weight:600;gap:8px}.device-history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.device-history-filter{background:#374151;background:var(--input-bg,#374151);border:1px solid #4b5563;border:1px solid var(--border-color,#4b5563);border-radius:6px;color:#f9fafb;color:var(--text-primary,#f9fafb);cursor:pointer;font-size:.78rem;max-width:200px;padding:5px 10px}.device-history-close-btn{background:#0000;border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.78rem;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.device-history-close-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.device-history-body{max-height:500px;overflow-y:auto;padding:20px}.device-history-body::-webkit-scrollbar{width:6px}.device-history-body::-webkit-scrollbar-thumb{background:#374151;background:var(--border-color,#374151);border-radius:3px}.device-history-empty,.device-history-error,.device-history-loading{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;font-size:.9rem;gap:8px;justify-content:center;padding:32px;text-align:center}.device-history-error{color:#ef4444}.device-history-spinner{animation:spin .7s linear infinite;border:2px solid #374151;border:2px solid var(--border-color,#374151);border-radius:50%;border-top:2px solid #3b82f6;display:inline-block;height:20px;width:20px}.device-history-timeline{display:flex;flex-direction:column;gap:0}.dh-entry{align-items:flex-start;display:flex;gap:14px}.dh-line-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;min-width:18px;padding-top:4px}.dh-dot{border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0;height:12px;margin-top:2px;width:12px}.dh-connector{background:#374151;background:var(--border-color,#374151);flex:1 1;margin:4px 0;min-height:20px;width:2px}.dh-card{background:#1f2937;background:var(--table-bg,#1f2937);border:1px solid #2d3748;border:1px solid var(--border-color,#2d3748);border-radius:10px;flex:1 1;margin-bottom:12px;min-width:0;padding:12px 14px;transition:border-color .2s ease}.dh-card:hover{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.dh-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:8px}.dh-event-badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:.78rem;font-weight:700;gap:4px;letter-spacing:.2px;padding:3px 10px;white-space:nowrap}.dh-timestamp{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.73rem;white-space:nowrap}.dh-card-details{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.dh-detail{align-items:center;display:flex;font-size:.78rem;gap:4px;min-width:0}.dh-detail,.dh-detail code{color:#9ca3af;color:var(--text-secondary,#9ca3af);word-break:break-all}.dh-detail code{background:#0f172a;background:var(--code-bg,#0f172a);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:4px;font-family:Courier New,monospace;font-size:.73rem;padding:1px 5px}.dh-notes{border-top:1px solid #374151;border-top:1px solid var(--border-color,#374151);color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;font-style:italic;margin-top:6px;padding-top:6px;word-break:break-word}.device-history-trigger-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:.76rem;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.device-history-trigger-btn:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-1px)}.user-control-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #374151;border-bottom:2px solid var(--border-color,#374151);display:flex;gap:4px;margin:14px 0 22px;overflow-x:auto;padding-bottom:0}.user-tab-btn{background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;margin-bottom:-2px;padding:10px 22px;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.user-tab-btn:hover{background:#ffffff0a;color:#f9fafb;color:var(--text-primary,#f9fafb)}.user-tab-btn.active{background:#4f98a314;border-bottom-color:#4f98a3;color:#4f98a3}[data-theme=light] .device-management-section{background:#fff;border-color:#e5e7eb}[data-theme=light] .device-management-section h3{border-bottom-color:#e5e7eb;color:#111827}[data-theme=light] .device-management-section h4{color:#111827}[data-theme=light] .device-management-section .user-table-container{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .device-management-section .user-table-container>div:first-child{background:#f3f4f6;border-bottom-color:#e5e7eb}[data-theme=light] .device-id-text{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .device-management-section .user-table-container>div:first-child button{background:#e5e7eb;border-color:#d1d5db;color:#374151}[data-theme=light] .device-management-section .user-table-container>div:first-child button:hover{background:#d1d5db}[data-theme=light] .device-history-panel{background:#fff;border-color:#e5e7eb}[data-theme=light] .device-history-header{background:#f3f4f6;border-bottom-color:#e5e7eb}[data-theme=light] .dh-card{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .dh-card:hover{border-color:#4f98a3}[data-theme=light] .dh-detail code{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .device-limit-bar{background:#f3f4f6;border-top-color:#e5e7eb}[data-theme=light] .device-limit-input{background:#fff;border-color:#d1d5db;color:#111827}[data-theme=light] .device-nickname-input{background:#fff;border-color:#4f98a3;color:#111827}[data-theme=light] .user-tab-btn.active{background:#4f98a314}[data-theme=light] .user-control-tabs{border-bottom-color:#e5e7eb}[data-theme=light] .device-table-scroll-hint{background:#f3f4f6;border-bottom-color:#e5e7eb}@media (max-width:1024px){.device-management-section{padding:20px}.device-management-section .user-table td,.device-management-section .user-table th{font-size:.8rem;padding:9px 11px}}@media (max-width:768px){.device-management-section{border-radius:10px;margin-top:20px;padding:14px}.device-management-section h3{font-size:1.05rem;margin-bottom:16px}.device-management-section h4{font-size:.88rem}.device-management-section .user-table-container>div:first-child{align-items:center;flex-direction:row;gap:8px;padding:12px 14px}.device-table-scroll-hint{display:block}.device-management-section .user-table td,.device-management-section .user-table th{font-size:.76rem;padding:8px 10px}.device-id-text{max-width:80px}.device-management-section .user-actions{gap:4px}.device-management-section .user-actions button{font-size:.72rem;gap:3px;padding:4px 8px}.device-management-section .user-actions button span{display:none}.device-history-header{align-items:flex-start;flex-direction:column;padding:12px 14px}.device-history-controls{justify-content:space-between;width:100%}.device-history-filter{flex:1 1;max-width:none}.device-history-body{max-height:380px;padding:14px}.dh-card{padding:10px 11px}.dh-card-top{align-items:flex-start;flex-direction:column;gap:4px}.dh-card-details{flex-direction:column;gap:5px}.device-limit-bar{flex-wrap:wrap;gap:8px;padding:10px 14px}.device-limit-label{font-size:12px;width:100%}.device-limit-input{font-size:12px;padding:5px 8px;width:80px}.device-limit-save-btn{font-size:12px;padding:5px 12px}.device-limit-current{font-size:11px;padding:3px 9px}.device-nickname-edit-wrap{min-width:130px}.device-nickname-input{font-size:12px;padding:3px 6px}.user-tab-btn{font-size:.82rem;padding:8px 14px}}@media (max-width:480px){.device-management-section{margin-top:16px;padding:12px}.device-management-section .user-table td,.device-management-section .user-table th{font-size:.73rem;padding:7px 8px}.device-id-text{font-size:.68rem;max-width:60px}.device-history-body{max-height:320px;padding:10px}.dh-event-badge{font-size:.72rem;padding:2px 8px}.dh-timestamp{font-size:.68rem}.dh-detail{font-size:.72rem}.user-tab-btn{font-size:.78rem;padding:7px 11px}}@keyframes devicesModalIn{0%{filter:blur(6px);opacity:0;transform:translateY(40px) scale(.93)}60%{filter:blur(0);opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes devicesOverlayIn{0%{-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);opacity:0}to{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);opacity:1}}@keyframes deviceRowIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes deviceShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes deviceSpinnerRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.devices-modal-overlay{align-items:center;animation:devicesOverlayIn .25s ease forwards;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px 16px;position:fixed;z-index:1200}.devices-modal-container{animation:devicesModalIn .45s cubic-bezier(.16,1,.3,1) forwards;background:#fffffff5;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 2px 4px #0000000a,0 8px 24px #0000001a,0 32px 64px #00000024,inset 0 1px 0 #ffffffe6;display:flex;flex-direction:column;max-height:88vh;max-width:920px;overflow:hidden;position:relative;width:100%}[data-theme=dark] .devices-modal-container{background:#18181cf7;border-color:#ffffff14;box-shadow:0 2px 4px #0000004d,0 8px 24px #0006,0 32px 64px #00000080,inset 0 1px 0 #ffffff0f}.devices-modal-header{align-items:center;background:linear-gradient(135deg,#4f98a312,#4f98a308);border-bottom:1px solid #00000012;display:flex;flex-shrink:0;justify-content:space-between;padding:22px 28px 20px}[data-theme=dark] .devices-modal-header{background:linear-gradient(135deg,#4f98a31a,#4f98a30a);border-bottom-color:#ffffff12}.devices-modal-header-left{align-items:center;display:flex;gap:14px}.devices-modal-icon-wrap{align-items:center;background:linear-gradient(135deg,#4f98a32e,#4f98a314);border:1px solid #4f98a340;border-radius:12px;box-shadow:0 2px 8px #4f98a326;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.devices-modal-title{display:flex;flex-direction:column;gap:2px}.devices-modal-title h3{color:#0f172a;font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}[data-theme=dark] .devices-modal-title h3{color:#f1f5f9}.devices-modal-title p{color:#64748b;font-size:13px;font-weight:400;margin:0}[data-theme=dark] .devices-modal-title p{color:#94a3b8}.devices-modal-close{align-items:center;background:#0000000a;border:1px solid #00000017;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:36px}.devices-modal-close:hover{background:#ef44441a;border-color:#ef444440;color:#ef4444;transform:rotate(90deg) scale(1.05)}[data-theme=dark] .devices-modal-close{background:#ffffff0d;border-color:#ffffff14;color:#94a3b8}.devices-modal-stats{border-bottom:1px solid #0000000f;display:flex;flex-shrink:0;gap:0}[data-theme=dark] .devices-modal-stats{border-bottom-color:#ffffff0f}.devices-stat-item{align-items:center;border-right:1px solid #0000000f;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:14px 12px;transition:background .2s}.devices-stat-item:last-child{border-right:none}.devices-stat-item:hover{background:#4f98a30a}[data-theme=dark] .devices-stat-item{border-right-color:#ffffff0d}.devices-stat-value{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1}[data-theme=dark] .devices-stat-value{color:#f1f5f9}.devices-stat-value.active{color:#10b981}.devices-stat-value.blocked{color:#ef4444}.devices-stat-label{color:#94a3b8;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.devices-modal-body{flex:1 1;overflow-y:auto;padding:24px 28px;scrollbar-color:#4f98a34d #0000;scrollbar-width:thin}.devices-modal-body::-webkit-scrollbar{width:6px}.devices-modal-body::-webkit-scrollbar-track{background:#0000}.devices-modal-body::-webkit-scrollbar-thumb{background:#4f98a359;border-radius:99px}.devices-loading-wrap{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:60px 20px}.devices-loading-ring{animation:deviceSpinnerRing .8s linear infinite;border:3px solid #4f98a326;border-radius:50%;border-top-color:#4f98a3;height:40px;width:40px}.devices-loading-text{color:#94a3b8;font-size:14px;font-weight:500}.devices-empty-wrap{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:60px 20px}.devices-empty-icon{font-size:3rem;margin-bottom:6px;opacity:.6}.devices-empty-wrap h4{color:#64748b;font-size:16px;font-weight:600;margin:0}[data-theme=dark] .devices-empty-wrap h4{color:#94a3b8}.devices-empty-wrap p{color:#94a3b8;font-size:13px;margin:0;max-width:32ch;text-align:center}.devices-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.device-card{animation:deviceRowIn .3s ease forwards;background:#fff;border:1px solid #00000012;border-radius:14px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;display:flex;flex-direction:column;gap:12px;padding:18px 20px;transition:all .25s cubic-bezier(.16,1,.3,1)}.device-card:nth-child(2){animation-delay:.05s}.device-card:nth-child(3){animation-delay:.1s}.device-card:nth-child(4){animation-delay:.15s}.device-card:nth-child(5){animation-delay:.2s}.device-card:hover{border-color:#4f98a340;box-shadow:0 4px 16px #00000014,0 12px 32px #0000000f;transform:translateY(-3px)}[data-theme=dark] .device-card{background:#ffffff0a;border-color:#ffffff12}[data-theme=dark] .device-card:hover{background:#ffffff0f;border-color:#4f98a359}.device-card.blocked{background:#ef444405;border-color:#ef444433}.device-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between}.device-card-icon{align-items:center;background:linear-gradient(135deg,#4f98a324,#4f98a30f);border:1px solid #4f98a333;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.device-card.blocked .device-card-icon{background:linear-gradient(135deg,#ef44441f,#ef44440d);border-color:#ef444433}.device-card-name{color:#0f172a;flex:1 1;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .device-card-name{color:#f1f5f9}.device-status-badge{align-items:center;border-radius:99px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:5px;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.device-status-badge.active{background:#10b9811f;border:1px solid #10b98140;color:#059669}.device-status-badge.blocked{background:#ef44441a;border:1px solid #ef444440;color:#dc2626}.device-card-details{display:flex;flex-direction:column;gap:7px}.device-detail-row{align-items:center;display:flex;font-size:12.5px;gap:8px}.device-detail-row .detail-icon{flex-shrink:0;font-size:13px;opacity:.65;text-align:center;width:18px}.device-detail-label{color:#94a3b8;flex-shrink:0;font-size:11.5px;font-weight:600;letter-spacing:.04em;min-width:80px;text-transform:uppercase}.device-detail-value{color:#334155;font-size:12.5px;font-weight:500;word-break:break-all}[data-theme=dark] .device-detail-value{color:#cbd5e1}.device-detail-value code{background:#4f98a31a;border-radius:5px;color:#0891b2;font-family:SF Mono,Fira Code,monospace;font-size:11.5px;padding:2px 6px}[data-theme=dark] .device-detail-value code{background:#4f98a326;color:#67e8f9}.device-card-divider{background:#0000000f;height:1px;margin:0 -2px}[data-theme=dark] .device-card-divider{background:#ffffff0f}.device-card-footer{align-items:center;color:#94a3b8;display:flex;font-size:11.5px;justify-content:space-between}.device-approved-by{align-items:center;display:flex;gap:5px}.device-approved-by span{color:#64748b;font-weight:600}[data-theme=dark] .device-approved-by span{color:#94a3b8}.device-approved-time{color:#94a3b8;font-size:11px}.devices-modal-footer{align-items:center;border-top:1px solid #0000000f;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;padding:16px 28px 20px}[data-theme=dark] .devices-modal-footer{border-top-color:#ffffff0f}.devices-footer-info{align-items:center;color:#94a3b8;display:flex;font-size:12.5px;gap:6px}.devices-footer-close{background:#0000000f;border:1px solid #0000001a;border-radius:10px;color:#374151;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 22px;transition:all .2s cubic-bezier(.16,1,.3,1)}.devices-footer-close:hover{background:#0000001a;transform:translateY(-1px)}[data-theme=dark] .devices-footer-close{background:#ffffff14;border-color:#ffffff1a;color:#cbd5e1}[data-theme=dark] .devices-footer-close:hover{background:#ffffff1f}@media (max-width:768px){.devices-modal-container{border-radius:16px 16px 0 0;margin-top:auto;max-height:92vh;max-width:100%}.devices-modal-overlay{align-items:flex-end;padding:0}.devices-grid{grid-template-columns:1fr}.devices-modal-body{padding:16px 18px}.devices-modal-footer,.devices-modal-header{padding-left:18px;padding-right:18px}}.device-card-actions{display:flex;gap:8px;padding-top:2px}.device-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:7px 12px;transition:all .2s cubic-bezier(.16,1,.3,1)}.device-action-btn.block{background:#ef444414;border-color:#ef444433;color:#dc2626}.device-action-btn.block:hover{background:#ef444426;border-color:#ef444459;box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.device-action-btn.unblock{background:#10b98114;border-color:#10b98133;color:#059669}.device-action-btn.unblock:hover{background:#10b98126;border-color:#10b98159;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.device-action-btn.delete{background:#6b728014;border-color:#6b728033;color:#6b7280}.device-action-btn.delete:hover{background:#6b728026;border-color:#6b72804d;box-shadow:0 4px 12px #6b728026;transform:translateY(-1px)}[data-theme=dark] .device-action-btn.delete{color:#9ca3af}.device-nickname-edit-wrap{align-items:center;display:flex;flex:1 1;gap:4px}.device-nickname-input{background:#1e293b;background:var(--input-bg,#1e293b);border:1px solid #334155;border:1px solid var(--border,#334155);border-radius:6px;color:#f1f5f9;color:var(--text,#f1f5f9);flex:1 1;font-size:13px;outline:none;padding:4px 8px}.device-nickname-input:focus{border-color:#4f98a3}.device-nickname-save-btn{background:#10b981;font-weight:700}.device-nickname-cancel-btn,.device-nickname-save-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:4px 8px}.device-nickname-cancel-btn{background:#ef4444}.device-limit-bar{align-items:center;background:#1a2535;background:var(--surface-2,#1a2535);border-top:1px solid #334155;border-top:1px solid var(--border,#334155);display:flex;flex-wrap:wrap;gap:10px;padding:10px 20px}.device-limit-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:13px;font-weight:500;white-space:nowrap}.device-limit-input{background:#0f172a;background:var(--input-bg,#0f172a);border:1px solid #334155;border:1px solid var(--border,#334155);border-radius:6px;color:#f1f5f9;color:var(--text,#f1f5f9);font-size:13px;outline:none;padding:6px 10px;text-align:center;width:90px}.device-limit-input:focus{border-color:#4f98a3}.device-limit-save-btn{background:#4f98a3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.device-limit-save-btn:disabled{cursor:not-allowed;opacity:.5}.device-limit-clear-btn{background:#0000;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;padding:6px 12px}.device-limit-current{background:#1e293b;background:var(--surface-offset,#1e293b);border:1px solid #334155;border:1px solid var(--border,#334155);border-radius:20px;color:#4f98a3;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.class-manager{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1px solid #d1d5db;border:1px solid var(--input-border,#d1d5db);border-radius:10px;margin-top:6px;padding:12px 14px}.class-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.class-manager-title{color:#374151;color:var(--text-primary,#374151);font-size:13px;font-weight:600}.class-manager-clear-all{background:none;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px;transition:background .15s}.class-manager-clear-all:hover{background:#fee2e2}.class-chips-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:30px}.class-empty-hint{color:#9ca3af;font-size:12px;font-style:italic;line-height:28px}.class-chip{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:999px;color:#1e40af;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 8px 3px 10px}.class-chip--editing{background:#fef9c3;border-color:#fbbf24;border-radius:8px;color:#92400e;padding:3px 6px}.class-chip-label{line-height:1.4}.class-chip-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:11px;line-height:1;padding:0 2px;transition:background .15s,color .15s}.class-chip-btn.edit{color:#3b82f6}.class-chip-btn.edit:hover{background:#eff6ff}.class-chip-btn.remove{color:#6b7280;font-weight:700}.class-chip-btn.remove:hover{background:#fee2e2;color:#dc2626}.class-chip-btn.save{color:#16a34a;font-weight:700}.class-chip-btn.save:hover{background:#dcfce7}.class-chip-btn.cancel{color:#6b7280;font-weight:700}.class-chip-btn.cancel:hover{background:#f3f4f6}.class-chip-edit-input{background:#0000;border:none;border-bottom:1px dashed #fbbf24;color:#92400e;font-size:12px;font-weight:600;outline:none;width:110px}.class-add-row{display:flex;gap:8px;margin-bottom:6px}.class-add-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--input-border,#d1d5db);border-radius:7px;color:#111;color:var(--text-primary,#111);flex:1 1;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s}.class-add-input:focus{border-color:#3b82f6}.class-add-btn{background:#2563eb;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:background .15s;white-space:nowrap}.class-add-btn:hover:not(:disabled){background:#1d4ed8}.class-add-btn:disabled{background:#93c5fd;cursor:not-allowed}.class-hint{color:#9ca3af;display:block;font-size:11px;margin-top:2px}[data-theme=dark] .class-manager{background:#1e293b;border-color:#334155}[data-theme=dark] .class-manager-title{color:#e2e8f0}[data-theme=dark] .class-chip{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .class-chip--editing{background:#3b2f0a;border-color:#fbbf24;color:#fde68a}[data-theme=dark] .class-add-input{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-theme=dark] .class-chip-edit-input{color:#fde68a}@keyframes formSlideInAdv{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.user-form-advanced{animation:formSlideInAdv .25s cubic-bezier(.16,1,.3,1) both;animation:formSlideInAdv var(--duration-normal) var(--ease-standard) both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a;margin-bottom:24px;margin-bottom:var(--space-24);overflow:hidden;transition:border-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.user-form-advanced.is-editing{border-color:#a84b2f;border-color:var(--color-warning);box-shadow:0 0 0 1px #a84b2f26,0 4px 16px #0000000f;box-shadow:0 0 0 1px rgba(var(--color-warning-rgb),.15),0 4px 16px #0000000f}.ufa-header{background:linear-gradient(135deg,#fcfcf9,#5e52401f);background:linear-gradient(135deg,var(--color-background) 0,var(--color-secondary) 100%);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);gap:12px;gap:var(--space-12);padding:16px 24px;padding:var(--space-16) var(--space-24)}.ufa-header,.ufa-header-icon{align-items:center;display:flex}.ufa-header-icon{background:#21808d;background:var(--color-primary);border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);height:40px;justify-content:center;transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard);width:40px}.user-form-advanced.is-editing .ufa-header-icon{background:#a84b2f;background:var(--color-warning)}.ufa-header-text{flex:1 1;min-width:0}.ufa-title{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ufa-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}.ufa-mode-badge{animation:editModeBadge .25s cubic-bezier(.16,1,.3,1) both;animation:editModeBadge var(--duration-normal) var(--ease-standard) both;background:#a84b2f1a;background:rgba(var(--color-warning-rgb),.1);border:1px solid #a84b2f4d;border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:6px;border-radius:var(--radius-sm);color:#a84b2f;color:var(--color-warning);font-size:9px;font-weight:700;letter-spacing:.08em;padding:3px 8px;white-space:nowrap}.ufa-grid{grid-gap:16px 20px;grid-gap:var(--space-16) var(--space-20);display:grid;gap:16px 20px;gap:var(--space-16) var(--space-20);grid-template-columns:1fr 1fr;padding:20px 24px;padding:var(--space-20) var(--space-24)}.ufa-field{display:flex;flex-direction:column;gap:6px;gap:var(--space-6)}.ufa-field--full{grid-column:1/-1}.ufa-label{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);gap:6px;gap:var(--space-6)}.ufa-label-icon{font-size:14px;line-height:1}.ufa-required{color:#c0152f;color:var(--color-error);margin-left:2px}.ufa-optional{font-weight:400;font-weight:var(--font-weight-normal);margin-left:4px;margin-left:var(--space-4)}.ufa-hint,.ufa-optional{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.ufa-input,.ufa-select{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);height:40px;outline:none;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1),background .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);width:100%}.ufa-input:focus,.ufa-select:focus{background:#fffffd;background:var(--color-surface);box-shadow:0 0 0 3px #21808d66;box-shadow:0 0 0 3px var(--color-focus-ring)}.ufa-input:focus,.ufa-input:hover:not(:focus),.ufa-select:focus,.ufa-select:hover:not(:focus){border-color:#21808d;border-color:var(--color-primary)}.ufa-input:disabled,.ufa-select:disabled{background:#5e52401f;background:var(--color-secondary);cursor:not-allowed;opacity:.55}.ufa-input::placeholder{color:#626c71;color:var(--color-text-secondary)}.ufa-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){.ufa-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .ufa-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .ufa-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.ufa-password-wrap{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.ufa-strength-bar{background:#5e524033;background:var(--color-border);height:3px;overflow:hidden}.ufa-strength-bar,.ufa-strength-fill{border-radius:9999px;border-radius:var(--radius-full)}.ufa-strength-fill{height:100%;transition:width .25s cubic-bezier(.16,1,.3,1),background .25s cubic-bezier(.16,1,.3,1);transition:width var(--duration-normal) var(--ease-standard),background var(--duration-normal) var(--ease-standard)}.ufa-strength-fill.weak{background:#c0152f;background:var(--color-error)}.ufa-strength-fill.medium{background:#a84b2f;background:var(--color-warning)}.ufa-strength-fill.strong{background:#21808d;background:var(--color-success)}.ufa-strength-label{font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium)}.ufa-strength-label.weak{color:#c0152f;color:var(--color-error)}.ufa-strength-label.medium{color:#a84b2f;color:var(--color-warning)}.ufa-strength-label.strong{color:#21808d;color:var(--color-success)}.ufa-footer{align-items:center;background:#fcfcf9;background:var(--color-background);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:flex;gap:8px;gap:var(--space-8);padding:16px 24px;padding:var(--space-16) var(--space-24)}.ufa-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);height:38px;justify-content:center;padding:0 20px;padding:0 var(--space-20);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.ufa-btn--primary{background:#21808d;background:var(--color-primary);box-shadow:0 1px 2px #0000001a,inset 0 1px 0 #ffffff1f;color:#fcfcf9;color:var(--color-btn-primary-text)}.ufa-btn--primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.ufa-btn--primary:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.ufa-btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.ufa-btn--secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);transform:translateY(-1px)}.ufa-btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.ufa-spinner{animation:spin .65s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;display:inline-block;flex-shrink:0;height:14px;width:14px}@media (max-width:640px){.ufa-grid{gap:12px;gap:var(--space-12);grid-template-columns:1fr;padding:16px;padding:var(--space-16)}.ufa-field--full{grid-column:1}.ufa-header{padding:12px 16px;padding:var(--space-12) var(--space-16)}.ufa-header-icon{font-size:14px;font-size:var(--font-size-base);height:32px;width:32px}.ufa-footer{flex-wrap:wrap;padding:12px 16px;padding:var(--space-12) var(--space-16)}.ufa-btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.ufa-btn,.ufa-strength-fill,.user-form-advanced{animation:none!important;transition-duration:.01ms!important}}.uta-container{animation:slideInUp .25s cubic-bezier(.16,1,.3,1) .1s both;animation:slideInUp var(--duration-normal) var(--ease-standard) .1s both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.uta-container:hover{border-color:#21808d4d;border-color:rgba(var(--color-teal-500-rgb),.3);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg)}.uta-toolbar{background:linear-gradient(135deg,#fcfcf9,#5e52401f);background:linear-gradient(135deg,var(--color-background) 0,var(--color-secondary) 100%);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);gap:12px;gap:var(--space-12);justify-content:space-between;padding:16px 24px;padding:var(--space-16) var(--space-24)}.uta-toolbar,.uta-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.uta-toolbar-left{gap:16px;gap:var(--space-16)}.uta-title,.uta-toolbar-right{align-items:center;display:flex}.uta-title{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-8);margin:0}.uta-count-badge{background:#21808d;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);min-width:24px;padding:2px 8px;text-align:center}.uta-stats{gap:8px;gap:var(--space-8)}.uta-stat,.uta-stats{align-items:center;display:flex}.uta-stat{border-radius:9999px;border-radius:var(--radius-full);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;padding:3px 10px}.uta-stat--active{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);color:#21808d;color:var(--color-success)}.uta-stat--locked{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);color:#c0152f;color:var(--color-error)}.uta-stat--inactive{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary)}.uta-search-wrap{align-items:center;display:flex;position:relative}.uta-search-icon{font-size:13px;left:10px;left:var(--space-10);pointer-events:none;position:absolute}.uta-search{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);height:36px;outline:none;padding:6px 10px 6px 32px;padding:var(--space-6) var(--space-10) var(--space-6) 32px;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:220px}.uta-search:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:0 0 0 3px var(--color-focus-ring)}.uta-search-clear{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:2px 4px;position:absolute;right:8px;right:var(--space-8);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.uta-search-clear:hover{color:#13343b;color:var(--color-text)}.uta-skeleton-wrap{padding:4px 0;padding:var(--space-4) 0}.uta-skeleton-row{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;gap:16px;gap:var(--space-16);padding:14px 24px;padding:var(--space-14,14px) var(--space-24)}.uta-sk{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#5e52401f 25%,#5e524033 50%,#5e52401f 75%);background:linear-gradient(90deg,var(--color-secondary) 25%,var(--color-secondary-hover) 50%,var(--color-secondary) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm);flex-shrink:0;height:14px}.uta-sk--sm{width:40px}.uta-sk--md{width:100px}.uta-sk--lg{width:160px}.uta-sk--xl{width:200px}.uta-empty{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:32px 20px;padding:var(--space-32) var(--space-20);text-align:center}.uta-empty-icon{font-size:48px;margin-bottom:12px;margin-bottom:var(--space-12)}.uta-empty h4{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);margin:0 0 6px;margin:0 0 var(--space-6) 0}.uta-empty p{font-size:14px;font-size:var(--font-size-base);margin:0 0 16px;margin:0 0 var(--space-16) 0;max-width:40ch}.uta-empty-clear{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.uta-empty-clear:hover{background:#5e524033;background:var(--color-secondary-hover);transform:translateY(-1px)}.uta-scroll{overflow-x:auto}.uta-table{border-collapse:collapse;font-size:14px;font-size:var(--font-size-base);width:100%}.uta-table thead{background:#fcfcf9;background:var(--color-background)}.uta-th{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#21808d;color:var(--color-primary);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.04em;padding:10px 16px;padding:var(--space-10) var(--space-16);text-align:left;text-transform:uppercase;transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard);white-space:nowrap}.uta-th:hover{background:#5e52401f;background:var(--color-secondary)}.uta-th--check{padding-left:16px;padding-left:var(--space-16);width:44px}.uta-th--center{text-align:center}.uta-th--actions{min-width:220px;text-align:right}.uta-td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#626c71;color:var(--color-text-secondary);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard);vertical-align:middle}.uta-td--check{padding-left:16px;padding-left:var(--space-16);width:44px}.uta-td--center{text-align:center}.uta-td--actions{text-align:right}.uta-row{transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard)}.uta-row:last-child .uta-td{border-bottom:none}.uta-row:hover{background:#fcfcf9;background:var(--color-background)}.uta-row:hover .uta-td{color:#13343b;color:var(--color-text)}.uta-row--selected{background:#21808d0f!important;background:rgba(var(--color-teal-500-rgb),.06)!important}.uta-row--self .uta-td{opacity:.9}.uta-user-cell{gap:10px;gap:var(--space-10);min-width:190px}.uta-avatar,.uta-user-cell{align-items:center;display:flex}.uta-avatar{border-radius:9999px;border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);height:36px;justify-content:center;letter-spacing:.04em;width:36px}.uta-user-info{display:flex;flex-direction:column;gap:1px}.uta-username{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);gap:6px;gap:var(--space-6)}.uta-self-tag{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d40;border:1px solid rgba(var(--color-teal-500-rgb),.25);border-radius:9999px;border-radius:var(--radius-full);color:#21808d;color:var(--color-primary);font-size:9px;font-weight:700;letter-spacing:.06em;padding:1px 5px}.uta-email,.uta-user-id{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.uta-user-id{opacity:.5}.uta-role-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);gap:4px;gap:var(--space-4);padding:4px 10px;padding:var(--space-4) var(--space-10);white-space:nowrap}.uta-role--admin{background:#21808d1f;background:rgba(var(--color-teal-500-rgb),.12);border:1px solid #21808d40;border:1px solid rgba(var(--color-teal-500-rgb),.25);color:#21808d;color:var(--color-primary)}.uta-role--viewer{background:#626c711f;background:rgba(var(--color-info-rgb),.12);border:1px solid #626c7133;border:1px solid rgba(var(--color-info-rgb),.2);color:#626c71;color:var(--color-info)}.uta-role--editor{background:#a84b2f1f;background:rgba(var(--color-warning-rgb),.12);border:1px solid #a84b2f33;border:1px solid rgba(var(--color-warning-rgb),.2);color:#a84b2f;color:var(--color-warning)}.uta-district-badge{align-items:center;color:#626c71;color:var(--color-text-secondary);display:inline-flex;font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-4);white-space:nowrap}.uta-class-chips{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-4);max-width:180px}.uta-class-chip{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d33;border:1px solid rgba(var(--color-teal-500-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#21808d;color:var(--color-primary);display:inline-block;font-weight:550;font-weight:var(--font-weight-semibold);white-space:nowrap}.uta-all-badge,.uta-class-chip{font-size:11px;font-size:var(--font-size-xs);padding:2px 8px}.uta-all-badge{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}.uta-all-badge,.uta-null{color:#626c71;color:var(--color-text-secondary)}.uta-null{font-size:11px;font-size:var(--font-size-xs);opacity:.5}.uta-null--center{display:block;text-align:center}.uta-toggle{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.uta-toggle input{height:0;opacity:0;position:absolute;width:0}.uta-toggle-track{background:#5e524033;background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full);height:18px;position:relative;transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard);width:34px}.uta-toggle input:checked+.uta-toggle-track{background:#21808d;background:var(--color-success)}.uta-toggle--danger input:checked+.uta-toggle-track{background:#c0152f;background:var(--color-error)}.uta-toggle-thumb{background:#fff;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0003;height:14px;left:2px;position:absolute;top:2px;transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard);width:14px}.uta-toggle input:checked+.uta-toggle-track .uta-toggle-thumb{transform:translateX(16px)}.uta-toggle--disabled{cursor:not-allowed;opacity:.45}.uta-login-cell{display:flex;flex-direction:column;gap:1px}.uta-login-date{color:#13343b;color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium)}.uta-login-date,.uta-login-time{font-size:11px;font-size:var(--font-size-xs)}.uta-login-time{color:#626c71;color:var(--color-text-secondary)}.uta-actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-4);justify-content:flex-end}.uta-action-btn{align-items:center;background:#5e52401f;background:var(--color-secondary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:30px}.uta-action-btn:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#13343b;color:var(--color-text);transform:translateY(-1px)}.uta-action-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.uta-action-btn:disabled{cursor:not-allowed;opacity:.4}.uta-action-btn--edit:hover:not(:disabled){background:#21808d26;background:rgba(var(--color-teal-500-rgb),.15);color:#21808d;color:var(--color-primary)}.uta-action-btn--delete:hover:not(:disabled){background:#c0152f1f;background:rgba(var(--color-error-rgb),.12);color:#c0152f;color:var(--color-error)}.uta-action-btn--unlock:hover:not(:disabled){background:#21808d1f;background:rgba(var(--color-success-rgb),.12);color:#21808d;color:var(--color-success)}.uta-action-btn--api:hover:not(:disabled){background:#3b82f61f;color:#3b82f6}.uta-footer{align-items:center;background:#fcfcf9;background:var(--color-background);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:flex;justify-content:space-between;padding:10px 24px;padding:var(--space-10) var(--space-24)}.uta-footer-info{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}@media (max-width:768px){.uta-toolbar{padding:12px 16px;padding:var(--space-12) var(--space-16)}.uta-td,.uta-th{padding:10px 12px;padding:var(--space-10) var(--space-12)}.uta-stats{display:none}.uta-search{width:160px}.uta-footer{padding:8px 16px;padding:var(--space-8) var(--space-16)}}@media (max-width:480px){.uta-title{font-size:16px;font-size:var(--font-size-lg)}.uta-search{width:130px}}@media (prefers-reduced-motion:reduce){.uta-action-btn,.uta-empty-clear,.uta-sk,.uta-toggle-thumb,.uta-toggle-track{animation:none!important;transition-duration:.01ms!important}}@keyframes rpmOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes rpmModalIn{0%{opacity:0;transform:translateY(-24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.rpm-overlay{align-items:center;animation:rpmOverlayIn .2s ease both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-16);position:fixed;z-index:1100}.rpm-modal{animation:rpmModalIn .3s cubic-bezier(.16,1,.3,1) both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:var(--radius-xl);box-shadow:0 24px 64px #0003,0 4px 16px #0000001f;max-width:460px;overflow:hidden;width:100%}.rpm-header{background:linear-gradient(135deg,#fcfcf9,#5e52401f);background:linear-gradient(135deg,var(--color-background) 0,var(--color-secondary) 100%);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);gap:12px;gap:var(--space-12);padding:20px 24px;padding:var(--space-20) var(--space-24)}.rpm-header,.rpm-header-icon{align-items:center;display:flex}.rpm-header-icon{background:#21808d;background:var(--color-primary);border-radius:8px;border-radius:var(--radius-base);flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.rpm-header-text{flex:1 1;min-width:0}.rpm-title{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin:0 0 2px}.rpm-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}.rpm-subtitle strong{color:#21808d;color:var(--color-primary)}.rpm-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:32px}.rpm-close:hover:not(:disabled){background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);color:#c0152f;color:var(--color-error);transform:rotate(90deg)}.rpm-close:disabled{cursor:not-allowed;opacity:.4}.rpm-body{display:flex;flex-direction:column;gap:16px;gap:var(--space-16);padding:20px 24px;padding:var(--space-20) var(--space-24)}.rpm-requirements{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6)}.rpm-req{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:3px 10px;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.rpm-req.met{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border-color:#21808d40;border-color:rgba(var(--color-success-rgb),.25);color:#21808d;color:var(--color-success)}.rpm-field{flex-direction:column}.rpm-field,.rpm-label{display:flex;gap:6px;gap:var(--space-6)}.rpm-label{align-items:center;color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.rpm-required{color:#c0152f;color:var(--color-error);margin-left:2px}.rpm-input-wrap{align-items:center;display:flex;position:relative}.rpm-input{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);height:42px;outline:none;padding:8px 40px 8px 12px;padding:var(--space-8) var(--space-40,40px) var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}.rpm-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:0 0 0 3px var(--color-focus-ring)}.rpm-input--match{border-color:#21808d!important;border-color:var(--color-success)!important}.rpm-input--mismatch{border-color:#c0152f!important;border-color:var(--color-error)!important}.rpm-input:disabled{background:#5e52401f;background:var(--color-secondary);cursor:not-allowed;opacity:.55}.rpm-eye{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);cursor:pointer;font-size:16px;padding:2px 4px;position:absolute;right:10px;right:var(--space-10);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.rpm-eye:hover{color:#13343b;color:var(--color-text)}.rpm-strength-bar{background:#5e524033;background:var(--color-border);height:3px;overflow:hidden}.rpm-strength-bar,.rpm-strength-fill{border-radius:9999px;border-radius:var(--radius-full)}.rpm-strength-fill{height:100%;transition:width .25s cubic-bezier(.16,1,.3,1),background .25s cubic-bezier(.16,1,.3,1);transition:width var(--duration-normal) var(--ease-standard),background var(--duration-normal) var(--ease-standard)}.rpm-strength-fill.weak{background:#c0152f;background:var(--color-error)}.rpm-strength-fill.medium{background:#a84b2f;background:var(--color-warning)}.rpm-strength-fill.strong{background:#21808d;background:var(--color-success)}.rpm-error{animation:alertSlideIn .25s cubic-bezier(.16,1,.3,1) both;background:#c0152f14;background:rgba(var(--color-error-rgb),.08);border:1px solid #c0152f38;border:1px solid rgba(var(--color-error-rgb),.22);border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:10px 12px;padding:var(--space-10) var(--space-12)}.rpm-error,.rpm-footer{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.rpm-footer{background:#fcfcf9;background:var(--color-background);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);padding:16px 24px;padding:var(--space-16) var(--space-24)}.rpm-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);height:40px;justify-content:center;padding:0 20px;padding:0 var(--space-20);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.rpm-btn--primary{background:#21808d;background:var(--color-primary);box-shadow:0 1px 2px #0000001a;color:#fcfcf9;color:var(--color-btn-primary-text)}.rpm-btn--primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.rpm-btn--primary:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:none}.rpm-btn--secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.rpm-btn--secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);transform:translateY(-1px)}.rpm-btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.rpm-spinner{animation:spin .65s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;display:inline-block;flex-shrink:0;height:14px;width:14px}@media (max-width:480px){.rpm-overlay{align-items:flex-end;padding:8px;padding:var(--space-8)}.rpm-modal{border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%}.rpm-body,.rpm-header{padding:16px;padding:var(--space-16) var(--space-16)}.rpm-footer{flex-wrap:wrap;padding:12px 16px;padding:var(--space-12) var(--space-16)}.rpm-btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.rpm-error,.rpm-modal,.rpm-overlay{animation:none!important}.rpm-btn,.rpm-close,.rpm-req{transition:none!important}}.login-history-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.login-history-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#2563eb,#1e40af);border-bottom:3px solid #1e3a8a;min-height:80px;padding:1.5rem 2rem}.header-content{display:flex;flex-direction:column;gap:.25rem}.header-content h2{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.user-email{color:#ffffffe6;font-size:.95rem;font-weight:500;margin:0}.close-button{align-items:center;background:#ffffff40;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:40px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:40px;z-index:10}.close-button:hover{background:#ffffff59;border-color:#fff9;box-shadow:0 4px 12px #0003;transform:scale(1.1) rotate(90deg)}.close-button:active{transform:scale(.95) rotate(90deg)}.statistics-bar{grid-gap:1.5rem;background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);padding:1.5rem 2rem}.stat-value{font-size:2rem;margin-bottom:.25rem}.stat-value.success{color:#10b981}.stat-value.failed{color:#ef4444}.stat-value.countries{color:#3b82f6}.stat-value.ips{color:#8b5cf6}.stat-label{font-size:.75rem}.filters-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 2rem}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:150px;padding:.5rem .75rem;transition:all .2s ease}.filter-select:hover{border-color:#9ca3af}.filter-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clear-filters-button{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-button:hover{background:#e5e7eb}.export-button{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.export-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.export-button:disabled{cursor:not-allowed;opacity:.6}.modal-content{background:#f9fafb;flex:1 1;padding:2rem}.error-message{background:#fee2e2;border:2px solid #fca5a5;color:#991b1b;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:50px;width:50px}.loading-text{color:#6b7280;font-size:1rem;margin-top:1rem}.empty-state{padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-text{color:#6b7280;font-size:1.125rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:1.5rem;transition:all .2s ease}.history-item.success{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#86efac}.history-item.failed{background:linear-gradient(180deg,#fef2f2,#fff);border-color:#fca5a5}.history-item.suspicious{background:linear-gradient(180deg,#fffbeb,#fff);border-color:#fbbf24;box-shadow:0 4px 12px #fbbf2433}.history-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.history-item-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status-icon{font-size:2rem;line-height:1}.history-item-title{flex:1 1}.history-status{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.history-timestamp{color:#6b7280;font-size:.75rem}.suspicious-badge{background:#fbbf24;border-radius:6px;color:#78350f;font-size:.75rem;font-weight:700;padding:.375rem .75rem;white-space:nowrap}.history-details{grid-gap:.75rem;border-top:1px solid #e5e7eb;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding-top:1rem}.detail-row{font-size:.875rem;gap:.5rem}.detail-row.full-width{grid-column:1/-1}.detail-label{color:#6b7280;font-weight:500;min-width:100px}.detail-value{color:#111827;font-weight:400}.detail-value.ip{color:#2563eb;font-family:Courier New,monospace;font-weight:600}.detail-value.user-agent{color:#6b7280;font-family:Courier New,monospace;font-size:.75rem}.pagination-bar{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 2rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-buttons{display:flex;gap:.5rem}.pagination-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.statistics-bar{gap:1rem;grid-template-columns:repeat(2,1fr)}.filters-bar{align-items:stretch;flex-direction:column}.filter-select{min-width:100%}.export-button{margin-left:0}.history-details{grid-template-columns:1fr}.pagination-bar{flex-direction:column;gap:1rem}.pagination-buttons{width:100%}.pagination-button{flex:1 1}}.sec-dash{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0 0 40px}.sec-dash-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:24px}.sec-dash-title{color:#111827;font-size:1.45rem;font-weight:800;letter-spacing:-.3px;margin:0}.sec-dash-refresh-time{color:#9ca3af;display:block;font-size:.76rem;font-weight:400;margin-top:3px}.sec-dash-refresh-btn{background:#2563eb;border:none;border-radius:8px;box-shadow:0 1px 3px #2563eb4d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:9px 18px;transition:background .2s,transform .1s}.sec-dash-refresh-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.sec-dash-refresh-btn:active{transform:translateY(0)}.sec-dash-grid-4{grid-gap:14px;grid-template-columns:repeat(4,1fr)}.sec-dash-grid-2,.sec-dash-grid-4{display:grid;gap:14px;margin-bottom:14px}.sec-dash-grid-2{grid-gap:14px;grid-template-columns:repeat(2,1fr)}@media (max-width:1100px){.sec-dash-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.sec-dash-grid-2,.sec-dash-grid-4{grid-template-columns:1fr}}.sec-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 4px #0000000f;padding:20px 18px;position:relative;transition:box-shadow .2s,transform .15s}.sec-stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.sec-stat-icon{font-size:1.6rem;line-height:1;margin-bottom:10px}.sec-stat-value{color:#111827;font-size:2rem;font-weight:800;line-height:1;margin-bottom:5px}.sec-stat-label{color:#6b7280;font-size:.78rem;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.sec-stat-card-blue{border-left:4px solid #3b82f6}.sec-stat-card-green{border-left:4px solid #10b981}.sec-stat-card-red{border-left:4px solid #ef4444}.sec-stat-card-orange{border-left:4px solid #f97316}.sec-stat-card-gray{border-left:4px solid #9ca3af}.sec-stat-card-blue .sec-stat-value{color:#2563eb}.sec-stat-card-green .sec-stat-value{color:#059669}.sec-stat-card-red .sec-stat-value{color:#dc2626}.sec-stat-card-orange .sec-stat-value{color:#ea580c}.sec-stat-card-gray .sec-stat-value{color:#6b7280}.sec-stat-alert{background:#fffbeb;border-bottom:1px solid #fde68a;border-right:1px solid #fde68a;border-top:1px solid #fde68a}.sec-stat-alert-dot{animation:sec-pulse 1.6s ease-in-out infinite;background:#f59e0b;border-radius:50%;height:9px;position:absolute;right:14px;top:14px;width:9px}@keyframes sec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.5)}}.sec-dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 4px #0000000f;margin-bottom:14px;padding:20px 22px}.sec-dash-card-wide{margin-bottom:0}.sec-dash-card-title{border-bottom:1px solid #f3f4f6;color:#111827;font-size:.95rem;font-weight:700;margin-bottom:16px;padding-bottom:10px}.sec-dash-2fa-row{align-items:center;display:flex;gap:18px}.sec-dash-2fa-pct{color:#2563eb;font-size:2.4rem;font-weight:800;line-height:1;min-width:68px}.sec-dash-2fa-detail{color:#6b7280;flex:1 1;font-size:.84rem;font-weight:500}.sec-dash-progress-bar{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;height:9px;margin-top:10px;overflow:hidden}.sec-dash-progress-fill{border-radius:99px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.sec-dash-last-login{padding:6px 0}.sec-dash-last-login-user{color:#111827;font-size:1.05rem;font-weight:700;margin-bottom:6px}.sec-dash-last-login-time{color:#6b7280;font-size:.83rem;font-weight:400}.sec-dash-role-list{display:flex;flex-direction:column;gap:12px}.sec-dash-role-row{align-items:center;display:flex;gap:10px}.sec-dash-role-bar-wrap{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;flex:1 1;height:8px;overflow:hidden}.sec-dash-role-bar{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;height:100%;min-width:4px;transition:width .7s cubic-bezier(.4,0,.2,1)}.sec-dash-role-count{color:#374151;font-size:.875rem;font-weight:700;min-width:26px;text-align:right}.sec-dash-bar-chart{align-items:flex-end;display:flex;gap:10px;height:110px;padding-top:24px}.sec-dash-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:5px}.sec-dash-bar-value{color:#6b7280;font-size:.7rem;font-weight:600}.sec-dash-bar-outer{align-items:flex-end;background:#f3f4f6;border:1px solid #e5e7eb;border-bottom:none;border-radius:6px 6px 0 0;display:flex;height:66px;overflow:hidden;width:100%}.sec-dash-bar-inner{background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:4px 4px 0 0;min-height:3px;transition:height .6s cubic-bezier(.4,0,.2,1);width:100%}.sec-dash-bar-label{color:#9ca3af;font-size:.69rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.sec-dash-alerts{display:flex;flex-direction:column;gap:9px}.sec-alert-item{align-items:center;border:1px solid #0000;border-radius:9px;display:flex;font-size:.875rem;font-weight:500;gap:11px;padding:11px 16px}.sec-alert-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.sec-alert-red{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.sec-alert-icon{flex-shrink:0;font-size:1rem}.sec-dash-all-clear{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;color:#15803d;font-size:.875rem;font-weight:600;padding:14px 16px}.sec-dash-table{border-collapse:collapse;font-size:.855rem;width:100%}.sec-dash-table th{background:#f9fafb;border-bottom:2px solid #f3f4f6;color:#6b7280;font-size:.78rem;font-weight:700;letter-spacing:.4px;padding:8px 12px;text-align:left;text-transform:uppercase}.sec-dash-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-weight:500;padding:9px 12px}.sec-dash-table tr:last-child td{border-bottom:none}.sec-dash-table tr:hover td{background:#f9fafb}.sec-dash-table strong{color:#111827}.sec-dash-empty{color:#9ca3af;font-size:.85rem;font-style:italic;padding:16px 0;text-align:center}.sec-dash-loading{color:#6b7280;font-size:.95rem;gap:14px;justify-content:center;padding:48px}.sec-dash-error,.sec-dash-loading{align-items:center;display:flex;font-weight:500}.sec-dash-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:.9rem;gap:10px;margin-bottom:16px;padding:20px 24px}.sec-dash-retry-btn{background:#dc2626;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.83rem;font-weight:600;margin-left:12px;padding:7px 16px;transition:background .2s}.sec-dash-retry-btn:hover{background:#b91c1c}.api-logs-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.api-logs-modal{background:var(--color-surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:95vw}.api-logs-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.api-logs-title{color:var(--color-text);font-size:18px;font-weight:700;margin:0}.api-logs-subtitle{color:var(--color-text-muted);font-size:13px;margin:4px 0 0}.api-logs-header-actions{align-items:center;display:flex;gap:10px}.api-logs-export-btn{background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:opacity .15s ease}.api-logs-export-btn:hover{opacity:.85}.api-logs-close-btn{background:none;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:background .15s ease}.api-logs-close-btn:hover{background:var(--color-surface-offset)}.api-logs-filters{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:14px 24px}.api-logs-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:13px;padding:6px 10px}.api-logs-total-badge{background:var(--color-primary);border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:4px 12px}.api-logs-table-wrap{flex:1 1;overflow-y:auto}.api-logs-table{border-collapse:collapse;width:100%}.api-logs-table thead th{background:var(--color-surface-offset);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:12px;font-weight:600;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.api-logs-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s ease}.api-logs-table tbody tr:hover{background:var(--color-surface-2)}.api-logs-table tbody td{color:var(--color-text);font-size:13px;padding:10px 14px}.api-logs-endpoint{font-family:monospace;font-size:12px;max-width:240px}.api-logs-endpoint,.api-logs-useragent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-logs-useragent{color:var(--color-text-muted);font-size:11px;max-width:200px}.api-logs-badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.api-logs-badge.GET{background:#3498db}.api-logs-badge.POST{background:#27ae60}.api-logs-badge.PUT{background:#f39c12}.api-logs-badge.DELETE{background:#e74c3c}.api-logs-badge.PATCH{background:#9b59b6}.api-logs-badge.status-2xx{background:#27ae60}.api-logs-badge.status-3xx{background:#3498db}.api-logs-badge.status-4xx{background:#e67e22}.api-logs-badge.status-5xx{background:#e74c3c}.api-logs-empty,.api-logs-loading{color:var(--color-text-muted);font-size:14px;padding:40px;text-align:center}.api-logs-pagination{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:16px;justify-content:center;padding:14px}.api-logs-page-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:13px;padding:6px 16px;transition:background .15s ease}.api-logs-page-btn:hover:not(:disabled){background:var(--color-surface-offset)}.api-logs-page-btn:disabled{cursor:not-allowed;opacity:.4}.api-logs-page-info{color:var(--color-text-muted);font-size:13px}@media (max-width:768px){.api-logs-modal{border-radius:0;max-height:100vh;max-width:100vw;width:100vw}.api-logs-filters{padding:10px 16px}.api-logs-total-badge{margin-left:0}.api-logs-header{padding:16px}}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}*{box-sizing:inherit}.btn{font-weight:var(--font-weight-medium);gap:var(--space-8);line-height:var(--line-height-normal);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn--primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background:#1a6873;background:var(--color-primary-active)}.btn--secondary:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}.btn-primary{background:#21808d;color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.btn-secondary{background:#626c71;background:var(--color-text-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background:#13343b;background:var(--color-text)}.btn-success{background:#21808d;background:var(--color-success);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-success:hover:not(:disabled){background:#21808dcc;background:rgba(var(--color-success-rgb),.8)}.btn-danger{background:#c0152f;background:var(--color-error);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-danger:hover:not(:disabled){background:#c0152fcc;background:rgba(var(--color-error-rgb),.8)}.btn-warning{background:#a84b2f;background:var(--color-warning);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-warning:hover:not(:disabled){background:#a84b2fcc;background:rgba(var(--color-warning-rgb),.8)}.btn-info{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-info:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);line-height:var(--line-height-normal)}.form-control:focus{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring)}.form-label{color:#13343b;color:var(--color-text)}.form-group{display:flex;flex-direction:column}.form-input{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.form-input::placeholder{color:#626c71;color:var(--color-text-secondary)}.form-input:focus{background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.form-input:disabled{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.form-input.error{background:#c0152f0d;background:rgba(var(--color-error-rgb),.05)}.form-input.error,.form-input.error:focus{border-color:#c0152f;border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 8px #c0152f4d;box-shadow:0 0 var(--space-8) rgba(var(--color-error-rgb),.3)}.error-text{align-items:center;color:#c0152f;color:var(--color-error);display:flex;font-size:11px;font-size:var(--font-size-xs);gap:4px;gap:var(--space-4);margin-top:4px;margin-top:var(--space-4)}.status--success{background-color:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border:1px solid rgba(var(--color-warning-rgb),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity))}.alert{align-items:flex-start;animation:slideIn .25s cubic-bezier(.16,1,.3,1);animation:slideIn var(--duration-normal) var(--ease-standard);font-size:var(--font-size-base);gap:var(--space-12);padding:12px 16px;padding:var(--space-12) var(--space-16)}.alert-error{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border-left:3px solid #c0152f;border-left:3px solid var(--color-error)}.alert-success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border-left:3px solid #21808d;border-left:3px solid var(--color-success);color:#21808d}.alert-warning{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border-left:3px solid #a84b2f;border-left:3px solid var(--color-warning);color:#a84b2f;color:var(--color-warning)}.success-message{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border-left:3px solid #21808d;border-left:3px solid var(--color-success);color:#21808d;color:var(--color-success)}.error-message,.success-message{animation:slideIn .25s cubic-bezier(.16,1,.3,1);animation:slideIn var(--duration-normal) var(--ease-standard);border-radius:8px;border-radius:var(--radius-base);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:16px;margin-bottom:var(--space-16);padding:12px 16px;padding:var(--space-12) var(--space-16)}.error-message{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border-left:3px solid #c0152f;border-left:3px solid var(--color-error);color:#c0152f;color:var(--color-error)}:focus-visible{outline-offset:var(--space-2)}.manpower-container{background:#fcfcf9;background:var(--color-background);min-height:100vh;padding:32px;padding:var(--space-32);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.page-header{flex-wrap:wrap;gap:20px;gap:var(--space-20);margin-bottom:32px;margin-bottom:var(--space-32)}.page-header h1{color:#13343b;font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight)}.action-buttons{flex-wrap:wrap;gap:12px;gap:var(--space-12)}.dashboard-cards{grid-gap:20px;grid-gap:var(--space-20);display:grid;gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px;margin-bottom:var(--space-32);padding:0}.stat-card{align-items:center;display:flex;gap:16px;gap:var(--space-16);overflow:hidden;padding:var(--space-20);position:relative}.stat-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard)}.stat-card:hover{border-color:#21808d;border-color:var(--color-primary)}.stat-card:hover:before{opacity:1}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px;line-height:1;min-width:50px;text-align:center}.stat-content{flex:1 1}.stat-label{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.8px;margin-bottom:8px;margin-bottom:var(--space-8)}.stat-value{color:#21808d;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-1px}.stat-card-primary .stat-value{color:#3b82f614;color:var(--color-bg-1)}.stat-card-success .stat-value{color:#21808d;color:var(--color-success)}.stat-card-danger .stat-value{color:#c0152f;color:var(--color-error)}.stat-card-info .stat-value{color:#626c71;color:var(--color-info)}.stat-card-warning .stat-value{color:#a84b2f;color:var(--color-warning)}.stat-card-secondary .stat-value{color:#626c71;color:var(--color-text-secondary)}.table-container{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;overflow-x:auto;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.data-table{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}.data-table thead{z-index:10}.data-table th{border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);font-size:11px;font-size:var(--font-size-xs);letter-spacing:.5px;padding:16px 12px;padding:var(--space-16) var(--space-12);text-transform:uppercase}.data-table tbody tr{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.data-table tbody tr.even-row{background:#fffffd;background:var(--color-surface)}.data-table tbody tr.odd-row{background:#5e52401f;background:var(--color-secondary)}.data-table tbody tr:hover{background:#5e524033!important;background:var(--color-secondary-hover)!important;transform:scale(1.01)}.data-table td{color:#626c71;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tbody tr:hover td{color:#13343b;color:var(--color-text)}.th-checkbox{padding:12px 8px!important;padding:var(--space-12) var(--space-8)!important}.td-checkbox,.th-checkbox{min-width:50px;text-align:center!important;width:50px}.td-checkbox{padding:8px!important;padding:var(--space-8)!important}.td-checkbox input[type=checkbox],.th-checkbox input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}.btn-action{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:18px;font-size:var(--font-size-xl);justify-content:center;margin:0 2px;margin:0 var(--space-2);padding:6px 8px;padding:var(--space-6) var(--space-8);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-edit{color:#21808d;color:var(--color-primary)}.btn-edit:hover:not(:disabled){background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);transform:scale(1.15)}.btn-edit:active:not(:disabled){transform:scale(.95)}.btn-delete{color:#c0152f;color:var(--color-error)}.btn-delete:hover:not(:disabled){background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);transform:scale(1.15)}.btn-delete:active:not(:disabled){transform:scale(.95)}.btn-delete:disabled{color:#626c71;color:var(--color-text-secondary);cursor:not-allowed}.data-table td:last-child{padding:8px 4px;padding:var(--space-8) var(--space-4);text-align:center;white-space:nowrap}.data-table tbody tr:hover td:last-child{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05)}.modal-overlay{animation:fadeIn .15s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-fast) var(--ease-standard);background:#13343b99;background:rgba(var(--color-slate-900-rgb),.6);padding:20px;padding:var(--space-20);z-index:999}.modal-content{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);background:#fffffd;border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;max-width:700px;min-width:370px;width:100%}.modal-content.modal-lg{max-width:900px}.modal-header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:var(--space-24)}.modal-title{color:#13343b;color:var(--color-text);flex:1 1;font-weight:600;font-weight:var(--font-weight-bold)}.close-btn,.modal-title{font-size:20px;font-size:var(--font-size-2xl)}.close-btn{background:none;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);height:32px;height:var(--space-32);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:32px;width:var(--space-32)}.close-btn:hover{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text);transform:scale(1.1)}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:var(--space-24)}.modal-footer{background:#5e52401f;background:var(--color-secondary);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);flex-wrap:wrap;gap:var(--space-12);padding:20px 24px;padding:var(--space-20) var(--space-24)}.form-grid{grid-gap:16px;grid-gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}.form-grid,.form-grid-2{display:grid;gap:16px;gap:var(--space-16)}.form-grid-2{grid-gap:16px;grid-gap:var(--space-16);grid-template-columns:repeat(2,1fr)}.setup-form{background:#fffffd;background:var(--color-surface);border-left:3px solid #21808d;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);margin-bottom:24px;margin-bottom:var(--space-24);padding:16px;padding:var(--space-16)}.form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12)}.setup-list{margin-top:24px;margin-top:var(--space-24)}.setup-list h4{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.5px;margin:0 0 16px;margin:0 0 var(--space-16) 0;text-transform:uppercase}.setup-items{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.setup-item{align-items:center;background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.setup-item:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 8px #21808d33;box-shadow:0 0 var(--space-8) rgba(var(--color-teal-500-rgb),.2)}.item-name{color:#13343b;color:var(--color-text);flex:1 1;font-weight:550;font-weight:var(--font-weight-semibold)}.item-actions{display:flex;gap:8px;gap:var(--space-8)}.btn-icon{border-radius:6px;border-radius:var(--radius-sm);font-size:var(--font-size-lg);padding:var(--space-6) var(--space-8);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn-icon:hover{background:#5e52401f;background:var(--color-secondary)}.btn-icon.edit{color:#a84b2f;color:var(--color-warning)}.btn-icon.delete{color:#c0152f;color:var(--color-error)}.empty-list{background:#fffffd;background:var(--color-surface);border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);font-style:italic;padding:20px;padding:var(--space-20);text-align:center}.category-list,.charges-list{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:16px;margin-top:var(--space-16)}.category-item,.charge-item{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.category-item:hover,.charge-item:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 8px #21808d33;box-shadow:0 0 var(--space-8) rgba(var(--color-teal-500-rgb),.2)}.category-item span,.charge-item span{color:#13343b;color:var(--color-text);flex:1 1;font-weight:550;font-weight:var(--font-weight-semibold)}.category-item>div,.charge-item>div{display:flex;gap:6px;gap:var(--space-6)}.pagination-container{background:#fffffd;background:var(--color-surface);border-radius:8px;border-radius:var(--radius-base);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);gap:20px;gap:var(--space-20);justify-content:space-between;margin-top:20px;margin-top:var(--space-20);padding:16px;padding:var(--space-16);position:relative;z-index:10}.pagination-container,.pagination-info{align-items:center;display:flex;flex-wrap:wrap}.pagination-info{gap:16px;gap:var(--space-16)}.pagination-info span{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.pagination-info strong{color:#21808d;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-bold)}.items-per-page-select{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.items-per-page-select:hover{background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary)}.items-per-page-select:focus{background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.pagination-controls{flex-wrap:wrap;gap:8px;gap:var(--space-8)}.page-numbers{align-items:center;display:flex;gap:4px;gap:var(--space-4);justify-content:center}.page-dots{color:#626c71;color:var(--color-text-secondary);padding:0 8px;padding:0 var(--space-8)}.pagination-controls .btn{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);box-shadow:none;color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);justify-content:center;min-width:36px;padding:8px 12px;padding:var(--space-8) var(--space-12)}.pagination-controls .btn:hover:not(:disabled){background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.pagination-controls .btn.active{background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.pagination-controls .btn:disabled{cursor:not-allowed;opacity:.5}.page-input{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.page-input,.page-input-field{font-size:12px;font-size:var(--font-size-sm)}.page-input-field{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);padding:8px;padding:var(--space-8);text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:60px}.page-input-field:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.modal-body::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:8px;height:var(--space-8);width:8px;width:var(--space-8)}.modal-body::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#fcfcf9;background:var(--color-background)}.modal-body::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#5e524033;background:var(--color-border);border-radius:6px;border-radius:var(--radius-sm)}.modal-body::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#626c71;background:var(--color-text-secondary)}.loading{animation:pulse 1.5s ease-in-out infinite}.rotate{animation:spin 1s linear infinite}.column-selector-container{display:flex;justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--space-16)}.column-selector-container .btn{font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12)}.checkbox-label{border-radius:6px;border-radius:var(--radius-sm);gap:var(--space-8);padding:8px;padding:var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.checkbox-label:hover{background:#5e52401f;background:var(--color-secondary)}.checkbox-label input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer;height:18px;width:18px}@media (max-width:480px){.manpower-container{padding:12px;padding:var(--space-12)}.page-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16)}.page-header h1{font-size:20px;font-size:var(--font-size-2xl)}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{font-size:12px;font-size:var(--font-size-sm);justify-content:center;padding:8px 12px;padding:var(--space-8) var(--space-12);width:100%}.dashboard-cards{grid-template-columns:1fr}.dashboard-cards,.stat-card{gap:12px;gap:var(--space-12)}.stat-card{padding:12px;padding:var(--space-12)}.stat-icon{font-size:24px;min-width:40px}.stat-value{font-size:20px}.stat-label{font-size:10px}.data-table{font-size:11px;font-size:var(--font-size-xs)}.data-table td,.data-table th{padding:8px 6px;padding:var(--space-8) var(--space-6)}.modal-header{padding:16px;padding:var(--space-16)}.modal-title{font-size:16px;font-size:var(--font-size-lg)}.modal-body,.modal-footer{padding:16px;padding:var(--space-16)}.modal-footer{flex-direction:column;gap:8px;gap:var(--space-8)}.modal-footer .btn{font-size:12px;font-size:var(--font-size-sm);width:100%}.form-label{font-size:11px;font-size:var(--font-size-xs)}.form-input{font-size:12px;font-size:var(--font-size-sm);padding:10px;padding:var(--space-10)}.form-grid,.form-grid-2{grid-template-columns:1fr}.pagination-container{justify-content:center;padding:12px;padding:var(--space-12)}.pagination-container,.pagination-info{flex-direction:column;gap:10px;gap:var(--space-10)}.pagination-info{text-align:center;width:100%}.pagination-info span{font-size:11px;font-size:var(--font-size-xs)}.pagination-controls{gap:6px;gap:var(--space-6);justify-content:center;width:100%}.pagination-controls .btn{font-size:11px;min-width:28px;padding:4px 6px;padding:var(--space-4) var(--space-6)}.items-per-page-select{padding:6px 8px;padding:var(--space-6) var(--space-8);width:100%}.items-per-page-select,.page-input-field{font-size:11px;font-size:var(--font-size-xs)}.page-input-field{padding:6px;padding:var(--space-6);width:50px}.page-numbers{gap:2px;gap:var(--space-2);justify-content:center;order:-1;width:100%}.page-dots{padding:0 4px;padding:0 var(--space-4)}.page-input{justify-content:center;width:100%}.modal-content{max-width:90vw;min-width:auto}.category-list,.charges-list,.setup-items{grid-template-columns:1fr}}@media (max-width:768px){.manpower-container{padding:16px;padding:var(--space-16)}.page-header{align-items:stretch;flex-direction:column;gap:16px;gap:var(--space-16)}.page-header h1{font-size:24px;font-size:var(--font-size-3xl)}.action-buttons{flex-direction:column;width:100%}.action-buttons .btn{justify-content:center;width:100%}.dashboard-cards{gap:16px;gap:var(--space-16);grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-bottom:var(--space-24)}.stat-card{gap:12px;gap:var(--space-12);padding:16px;padding:var(--space-16)}.stat-icon{font-size:28px;min-width:44px}.stat-value{font-size:24px}.stat-label{font-size:11px}.data-table td,.data-table th{font-size:11px;font-size:var(--font-size-xs);padding:10px 8px;padding:var(--space-10) var(--space-8)}.pagination-container{flex-direction:column;gap:12px;gap:var(--space-12);justify-content:center}.pagination-info{flex-direction:column;gap:10px;gap:var(--space-10);text-align:center;width:100%}.pagination-controls{gap:6px;gap:var(--space-6);justify-content:center;width:100%}.page-numbers{order:-1}.page-input,.page-numbers{justify-content:center;width:100%}.items-per-page-select{width:100%}.form-grid{grid-template-columns:1fr}.setup-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.manpower-container{padding:24px;padding:var(--space-24)}.action-buttons{flex-direction:row}.pagination-container{gap:16px;gap:var(--space-16)}.pagination-info{gap:12px;gap:var(--space-12)}.pagination-controls{gap:6px;gap:var(--space-6)}.pagination-controls .btn{font-size:11px;font-size:var(--font-size-xs);min-width:32px;padding:6px 10px;padding:var(--space-6) var(--space-10)}}.search-filter-section{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-20)}.search-box-wrapper,.search-filter-section{margin-bottom:20px;margin-bottom:var(--space-20)}.search-input{background-color:#fcfcf9;background-color:var(--color-background);border:2px solid #5e524033;border:2px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-base);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.search-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:0 0 0 3px var(--color-focus-ring)}.filters-grid{grid-gap:16px;grid-gap:var(--space-16);gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px;margin-bottom:var(--space-16)}.filter-group label{color:#13343b;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.filter-select{background-color:#fcfcf9;background-color:var(--color-background);transition:border-color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard)}.filter-select:focus{box-shadow:0 0 0 2px #21808d66;box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.filter-actions{align-items:center;flex-wrap:wrap;gap:12px;gap:var(--space-12)}.filter-badge{background:#21808d;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);display:inline-block;font-size:var(--font-size-sm);padding:var(--space-6) var(--space-12)}.btn--outline,.filter-badge{font-weight:500;font-weight:var(--font-weight-medium)}.btn--outline{border:2px solid #5e524033;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.btn--outline:hover:not(:disabled){background:#5e52401f;background:var(--color-secondary);border-color:#21808d;border-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.btn--outline:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.filters-grid{gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.search-filter-section{padding:16px;padding:var(--space-16)}}.btn-history{color:#21808d;color:var(--color-primary);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.btn-history:hover:not(:disabled){background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);transform:scale(1.15)}.btn-history:active:not(:disabled){transform:scale(.95)}.history-timeline{display:flex;flex-direction:column;gap:16px;gap:var(--space-16)}.history-record{background:#5e52401f;background:var(--color-secondary);border-left:3px solid #21808d;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.history-record:hover{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.history-record-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-12)}.history-badges{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6)}.badge{display:inline-block;font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:4px 8px;padding:var(--space-4) var(--space-8)}.badge-success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.badge-info{background:#626c7126;background:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.badge-error{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.badge-warning{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.badge-primary{background:#21808d26;background:rgba(var(--color-primary-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-primary-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-primary)}.badge-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.history-date{color:#626c71;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium);white-space:nowrap}.history-date,.history-record-body{font-size:12px;font-size:var(--font-size-sm)}.history-record-body{display:flex;flex-direction:column;gap:12px;gap:var(--space-12)}.history-user-info{align-items:center;background:#fffffd;background:var(--color-surface);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);padding:8px;padding:var(--space-8)}.history-user-info strong{color:#13343b;color:var(--color-text);min-width:80px}.history-notes{background:#a84b2f14;background:rgba(var(--color-orange-500-rgb),.08);border-left:2px solid #a84b2f;border-left:2px solid var(--color-warning);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);padding:8px;padding:var(--space-8)}.history-notes strong{color:#a84b2f;color:var(--color-warning);display:block;margin-bottom:4px;margin-bottom:var(--space-4)}.history-changes{background:#21808d14;background:rgba(var(--color-teal-500-rgb),.08);border-left:2px solid #21808d;border-left:2px solid var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-8)}.history-changes strong{color:#21808d;color:var(--color-primary);display:block;margin-bottom:8px;margin-bottom:var(--space-8)}.changed-fields{grid-gap:8px;grid-gap:var(--space-8);display:grid;gap:8px;gap:var(--space-8)}.field-change{background:#fffffd;background:var(--color-surface);border-radius:var(--radius-sm);padding:8px;padding:var(--space-8)}.field-change strong{color:#13343b;color:var(--color-text);display:block;font-size:12px;font-size:var(--font-size-sm);margin-bottom:4px;margin-bottom:var(--space-4);text-transform:capitalize}.change-values{align-items:center;display:flex;flex-wrap:wrap;font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:11px;font-size:var(--font-size-xs);gap:8px;gap:var(--space-8)}.old-value{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border-radius:6px;border-radius:var(--radius-sm);color:#c0152f;color:var(--color-error);max-width:200px;overflow:auto;padding:4px 8px;padding:var(--space-4) var(--space-8);word-break:break-all}.arrow{color:#626c71;color:var(--color-text-secondary);font-weight:600;font-weight:var(--font-weight-bold)}.new-value{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border-radius:6px;border-radius:var(--radius-sm);color:#21808d;color:var(--color-success);max-width:200px;overflow:auto;padding:4px 8px;padding:var(--space-4) var(--space-8);word-break:break-all}.history-deleted{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border:1px solid #c0152f4d;border:1px solid rgba(var(--color-error-rgb),.3);border-radius:6px;border-radius:var(--radius-sm);margin-top:8px;margin-top:var(--space-8);padding:12px;padding:var(--space-12)}.history-deleted strong{color:#c0152f;color:var(--color-error);display:block;margin-bottom:8px;margin-bottom:var(--space-8)}.history-deleted pre{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-size:11px;font-size:var(--font-size-xs);margin:0;overflow-x:auto;padding:12px;padding:var(--space-12)}.loading-spinner,.text-secondary{color:#626c71;color:var(--color-text-secondary)}.loading-spinner{font-size:16px;font-size:var(--font-size-lg);padding:32px;padding:var(--space-32);text-align:center}.alert{border-radius:var(--radius-base);margin-bottom:16px;margin-bottom:var(--space-16);padding:16px;padding:var(--space-16)}.alert-error{background:#c0152f1a;border:1px solid #c0152f4d;color:#c0152f}.alert-info{background:#626c711a;background:rgba(var(--color-info-rgb),.1);border:1px solid #626c714d;border:1px solid rgba(var(--color-info-rgb),.3);color:#626c71;color:var(--color-info)}@media (max-width:768px){.history-record-header{align-items:flex-start;flex-direction:column}.history-date{width:100%}.change-values{flex-direction:column}.new-value,.old-value{max-width:100%;width:100%}.arrow{display:none}.history-deleted pre{font-size:11px;font-size:var(--font-size-xs);max-height:300px}}:root{--mp-accent:#2563eb;--mp-accent-light:#2563eb1f;--mp-accent-glow:#2563eb40;--mp-danger:#dc2626;--mp-success:#16a34a;--mp-radius:10px;--mp-radius-sm:6px;--mp-shadow-sm:0 2px 8px #00000012;--mp-shadow-md:0 6px 24px #0000001a;--mp-shadow-lg:0 16px 48px #00000026;--mp-transition:0.18s cubic-bezier(0.4,0,0.2,1)}.mp-page{animation:mp-page-in .35s cubic-bezier(.4,0,.2,1) both;color:#111;color:var(--text-primary,#111);font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding:24px}@keyframes mp-page-in{0%{opacity:0}to{opacity:1}}.mp-header{align-items:center;animation:mp-slide-down .3s cubic-bezier(.4,0,.2,1) both;border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#2563eb,#06b6d4,#0000) 1;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px;padding-bottom:18px}@keyframes mp-slide-down{0%{opacity:0}to{opacity:1}}.mp-title{color:#111;color:var(--text-primary,#111);font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0;position:relative}.mp-btn-row{align-items:center;animation:mp-slide-down .35s cubic-bezier(.4,0,.2,1) .05s both;display:flex;flex-wrap:wrap;gap:8px}.mp-btn{border:none;border-radius:6px;border-radius:var(--mp-radius-sm);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.1px;overflow:hidden;padding:8px 16px;position:relative;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition),transform var(--mp-transition),box-shadow var(--mp-transition),opacity var(--mp-transition);white-space:nowrap}.mp-btn:after{background:#ffffff26;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.mp-btn:hover:after{opacity:1}.mp-btn:active:after{opacity:.3}.mp-btn:hover{transform:translateY(-2px)}.mp-btn:active{transform:scale(.96)}.mp-btn:disabled{cursor:not-allowed;opacity:.45;transform:none!important}.mp-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 3px 10px #2563eb4d;color:#fff}.mp-btn-primary:hover{box-shadow:0 6px 20px #2563eb73}.mp-btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 3px 10px #dc262640;color:#fff}.mp-btn-danger:hover{box-shadow:0 6px 20px #dc262666}.mp-btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 3px 10px #16a34a40;color:#fff}.mp-btn-success:hover{box-shadow:0 6px 20px #16a34a66}.mp-btn-gray{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);color:#111;color:var(--text-primary,#111)}.mp-btn-gray:hover{background:#fff;background:var(--bg-primary,#fff);border-color:#9ca3af;box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md)}.mp-btn-setup{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 3px 10px #7c3aed40;color:#fff}.mp-btn-setup:hover{box-shadow:0 6px 20px #7c3aed66}.mp-btn-reports{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 3px 10px #0891b240;color:#fff}.mp-btn-reports:hover{box-shadow:0 6px 20px #0891b266}.mp-icon-btn{background:none;border:none;border-radius:6px;border-radius:var(--mp-radius-sm);cursor:pointer;font-size:15px;line-height:1;padding:5px 7px;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition),transform var(--mp-transition)}.mp-icon-btn:hover{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);transform:scale(1.12)}.mp-icon-btn-danger:hover{background:#fee2e2;transform:scale(1.12)}.mp-file-label{align-items:center;cursor:pointer;display:inline-flex}.mp-col-selector{animation:mp-expand-in .25s cubic-bezier(.4,0,.2,1) both;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:14px}@keyframes mp-expand-in{0%{opacity:0;transform:scaleY(.9);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.mp-col-selector-inline{background:#f9fafb;background:var(--bg-secondary,#f9fafb);margin-bottom:16px}.mp-col-check{align-items:center;border:1px solid #0000;border-radius:20px;color:#111;color:var(--text-primary,#111);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:4px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-col-check:hover{background:#2563eb1f;background:var(--mp-accent-light);border-color:#2563eb33;color:#2563eb;color:var(--mp-accent);transform:translateY(-1px)}.mp-filters{align-items:center;animation:mp-slide-down .3s cubic-bezier(.4,0,.2,1) .08s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:12px 16px}.mp-select{cursor:pointer;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--mp-transition),box-shadow var(--mp-transition)}.mp-input,.mp-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;border-radius:var(--mp-radius-sm);color:#111;color:var(--text-primary,#111);font-size:13px;font-weight:500;padding:7px 12px}.mp-input{min-width:240px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),width .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--mp-transition),box-shadow var(--mp-transition),width var(--mp-transition)}.mp-input:focus,.mp-select:focus{border-color:#2563eb;border-color:var(--mp-accent);box-shadow:0 0 0 3px #2563eb40;box-shadow:0 0 0 3px var(--mp-accent-glow);outline:none;transform:none}.mp-input:hover:not(:focus),.mp-select:hover:not(:focus){border-color:#9ca3af}.mp-total-badge{animation:mp-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:20px;box-shadow:0 2px 6px #2563eb26;color:#1d4ed8;font-size:12px;font-weight:700;letter-spacing:.2px;padding:5px 12px;white-space:nowrap}@keyframes mp-badge-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.mp-table-wrap{animation:mp-table-in .4s cubic-bezier(.4,0,.2,1) .1s both;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md);overflow-x:auto;position:relative}@keyframes mp-table-in{0%{opacity:0}to{opacity:1}}.mp-table-wrap::-webkit-scrollbar{height:6px}.mp-table-wrap::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px}.mp-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mp-table{border-collapse:collapse;font-size:13px;width:100%}.mp-th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);background:linear-gradient(180deg,var(--bg-secondary,#f8fafc) 0,var(--bg-secondary,#f1f5f9) 100%);border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--border-color,#d1d5db);color:#374151;color:var(--text-primary,#374151);font-size:11px;font-weight:800;letter-spacing:.6px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.mp-th-check{text-align:center;width:38px}.mp-th-nowrap{white-space:nowrap}.mp-td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);color:#111;color:var(--text-primary,#111);font-size:13px;padding:8px 12px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition);vertical-align:middle}.mp-td-check{text-align:center;width:38px}.mp-td-desc,.mp-td-nowrap{white-space:nowrap}.mp-td-desc{max-width:200px;overflow:hidden;text-overflow:ellipsis}.mp-td-editable{cursor:pointer;position:relative}.mp-td-editable:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.mp-td-editable:hover:after{color:#2563eb;color:var(--mp-accent);content:"✎";font-size:10px;opacity:.7;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.mp-td-actions{align-items:center;display:flex;gap:4px;white-space:nowrap}.mp-tr{transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition),transform var(--mp-transition)}.mp-tr:hover{background:linear-gradient(90deg,#2563eb1f,#f9fafb)!important;background:linear-gradient(90deg,var(--mp-accent-light) 0,var(--bg-secondary,#f9fafb) 100%)!important}.mp-tr:hover .mp-td{border-bottom-color:#2563eb1a}.mp-tr-selected{background:linear-gradient(90deg,#2563eb1a,#2563eb0a)!important;border-left:3px solid #2563eb!important;border-left:3px solid var(--mp-accent)!important}.mp-tr-error{background:#dc26260a!important}.mp-tr{animation:mp-row-in .25s cubic-bezier(.4,0,.2,1) both}.mp-tr:first-child{animation-delay:0s}.mp-tr:nth-child(2){animation-delay:.02s}.mp-tr:nth-child(3){animation-delay:.04s}.mp-tr:nth-child(4){animation-delay:.06s}.mp-tr:nth-child(5){animation-delay:.08s}.mp-tr:nth-child(6){animation-delay:.1s}.mp-tr:nth-child(7){animation-delay:.12s}.mp-tr:nth-child(8){animation-delay:.14s}.mp-tr:nth-child(9){animation-delay:.16s}.mp-tr:nth-child(10){animation-delay:.18s}@keyframes mp-row-in{0%{opacity:0}to{opacity:1}}.mp-empty{animation:mp-fade-in .4s ease both;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:15px;padding:48px 32px;text-align:center}.mp-td-old{color:#dc2626}.mp-td-new,.mp-td-old{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-td-new{color:#16a34a}.mp-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:14px;gap:12px;padding:32px;text-align:center}.mp-loading:before{animation:mp-spin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#2563eb;border:3px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--mp-accent);content:"";height:36px;width:36px}@keyframes mp-spin{to{transform:rotate(1turn)}}.mp-badge{border-radius:99px;box-shadow:0 1px 4px #00000014;font-size:11px;letter-spacing:.2px;padding:3px 10px;white-space:nowrap}.mp-action-badge,.mp-badge{display:inline-block;font-weight:700}.mp-action-badge{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#374151;color:var(--text-secondary,#374151);transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-action-badge[class*=edit]{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.mp-action-badge[class*=delete]{background:#fee2e2;border-color:#fecaca;color:#991b1b}.mp-action-badge[class*=import]{background:#dcfce7;border-color:#bbf7d0;color:#166534}.mp-action-badge[class*=boq]{background:#fef3c7;border-color:#fde68a;color:#92400e}.mp-col-tag{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;font-size:12px;font-weight:700;letter-spacing:.1px;padding:3px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-col-tag:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 6px #2563eb26;transform:translateY(-1px)}.mp-progress-wrap{align-items:center;display:flex;gap:6px;min-width:90px}.mp-progress-bar{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:99px;flex:1 1;height:7px;min-width:55px;overflow:hidden}.mp-progress-fill{background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:99px;height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.mp-progress-fill:after{animation:mp-bar-shimmer 2s ease infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes mp-bar-shimmer{0%{left:-100%}to{left:200%}}.mp-progress-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:700;white-space:nowrap}.mp-cell-input{animation:mp-cell-focus-in .15s ease both;background:#fff;background:var(--bg-primary,#fff);border:2px solid #2563eb;border:2px solid var(--mp-accent);border-radius:5px;box-shadow:0 0 0 3px #2563eb40;box-shadow:0 0 0 3px var(--mp-accent-glow);box-sizing:border-box;color:#111;color:var(--text-primary,#111);font-size:13px;padding:4px 8px;width:100%}@keyframes mp-cell-focus-in{0%{box-shadow:none;transform:scale(.97)}to{box-shadow:0 0 0 3px #2563eb40;box-shadow:0 0 0 3px var(--mp-accent-glow);transform:scale(1)}}.mp-cell-hint{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:11px;font-style:italic}.mp-pagination{align-items:center;animation:mp-fade-in .3s ease .2s both;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:14px}@keyframes mp-fade-in{0%{opacity:0}to{opacity:1}}.mp-page-info{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;margin-left:6px}.mp-ctx-menu{animation:mp-ctx-in .15s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 16px 48px #00000026;box-shadow:var(--mp-shadow-lg);min-width:200px;padding:6px 0;position:fixed;z-index:9999}@keyframes mp-ctx-in{0%{opacity:0;transform:scale(.92) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-ctx-item{align-items:center;color:#111;color:var(--text-primary,#111);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:9px 18px;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),padding-left .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition),color var(--mp-transition),padding-left var(--mp-transition)}.mp-ctx-item:hover{background:#2563eb1f;background:var(--mp-accent-light);color:#2563eb;color:var(--mp-accent);padding-left:22px}.mp-overlay{align-items:center;animation:mp-fade-in .2s ease both;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.mp-modal{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;background:#fff;background:var(--bg-primary,#fff);border:1px solid #fff3;border-radius:16px;box-shadow:0 16px 48px #00000026;box-shadow:var(--mp-shadow-lg);max-height:88vh;max-width:700px;overflow-y:auto;padding:26px;position:relative;width:90%}@keyframes mp-modal-in{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-modal::-webkit-scrollbar{width:5px}.mp-modal::-webkit-scrollbar-track{background:#0000}.mp-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-modal-title{align-items:center;color:#111;color:var(--text-primary,#111);display:flex;font-size:18px;font-weight:800;gap:8px;letter-spacing:-.3px;margin-bottom:18px;padding-right:36px}.mp-modal-title:before{background:linear-gradient(180deg,#2563eb,#06b6d4);border-radius:4px;content:"";flex-shrink:0;height:22px;width:4px}.mp-close-btn{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:18px;top:16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition);width:32px}.mp-close-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg) scale(1.1)}.mp-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:16px}.mp-form-grid{grid-gap:12px 18px;display:grid;gap:12px 18px;grid-template-columns:1fr 1fr}@media (max-width:600px){.mp-form-grid{grid-template-columns:1fr}}.mp-form-group{animation:mp-fade-in .25s ease both;display:flex;flex-direction:column;gap:4px}.mp-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.mp-form-input{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;border-radius:var(--mp-radius-sm);box-sizing:border-box;color:#111;color:var(--text-primary,#111);font-size:13px;font-weight:500;padding:8px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--mp-transition),box-shadow var(--mp-transition),background var(--mp-transition);width:100%}.mp-form-input,.mp-form-input:focus{background:#fff;background:var(--bg-primary,#fff)}.mp-form-input:focus{border-color:#2563eb;border-color:var(--mp-accent);box-shadow:0 0 0 3px #2563eb40;box-shadow:0 0 0 3px var(--mp-accent-glow);outline:none}.mp-form-input:hover:not(:focus):not(:disabled){border-color:#9ca3af}.mp-form-input:disabled{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:not-allowed}.mp-edit-wo-header{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #2563eb14;display:flex;gap:14px;margin-bottom:16px;padding:12px 16px}.mp-edit-wo-label{color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.mp-edit-wo-value{color:#2563eb;color:var(--mp-accent);font-size:15px;font-weight:800;letter-spacing:.1px}.mp-form-group-readonly .mp-label{align-items:center;display:flex;gap:6px}.mp-readonly-badge{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.5px;padding:1px 5px;text-transform:uppercase}.mp-form-input-readonly{background:#f8fafc!important;background:var(--bg-secondary,#f8fafc)!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:not-allowed!important;-webkit-user-select:none;user-select:none}.mp-form-input-readonly,.mp-form-input-readonly:focus{border-color:#e2e8f0!important;border-color:var(--border-color,#e2e8f0)!important}.mp-form-input-readonly:focus{box-shadow:none!important;outline:none!important}.mp-import-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #2563eb14;margin-bottom:16px;padding:14px 16px}.mp-import-info-title{color:#1e40af;font-size:13px;font-weight:700;margin:0 0 8px}.mp-import-cols{display:flex;flex-wrap:wrap;gap:6px}.mp-import-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.mp-file-input{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;border-radius:var(--mp-radius-sm);color:#111;color:var(--text-primary,#111);cursor:pointer;font-size:13px;padding:6px;transition:border-color .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--mp-transition)}.mp-file-input:hover{border-color:#2563eb;border-color:var(--mp-accent)}.mp-preview-count{color:#374151;color:var(--text-secondary,#374151);font-size:13px;font-weight:700;margin:12px 0 6px}.mp-preview-table-wrap{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;border-radius:var(--mp-radius-sm);margin-bottom:10px;max-height:320px;overflow-y:auto}.mp-error-list{animation:mp-shake .4s cubic-bezier(.36,.07,.19,.97) both;background:linear-gradient(135deg,#fff5f5,#fee2e2);border:1px solid #fecaca;border-radius:10px;border-radius:var(--mp-radius);margin-bottom:14px;padding:12px 16px}@keyframes mp-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-3px)}40%,60%{transform:translateX(3px)}}.mp-error-title{color:#dc2626;font-size:13px;font-weight:700;margin:0 0 6px}.mp-error-item{color:#991b1b;font-size:12px;padding:2px 0}.mp-err-cell{color:#dc2626;font-size:12px;font-weight:800}.mp-export-hint{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin:0 0 12px}.mp-boq-actions{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);margin-bottom:16px;padding-bottom:16px}.mp-hist-table-wrap{max-height:9999px;opacity:1;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.mp-hist-collapsed{max-height:0;opacity:0}.mp-hist-toggle{border-radius:5px;color:#2563eb;color:var(--mp-accent);padding:4px 8px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition)}.mp-hist-toggle:hover{background:#2563eb1f;background:var(--mp-accent-light)}.mp-hist-field{background:var(--mp-accent-light);border-radius:4px;color:var(--mp-accent);padding:1px 6px}.mp-hist-null{color:#9ca3af;color:var(--text-secondary,#9ca3af)}[data-theme=dark] .mp-badge{opacity:.9}[data-theme=dark] .mp-filters{background:#ffffff0a}[data-theme=dark] .mp-total-badge{background:#2563eb33;border-color:#2563eb4d;color:#93c5fd}[data-theme=dark] .mp-import-info{background:#2563eb1a;border-color:#2563eb4d}[data-theme=dark] .mp-import-info-title{color:#93c5fd}[data-theme=dark] .mp-col-tag{background:#2563eb26;border-color:#2563eb40;color:#93c5fd}[data-theme=dark] .mp-error-list{background:#dc262614;border-color:#dc26264d}[data-theme=dark] .mp-tr-selected{background:#2563eb1f!important;border-left-color:#3b82f6!important}[data-theme=dark] .mp-tr-error{background:#dc262614!important}[data-theme=dark] .mp-overlay{background:#000000b3}[data-theme=dark] .mp-ctx-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bfa}[data-theme=dark] .mp-ctx-item:hover{background:#2563eb26}[data-theme=dark] .mp-modal{background:var(--bg-primary);border-color:#ffffff14}[data-theme=dark] .mp-edit-wo-header{background:#2563eb1f;border-color:#2563eb40}[data-theme=dark] .mp-readonly-badge{background:#94a3b814;border-color:#94a3b833;color:#64748b}[data-theme=dark] .mp-form-input-readonly{background:#ffffff08!important;border-color:#ffffff12!important;color:#64748b!important}[data-theme=dark] .mp-th{background:linear-gradient(180deg,#ffffff0d,#ffffff08)}[data-theme=dark] .mp-progress-bar{background:#ffffff1a}@media print{.mp-btn-row,.mp-ctx-menu,.mp-filters,.mp-pagination,.mp-td-actions{display:none!important}.mp-page{padding:0}.mp-table-wrap{border:1px solid #ccc;box-shadow:none}.mp-tr{animation:none!important}}@media (max-width:768px){.mp-page{padding:12px}.mp-title{font-size:18px}.mp-filters{padding:10px}.mp-input{min-width:180px}.mp-modal{padding:18px}}@media (max-width:480px){.mp-btn{font-size:12px;padding:7px 12px}.mp-th{font-size:10px;padding:8px}.mp-td{padding:7px 8px}}.boq-row-highlight{animation:boqFadeHighlight 4s ease forwards;background:#fefce8!important;position:relative}.boq-row-highlight:before{animation:boqBarFade 4s ease forwards;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}@keyframes boqFadeHighlight{0%{background-color:#fde68a}40%{background-color:#fef9c3}to{background-color:#fefce8}}@keyframes boqBarFade{0%{opacity:1}70%{opacity:.6}to{opacity:0}}.boq-completion-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.boq-progress-bar{background:#e5e7eb;border-radius:99px;flex-shrink:0;height:7px;width:80px}.boq-progress-fill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:99px;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.boq-progress-fill:after{animation:boqBarShimmer 2.2s ease infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes boqBarShimmer{0%{left:-100%}to{left:220%}}.boq-progress-done{background:linear-gradient(90deg,#16a34a,#4ade80)}.boq-pct-text{color:#111;color:var(--text-primary,#111);font-size:12px;font-weight:800;letter-spacing:.2px;min-width:36px}.boq-update-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:99px;box-shadow:0 1px 4px #2563eb1a;color:#2563eb;cursor:default;font-size:11px;padding:2px 8px;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition);white-space:nowrap}.boq-update-badge:hover{box-shadow:0 3px 10px #2563eb33;transform:scale(1.08)}.boq-today-pill{animation:boqTodayPulse 1.8s ease infinite;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:99px;box-shadow:0 1px 6px #16a34a33;color:#15803d;font-size:10px;font-weight:800;letter-spacing:.3px;padding:2px 8px}@keyframes boqTodayPulse{0%,to{box-shadow:0 1px 6px #16a34a33;opacity:1}50%{box-shadow:0 1px 12px #16a34a73;opacity:.7}}.boq-tooltip{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #6366f133;border-radius:10px;box-shadow:0 8px 28px #0000004d;color:#f1f5f9;display:none;font-size:12px;left:0;line-height:1.9;padding:11px 15px;position:absolute;top:calc(100% + 6px);white-space:nowrap;z-index:999}.boq-tooltip:before{background:#1e293b;border-left:1px solid #6366f133;border-top:1px solid #6366f133;content:"";height:10px;left:14px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}.boq-completion-cell:hover .boq-tooltip{animation:boqTooltipIn .18s cubic-bezier(.34,1.3,.64,1) both;display:block}@keyframes boqTooltipIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.boq-qty-cell{align-items:center;display:flex;font-size:12px;gap:3px;white-space:nowrap}.boq-qty-completed{color:#2563eb;font-weight:800}.boq-qty-separator{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.boq-qty-total{color:#6b7280;color:var(--text-secondary,#6b7280)}.boq-qty-remaining{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:5px;box-shadow:0 1px 4px #dc262626;color:#dc2626;font-size:11px;font-weight:700;margin-left:3px;padding:1px 5px}.bqs-preview-panel{animation:mp-fade-in .25s ease both;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin:0 0 18px;padding:18px}.bqs-preview-header{align-items:center;display:flex;font-size:13px;font-weight:600;gap:16px;margin-bottom:12px}.bqs-preview-errors{align-items:center;color:#dc2626;display:flex;font-weight:700;gap:5px}.bqs-error-list{animation:mp-shake .4s cubic-bezier(.36,.07,.19,.97) both;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:8px;list-style:none;margin:0 0 12px;max-height:110px;overflow-y:auto;padding:8px 14px}.bqs-error-item{color:#b91c1c;font-size:12px;line-height:1.9;padding:1px 0}.bqs-preview-table-wrap{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;max-height:190px;overflow-y:auto}.bqs-more-rows{background:#f8fafc;border-top:1px dashed #e2e8f0;color:#64748b;font-size:12px;font-style:italic;padding:8px;text-align:center}.bqs-preview-actions{display:flex;gap:10px}.bqs-edit-wrap{align-items:center;animation:mp-cell-focus-in .15s ease both;display:flex;gap:5px}.bqs-save-btn{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:5px;box-shadow:0 2px 6px #16a34a40;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:3px 9px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.bqs-save-btn:hover{box-shadow:0 4px 12px #16a34a66;transform:translateY(-1px)}.bqs-cancel-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:5px;box-shadow:0 2px 6px #dc262640;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:3px 9px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.bqs-cancel-btn:hover{box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.mp-modal-history{max-height:90vh;max-width:1200px;overflow-y:auto;padding:26px;width:92vw}.mp-history-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.mp-hist-pill{align-items:center;animation:mp-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both;border-radius:20px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:inline-flex;font-size:12px;font-weight:700;gap:7px;letter-spacing:.2px;padding:6px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-hist-pill:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.mp-hist-pill-project{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1d4ed8}.mp-hist-pill-boq{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.mp-hist-pill-activity{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.mp-hist-pill-other{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;color:#6d28d9}.mp-hist-pill-total{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.mp-hist-section{animation:mp-table-in .3s cubic-bezier(.4,0,.2,1) both;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin-bottom:20px;overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--mp-transition)}.mp-hist-section:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md)}.mp-hist-section-header{align-items:center;cursor:default;display:flex;font-size:13px;font-weight:800;gap:10px;letter-spacing:.2px;padding:12px 18px}.mp-hist-section-project{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:2px solid #bfdbfe;color:#1d4ed8}.mp-hist-section-boq{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:2px solid #fde68a;color:#92400e}.mp-hist-section-activity{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:2px solid #bbf7d0;color:#166534}.mp-hist-section-design{background:linear-gradient(135deg,#fff7ed,#fed7aa);border-bottom:2px solid #fdba74;color:#9a3412}.mp-hist-section-permit{background:linear-gradient(135deg,#fdf4ff,#f3e8ff);border-bottom:2px solid #d8b4fe;color:#7e22ce}.mp-hist-section-mr{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-bottom:2px solid #6ee7b7;color:#065f46}.mp-hist-section-other{background:linear-gradient(135deg,#faf5ff,#ede9fe);border-bottom:2px solid #c4b5fd;color:#6d28d9}.mp-hist-count{background:#00000017;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.3px;margin-left:auto;padding:2px 10px}.mp-hist-toggle{align-items:center;background:none;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:8px 16px;text-align:left;transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),padding-left .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition),color var(--mp-transition),padding-left var(--mp-transition);width:100%}.mp-hist-toggle:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#2563eb;color:var(--mp-accent,#2563eb);padding-left:20px}.mp-action-badge{border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.2px;padding:2px 9px}.mp-action-edit{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.mp-action-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.mp-action-import{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;color:#92400e}.mp-action-submit{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.mp-action-boq{background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #facc15;color:#713f12}.mp-action-auto{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;color:#6d28d9}.mp-action-mr{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.mp-action-design{background:linear-gradient(135deg,#fed7aa,#fdba74);border:1px solid #fb923c;color:#9a3412}.mp-action-closed{color:#1e293b}.mp-hist-field{background:#2563eb1f;background:var(--mp-accent-light,#2563eb14);border:1px solid #2563eb26;border-radius:5px;color:#2563eb;color:var(--mp-accent,#2563eb);font-size:11px;font-weight:700;letter-spacing:.1px;padding:1px 7px}.mp-hist-null{color:#cbd5e1;font-size:11px;font-style:italic}.mp-hist-table{font-size:12px}.mp-hist-table .mp-tr{animation:mp-row-in .2s cubic-bezier(.4,0,.2,1) both}.mp-hist-table .mp-tr:hover td{background:#2563eb0a}[data-theme=dark] .boq-row-highlight{background:#facc1512!important}[data-theme=dark] .boq-row-highlight:before{background:linear-gradient(180deg,#f59e0b,#d97706)}[data-theme=dark] .boq-update-badge{background:#2563eb2e;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .boq-today-pill{background:#16a34a2e;border-color:#4ade80;color:#86efac}[data-theme=dark] .boq-progress-bar{background:#ffffff1a}[data-theme=dark] .boq-qty-completed{color:#60a5fa}[data-theme=dark] .boq-qty-remaining{background:#dc26262e;border-color:#dc26264d;color:#f87171}[data-theme=dark] .boq-tooltip{background:linear-gradient(135deg,#020617,#0f172a);border-color:#6366f14d}[data-theme=dark] .bqs-preview-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .bqs-error-list{background:#dc26261a;border-color:#dc26264d}[data-theme=dark] .mp-hist-section{border-color:#ffffff14}[data-theme=dark] .mp-hist-section-project{background:#1d4ed81f;border-color:#1d4ed840}[data-theme=dark] .mp-hist-section-boq{background:#92400e1f;border-color:#92400e40}[data-theme=dark] .mp-hist-section-activity{background:#1665341f;border-color:#16653440}[data-theme=dark] .mp-hist-section-design{background:#9a34121f;border-color:#9a341240}[data-theme=dark] .mp-hist-section-permit{background:#7e22ce1f;border-color:#7e22ce40}[data-theme=dark] .mp-hist-section-mr{background:#065f461f;border-color:#065f4640}[data-theme=dark] .mp-hist-section-other{background:#6d28d91f;border-color:#6d28d940}[data-theme=dark] .mp-hist-pill-project{background:#1d4ed833;border-color:#1d4ed84d}[data-theme=dark] .mp-hist-pill-boq{background:#92400e33;border-color:#92400e4d}[data-theme=dark] .mp-hist-pill-activity{background:#16653433;border-color:#1665344d}[data-theme=dark] .mp-hist-pill-other{background:#6d28d933;border-color:#6d28d94d}[data-theme=dark] .mp-hist-pill-total{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .mp-hist-field{background:#2563eb26;border-color:#2563eb40;color:#93c5fd}[data-theme=dark] .mp-action-edit{background:#1d4ed82e;border-color:#1d4ed84d;color:#93c5fd}[data-theme=dark] .mp-action-delete{background:#991b1b2e;border-color:#991b1b4d;color:#fca5a5}[data-theme=dark] .mp-action-import{background:#92400e2e;border-color:#92400e4d;color:#fcd34d}[data-theme=dark] .mp-action-submit{background:#1665342e;border-color:#1665344d;color:#86efac}[data-theme=dark] .mp-action-boq{background:#713f122e;border-color:#713f124d;color:#fde68a}[data-theme=dark] .mp-action-auto{background:#6d28d92e;border-color:#6d28d94d;color:#c4b5fd}[data-theme=dark] .mp-action-mr{background:#065f462e;border-color:#065f464d;color:#6ee7b7}[data-theme=dark] .mp-action-design{background:#9a34122e;border-color:#9a34124d;color:#fdba74}[data-theme=dark] .mp-action-closed{background:#ffffff0f;border-color:#ffffff1f}.mp-modal-act-report{max-width:1300px}.mp-modal-act-preview,.mp-modal-act-report{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;max-height:92vh;overflow-y:auto;padding:26px;width:94vw}.mp-modal-act-preview{max-width:1100px}.mp-act-filters{align-items:center;animation:mp-slide-down .3s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #6366f11f;border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:14px 18px}.mp-act-search{flex:1 1;min-width:200px}.mp-act-date-range{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mp-act-date-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.mp-act-filter-btns{display:flex;flex-wrap:wrap;gap:8px}.mp-act-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.mp-act-summary-pill{animation:mp-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:linear-gradient(135deg,var(--bg-secondary,#f1f5f9),var(--bg-secondary,#e2e8f0));border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:700;padding:5px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-act-summary-pill:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md);transform:translateY(-2px)}.mp-act-count-badge{border-radius:12px;box-shadow:0 1px 4px #00000014;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2px;min-width:26px;padding:3px 8px;text-align:center;transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition)}.mp-act-count-badge:hover{transform:scale(1.1)}.mp-act-count-boq{background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #fcd34d;color:#713f12}.mp-act-count-mp{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1d4ed8}.mp-act-count-as{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.mp-act-role-badge{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;border-radius:8px;box-shadow:0 1px 4px #6d28d91a;color:#6d28d9;font-size:11px;font-weight:700;letter-spacing:.2px;padding:3px 10px}.mp-act-preview-toolbar{animation:mp-slide-down .25s ease both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:10px;border-radius:var(--mp-radius);display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}.mp-act-preview-section,.mp-act-preview-toolbar{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin-bottom:20px}.mp-act-preview-section{animation:mp-table-in .3s cubic-bezier(.4,0,.2,1) both;border-radius:12px;overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--mp-transition)}.mp-act-preview-section:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md)}.mp-act-preview-section-title{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary,#f8fafc),var(--bg-secondary,#f1f5f9));border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:.2px;padding:11px 18px}.mp-act-info-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mp-act-info-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;padding:12px 18px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition)}.mp-act-info-item:hover{background:#2563eb1f;background:var(--mp-accent-light,#2563eb0a)}.mp-act-info-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:10px;font-weight:800;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.mp-act-info-val{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.mp-modal-all-act{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;max-height:93vh;max-width:1500px;overflow-y:auto;padding:26px;width:97vw}.mp-all-act-filters{animation:mp-slide-down .3s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #6366f11f;border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px 18px}.mp-all-act-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mp-all-act-search{flex:1 1;min-width:250px}.mp-all-act-dates{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mp-all-act-date-lbl{color:#64748b;color:var(--text-secondary,#64748b);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.mp-all-act-summary{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.mp-all-act-district{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:8px;box-shadow:0 1px 4px #5b21b61a;color:#5b21b6;font-size:11px;font-weight:700;padding:3px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-all-act-district:hover{box-shadow:0 3px 10px #5b21b633;transform:translateY(-1px)}.mp-td-seq{color:#94a3b8;font-size:12px;font-weight:700;min-width:34px;text-align:center}.mp-modal-design{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;max-height:92vh;max-width:920px;overflow-y:auto;padding:26px;width:90vw}.mp-design-section{animation:mp-table-in .3s cubic-bezier(.4,0,.2,1) both;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin-bottom:20px;overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--mp-transition)}.mp-design-section:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md)}.mp-design-section-title{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary,#f8fafc),var(--bg-secondary,#f1f5f9));border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:13px;font-weight:800;justify-content:space-between;letter-spacing:.2px;padding:11px 18px}.mp-design-form-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.mp-design-field{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;gap:7px;padding:14px 18px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition)}.mp-design-field:hover{background:#2563eb05}.mp-design-field-full{border-right:none;grid-column:1/-1}.mp-design-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.mp-design-duration{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px dashed #cbd5e1;border:1px dashed var(--border-color,#cbd5e1);border-radius:10px;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;font-weight:700;padding:11px 16px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-design-duration-active{animation:mp-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;box-shadow:0 3px 12px #2563eb26;color:#1d4ed8;font-size:19px;font-weight:900;letter-spacing:-.3px}.mp-design-doc-count{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;border-radius:12px;box-shadow:0 1px 4px #3730a31a;color:#3730a3;font-size:11px;font-weight:800;padding:3px 12px}.mp-design-upload-row{align-items:center;background:#f8fafc99;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:12px;padding:14px 18px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition)}.mp-design-upload-row:hover{background:#eff6ffcc}.mp-design-max-warn{align-items:center;color:#dc2626;display:flex;font-size:12px;font-weight:700;gap:4px}.mp-design-doc-warn{animation:mp-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:8px;box-shadow:0 2px 6px #fbbf2426;color:#d97706;font-size:12px;font-weight:700;padding:5px 12px}.mp-design-filename{color:#1e293b;color:var(--text-primary,#1e293b);font-size:12px;font-weight:700;transition:color .18s cubic-bezier(.4,0,.2,1);transition:color var(--mp-transition);word-break:break-all}.mp-design-filename:hover{color:#2563eb;color:var(--mp-accent,#2563eb)}.mp-design-doc-actions{display:flex;flex-wrap:wrap;gap:6px}.mp-design-no-docs{animation:mp-fade-in .3s ease both;color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;padding:28px;text-align:center}.mp-design-footer{display:flex;flex-wrap:wrap;gap:12px;padding-top:10px}.mp-modal-pdf-preview{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;display:flex;flex-direction:column;gap:12px;height:92vh;max-width:1100px;padding:18px;width:94vw}.mp-pdf-preview-toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;border-radius:var(--mp-radius-sm);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.mp-pdf-iframe{animation:mp-fade-in .4s ease .1s both;background:#fff;border:none;border-radius:10px;box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md);flex:1 1;width:100%}.mp-hist-pill-design{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;box-shadow:0 1px 4px #5b21b61a;color:#5b21b6}.mp-hist-pill-permit{background:linear-gradient(135deg,#fdf4ff,#f3e8ff);border:1px solid #d8b4fe;box-shadow:0 1px 4px #7e22ce1a;color:#7e22ce}.mp-hist-pill-mr{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border:1px solid #6ee7b7;box-shadow:0 1px 4px #065f461a;color:#065f46}@media print{.mp-act-preview-toolbar,.mp-close-btn,.mp-overlay{display:none!important}.mp-modal-act-preview{max-height:none;overflow:visible;position:static}.mp-act-preview-section,.mp-design-section,.mp-modal-act-preview{animation:none;box-shadow:none}}[data-theme=dark] .mp-act-filters,[data-theme=dark] .mp-all-act-filters{background:#ffffff0a;border-color:#6366f126}[data-theme=dark] .mp-act-preview-toolbar,[data-theme=dark] .mp-pdf-preview-toolbar{background:#ffffff0a}[data-theme=dark] .mp-act-info-item:hover{background:#2563eb14}[data-theme=dark] .mp-act-preview-section-title{background:linear-gradient(135deg,#ffffff0d,#ffffff08)}[data-theme=dark] .mp-act-summary-pill{background:#ffffff12;border-color:#ffffff1a}[data-theme=dark] .mp-act-count-boq{background:#713f1233;border-color:#fdd34d4d;color:#fbbf24}[data-theme=dark] .mp-act-count-mp{background:#1d4ed833;border-color:#93c5fd4d;color:#93c5fd}[data-theme=dark] .mp-act-count-as{background:#16653433;border-color:#4ade804d;color:#4ade80}[data-theme=dark] .mp-act-role-badge{background:#6d28d933;border-color:#c4b5fd4d;color:#c4b5fd}[data-theme=dark] .mp-all-act-district{background:#5b21b633;border-color:#c4b5fd4d;color:#c4b5fd}[data-theme=dark] .mp-design-section-title{background:linear-gradient(135deg,#ffffff0d,#ffffff08)}[data-theme=dark] .mp-design-field:hover{background:#2563eb0f}[data-theme=dark] .mp-design-upload-row{background:#ffffff08}[data-theme=dark] .mp-design-upload-row:hover{background:#2563eb14}[data-theme=dark] .mp-design-duration-active{background:#1d4ed82e;border-color:#3b82f666;box-shadow:0 3px 12px #2563eb33;color:#93c5fd}[data-theme=dark] .mp-design-doc-warn{background:#d977062e;border-color:#d9770659;color:#fbbf24}[data-theme=dark] .mp-design-doc-count{background:#3730a340;border-color:#a5b4fc4d;color:#a5b4fc}[data-theme=dark] .mp-hist-pill-design{background:#5b21b633;border-color:#c4b5fd4d;color:#c4b5fd}[data-theme=dark] .mp-hist-pill-permit{background:#7e22ce33;border-color:#d8b4fe4d;color:#d8b4fe}[data-theme=dark] .mp-hist-pill-mr{background:#065f4633;border-color:#6ee7b74d;color:#6ee7b7}@media (max-width:600px){.mp-design-form-grid{grid-template-columns:1fr}.mp-design-field-full{grid-column:1}.mp-modal-design{padding:14px}.mp-act-info-grid{grid-template-columns:1fr}.mp-modal-act-report,.mp-modal-all-act{padding:14px}}.mp-modal-permit{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;border-radius:16px;box-shadow:0 24px 60px #00000024,0 8px 20px #00000014;max-height:96vh;max-width:1600px;overflow-y:auto;padding:28px 32px;scroll-behavior:smooth;width:99vw}.mp-modal-permit::-webkit-scrollbar{width:6px}.mp-modal-permit::-webkit-scrollbar-track{background:#0000}.mp-modal-permit::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-modal-permit::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mp-permit-topbar{align-items:center;animation:mp-slide-down .3s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #6366f11f;border-radius:10px;border-radius:var(--mp-radius);box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;padding:12px 16px}.mp-permit-config-body{padding:22px 0}.mp-permit-dashboard{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}.mp-permit-card{align-items:center;animation:mp-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both;border:1px solid #0000;border-radius:14px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);cursor:default;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:100px;overflow:hidden;padding:16px 20px;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition)}.mp-permit-card:first-child{animation-delay:0s}.mp-permit-card:nth-child(2){animation-delay:.04s}.mp-permit-card:nth-child(3){animation-delay:.08s}.mp-permit-card:nth-child(4){animation-delay:.12s}.mp-permit-card:nth-child(5){animation-delay:.16s}.mp-permit-card:nth-child(6){animation-delay:.2s}.mp-permit-card:nth-child(7){animation-delay:.24s}.mp-permit-card:nth-child(8){animation-delay:.28s}.mp-permit-card:nth-child(9){animation-delay:.32s}.mp-permit-card:nth-child(10){animation-delay:.36s}.mp-permit-card:before{background:#ffffff4d;border-radius:inherit;content:"";height:100%;left:-75%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .5s ease;width:50%}.mp-permit-card:hover:before{left:150%}.mp-permit-card:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md);transform:translateY(-4px)}.mp-pcard-value{font-size:30px;font-weight:900;letter-spacing:-.8px;line-height:1}.mp-pcard-label{font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:6px;opacity:.8;text-align:center;text-transform:uppercase}.mp-pcard-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.mp-pcard-indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc;color:#3730a3}.mp-pcard-gray{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#475569}.mp-pcard-yellow{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#fde68a;color:#92400e}.mp-pcard-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.mp-pcard-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#065f46}.mp-pcard-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#5eead4;color:#0f766e}.mp-pcard-orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74;color:#9a3412}.mp-pcard-slate{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1;color:#475569}.mp-pcard-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4;color:#9d174d}.mp-permit-form-box{animation:mp-expand-in .25s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fafcd9;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin-bottom:24px;padding:22px 24px;transition:box-shadow .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--mp-transition),border-color var(--mp-transition)}.mp-permit-form-box:focus-within{border-color:#93c5fd;box-shadow:0 4px 20px #3b82f61f}.mp-permit-form-title{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:14px;font-weight:800;gap:8px;letter-spacing:.1px;margin-bottom:18px}.mp-permit-form-grid{grid-gap:12px 18px;display:grid;gap:12px 18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.mp-permit-status-badge{align-items:center;border-radius:8px;box-shadow:0 1px 4px #00000014;display:inline-flex;font-size:11px;font-weight:800;gap:5px;letter-spacing:.3px;padding:4px 12px;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition);white-space:nowrap}.mp-permit-status-badge:hover{box-shadow:0 3px 10px #0000001f;transform:scale(1.05)}.mp-permit-actions{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.mp-permit-doc-list{animation:mp-expand-in .2s ease both;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:inset 0 1px 4px #0000000a;display:flex;flex-direction:column;gap:5px;margin-top:5px;padding:8px 12px;width:100%}.mp-permit-doc-row{align-items:center;border-radius:5px;display:flex;gap:8px;padding:3px 0;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition)}.mp-permit-doc-row:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.mp-permit-doc-name{color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-size:11px;font-weight:500;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-btn-xs{border-radius:6px!important;font-size:11px!important;font-weight:700!important;padding:3px 9px!important;transition:background .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)!important;transition:background var(--mp-transition),transform var(--mp-transition),box-shadow var(--mp-transition)!important}.mp-btn-xs:hover{transform:translateY(-1px)!important}.mp-btn-xs:active{transform:scale(.95)!important}.mp-btn-orange{background:linear-gradient(135deg,#ea580c,#f97316);border:none;box-shadow:0 3px 10px #ea580c4d;color:#fff}.mp-btn-orange:hover{background:linear-gradient(135deg,#c2410c,#ea580c);box-shadow:0 6px 18px #ea580c66;transform:translateY(-2px)}.mp-btn-indigo{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;box-shadow:0 3px 10px #4f46e54d;color:#fff;transition:background .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition),box-shadow var(--mp-transition),transform var(--mp-transition)}.mp-btn-indigo:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 6px 18px #4f46e566;transform:translateY(-2px)}.mp-btn-indigo:active{transform:scale(.96)}.mp-btn-disabled{background:#e2e8f0!important;border:1px solid #cbd5e1!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.mp-permit-counter{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:linear-gradient(135deg,var(--bg-secondary,#f1f5f9),var(--bg-secondary,#e2e8f0));border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:inset 0 1px 3px #0000000a;color:#475569;display:flex;font-size:12px;font-weight:700;gap:8px;padding:6px 14px}.mp-permit-limit-badge{animation:mp-pulse-red 2s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:6px;box-shadow:0 1px 6px #dc262633;color:#991b1b;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 9px}@keyframes mp-pulse-red{0%,to{box-shadow:0 1px 6px #dc262633;opacity:1}50%{box-shadow:0 1px 12px #dc262666;opacity:.6}}.mp-permit-exp-status-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mp-permit-exp-status-pill{animation:mp-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both;border:1px solid #0000;border-radius:20px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);font-size:12px;font-weight:700;padding:5px 14px;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),filter .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition),filter var(--mp-transition)}.mp-permit-exp-status-pill:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md);filter:brightness(.95);transform:translateY(-2px)}.mp-permit-exp-total-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary,#f8fafc),var(--bg-secondary,#f1f5f9));border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color,#e2e8f0)}.mp-permit-exp-total-row td{color:#1e293b;color:var(--text-primary,#1e293b);font-weight:800;padding-bottom:12px;padding-top:12px}.mp-modal-permit-exp{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;border-radius:16px;box-shadow:0 24px 60px #00000024,0 8px 20px #00000014;max-height:96vh;max-width:1500px;overflow-y:auto;padding:28px 32px;scroll-behavior:smooth;width:99vw}.mp-modal-permit-exp::-webkit-scrollbar{width:6px}.mp-modal-permit-exp::-webkit-scrollbar-track{background:#0000}.mp-modal-permit-exp::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-modal-permit-exp::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mp-permit-timeline{animation:mp-table-in .3s cubic-bezier(.4,0,.2,1) .1s both;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin-top:28px;overflow:hidden;transition:box-shadow .18s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--mp-transition)}.mp-permit-timeline:hover{box-shadow:0 6px 24px #0000001a;box-shadow:var(--mp-shadow-md)}.mp-permit-timeline-title{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-secondary,#f8fafc),var(--bg-secondary,#f1f5f9));border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:.2px;padding:13px 20px}.mp-permit-timeline-row{align-items:center;animation:mp-row-in .22s cubic-bezier(.4,0,.2,1) both;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);display:flex;flex-wrap:wrap;gap:18px;padding:13px 20px;transition:background .18s cubic-bezier(.4,0,.2,1);transition:background var(--mp-transition)}.mp-permit-timeline-row:last-child{border-bottom:none}.mp-permit-timeline-row:hover{background:linear-gradient(90deg,#2563eb1f,#f8fafc);background:linear-gradient(90deg,var(--mp-accent-light),var(--bg-secondary,#f8fafc))}.mp-permit-timeline-label{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:6px;min-width:195px}.mp-permit-timeline-track{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:0}.mp-tl-step{align-items:center;display:flex;flex-direction:column;min-width:88px;position:relative}.mp-tl-step:after{color:#94a3b8;content:"→";font-size:13px;position:absolute;right:-15px;top:7px}.mp-tl-step:last-of-type:after{display:none}.mp-tl-dot{background:#cbd5e1;border-radius:50%;box-shadow:0 0 0 3px #cbd5e14d;height:16px;margin-bottom:6px;position:relative;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition);width:16px}.mp-tl-step:hover .mp-tl-dot{transform:scale(1.35)}.mp-tl-dot:after{border:2px solid;border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute;transform:scale(.7);transition:opacity .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);transition:opacity var(--mp-transition),transform var(--mp-transition)}.mp-tl-step:hover .mp-tl-dot:after{opacity:.3;transform:scale(1)}.mp-tl-applied .mp-tl-dot{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2440;color:#fbbf24}.mp-tl-approved .mp-tl-dot{background:#34d399;box-shadow:0 0 0 3px #34d39940;color:#34d399}.mp-tl-start .mp-tl-dot{background:#60a5fa;box-shadow:0 0 0 3px #60a5fa40;color:#60a5fa}.mp-tl-end .mp-tl-dot{background:#f87171;box-shadow:0 0 0 3px #f8717140;color:#f87171}.mp-tl-step-label{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.mp-tl-step-date{color:#94a3b8;font-size:10px;margin-top:2px}.mp-tl-cost{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;box-shadow:0 2px 6px #2563eb1f;color:#1d4ed8;font-size:12px;font-weight:800;margin-left:18px;padding:4px 12px;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition);white-space:nowrap}.mp-tl-cost:hover{box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.mp-hist-pill-permit{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:1px solid #fdba74;box-shadow:0 1px 4px #ea580c1a;color:#9a3412}.mp-hist-section-permit{background:linear-gradient(90deg,#ffedd5,#f8fafc);background:linear-gradient(90deg,#ffedd5 0,var(--bg-secondary,#f8fafc) 100%);border-left:4px solid #ea580c;color:#9a3412}.mp-action-permit{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:1px solid #fdba74;border-radius:7px;box-shadow:0 1px 4px #ea580c1a;color:#9a3412;font-size:11px;font-weight:700;padding:3px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-action-permit:hover{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 3px 10px #ea580c33;transform:translateY(-1px)}.mp-permit-penalty-risk{align-items:center;animation:mp-pulse-red 2s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:6px;box-shadow:0 1px 6px #dc262626;color:#991b1b;display:inline-flex;font-size:10px;font-weight:800;gap:5px;letter-spacing:.3px;margin-top:4px;padding:3px 9px;white-space:nowrap}.mp-permit-select{appearance:none;-webkit-appearance:none;background:#fff;background:var(--bg-primary,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2394a3b8' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:13px;font-weight:500;padding:8px 32px 8px 12px;transition:border-color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:border-color var(--mp-transition),box-shadow var(--mp-transition);width:100%}.mp-permit-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.mp-permit-select:hover:not(:focus){border-color:#94a3b8}.mp-permit-closed-date{color:#475569;display:block;font-size:10px;font-weight:600;letter-spacing:.2px;margin-top:3px;opacity:.8;white-space:nowrap}.mp-permit-closed-badge{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #94a3b8;border-radius:7px;box-shadow:0 1px 4px #00000014;color:#334155;display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.3px;margin-left:10px;padding:3px 11px;vertical-align:middle}.mp-input-locked{background:#f1f5f9!important;background:var(--bg-secondary,#f1f5f9)!important;border-color:#e2e8f0!important;border-color:var(--border-color,#e2e8f0)!important;box-shadow:none!important;color:#94a3b8!important;color:var(--text-secondary,#94a3b8)!important;cursor:not-allowed!important;transition:none!important;-webkit-user-select:none;user-select:none}.mp-action-closed{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:1px solid #94a3b8;border-radius:7px;color:#334155;font-size:11px;font-weight:700;padding:3px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-action-closed:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8);transform:translateY(-1px)}.mp-hist-section-mr{background:linear-gradient(90deg,#eff6ff,#f8fafc);background:linear-gradient(90deg,#eff6ff 0,var(--bg-secondary,#f8fafc) 100%);border-left:4px solid #3b82f6;color:#1d4ed8}.mp-hist-pill-mr{box-shadow:0 1px 4px #2563eb1a}.mp-action-mr,.mp-hist-pill-mr{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.mp-action-mr{border-radius:7px;font-size:11px;font-weight:700;padding:3px 10px;transition:all .18s cubic-bezier(.4,0,.2,1);transition:all var(--mp-transition)}.mp-action-mr:hover{box-shadow:0 3px 10px #2563eb33;transform:translateY(-1px)}.mp-modal-wide{animation:mp-modal-in .28s cubic-bezier(.34,1.2,.64,1) both;box-sizing:border-box;max-height:90vh;max-width:1100px;overflow-y:auto;padding:26px;width:95vw}.mp-matlog-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:18px 0}.mp-matlog-stat-card{animation:mp-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 4px 16px #00000040;overflow:hidden;padding:16px 20px;position:relative;text-align:center;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition),box-shadow var(--mp-transition)}.mp-matlog-stat-card:first-child{animation-delay:0s}.mp-matlog-stat-card:nth-child(2){animation-delay:.06s}.mp-matlog-stat-card:nth-child(3){animation-delay:.12s}.mp-matlog-stat-card:nth-child(4){animation-delay:.18s}.mp-matlog-stat-card:before{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);content:"";height:100%;left:-80%;position:absolute;top:0;transform:skewX(-15deg);transition:left .6s ease;width:60%}.mp-matlog-stat-card:hover:before{left:150%}.mp-matlog-stat-card:hover{box-shadow:0 10px 30px #00000059;transform:translateY(-4px)}.mp-matlog-stat-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.mp-matlog-stat-value{font-size:28px;font-weight:900;letter-spacing:-.5px}.mp-matlog-filters{animation:mp-slide-down .3s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fafcd9;border:1px solid #6366f11a;border-radius:12px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);margin-bottom:18px;padding:18px}.mp-matlog-search{box-sizing:border-box;margin-bottom:14px;width:100%}.mp-matlog-filter-grid{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.mp-matlog-filter-field{display:flex;flex-direction:column;gap:4px;min-width:0}.mp-matlog-filter-field .mp-label{color:#475569;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.mp-matlog-filter-field .mp-input,.mp-matlog-filter-field .mp-select{box-sizing:border-box;width:100%}.mp-matlog-filter-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.mp-matlog-table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:0 2px 8px #00000012;box-shadow:var(--mp-shadow-sm);overflow-x:auto}.mp-matlog-table-wrap::-webkit-scrollbar{height:6px}.mp-matlog-table-wrap::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-radius:4px}.mp-matlog-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mp-matlog-table-wrap .mp-table{min-width:900px}.mp-matlog-table-wrap .mp-td,.mp-matlog-table-wrap .mp-th{font-size:13px;padding:10px 14px;white-space:nowrap}.mp-matlog-table-wrap .mp-td-purpose{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-matlog-type-badge{border-radius:6px;box-shadow:0 1px 4px #00000014;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2px;padding:3px 9px;transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition)}.mp-matlog-type-badge:hover{transform:scale(1.06)}.mp-matlog-status-badge{border-radius:6px;box-shadow:0 1px 4px #00000012;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.2px;padding:3px 9px;transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--mp-transition)}.mp-matlog-status-badge:hover{transform:scale(1.06)}.mp-matlog-pagination{align-items:center;animation:mp-fade-in .3s ease .2s both;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:8px;padding:12px 6px}.mp-matlog-pagination-info{color:#64748b;font-size:13px;font-weight:600}.mp-matlog-pagination-btns{display:flex;flex-wrap:wrap;gap:6px}.mp-matlog-empty{animation:mp-fade-in .4s ease both;color:#94a3b8;font-size:15px;padding:48px;text-align:center}[data-theme=dark] .mp-modal-permit,[data-theme=dark] .mp-modal-permit-exp{box-shadow:0 24px 60px #00000080,0 8px 20px #0000004d}[data-theme=dark] .mp-permit-topbar{background:#ffffff0a;border-color:#6366f126}[data-theme=dark] .mp-permit-form-box{background:#ffffff08}[data-theme=dark] .mp-permit-form-box:focus-within{border-color:#3b82f666;box-shadow:0 4px 20px #3b82f62e}[data-theme=dark] .mp-permit-doc-list{background:#ffffff08}[data-theme=dark] .mp-permit-doc-row:hover{background:#ffffff0d}[data-theme=dark] .mp-pcard-blue{background:#1e40af38;border-color:#93c5fd40;color:#93c5fd}[data-theme=dark] .mp-pcard-indigo{background:#3730a338;border-color:#a5b4fc40;color:#a5b4fc}[data-theme=dark] .mp-pcard-gray{background:#47556933;border-color:#94a3b833;color:#94a3b8}[data-theme=dark] .mp-pcard-yellow{background:#92400e38;border-color:#fde68a40;color:#fde68a}[data-theme=dark] .mp-pcard-red{background:#991b1b38;border-color:#fca5a540;color:#fca5a5}[data-theme=dark] .mp-pcard-green{background:#065f4638;border-color:#6ee7b740;color:#6ee7b7}[data-theme=dark] .mp-pcard-teal{background:#0f766e38;border-color:#5eead440;color:#5eead4}[data-theme=dark] .mp-pcard-orange{background:#9a341238;border-color:#fdba7440;color:#fdba74}[data-theme=dark] .mp-pcard-slate{background:#1e293b66;border-color:#94a3b833;color:#94a3b8}[data-theme=dark] .mp-pcard-pink{background:#9d174d38;border-color:#f9a8d440;color:#f9a8d4}[data-theme=dark] .mp-permit-timeline-title{background:#ffffff0a}[data-theme=dark] .mp-permit-timeline-row:hover{background:#2563eb12}[data-theme=dark] .mp-tl-step-label{color:#94a3b8}[data-theme=dark] .mp-tl-step-date{color:#64748b}[data-theme=dark] .mp-tl-cost{background:#1d4ed82e;border-color:#93c5fd40;color:#93c5fd}[data-theme=dark] .mp-permit-counter{color:#94a3b8}[data-theme=dark] .mp-permit-limit-badge{background:#991b1b40;border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .mp-hist-pill-permit{background:#ea580c2e;border-color:#fdba744d;color:#fdba74}[data-theme=dark] .mp-hist-section-permit{background:linear-gradient(90deg,#ea580c26 0,var(--bg-secondary) 100%);color:#fdba74}[data-theme=dark] .mp-action-permit{background:#ea580c2e;border-color:#fdba744d;color:#fdba74}[data-theme=dark] .mp-action-permit:hover{background:#ea580c4d}[data-theme=dark] .mp-permit-penalty-risk{background:#991b1b38;border-color:#fca5a54d;color:#fca5a5}[data-theme=dark] .mp-permit-select{background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2364748b' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .mp-permit-select:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61f}[data-theme=dark] .mp-permit-closed-date{color:#64748b}[data-theme=dark] .mp-permit-closed-badge{background:#1e293b80;border-color:#475569;color:#94a3b8}[data-theme=dark] .mp-input-locked{background:#00000040!important;border-color:var(--border-color)!important;color:#475569!important}[data-theme=dark] .mp-action-closed{background:#3341554d;border-color:#475569;color:#94a3b8}[data-theme=dark] .mp-action-closed:hover{background:#33415580}[data-theme=dark] .mp-hist-section-mr{background:linear-gradient(90deg,#1d4ed81f 0,var(--bg-secondary) 100%);color:#93c5fd}[data-theme=dark] .mp-action-mr,[data-theme=dark] .mp-hist-pill-mr{background:#1d4ed833;border-color:#93c5fd4d;color:#93c5fd}[data-theme=dark] .mp-matlog-filters{background:#ffffff0a;border-color:#6366f11f}[data-theme=dark] .mp-matlog-stat-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ffffff0f}[data-theme=dark] .mp-matlog-pagination,[data-theme=dark] .mp-matlog-table-wrap{border-color:#ffffff14}@media (max-width:900px){.mp-matlog-filter-grid,.mp-matlog-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mp-modal-permit,.mp-modal-permit-exp{padding:16px}.mp-permit-dashboard{gap:8px}.mp-permit-card{min-width:76px;padding:12px 10px}.mp-pcard-value{font-size:24px}.mp-pcard-label{font-size:10px}.mp-permit-form-grid{gap:10px;grid-template-columns:1fr}.mp-permit-timeline-label{min-width:100%}.mp-tl-step:after{display:none}.mp-tl-cost{margin-left:0;margin-top:6px}}@media (max-width:540px){.mp-matlog-stats{grid-template-columns:1fr 1fr}.mp-matlog-filter-grid{grid-template-columns:1fr}.mp-modal-wide{padding:16px}}.mp-filter-locked-chips{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;display:flex;flex-wrap:wrap;gap:4px;min-height:36px;padding:4px 8px}.mp-class-chip{background:#dbeafe;border:1px solid #93c5fd;border-radius:999px;color:#1e40af;font-size:12px;font-weight:600;padding:2px 8px}.mp-locked-icon{color:#94a3b8;font-size:13px;margin-left:2px}.mdb-root{background:#0000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding:0 0 40px}.mdb-collapse-bar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#0f172a);border-radius:14px;box-shadow:0 4px 20px #0f172a4d;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:6px;overflow:hidden;padding:12px 22px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.mdb-collapse-bar:before{background:linear-gradient(90deg,#0000,#6366f126 40%,#0ea5e91a 70%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mdb-collapse-bar:hover{box-shadow:0 6px 28px #6366f159;transform:translateY(-1px)}.mdb-collapse-left{align-items:center;display:flex;gap:14px}.mdb-collapse-logo{filter:drop-shadow(0 0 6px rgba(99,102,241,.8));font-size:22px}.mdb-collapse-title{color:#f1f5f9;font-size:15px;font-weight:800;letter-spacing:.3px}.mdb-collapse-subtitle{color:#94a3b8;font-size:11px;margin-top:1px}.mdb-collapse-pills{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mdb-cpill{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.2px;padding:4px 12px;white-space:nowrap}.mdb-cpill--blue{background:#4f46e540;border:1px solid #4f46e566;color:#a5b4fc}.mdb-cpill--cyan{background:#0284c740;border:1px solid #0284c766;color:#7dd3fc}.mdb-cpill--orange{background:#ea580c40;border:1px solid #ea580c66;color:#fdba74}.mdb-cpill--green{background:#05966940;border:1px solid #05966966;color:#6ee7b7}.mdb-cpill--red{animation:mdb-pulse 1.8s infinite;background:#dc262640;border:1px solid #dc262666;color:#fca5a5}.mdb-collapse-right{align-items:center;display:flex;gap:10px}.mdb-toggle-btn{align-items:center;background:#6366f133;border:1px solid #6366f166;border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:5px 14px;transition:all .2s;white-space:nowrap}.mdb-toggle-btn:hover{background:#6366f166;color:#fff}.mdb-toggle-arrow{display:inline-block;font-size:10px;transition:transform .3s ease}.mdb-toggle-arrow--up{transform:rotate(180deg)}.mdb-toggle-arrow--down{transform:rotate(0deg)}.mdb-body{overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .3s ease}.mdb-body--open{max-height:9999px;opacity:1}.mdb-body--closed{max-height:0;opacity:0;pointer-events:none}.mdb-inner{background:linear-gradient(180deg,#f0f4f9,#eef2f7);border:1px solid #e2e8f0;border-radius:0 0 14px 14px;border-top:none;padding:22px 24px 32px}.mdb-sticky{align-items:center;background:linear-gradient(90deg,#0f172a,#1e3a5f);border-bottom:1px solid #6366f14d;box-shadow:0 3px 16px #0006;color:#e2e8f0;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;left:250px;padding:8px 20px;position:fixed;right:0;top:0;z-index:999}.mdb-sticky-title{color:#a5b4fc;font-size:13px;font-weight:800;margin-right:6px}.mdb-sticky-chip{border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px}.mdb-sticky-chip--blue{background:#4f46e599;border:1px solid #6366f1}.mdb-sticky-chip--cyan{background:#0284c799;border:1px solid #0ea5e9}.mdb-sticky-chip--orange{background:#ea580c99;border:1px solid #f97316}.mdb-sticky-chip--green{background:#05966999;border:1px solid #10b981}.mdb-sticky-alert{animation:mdb-pulse 1.8s infinite;background:#dc2626;border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px}.mdb-sticky-clear{background:#47556999;border:1px solid #475569;border-radius:6px;color:#cbd5e1;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:4px 12px}.mdb-sticky-clear:hover{background:#dc2626;border-color:#dc2626;color:#fff}.mdb-header{align-items:flex-start;border-bottom:1px solid #6366f126;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px;padding-bottom:16px}.mdb-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#4f46e5);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:20px;font-weight:900;letter-spacing:-.4px;margin:0}.mdb-subtitle{color:#64748b;font-size:12px;letter-spacing:.2px;margin:3px 0 0}.mdb-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.mdb-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.2px;padding:7px 14px;transition:all .15s}.mdb-btn--primary{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 2px 8px #4f46e54d;color:#fff}.mdb-btn--primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px)}.mdb-btn--ghost{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #cbd5e1;color:#334155}.mdb-btn--ghost:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.mdb-btn--danger{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.mdb-btn--danger:hover{background:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff}.mdb-btn-retry{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px}.mdb-banner{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.mdb-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:700;gap:6px;padding:7px 16px}.mdb-badge--warn{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;box-shadow:0 2px 8px #fbbf2433;color:#92400e}.mdb-badge--danger{animation:mdb-pulse 2s infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;box-shadow:0 2px 8px #dc262633;color:#991b1b}.mdb-filterbar{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #6366f126;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;padding:14px 18px}.mdb-fgroup{display:flex;flex-direction:column;gap:4px}.mdb-fgroup label{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.mdb-fgroup input,.mdb-fgroup select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.mdb-fgroup input:focus,.mdb-fgroup select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.mdb-section-head{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-left:4px solid #4f46e5;border-radius:8px;box-shadow:0 1px 4px #0000000d;color:#1e293b;display:flex;font-size:13px;font-weight:800;gap:8px;margin:26px 0 14px;padding:8px 12px}.mdb-kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mdb-kpi{align-items:flex-start;border:none;border-radius:18px;box-shadow:0 4px 20px #0000001f,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:22px 20px;position:relative;text-align:left;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.mdb-kpi:before{background:#ffffff1f;height:120px;right:-40px;top:-40px;width:120px}.mdb-kpi:after,.mdb-kpi:before{border-radius:50%;content:"";position:absolute}.mdb-kpi:after{background:#00000014;bottom:-20px;height:80px;left:-20px;width:80px}.mdb-kpi:hover{box-shadow:0 12px 36px #0003,inset 0 1px 0 #fff3;transform:translateY(-4px) scale(1.01)}.mdb-kpi--on{box-shadow:0 0 0 3px #fff,0 0 0 6px #6366f199,0 12px 36px #0003;transform:translateY(-3px)}.mdb-kpi-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:30px;z-index:1}.mdb-kpi-body{flex:1 1;min-width:0;z-index:1}.mdb-kpi-label{font-size:11px;font-weight:800;letter-spacing:1px;opacity:.8;text-transform:uppercase}.mdb-kpi-num{font-size:34px;font-weight:900;line-height:1.1;margin:4px 0 2px}.mdb-kpi-sub{font-size:11px;margin-bottom:6px;opacity:.7}.mdb-kpi-amt{background:#ffffff26;border-radius:6px;display:inline-block;font-size:12px;font-weight:800;opacity:.9;padding:3px 8px}.mdb-kpi-dot{animation:mdb-pulse 1.4s infinite;background:#fff;border-radius:50%;box-shadow:0 0 8px #fffc;height:10px;position:absolute;right:12px;top:12px;width:10px;z-index:2}.mdb-charts-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mdb-chart-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #6366f11a;border-radius:16px;box-shadow:0 4px 16px #00000012;padding:20px;transition:box-shadow .2s}.mdb-chart-box:hover{box-shadow:0 8px 28px #4f46e51f}.mdb-chart-title{align-items:center;border-bottom:2px solid #f1f5f9;color:#1e293b;display:flex;font-size:13px;font-weight:800;gap:6px;margin-bottom:14px;padding-bottom:10px}.mdb-tip{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #6366f133;border-radius:10px;box-shadow:0 8px 24px #0000004d;color:#f8fafc;font-size:12px;line-height:1.6;padding:10px 14px;pointer-events:none}.mdb-permit-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.mdb-pchip{align-items:center;background:#ffffffe6;border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 1px 4px #00000012;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s}.mdb-pchip:hover{border-color:#6366f1;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.mdb-pchip--on{background:#eef2ff;border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526}.mdb-pchip--penalty{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#fca5a5!important}.mdb-pchip-label{color:#334155;font-size:12px}.mdb-pchip-count{font-size:15px;font-weight:900;min-width:20px;text-align:right}.mdb-two-col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}.mdb-scope-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #6366f11a;border-radius:16px;box-shadow:0 4px 16px #00000012;padding:20px}.mdb-scope-head{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:14px;margin-bottom:18px;padding-bottom:14px}.mdb-scope-icon{font-size:26px}.mdb-scope-title{color:#1e293b;font-size:14px;font-weight:800}.mdb-scope-meta{color:#4f46e5;font-size:12px;font-weight:700;margin-top:2px}.mdb-scope-list{display:flex;flex-direction:column;gap:10px}.mdb-distbar{grid-gap:10px;align-items:center;background:#f8fafccc;border:1px solid #0000;border-radius:10px;cursor:pointer;display:grid;font-size:12px;gap:10px;grid-template-columns:110px 1fr auto;padding:9px 12px;text-align:left;transition:all .18s}.mdb-distbar:hover{background:#eff6ff;border-color:#c7d2fe;transform:translateX(3px)}.mdb-distbar--on{background:#eff6ff;border-color:#4f46e5}.mdb-distbar-label{color:#334155;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdb-distbar-track{background:#e2e8f0;border-radius:4px;height:7px;overflow:hidden}.mdb-distbar-fill{background:linear-gradient(90deg,#4f46e5,#818cf8,#06b6d4);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.mdb-distbar-meta{color:#64748b;font-size:11px;font-weight:600;white-space:nowrap}.mdb-target-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #6366f11a;border-radius:16px;box-shadow:0 4px 16px #00000012;margin-bottom:20px;overflow:hidden}.mdb-target-scroll{max-height:380px;overflow-x:auto;overflow-y:auto}.mdb-target-tbl{border-collapse:collapse;font-size:13px;width:100%}.mdb-target-tbl thead{background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.mdb-target-tbl th{font-size:11px;font-weight:700;letter-spacing:.5px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.mdb-target-tbl td{border-bottom:1px solid #f1f5f9;padding:10px 14px}.mdb-trow{cursor:pointer;transition:background .12s}.mdb-trow:hover td{background:#eff6ffcc!important}.mdb-trow--overdue td{background:#fef2f299}.mdb-trow--due td{background:#fffbeb99}.mdb-tbadge{border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.3px;padding:4px 10px}.mdb-tbadge--overdue{background:#fee2e2;color:#991b1b}.mdb-tbadge--due{background:#fef3c7;color:#92400e}.mdb-dist-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));margin-bottom:28px}.mdb-dist-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:2px solid #0000;border-radius:14px;box-shadow:0 2px 10px #0000000f;cursor:pointer;overflow:hidden;padding:18px;position:relative;text-align:left;transition:all .2s}.mdb-dist-card:before{background:linear-gradient(90deg,#4f46e5,#06b6d4);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.mdb-dist-card:hover{border-color:#c7d2fe;box-shadow:0 8px 24px #4f46e526;transform:translateY(-3px)}.mdb-dist-card:hover:before{opacity:1}.mdb-dist-card--on{background:#eef2fff2;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.mdb-dist-card--on:before{opacity:1}.mdb-dist-card-name{color:#1e293b;font-size:12px;font-weight:800;letter-spacing:.2px;margin-bottom:8px}.mdb-dist-card-count{color:#4f46e5;font-size:24px;font-weight:900;line-height:1}.mdb-dist-card-amt{color:#64748b;font-size:11px;font-weight:600;margin:4px 0 10px}.mdb-dist-card-track{background:#e2e8f0;border-radius:4px;height:5px;overflow:hidden}.mdb-dist-card-fill{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.mdb-overlay{align-items:center;animation:mdb-fade-in .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.mdb-modal{animation:mdb-slide-up .25s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:18px;box-shadow:0 24px 80px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:100%}.mdb-modal-head{align-items:center;background:linear-gradient(135deg,#f8fafc,#f0f4f9);border-bottom:1px solid #e2e8f0;border-radius:18px 18px 0 0;color:#0f172a;display:flex;font-size:16px;font-weight:900;justify-content:space-between;padding:18px 22px}.mdb-modal-head button{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.mdb-modal-head button:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.mdb-modal-body{overflow-y:auto;padding:18px 22px}.mdb-modal-tbl{border-collapse:collapse;font-size:13px;width:100%}.mdb-modal-tbl th{background:linear-gradient(135deg,#f8fafc,#f0f4f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:800;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.mdb-modal-tbl td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:13px;padding:10px 14px}.mdb-modal-tbl tr:hover td{background:#f8fafc}.mdb-skel-grid{grid-gap:14px;background:linear-gradient(180deg,#f0f4f9,#eef2f7);border-radius:0 0 14px 14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:22px}.mdb-skeleton{background:#ffffffe6;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:22px}.mdb-skel-line{animation:mdb-shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:6px;height:12px;margin-bottom:10px}.mdb-skel-line.s{width:40%}.mdb-skel-line.m{width:65%}.mdb-skel-line.l{height:30px;width:90%}.mdb-empty{color:#94a3b8;font-size:13px;padding:12px 0}.mdb-empty--center{font-size:14px;padding:28px;text-align:center}.mdb-error-state{align-items:center;background:linear-gradient(180deg,#f0f4f9,#eef2f7);border-radius:0 0 14px 14px;color:#dc2626;display:flex;flex-direction:column;font-size:15px;gap:14px;padding:48px;text-align:center}.mdb-target-tbl code{background:#4f46e514;border:1px solid #4f46e526;border-radius:5px;color:#4f46e5;font-size:11px;font-weight:700;padding:2px 7px}.mdb-divider{background:linear-gradient(90deg,#0000,#6366f133,#0000);height:1px;margin:8px 0}@keyframes mdb-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes mdb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mdb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mdb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media print{.mdb-collapse-bar,.mdb-filterbar,.mdb-header-actions,.mdb-sticky,.mdb-toggle-btn{display:none!important}.mdb-body--closed{max-height:none!important;opacity:1!important}.mdb-inner{background:#fff;border:none;padding:0}.mdb-kpi{border:1px solid #cbd5e1;box-shadow:none;-webkit-print-color-adjust:exact}.mdb-chart-box,.mdb-scope-box,.mdb-target-panel{break-inside:avoid;page-break-inside:avoid}}@media (max-width:900px){.mdb-sticky{left:0}.mdb-collapse-pills{display:none}}@media (max-width:640px){.mdb-inner{padding:14px}.mdb-kpi-num{font-size:26px}.mdb-charts-row{grid-template-columns:1fr}.mdb-title{font-size:17px}.mdb-collapse-bar{padding:10px 14px}}.ucb-card{animation:ucb-in .4s cubic-bezier(.4,0,.2,1) both;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;box-shadow:0 4px 20px #00000012;margin-bottom:20px;overflow:hidden}@keyframes ucb-in{0%{opacity:0}to{opacity:1}}.ucb-header{background:linear-gradient(135deg,#4f46e50a,#06b6d408);border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#4f46e5,#06b6d4,#0000) 1;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.ucb-header,.ucb-header-left{align-items:center;display:flex}.ucb-header-left{gap:14px}.ucb-header-right{flex-wrap:wrap;gap:8px}.ucb-header-right,.ucb-title{align-items:center;display:flex}.ucb-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:800;gap:7px;letter-spacing:-.2px}.ucb-subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500;margin-top:2px}.ucb-live-dot{animation:ucb-pulse-green 1.8s ease infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 2px #22c55e40;display:inline-block;height:8px;width:8px}@keyframes ucb-pulse-green{0%,to{box-shadow:0 0 0 2px #22c55e40}50%{box-shadow:0 0 0 5px #22c55e1f}}.ucb-ring{flex-shrink:0}.ucb-district-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#111;color:var(--text-primary,#111);cursor:pointer;font-size:12px;font-weight:600;padding:6px 28px 6px 10px;transition:border-color .15s,box-shadow .15s}.ucb-district-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none}.ucb-search{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#111;color:var(--text-primary,#111);font-size:12px;font-weight:500;padding:6px 12px;transition:border-color .15s,box-shadow .15s,width .25s;width:170px}.ucb-search:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;outline:none;width:210px}.ucb-icon-btn{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.ucb-icon-btn:hover{background:#ede9fe;border-color:#c4b5fd;transform:scale(1.1)}.ucb-kpi-strip{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.ucb-kpi-chip{align-items:center;animation:ucb-chip-in .35s cubic-bezier(.34,1.56,.64,1) both;border:1px solid #0000;border-radius:10px;display:flex;flex-direction:column;min-width:80px;padding:6px 16px;transition:transform .15s,box-shadow .15s}.ucb-kpi-chip:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ucb-kpi-chip:first-child{animation-delay:0s}.ucb-kpi-chip:nth-child(2){animation-delay:.05s}.ucb-kpi-chip:nth-child(3){animation-delay:.1s}.ucb-kpi-chip:nth-child(4){animation-delay:.15s}.ucb-kpi-chip:nth-child(5){animation-delay:.2s}.ucb-kpi-chip:nth-child(6){animation-delay:.25s}@keyframes ucb-chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ucb-kpi-val{font-size:20px;font-weight:900;line-height:1}.ucb-kpi-lbl{font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:3px;opacity:.75;text-transform:uppercase;white-space:nowrap}.ucb-kpi-chip--blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af}.ucb-kpi-chip--indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc;color:#3730a3}.ucb-kpi-chip--green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.ucb-kpi-chip--red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.ucb-kpi-chip--gray{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#475569}.ucb-kpi-chip--teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#5eead4;color:#0f766e}.ucb-body{max-height:9999px;opacity:1;overflow:hidden;padding:6px 0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.ucb-body--collapsed{max-height:0;opacity:0;padding:0}.ucb-row{grid-gap:14px;align-items:center;animation:ucb-row-in .25s ease both;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:grid;gap:14px;grid-template-columns:200px 1fr 200px;padding:10px 20px;transition:background .15s}@keyframes ucb-row-in{0%{opacity:0}to{opacity:1}}.ucb-row:last-child{border-bottom:none}.ucb-row:hover{background:linear-gradient(90deg,#4f46e50d,#06b6d408)}.ucb-row-label{align-items:center;display:flex;gap:8px;min-width:0}.ucb-row-name{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucb-trend{border-radius:5px;flex-shrink:0;font-size:11px;font-weight:800;padding:1px 6px;white-space:nowrap}.ucb-trend--up{background:#dcfce7;color:#166534}.ucb-trend--down{background:#fee2e2;color:#991b1b}.ucb-bar-wrap{align-items:center;display:flex;gap:10px}.ucb-bar-track{background:#e2e8f0;background:var(--border-color,#e2e8f0);flex:1 1;height:9px}.ucb-bar-fill,.ucb-bar-track{border-radius:99px;overflow:hidden}.ucb-bar-fill{height:100%;position:relative;transition:width .7s cubic-bezier(.4,0,.2,1)}.ucb-bar-fill:after{animation:ucb-shimmer 2.5s ease infinite;background:linear-gradient(90deg,#0000,#ffffff73,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes ucb-shimmer{0%{left:-100%}to{left:220%}}.ucb-bar--green{background:linear-gradient(90deg,#16a34a,#4ade80)}.ucb-bar--amber{background:linear-gradient(90deg,#d97706,#fbbf24)}.ucb-bar--red{background:linear-gradient(90deg,#dc2626,#f87171)}.ucb-pct{font-size:12px;font-weight:800;min-width:38px;text-align:right;white-space:nowrap}.ucb-pct--green{color:#16a34a}.ucb-pct--amber{color:#d97706}.ucb-pct--red{color:#dc2626}.ucb-row-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.ucb-qty-done{color:#2563eb;font-size:13px;font-weight:800}.ucb-qty-sep{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px}.ucb-qty-total{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:500}.ucb-report-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:11px;font-weight:700;margin-left:6px;padding:2px 8px;white-space:nowrap}.ucb-loading{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;font-size:14px;gap:12px;padding:40px}.ucb-spinner{animation:ucb-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#4f46e5;height:36px;width:36px}.ucb-error{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:12px;padding:24px 20px}.ucb-retry-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:background .15s}.ucb-retry-btn:hover{background:#4338ca}.ucb-empty{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;padding:36px 20px;text-align:center}.ucb-footer{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:12px;justify-content:space-between;padding:10px 20px}.ucb-footer-pct{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd;border-radius:8px;color:#4f46e5;font-size:13px;font-weight:800;padding:3px 12px}[data-theme=dark] .ucb-card{background:var(--bg-primary);border-color:#ffffff14}[data-theme=dark] .ucb-header{background:#4f46e50f}[data-theme=dark] .ucb-kpi-strip{background:#ffffff08}[data-theme=dark] .ucb-district-select,[data-theme=dark] .ucb-search{background:var(--bg-secondary);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .ucb-icon-btn{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .ucb-icon-btn:hover{background:#4f46e533;border-color:#c4b5fd66}[data-theme=dark] .ucb-row:hover{background:#4f46e512}[data-theme=dark] .ucb-bar-track{background:#ffffff1a}[data-theme=dark] .ucb-report-badge{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .ucb-footer{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] .ucb-kpi-chip--blue{background:#1e40af33;border-color:#93c5fd40}[data-theme=dark] .ucb-kpi-chip--indigo{background:#3730a333;border-color:#a5b4fc40}[data-theme=dark] .ucb-kpi-chip--green{background:#16653433;border-color:#86efac40}[data-theme=dark] .ucb-kpi-chip--red{background:#991b1b33;border-color:#fca5a540}[data-theme=dark] .ucb-kpi-chip--gray{background:#47556933;border-color:#94a3b833}[data-theme=dark] .ucb-kpi-chip--teal{background:#0f766e33;border-color:#5eead440}[data-theme=dark] .ucb-footer-pct{background:#4f46e52e;border-color:#c4b5fd4d;color:#a5b4fc}@media (max-width:900px){.ucb-row{grid-template-columns:160px 1fr 160px}}@media (max-width:640px){.ucb-row{gap:6px;grid-template-columns:1fr;padding:12px 16px}.ucb-row-meta{justify-content:flex-start}.ucb-header{align-items:flex-start;flex-direction:column}.ucb-search{width:140px}.ucb-search:focus{width:160px}}.ucb-columns{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:16px}.ucb-col{background:#f8fafc;background:var(--col-bg,#f8fafc);border:1.5px solid color-mix(in srgb,#6366f1 18%,#0000);border-top:3px solid #6366f1;border:1.5px solid color-mix(in srgb,var(--col-accent,#6366f1) 18%,#0000);border-radius:12px;border-top:3px solid var(--col-accent,#6366f1);overflow:hidden;transition:box-shadow .2s}.ucb-col:hover{box-shadow:0 4px 20px color-mix(in srgb,#6366f1 14%,#0000);box-shadow:0 4px 20px color-mix(in srgb,var(--col-accent,#6366f1) 14%,#0000)}.ucb-col-header{align-items:center;border-bottom:1px solid color-mix(in srgb,#6366f1 12%,#0000);border-bottom:1px solid color-mix(in srgb,var(--col-accent,#6366f1) 12%,#0000);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .15s;-webkit-user-select:none;user-select:none}.ucb-col-header:hover{background:color-mix(in srgb,#6366f1 6%,#0000);background:color-mix(in srgb,var(--col-accent,#6366f1) 6%,#0000)}.ucb-col-header-left{align-items:center;display:flex;gap:12px}.ucb-col-title{font-size:15px;font-weight:700;gap:6px}.ucb-col-meta,.ucb-col-title{align-items:center;display:flex}.ucb-col-meta{color:#64748b;flex-wrap:wrap;font-size:11.5px;gap:7px;margin-top:3px}.ucb-col-done-badge{background:#dcfce7;border-radius:20px;color:#166534;font-size:10px;font-weight:700;padding:1px 7px}.ucb-col-toggle{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:11px;padding:5px 7px;transition:background .15s}.ucb-col-toggle:hover{background:#0000000f}.ucb-col-body{padding:6px 0}.ucb-date-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#334155;cursor:pointer;font-size:12px;height:32px;padding:0 8px;transition:border-color .15s;width:130px}.ucb-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #eef2ff;outline:none}.ucb-date-sep{color:#94a3b8;flex-shrink:0;font-size:13px;-webkit-user-select:none;user-select:none}.ucb-apply-btn{background:#6366f1;border:none;border-radius:7px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;height:32px;padding:0 14px;transition:background .15s,transform .1s}.ucb-apply-btn:hover{background:#4f46e5;transform:translateY(-1px)}.ucb-apply-btn:active{transform:translateY(0)}.ucb-date-badge{align-items:center;background:#ede9fe;border-radius:20px;color:#5b21b6;display:inline-flex;font-size:11px;font-weight:600;gap:5px;margin-left:8px;padding:2px 8px}.ucb-date-clear{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:11px;line-height:1;padding:0}.ucb-date-clear:hover{color:#dc2626}.ucb-kpi-chip--purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.ucb-kpi-chip--purple .ucb-kpi-val{color:#7c3aed}.ucb-kpi-chip--purple .ucb-kpi-lbl{color:#8b5cf6}.ucb-cat-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12.5px;height:32px;max-width:200px;min-width:160px;padding:0 8px}.ucb-cat-select:focus{border-color:#6366f1;outline:none}.ucb-wo-input{color:#374151;font-size:12.5px;height:32px;padding:0 10px;width:130px}.ucb-wo-input::placeholder{color:#9ca3af}.ucb-clear-btn{background:#fff1f2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;cursor:pointer;font-size:12px;font-weight:600;height:32px;padding:0 10px;transition:background .15s;white-space:nowrap}.ucb-clear-btn:hover{background:#fee2e2}.ucb-wo-wrap{display:flex;flex-direction:column;position:relative}.ucb-wo-input-wrap{align-items:center;display:flex;position:relative}.ucb-wo-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:6px 28px 6px 10px;transition:border-color .2s;width:180px}.ucb-wo-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.ucb-wo-spinner{animation:ucb-spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:14px;pointer-events:none;position:absolute;right:8px;width:14px}.ucb-wo-clear-x{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:11px;line-height:1;padding:0 2px;position:absolute;right:6px}.ucb-wo-clear-x:hover{color:#ef4444}.ucb-wo-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.ucb-wo-option{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;transition:background .15s}.ucb-wo-option:last-child{border-bottom:none}.ucb-wo-option:hover{background:#f0f0ff}.ucb-wo-option:hover .ucb-wo-opt-title{color:#4338ca}.ucb-wo-opt-title{color:#111827;font-size:13px;font-weight:600;margin-bottom:4px}.ucb-wo-opt-meta{display:flex;flex-wrap:wrap;gap:4px}.ucb-wo-tag{border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px;white-space:nowrap}.ucb-wo-tag--district{background:#dbeafe;color:#1d4ed8}.ucb-wo-tag--status{background:#dcfce7;color:#15803d}.ucb-wo-tag--class{background:#fef9c3;color:#854d0e}.ucb-wo-tag--pct{background:#ede9fe;color:#6d28d9}.ucb-wo-tag--cats{background:#fff7ed;color:#c2410c}.ucb-wo-tag--person{background:#f1f5f9;color:#475569}.ucb-wo-option--empty{color:#9ca3af;cursor:default;font-style:italic}.ucb-wo-option--empty:hover{background:none}@keyframes ucb-spin{to{transform:rotate(1turn)}}.l3d-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 12px #0000000d;margin-bottom:20px;overflow:hidden}.l3d-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1.5px solid #e2e8f0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 20px}.l3d-header,.l3d-header-left{align-items:center;display:flex}.l3d-header-left{gap:12px}.l3d-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.l3d-header-icon{font-size:26px}.l3d-title{color:#1e293b;font-size:15px;font-weight:700}.l3d-subtitle{color:#64748b;font-size:12px;margin-top:2px}.l3d-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#334155;cursor:pointer;font-size:12px;height:32px;padding:0 10px}.l3d-select:focus{border-color:#6366f1;outline:none}.l3d-icon-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background .15s;width:32px}.l3d-icon-btn:hover{background:#f1f5f9}.l3d-body{overflow:hidden;transition:max-height .35s ease}.l3d-body--collapsed{max-height:0!important}.l3d-columns{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);min-height:200px}.l3d-col{border-right:1px solid #e2e8f0;cursor:pointer;display:flex;flex-direction:column;transition:background .15s}.l3d-col:last-child{border-right:none}.l3d-col:hover{background:#f8faff}.l3d-col--today{background:#fefce8;border-top:3px solid #eab308}.l3d-col--today:hover{background:#fef9c3}.l3d-col--empty{opacity:.7}.l3d-day-header{border-bottom:1px solid #f1f5f9;padding:14px 16px 10px}.l3d-day-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-bottom:6px}.l3d-day-name{display:flex;flex-direction:column}.l3d-day-weekday{color:#1e293b;font-size:14px;font-weight:700}.l3d-day-date{color:#64748b;font-size:11px;margin-top:1px}.l3d-day-badges{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.l3d-today-pill{background:#fef08a;border:1px solid #fde047;border-radius:20px;color:#854d0e}.l3d-intensity,.l3d-today-pill{font-size:10px;font-weight:700;padding:2px 8px}.l3d-intensity{border-radius:20px}.l3d-int--high{background:#dcfce7;color:#166534}.l3d-int--mid{background:#fef9c3;color:#854d0e}.l3d-int--low{background:#ffedd5;color:#9a3412}.l3d-int--zero{background:#f1f5f9;color:#64748b}.l3d-day-total{align-items:baseline;display:flex;gap:3px;margin-top:4px}.l3d-day-total-num{color:#1e293b;font-size:20px;font-weight:800}.l3d-day-total-lbl{color:#94a3b8;font-size:11px}.l3d-day-body{flex:1 1;padding:8px 0}.l3d-zero-day{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:32px 16px}.l3d-zero-icon{font-size:28px}.l3d-type-group{margin-bottom:4px}.l3d-type-head{align-items:center;background:#00000005;border-left:3px solid;border-radius:0 5px 5px 0;display:flex;font-size:11.5px;font-weight:700;justify-content:space-between;margin:0 8px 2px;padding:5px 14px}.l3d-type-qty{color:#475569;font-size:12px;font-weight:700}.l3d-cat-row{align-items:center;border-radius:7px;cursor:pointer;display:flex;gap:6px;justify-content:space-between;margin:1px 8px;padding:6px 14px;transition:background .12s}.l3d-cat-row:hover{background:#f0f9ff}.l3d-cat-row--top{background:#fefce8}.l3d-cat-row--top:hover{background:#fef9c3}.l3d-cat-row--idle{background:#fff7f7}.l3d-cat-row--idle:hover{background:#fee2e2}.l3d-cat-left{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.l3d-cat-name{color:#334155;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l3d-cat-meta{color:#94a3b8;font-size:10px}.l3d-cat-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.l3d-cat-qty{color:#1e293b;font-size:13px;font-weight:800;min-width:32px;text-align:right}.l3d-cat-flags{display:flex;gap:2px}.l3d-flag{font-size:12px}.l3d-spark{align-items:flex-end;display:inline-flex;gap:2px;height:16px}.l3d-spark-dot{background:#6366f1;border-radius:3px;display:inline-block;height:14px;transform-origin:bottom;transition:transform .4s ease,opacity .4s ease;width:5px}.l3d-day-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;padding:8px 14px}.l3d-filter-hint{color:#94a3b8;font-size:10px}.l3d-filter-hint-cat{color:#c4b5fd;font-size:10px}.l3d-loading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px;justify-content:center;padding:40px}.l3d-spinner{animation:l3d-spin .7s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:18px;width:18px}@keyframes l3d-spin{to{transform:rotate(1turn)}}.l3d-error{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:10px;justify-content:center;padding:20px;text-align:center}.l3d-retry-btn{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;padding:4px 12px}@media (max-width:768px){.l3d-columns{grid-template-columns:1fr}.l3d-col{border-bottom:1px solid #e2e8f0;border-right:none}}.l3d-search-wrap{position:relative}.l3d-search-box{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;gap:6px;height:34px;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:200px}.l3d-search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #eef2ff}.l3d-search-box--active{background:#fefce8;border-color:#6366f1}.l3d-search-icon{flex-shrink:0;font-size:13px}.l3d-search-input{background:#0000;border:none;color:#334155;flex:1 1;font-size:12px;min-width:0;outline:none}.l3d-search-input::placeholder{color:#94a3b8}.l3d-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:12px;padding:0;transition:color .15s}.l3d-search-clear:hover{color:#dc2626}.l3d-search-spin{animation:l3d-spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;flex-shrink:0;height:13px;width:13px}.l3d-dropdown{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f;left:0;max-height:280px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 5px);z-index:999}.l3d-drop-section{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.04em;padding:8px 12px 4px;text-transform:uppercase}.l3d-drop-item{border-bottom:1px solid #f8fafc;cursor:pointer;padding:9px 12px;transition:background .12s}.l3d-drop-item:last-child{border-bottom:none}.l3d-drop-item:hover{background:#f0f9ff}.l3d-drop-item--hl{background:#eef2ff}.l3d-drop-wo{color:#1e293b;font-family:monospace;font-size:12.5px;font-weight:700}.l3d-drop-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-top:2px}.l3d-drop-status{background:#f0fdf4;border-radius:20px;color:#166534;font-size:10px;font-weight:600;padding:1px 7px}.l3d-drop-recent-tag{color:#c4b5fd;font-size:10px;font-style:italic;margin-left:auto}.l3d-drop-empty{color:#64748b;font-size:12px;padding:16px 12px;text-align:center}.l3d-drop-hint{color:#c4b5fd;font-size:11px;margin-top:4px}.l3d-recent-strip{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;padding:7px 18px}.l3d-recent-lbl{color:#94a3b8;flex-shrink:0;font-size:11px;font-weight:600}.l3d-recent-chip{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#334155;cursor:pointer;font-family:monospace;font-size:11px;padding:3px 10px;transition:border-color .15s,background .15s}.l3d-recent-chip:hover{background:#eef2ff;border-color:#6366f1;color:#4f46e5}.l3d-recent-clear-all{background:none;border:none;color:#c4b5fd;cursor:pointer;font-size:10px;margin-left:auto;text-decoration:underline}.l3d-recent-clear-all:hover{color:#dc2626}.l3d-wo-bar{align-items:center;background:linear-gradient(135deg,#fefce8,#fef9c3);border-bottom:1.5px solid #fde047;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 18px}.l3d-wo-bar--notfound{background:#fff7f7;border-color:#fca5a5;color:#dc2626;font-size:13px;gap:12px;justify-content:flex-start}.l3d-wo-bar-left,.l3d-wo-bar-right{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.l3d-wo-badge{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-family:monospace;font-size:13px;font-weight:800;padding:3px 10px}.l3d-wo-chip{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:20px;color:#475569}.l3d-wo-chip,.l3d-wo-status{font-size:11px;padding:2px 9px}.l3d-wo-status{background:#dcfce7;color:#166534}.l3d-wo-pct,.l3d-wo-status{border-radius:20px;font-weight:700}.l3d-wo-pct{font-size:11.5px;padding:3px 10px}.l3d-wo-pct--civil{background:#eef2ff;color:#3730a3}.l3d-wo-pct--fiber{background:#fff7ed;color:#9a3412}.l3d-wo-bar-clear{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;padding:3px 10px;transition:background .15s,color .15s}.l3d-wo-bar-clear:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.l3d-wo-mode-pill{align-items:center;background:#fef08a;border:1px solid #fde047;border-radius:20px;color:#854d0e;display:inline-flex;font-size:10px;font-weight:700;margin-left:8px;padding:2px 8px}.l3d-day-sar{color:#16a34a;display:block;font-size:13px;font-weight:700;letter-spacing:-.01em;margin-top:2px}.l3d-type-totals{align-items:center;display:flex;gap:7px}.l3d-type-sar{background:#dcfce7;border-radius:20px;color:#16a34a;font-size:11px;font-weight:700;padding:1px 7px}.l3d-cat-sar-line{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:1px}.l3d-cat-sar{color:#16a34a;font-size:11px;font-weight:700}.l3d-wo-sar-total{align-items:center;background:#dcfce7;border:1px solid #86efac;border-radius:8px;color:#14532d;display:inline-flex;font-size:13px;font-weight:800;gap:5px;padding:3px 12px}.l3d-wo-sar-sub{background:#ffffff80;border-radius:10px;color:#16a34a;font-size:10px;font-weight:500;padding:1px 5px}.cal-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 6px -1px #0000000f,0 10px 30px -5px #6366f112,0 0 0 1px #6366f10a;margin-bottom:24px;overflow:hidden;transition:box-shadow .3s ease,transform .25s ease}.cal-card:hover{box-shadow:0 8px 25px -4px #00000017,0 20px 40px -8px #6366f121,0 0 0 1px #6366f114;transform:translateY(-1px)}.cal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9 60%,#ede9fe22);border-bottom:1.5px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;overflow:hidden;padding:16px 22px;position:relative}.cal-header:before{background:radial-gradient(circle,#6366f11a,#0000 70%);height:140px;right:-40px;top:-40px;width:140px}.cal-header:after,.cal-header:before{content:"";pointer-events:none;position:absolute}.cal-header:after{background:radial-gradient(circle,#818cf814,#0000 70%);bottom:-20px;height:80px;left:60px;width:80px}.cal-header-left{gap:14px}.cal-header-left,.cal-header-right{align-items:center;display:flex;position:relative}.cal-header-right{flex-wrap:wrap;gap:8px}.cal-icon-wrap{align-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);border:1.5px solid #c7d2fe;border-radius:13px;box-shadow:0 3px 10px #6366f133;display:flex;height:46px;justify-content:center;overflow:hidden;position:relative;width:46px}.cal-icon-wrap:after{animation:cal-shimmer 3s ease-in-out infinite;background:linear-gradient(105deg,#0000,#ffffff8c,#0000);content:"";height:200%;left:-60%;position:absolute;top:-50%;width:50%}@keyframes cal-shimmer{0%{left:-60%}60%,to{left:120%}}.cal-icon{font-size:24px;line-height:1;position:relative;z-index:1}.cal-title{align-items:center;color:#1e293b;display:flex;font-size:15px;font-weight:800;gap:8px;letter-spacing:-.015em}.cal-range{background:linear-gradient(135deg,#ede9fe,#e0e7ff);border:1px solid #c7d2fe;border-radius:20px;color:#6366f1;font-size:11px;font-weight:700;letter-spacing:.01em;padding:2px 9px}.cal-subtitle{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:11.5px;gap:4px;margin-top:3px}.cal-metric-tabs{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;box-shadow:inset 0 1px 3px #00000014;display:flex;gap:3px;padding:4px}.cal-mtab{background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.01em;padding:5px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cal-mtab:hover:not(.cal-mtab--on){background:#ffffff8c;color:#475569}.cal-mtab--on{background:#fff;box-shadow:0 2px 8px #6366f12e,0 1px 3px #00000014;color:#6366f1;transform:translateY(-.5px)}.cal-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;font-size:12px;height:34px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.cal-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.cal-select:hover{border-color:#a5b4fc}.cal-icon-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .18s ease;width:34px}.cal-icon-btn:hover{background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-color:#a5b4fc;box-shadow:0 3px 10px #6366f133;transform:scale(1.1)}.cal-icon-btn:active{transform:scale(.92)}.cal-body{opacity:1;overflow:hidden;transition:max-height .48s cubic-bezier(.4,0,.2,1),opacity .35s ease}.cal-body--collapsed{max-height:0!important;opacity:0}.cal-content{animation:cal-content-in .35s cubic-bezier(.4,0,.2,1);padding:20px 24px 16px}@keyframes cal-content-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cal-month-row{display:flex;margin-bottom:5px}.cal-dlabel-spacer{flex-shrink:0;width:36px}.cal-week-hdr{color:#94a3b8;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.02em;text-align:left;width:14px}.cal-grid-wrap{display:flex;gap:6px}.cal-day-labels{display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding-top:0;width:30px}.cal-dlabel{align-items:center;color:#cbd5e1;display:flex;font-size:9.5px;font-weight:600;height:14px;letter-spacing:.02em;transition:color .2s}.cal-dlabel--show{color:#64748b}.cal-weeks{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding-bottom:6px;scrollbar-color:#e2e8f0 #0000;scrollbar-width:thin}.cal-weeks::-webkit-scrollbar{height:4px}.cal-weeks::-webkit-scrollbar-track{background:#0000}.cal-weeks::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.cal-week{display:flex;flex-direction:column;gap:2px}.cal-cell{border-radius:3px;cursor:default;flex-shrink:0;height:14px;position:relative;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s ease,filter .12s ease;width:14px}.cal-cell--active{cursor:pointer}.cal-cell--active:hover{box-shadow:0 3px 10px #0003;filter:brightness(1.1);transform:scale(1.55);z-index:10}.cal-cell--active:active{transform:scale(1.25)}.cal-week:first-child .cal-cell{animation:cal-cell-in .3s 0s both}.cal-week:nth-child(2) .cal-cell{animation:cal-cell-in .3s .02s both}.cal-week:nth-child(3) .cal-cell{animation:cal-cell-in .3s .04s both}.cal-week:nth-child(4) .cal-cell{animation:cal-cell-in .3s .06s both}.cal-week:nth-child(5) .cal-cell{animation:cal-cell-in .3s .08s both}.cal-week:nth-child(6) .cal-cell{animation:cal-cell-in .3s .1s both}.cal-week:nth-child(7) .cal-cell{animation:cal-cell-in .3s .12s both}.cal-week:nth-child(8) .cal-cell{animation:cal-cell-in .3s .14s both}.cal-week:nth-child(9) .cal-cell{animation:cal-cell-in .3s .16s both}.cal-week:nth-child(10) .cal-cell{animation:cal-cell-in .3s .18s both}.cal-week:nth-child(11) .cal-cell{animation:cal-cell-in .3s .2s both}.cal-week:nth-child(12) .cal-cell{animation:cal-cell-in .3s .22s both}.cal-week:nth-child(13) .cal-cell{animation:cal-cell-in .3s .24s both}@keyframes cal-cell-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.cal-cell--future{background:#f8fafc!important;cursor:default;opacity:.5}.cal-cell--today{animation:cal-today-glow 2s ease-in-out infinite;border-radius:4px;box-shadow:0 0 0 2px #6366f1,0 0 8px #6366f166!important}@keyframes cal-today-glow{0%,to{box-shadow:0 0 0 2px #6366f1,0 0 8px #6366f159}50%{box-shadow:0 0 0 2px #818cf8,0 0 14px #6366f199}}.cal-cell--l0{background:#f1f5f9}.cal-cell--l1{background:linear-gradient(135deg,#bbf7d0,#86efac)}.cal-cell--l2{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 1px 3px #22c55e33}.cal-cell--l3{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 1px 4px #15803d4d}.cal-cell--l4{background:linear-gradient(135deg,#166534,#14532d);box-shadow:0 1px 5px #14532d66}.cal-legend{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.cal-leg-lbl{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.02em}.cal-leg-cell{border-radius:2.5px;height:12px;transition:transform .15s ease;width:12px}.cal-leg-cell:hover{transform:scale(1.4)}.cal-leg-cell.cal-cell--l1{background:linear-gradient(135deg,#bbf7d0,#86efac)}.cal-leg-cell.cal-cell--l2{background:linear-gradient(135deg,#4ade80,#22c55e)}.cal-leg-cell.cal-cell--l3{background:linear-gradient(135deg,#16a34a,#15803d)}.cal-leg-cell.cal-cell--l4{background:linear-gradient(135deg,#166534,#14532d)}.cal-hover-tip{align-items:center;animation:cal-tip-in .18s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #6366f140;border-radius:10px;box-shadow:0 4px 16px #00000040,0 0 0 1px #6366f11a,inset 0 1px 0 #ffffff0d;color:#f1f5f9;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin-left:10px;padding:6px 14px}@keyframes cal-tip-in{0%{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cal-hover-tip strong{color:#c7d2fe;font-weight:800}.cal-hover-filter{background:#6366f126;border:1px solid #6366f133;border-radius:6px;color:#818cf8;font-size:10px;font-weight:700;padding:1px 7px}.cal-loading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:12px;justify-content:center;padding:44px}.cal-spinner{animation:cal-spin .65s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:20px;width:20px}@keyframes cal-spin{to{transform:rotate(1turn)}}.cal-error{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:10px;justify-content:center;padding:24px;text-align:center}.cal-error button{background:#fff1f2;border:1.5px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px;transition:background .15s}.cal-error button:hover{background:#fee2e2}@media (max-width:768px){.cal-content{padding:12px 14px}.cal-cell{height:11px}.cal-cell,.cal-week-hdr{width:11px}.cal-hover-tip{font-size:10px;gap:6px;padding:5px 10px}.cal-icon-wrap{border-radius:10px;height:38px;width:38px}}.irp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 12px #0000000d;margin-bottom:20px;overflow:hidden}.irp-header{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom:1.5px solid #bbf7d0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 20px}.irp-header,.irp-header-left{align-items:center;display:flex}.irp-header-left{gap:12px}.irp-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.irp-icon{font-size:26px}.irp-title{color:#14532d;font-size:15px;font-weight:700}.irp-subtitle{color:#16a34a;font-size:12px;margin-top:2px}.irp-search,.irp-select{background:#fff;border:1.5px solid #bbf7d0;border-radius:7px;color:#334155;font-size:12px;height:32px;padding:0 10px}.irp-search{width:150px}.irp-search:focus,.irp-select:focus{border-color:#16a34a;outline:none}.irp-icon-btn{align-items:center;background:#fff;border:1.5px solid #bbf7d0;border-radius:7px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:background .15s;width:32px}.irp-icon-btn:hover{background:#f0fdf4}.irp-grand-strip{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px}.irp-grand-chip{align-items:center;border:1.5px solid;border-radius:10px;display:flex;flex-direction:column;min-width:120px;padding:8px 16px}.irp-grand-val{font-size:15px;font-weight:800}.irp-grand-lbl{font-size:10px;font-weight:600;margin-top:2px}.irp-grand-chip--green{background:#f0fdf4;border-color:#86efac}.irp-grand-chip--green .irp-grand-val{color:#14532d}.irp-grand-chip--green .irp-grand-lbl{color:#16a34a}.irp-grand-chip--blue{background:#eff6ff;border-color:#93c5fd}.irp-grand-chip--blue .irp-grand-val{color:#1e40af}.irp-grand-chip--blue .irp-grand-lbl{color:#3b82f6}.irp-grand-chip--indigo{background:#eef2ff;border-color:#a5b4fc}.irp-grand-chip--indigo .irp-grand-val{color:#3730a3}.irp-grand-chip--indigo .irp-grand-lbl{color:#6366f1}.irp-grand-chip--amber{background:#fffbeb;border-color:#fcd34d}.irp-grand-chip--amber .irp-grand-val{color:#92400e}.irp-grand-chip--amber .irp-grand-lbl{color:#d97706}.irp-body{overflow:hidden;transition:max-height .35s ease}.irp-body--collapsed{max-height:0!important}.irp-dist-group{border-bottom:1px solid #f1f5f9}.irp-dist-group:last-child{border-bottom:none}.irp-dist-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;transition:background .15s;-webkit-user-select:none;user-select:none}.irp-dist-header:hover{background:#f0fdf4}.irp-dist-left,.irp-dist-right{align-items:center;display:flex;gap:10px}.irp-dist-name{color:#1e293b;font-size:13px;font-weight:700}.irp-dist-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:11px;padding:2px 8px}.irp-dist-sar{color:#16a34a;font-size:13px;font-weight:700}.irp-dist-pct{background:#dcfce7;border-radius:20px;color:#14532d;font-size:11px;font-weight:700;padding:2px 8px}.irp-dist-toggle{color:#94a3b8;font-size:11px}.irp-dist-body{padding:4px 0 8px}.irp-wo-row{align-items:center;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 24px;transition:background .12s}.irp-wo-row:hover{background:#f0fdf4}.irp-wo-row:last-child{border-bottom:none}.irp-wo-main{flex:1 1;min-width:0}.irp-wo-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.irp-wo-name{color:#1e293b;font-family:monospace;font-size:12.5px;font-weight:700}.irp-wo-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.irp-status{border-radius:20px;font-size:10px;font-weight:700;padding:2px 8px}.irp-status--patted{background:#dcfce7;color:#14532d}.irp-status--pat{background:#fef9c3;color:#854d0e}.irp-status--other{background:#f1f5f9;color:#475569}.irp-wo-nums{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:180px}.irp-bar-wrap{align-items:center;display:flex;gap:6px;width:100%}.irp-bar-track{background:#e2e8f0;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.irp-bar-fill{background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:10px;height:100%;transition:width .6s ease}.irp-bar-pct{color:#16a34a;font-size:11px;font-weight:700;min-width:32px;text-align:right}.irp-sar-block{align-items:center;display:flex;font-size:12px;gap:4px}.irp-sar-inv{color:#14532d;font-weight:800}.irp-sar-sep{color:#94a3b8}.irp-sar-total{color:#94a3b8;font-size:11px}.irp-qty-line{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.irp-comp-pct{background:#f0fdf4;border-radius:20px;color:#16a34a;font-size:10px;font-weight:700;margin-left:4px;padding:1px 6px}.irp-loading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px;justify-content:center;padding:40px}.irp-spinner{animation:irp-spin .7s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#16a34a;height:18px;width:18px}@keyframes irp-spin{to{transform:rotate(1turn)}}.irp-error{align-items:center;color:#dc2626;display:flex;gap:10px;justify-content:center;padding:20px}.irp-empty,.irp-error{font-size:13px;text-align:center}.irp-empty{color:#94a3b8;padding:40px}.wit-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 6px -1px #0000000f,0 10px 30px -5px #f9731614,0 0 0 1px #f973160a;margin-bottom:24px;overflow:hidden;transition:box-shadow .25s ease,transform .2s ease}.wit-card:hover{box-shadow:0 8px 25px -4px #0000001a,0 20px 40px -8px #f973161f,0 0 0 1px #f9731614;transform:translateY(-1px)}.wit-header{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5 50%,#fed7aa22);border-bottom:1.5px solid #fed7aa;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;overflow:hidden;padding:16px 22px;position:relative}.wit-header:before{background:radial-gradient(circle,#f9731626,#0000 70%);content:"";height:120px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:120px}.wit-header-left{align-items:center;display:flex;gap:14px}.wit-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.wit-icon-wrap{align-items:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1.5px solid #fdba74;border-radius:12px;box-shadow:0 2px 8px #f9731633;display:flex;height:44px;justify-content:center;position:relative;width:44px}.wit-icon{font-size:24px;line-height:1}.wit-icon-pulse{animation:wit-pulse 2s ease-in-out infinite;border:2px solid #f9731666;border-radius:13px;inset:-3px;position:absolute}@keyframes wit-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}.wit-title{align-items:center;color:#7c2d12;display:flex;font-size:15px;font-weight:800;gap:8px;letter-spacing:-.01em}.wit-subtitle{color:#c2410c;font-size:11.5px;margin-top:3px;opacity:.85}.wit-alert-badge{animation:wit-badge-pop .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 2px 6px #dc262666;color:#fff;font-size:10px;font-weight:800;padding:2px 8px}@keyframes wit-badge-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.wit-tabs{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:10px;box-shadow:inset 0 1px 3px #00000014;display:flex;gap:3px;padding:4px}.wit-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#9a3412;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:4px;padding:5px 12px;transition:all .18s cubic-bezier(.4,0,.2,1);white-space:nowrap}.wit-tab:hover:not(.wit-tab--on){background:#ffffff80}.wit-tab--on{background:#fff;box-shadow:0 2px 8px #dc262626,0 1px 3px #0000001a;color:#dc2626;transform:translateY(-.5px)}.wit-tab-cnt{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;box-shadow:0 1px 3px #dc26264d;color:#fff;font-size:9px;padding:1px 5px}.wit-search,.wit-select{background:#fff;border:1.5px solid #fed7aa;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#334155;cursor:pointer;font-size:12px;height:34px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.wit-search{width:165px}.wit-search:focus,.wit-select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161f;outline:none}.wit-search:hover,.wit-select:hover{border-color:#f97316}.wit-icon-btn{align-items:center;background:#fff;border:1.5px solid #fed7aa;border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .18s ease;width:34px}.wit-icon-btn:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#f97316;box-shadow:0 3px 8px #f9731633;transform:scale(1.08)}.wit-icon-btn:active{transform:scale(.95)}.wit-summary{background:linear-gradient(180deg,#fafafa,#f8fafc);border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;padding:14px 22px}.wit-sum-chip{align-items:center;border:1.5px solid;border-radius:12px;cursor:default;display:flex;flex-direction:column;min-width:115px;padding:10px 20px;transition:transform .18s ease,box-shadow .18s ease}.wit-sum-chip:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.wit-sum-val{font-size:22px;font-weight:900;line-height:1.1}.wit-sum-lbl{font-size:10px;font-weight:700;letter-spacing:.02em;margin-top:3px;text-transform:uppercase}.wit-sum-chip--red{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#fca5a5}.wit-sum-chip--red .wit-sum-val{color:#dc2626}.wit-sum-chip--red .wit-sum-lbl{color:#ef4444}.wit-sum-chip--amber{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fdba74}.wit-sum-chip--amber .wit-sum-val{color:#c2410c}.wit-sum-chip--amber .wit-sum-lbl{color:#f97316}.wit-sum-chip--yellow{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.wit-sum-chip--yellow .wit-sum-val{color:#854d0e}.wit-sum-chip--yellow .wit-sum-lbl{color:#ca8a04}.wit-sum-chip--gray{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.wit-sum-chip--gray .wit-sum-val{color:#334155}.wit-sum-chip--gray .wit-sum-lbl{color:#64748b}.wit-body{opacity:1;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s ease}.wit-body--collapsed{max-height:0!important;opacity:0}.wit-table-wrap{overflow-x:auto}.wit-table{border-collapse:collapse;font-size:12.5px;width:100%}.wit-table thead tr{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.wit-table th{color:#64748b;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:11px 14px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.wit-tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .12s ease,transform .12s ease}.wit-tr:hover{background:linear-gradient(90deg,#fff7ed,#fff);transform:translateX(2px)}.wit-tr:last-child{border-bottom:none}.wit-table td{padding:11px 14px;vertical-align:middle}.wit-tr:nth-child(2n){background:#fafafa}.wit-tr:nth-child(2n):hover{background:linear-gradient(90deg,#fff7ed,#fff)}.wit-wo-name{color:#1e293b;font-family:SF Mono,Fira Code,monospace;font-weight:800;letter-spacing:-.01em}.wit-wo-sub{color:#94a3b8;font-size:10px;margin-top:3px}.wit-dist{color:#475569;font-size:12px;font-weight:500}.wit-status{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:inline-block;font-size:10.5px;font-weight:700;padding:3px 10px;white-space:nowrap}.wit-date{color:#64748b;font-size:12px;white-space:nowrap}.wit-never{color:#dc2626}.wit-idle-badge,.wit-never{font-size:11px;font-weight:800;letter-spacing:.02em}.wit-idle-badge{border:1.5px solid #0000;border-radius:20px;display:inline-block;padding:4px 11px;white-space:nowrap}.wit-idle--critical{animation:wit-critical-pulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;box-shadow:0 2px 6px #dc262626;color:#dc2626}@keyframes wit-critical-pulse{0%,to{box-shadow:0 2px 6px #dc262626}50%{box-shadow:0 2px 12px #dc262659}}.wit-idle--warning{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74;box-shadow:0 2px 6px #c2410c1f;color:#c2410c}.wit-idle--mild{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047;color:#854d0e}.wit-comp-wrap{align-items:center;display:flex;gap:7px}.wit-comp-bar{background:#e2e8f0;border-radius:10px;flex:1 1;height:6px;min-width:55px;overflow:hidden}.wit-comp-fill{background:linear-gradient(90deg,#f97316,#fb923c,#fbbf24);border-radius:10px;box-shadow:0 1px 4px #f973164d;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.wit-comp-pct{color:#c2410c;font-size:11px;font-weight:800;min-width:32px}.wit-reports{color:#334155;font-weight:800}.wit-person{color:#64748b;font-size:11px;line-height:1.8}.wit-person div{gap:4px}.wit-loading,.wit-person div{align-items:center;display:flex}.wit-loading{color:#64748b;font-size:13px;gap:12px;justify-content:center;padding:44px}.wit-spinner{animation:wit-spin .65s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#f97316;height:20px;width:20px}@keyframes wit-spin{to{transform:rotate(1turn)}}.wit-error{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:10px;justify-content:center;padding:24px;text-align:center}.wit-error button{background:#fff1f2;border:1.5px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px;transition:background .15s}.wit-error button:hover{background:#fee2e2}.wit-empty{background:linear-gradient(180deg,#fff,#f8fafc);color:#94a3b8;font-size:13px;padding:44px;text-align:center}.wrc-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 6px -1px #0000000f,0 10px 30px -5px #6366f114,0 0 0 1px #6366f10a;margin-bottom:24px;overflow:hidden;transition:box-shadow .3s ease,transform .25s ease}.wrc-card:hover{box-shadow:0 8px 25px -4px #00000017,0 20px 40px -8px #6366f124,0 0 0 1px #6366f117;transform:translateY(-1px)}.wrc-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff 60%,#ede9fe22);border-bottom:1.5px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;overflow:hidden;padding:16px 22px;position:relative}.wrc-header:before{background:radial-gradient(circle,#6366f11a,#0000 70%);height:150px;right:-40px;top:-40px;width:150px}.wrc-header:after,.wrc-header:before{content:"";pointer-events:none;position:absolute}.wrc-header:after{background:radial-gradient(circle,#8b5cf612,#0000 70%);bottom:-25px;height:90px;left:80px;width:90px}.wrc-header-left{gap:14px}.wrc-header-left,.wrc-header-right{align-items:center;display:flex;position:relative}.wrc-header-right{flex-wrap:wrap;gap:8px}.wrc-icon-wrap{align-items:center;background:linear-gradient(135deg,#eef2ff,#ede9fe);border:1.5px solid #c7d2fe;border-radius:13px;box-shadow:0 3px 10px #6366f133;display:flex;flex-shrink:0;height:46px;justify-content:center;overflow:hidden;position:relative;width:46px}.wrc-icon-wrap:after{animation:wrc-shimmer 3.2s ease-in-out infinite;background:linear-gradient(105deg,#0000,#fff9,#0000);content:"";height:200%;left:-60%;position:absolute;top:-50%;width:50%}@keyframes wrc-shimmer{0%{left:-60%}60%,to{left:120%}}.wrc-icon{font-size:24px;line-height:1;position:relative;z-index:1}.wrc-title{color:#1e293b;font-size:15px;font-weight:800;letter-spacing:-.015em}.wrc-subtitle{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:11.5px;gap:4px;margin-top:3px}.wrc-subtitle-sep{color:#cbd5e1}.wrc-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;font-size:12px;height:34px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.wrc-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.wrc-select:hover{border-color:#a5b4fc}.wrc-icon-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;transition:all .18s ease;width:34px}.wrc-icon-btn:hover{background:linear-gradient(135deg,#eef2ff,#ede9fe);border-color:#a5b4fc;box-shadow:0 3px 10px #6366f133;transform:scale(1.1)}.wrc-icon-btn:active{transform:scale(.92)}.wrc-body{opacity:1;overflow:hidden;transition:max-height .48s cubic-bezier(.4,0,.2,1),opacity .35s ease}.wrc-body--collapsed{max-height:0!important;opacity:0}.wrc-metrics{grid-gap:14px;background:linear-gradient(180deg,#fafafa,#f8fafc);border-bottom:1px solid #e2e8f0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:18px 22px}.wrc-metric-card{animation:wrc-card-in .4s cubic-bezier(.4,0,.2,1) both;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;border-top:3px solid #6366f1;border-top:3px solid var(--mc,#6366f1);overflow:hidden;padding:14px 16px;position:relative;transition:box-shadow .2s ease,transform .2s ease}.wrc-metric-card:first-child{animation-delay:.05s}.wrc-metric-card:nth-child(2){animation-delay:.1s}.wrc-metric-card:nth-child(3){animation-delay:.15s}.wrc-metric-card:nth-child(4){animation-delay:.2s}.wrc-metric-card:nth-child(5){animation-delay:.25s}@keyframes wrc-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wrc-metric-card:before{background:radial-gradient(circle,color-mix(in srgb,#6366f1 10%,#0000),#0000 70%);background:radial-gradient(circle,color-mix(in srgb,var(--mc,#6366f1) 10%,#0000),#0000 70%);border-radius:50%;bottom:-20px;content:"";height:80px;pointer-events:none;position:absolute;right:-20px;width:80px}.wrc-metric-card:hover{box-shadow:0 4px 18px #0000001a;transform:translateY(-2px)}.wrc-mc-label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.01em;margin-bottom:8px}.wrc-mc-value{font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:5px}.wrc-mc-prev{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:6px}.wrc-delta{animation:wrc-badge-pop .35s cubic-bezier(.34,1.56,.64,1);border-radius:20px;font-size:10px;font-weight:800;padding:2px 7px}@keyframes wrc-badge-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.wrc-delta--up{background:linear-gradient(135deg,#dcfce7,#bbf7d0);box-shadow:0 1px 4px #15803d26;color:#14532d}.wrc-delta--down{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 1px 4px #dc262626;color:#dc2626}.wrc-section{animation:wrc-fade-up .4s cubic-bezier(.4,0,.2,1) .1s both;border-bottom:1px solid #f1f5f9;padding:18px 22px}@keyframes wrc-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wrc-section-title{align-items:center;color:#475569;display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.01em;margin-bottom:16px}.wrc-daily-chart{align-items:flex-end;display:flex;gap:8px;height:120px}.wrc-day-col{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;transition:opacity .15s}.wrc-day-col:hover{opacity:.85}.wrc-bar-area{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.wrc-bar{background:linear-gradient(180deg,#a5b4fc,#6366f1);border-radius:6px 6px 0 0;min-height:4px;overflow:hidden;position:relative;transition:height .65s cubic-bezier(.34,1.3,.64,1),background .2s ease,width .2s ease;width:70%}.wrc-bar:after{background:linear-gradient(90deg,#fff3,#0000);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:40%}.wrc-day-col:hover .wrc-bar{background:linear-gradient(180deg,#c7d2fe,#818cf8);width:80%}.wrc-day-lbl{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.02em}.wrc-day-val{color:#6366f1;font-size:9.5px;font-weight:800}.wrc-highlights{grid-gap:14px;animation:wrc-fade-up .4s cubic-bezier(.4,0,.2,1) .15s both;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:18px 22px}.wrc-highlight-card{align-items:flex-start;border:1.5px solid;border-radius:14px;display:flex;gap:14px;overflow:hidden;padding:16px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.wrc-highlight-card:before{border-radius:50%;content:"";height:90px;opacity:.3;pointer-events:none;position:absolute;right:-30px;top:-30px;width:90px}.wrc-highlight-card:hover{box-shadow:0 6px 20px #00000017;transform:translateY(-2px)}.wrc-highlight-card--gold{background:linear-gradient(135deg,#fffbeb,#fef9c3);border-color:#fcd34d}.wrc-highlight-card--gold:before{background:radial-gradient(circle,#fbbf24,#0000)}.wrc-highlight-card--blue{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#a5b4fc}.wrc-highlight-card--blue:before{background:radial-gradient(circle,#818cf8,#0000)}.wrc-highlight-card--gray{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.wrc-highlight-card--gray:before{background:radial-gradient(circle,#94a3b8,#0000)}.wrc-hl-icon{animation:wrc-icon-bounce 2.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));flex-shrink:0;font-size:24px}@keyframes wrc-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.wrc-hl-title{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wrc-hl-name{color:#1e293b;font-size:14px;font-weight:900;letter-spacing:-.01em;margin:4px 0}.wrc-hl-meta{color:#64748b;font-size:11px;line-height:1.5;margin-bottom:10px}.wrc-mini-bar{background:#e2e8f0;height:6px}.wrc-mini-bar,.wrc-mini-fill{border-radius:10px;overflow:hidden}.wrc-mini-fill{height:100%;position:relative;transition:width .7s cubic-bezier(.4,0,.2,1)}.wrc-mini-fill:after{animation:wrc-bar-shine 2.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:60%}@keyframes wrc-bar-shine{0%{left:-60%}60%,to{left:110%}}.wrc-filter-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wrc-filter-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.01em;padding:7px 16px;transition:all .18s ease}.wrc-filter-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.wrc-filter-btn:active{transform:scale(.95)}.wrc-filter-btn--ghost{background:#0000;border:1.5px solid #a5b4fc;box-shadow:none;color:#6366f1}.wrc-filter-btn--ghost:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.wrc-loading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:12px;justify-content:center;padding:44px}.wrc-spinner{animation:wrc-spin .65s linear infinite;border:2.5px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:20px;width:20px}@keyframes wrc-spin{to{transform:rotate(1turn)}}.wrc-error{align-items:center;color:#dc2626;display:flex;font-size:13px;gap:10px;justify-content:center;padding:24px;text-align:center}.wrc-error button{background:#fff1f2;border:1.5px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:700;padding:4px 12px;transition:background .15s}.wrc-error button:hover{background:#fee2e2}@media (max-width:768px){.wrc-metrics{gap:10px;padding:14px}.wrc-highlights,.wrc-section{padding:14px}.wrc-daily-chart{gap:5px;height:90px}.wrc-icon-wrap{border-radius:10px;height:38px;width:38px}}.accs-overlay{z-index:1200}.accs-modal-wide{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:95%}.accs-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.accs-title{font-size:18px;margin-bottom:4px}.accs-subtitle{color:#6b7280;font-size:13px}.accs-summary{gap:16px}.accs-summary,.accs-summary-item{align-items:flex-end;display:flex}.accs-summary-item{flex-direction:column}.accs-summary-label{color:#9ca3af;font-size:11px}.accs-summary-value{font-size:18px;font-weight:700}.accs-summary-value-small{font-size:13px;font-weight:600}.accs-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:4px;margin-bottom:8px}.accs-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;cursor:pointer;font-size:13px;padding:6px 12px}.accs-tab-btn-active{border-color:#2563eb;color:#2563eb;font-weight:600}.accs-body{flex:1 1;overflow:auto;padding-top:4px}.accs-tab-content{padding:8px 0 0}.accs-toolbar-row{display:flex;gap:8px;margin-bottom:8px}.accs-milestone-grid-wrap{display:flex;flex-direction:column;gap:12px}.accs-milestone-table td,.accs-milestone-table th{font-size:12px}.accs-gantt-wrap{border:1px solid #e5e7eb;border-radius:4px;padding:8px}.accs-gantt-header{font-size:12px;font-weight:600;margin-bottom:6px}.accs-gantt-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.accs-gantt-label{font-size:11px;min-width:150px}.accs-gantt-bar{background:linear-gradient(90deg,#2563eb,#10b981);border-radius:999px;height:10px}.accs-cost-summary-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.accs-cost-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:8px 10px}.accs-cost-card-total{background:#eff6ff;border-color:#bfdbfe}.accs-cost-card-label{color:#6b7280;font-size:11px;margin-bottom:4px}.accs-cost-card-value{font-size:16px;font-weight:700}.accs-cost-card-value-small{font-size:13px;font-weight:600}.accs-cost-table td,.accs-cost-table th{font-size:12px}.accs-daily-summary{display:flex;font-size:12px;gap:16px;margin-top:8px}.accs-empty,.accs-placeholder{color:#4b5563;font-size:13px;padding:16px}.accs-tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.accs-tab-title{font-size:18px;font-weight:600}.accs-tab-subtitle{color:#6b7280;font-size:13px}.accs-boq-table-wrap{max-height:460px;overflow:auto}.accs-input-pct{text-align:right;width:70px}.accs-total-badge{border-radius:999px;display:inline-block;font-size:11px;min-width:56px;padding:2px 8px;text-align:center}.accs-total-ok{background:#dcfce7;color:#166534}.accs-total-warn{background:#fee2e2;color:#b91c1c}.accs-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.accs-kpi-card{background:#f9fafb;border-radius:8px;padding:12px 14px}.accs-kpi-label{color:#6b7280;font-size:12px}.accs-kpi-value{font-size:18px;font-weight:600}.accs-chart-card,.accs-monthly-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:12px 14px}.accs-chart-svg{height:auto;max-width:100%;width:100%}.accs-baseline-form{align-items:flex-start;display:flex;gap:16px;margin:16px 0}.accs-baseline-left{flex:2 1}.accs-baseline-right{flex:3 1}.accs-baseline-hint{color:#6b7280;font-size:12px;margin-top:6px}.accs-badge{border-radius:999px;display:inline-block;font-size:11px;padding:2px 8px}.accs-badge-baseline{background:#e0f2fe;color:#0369a1}.accs-badge-normal{background:#f3f4f6;color:#4b5563}.mce-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.mce-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;max-height:92vh;max-width:1100px;overflow:hidden;width:100%}.mce-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e8eaed;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.mce-header-left{display:flex;flex-direction:column;gap:2px}.mce-header-title{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.mce-header-subtitle{color:#6b7280;font-size:12px;margin:0}.mce-header-right{align-items:center;display:flex;gap:10px}.mce-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:background .15s,color .15s}.mce-close-btn:hover{background:#f3f4f6;color:#111827}.mce-steps{background:#fff;border-bottom:1px solid #e8eaed;gap:0;overflow-x:auto;padding:12px 24px}.mce-step,.mce-steps{align-items:center;display:flex;flex-shrink:0}.mce-step{border-radius:20px;cursor:pointer;gap:8px;padding:6px 10px;transition:background .15s;white-space:nowrap}.mce-step:hover{background:#f3f4f6}.mce-step-num{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;transition:background .2s,color .2s;width:24px}.mce-step-label{color:#6b7280;font-size:12px;font-weight:500;transition:color .2s}.mce-step.active .mce-step-num{background:#2563eb;color:#fff}.mce-step.active .mce-step-label{color:#2563eb;font-weight:600}.mce-step.completed .mce-step-num{background:#16a34a;color:#fff}.mce-step.completed .mce-step-label{color:#16a34a}.mce-step-connector{background:#e5e7eb;flex:1 1;height:1px;margin:0 4px;max-width:40px;min-width:20px}.mce-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.mce-alert{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:space-between;padding:10px 14px}.mce-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.mce-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.mce-alert-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.7;padding:0 4px}.mce-alert-close:hover{opacity:1}.mce-settings-panel{background:#f8f9fa;border:1px solid #e8eaed;border-radius:10px;padding:18px 20px}.mce-settings-title{color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase}.mce-settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mce-field{display:flex;flex-direction:column;gap:5px}.mce-label{color:#374151;font-size:12px;font-weight:600}.mce-label span{color:#9ca3af;font-size:11px;font-weight:400;margin-left:4px}.mce-input,.mce-select,.mce-textarea{background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#111827;font-size:13px;outline:none;padding:7px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.mce-input:focus,.mce-select:focus,.mce-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mce-input:disabled,.mce-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.mce-textarea{min-height:70px;resize:vertical}.mce-input-suffix{position:relative}.mce-input-suffix .mce-input{padding-right:36px}.mce-input-suffix-label{color:#6b7280;font-size:12px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.mce-input-prefix{position:relative}.mce-input-prefix .mce-input{padding-left:36px}.mce-input-prefix-label{color:#6b7280;font-size:12px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mce-phase-timeline-wrap{background:#fff;border:1px solid #e8eaed;border-radius:10px;padding:16px 20px}.mce-phase-timeline-title{color:#374151;font-size:13px;font-weight:700;margin:0 0 12px}.mce-phase-timeline{display:flex;flex-direction:column;gap:8px}.mce-phase-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:160px 1fr 70px}.mce-phase-row-label{color:#374151;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mce-phase-bar-track{background:#f3f4f6;border-radius:9px;height:18px;overflow:hidden;position:relative}.mce-phase-bar-fill{align-items:center;border-radius:9px;display:flex;height:100%;justify-content:center;min-width:4px;transition:width .4s ease}.mce-phase-bar-fill-text{color:#fff;font-size:10px;font-weight:700;overflow:hidden;padding:0 5px;white-space:nowrap}.mce-phase-row-days{color:#6b7280;font-size:12px;text-align:right;white-space:nowrap}.mce-phase-color-1{background:#3b82f6}.mce-phase-color-2{background:#f59e0b}.mce-phase-color-3{background:#10b981}.mce-phase-color-4{background:#8b5cf6}.mce-phase-color-5{background:#ef4444}.mce-phase-color-6{background:#06b6d4}.mce-phase-color-7{background:#f97316}.mce-phase-color-8{background:#84cc16}.mce-phase-color-9{background:#ec4899}.mce-phase-color-10{background:#6366f1}.mce-summary-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mce-summary-card{border:1px solid #0000;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:16px 18px}.mce-summary-card-direct{background:#eff6ff;border-color:#bfdbfe}.mce-summary-card-overhead{background:#fff7ed;border-color:#fed7aa}.mce-summary-card-contingency{background:#faf5ff;border-color:#ddd6fe}.mce-summary-card-total{background:#f0fdf4;border-color:#bbf7d0}.mce-summary-card-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mce-summary-card-value{color:#111827;font-size:20px;font-weight:800;line-height:1.1}.mce-summary-card-direct .mce-summary-card-value{color:#1d4ed8}.mce-summary-card-overhead .mce-summary-card-value{color:#c2410c}.mce-summary-card-contingency .mce-summary-card-value{color:#7c3aed}.mce-summary-card-total .mce-summary-card-value{color:#15803d}.mce-summary-card-sub{color:#9ca3af;font-size:11px}.mce-phase-section{border:1px solid #e8eaed;border-radius:10px;overflow:hidden;transition:box-shadow .15s}.mce-phase-section:hover{box-shadow:0 2px 8px #00000012}.mce-phase-section-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:12px 16px;transition:background .15s;-webkit-user-select:none;user-select:none}.mce-phase-section-header:hover{background:#f3f4f6}.mce-phase-section-header-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.mce-phase-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.mce-phase-section-name{color:#1f2937;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mce-phase-section-dates{color:#6b7280;flex-shrink:0;font-size:11px;white-space:nowrap}.mce-phase-section-header-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.mce-phase-section-total{color:#1d4ed8;font-size:14px;font-weight:700}.mce-phase-toggle-icon{color:#9ca3af;font-size:14px;transition:transform .2s}.mce-phase-section.open .mce-phase-toggle-icon{transform:rotate(180deg)}.mce-phase-section-body{border-top:1px solid #e8eaed;display:none}.mce-phase-section.open .mce-phase-section-body{display:block}.mce-cost-table{border-collapse:collapse;font-size:12px;width:100%}.mce-cost-table thead tr{background:#f1f5f9}.mce-cost-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.4px;padding:9px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.mce-cost-table td.right,.mce-cost-table th.right{text-align:right}.mce-cost-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:8px 12px;vertical-align:middle}.mce-cost-table tbody tr:last-child td{border-bottom:none}.mce-cost-table tbody tr:hover{background:#f8faff}.mce-cost-row-excluded td{opacity:.45;text-decoration:line-through}.mce-cost-row-excluded td:last-child{opacity:1;text-decoration:none}.mce-cost-table tfoot tr{background:#f8f9fa;border-top:2px solid #e2e8f0}.mce-cost-table tfoot td{border-bottom:none;color:#1f2937;font-weight:700;padding:10px 12px}.mce-cost-subtotal{color:#1d4ed8;font-weight:700}.mce-res-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.mce-res-badge-manpower{background:#dbeafe;color:#1d4ed8}.mce-res-badge-material{background:#dcfce7;color:#15803d}.mce-res-badge-vehicle{background:#fef3c7;color:#b45309}.mce-res-badge-direct{background:#f3e8ff;color:#7c3aed}.mce-rate-cell{align-items:center;display:flex;gap:6px}.mce-rate-input{border:1px solid #d1d5db;border-radius:5px;color:#111827;font-size:12px;outline:none;padding:4px 7px;transition:border-color .15s;width:90px}.mce-rate-input:focus{border-color:#2563eb}.mce-rate-input.overridden{background:#fffbeb;border-color:#f59e0b;font-weight:600}.mce-rate-original{color:#9ca3af;font-size:10px;text-decoration:line-through;white-space:nowrap}.mce-exclude-toggle{align-items:center;cursor:pointer;display:flex;gap:4px}.mce-exclude-toggle input[type=checkbox]{accent-color:#ef4444;cursor:pointer;height:14px;width:14px}.mce-exclude-label{color:#6b7280;font-size:11px}.mce-pct-row{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:14px;padding:10px 16px}.mce-pct-label{color:#374151;flex-shrink:0;font-size:12px;font-weight:600;min-width:120px}.mce-pct-slider{accent-color:#2563eb;flex:1 1;height:4px}.mce-pct-value{color:#1d4ed8;font-size:13px;font-weight:700;min-width:44px;text-align:right}.mce-pct-cost{color:#6b7280;font-size:12px;min-width:100px;text-align:right}.mce-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s,box-shadow .15s,transform .1s;white-space:nowrap}.mce-btn:active{transform:scale(.97)}.mce-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.mce-btn-primary{background:#2563eb;color:#fff}.mce-btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb59}.mce-btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.mce-btn-secondary:hover:not(:disabled){background:#e9ecef}.mce-btn-success{background:#16a34a;color:#fff}.mce-btn-success:hover:not(:disabled){background:#15803d;box-shadow:0 2px 8px #16a34a59}.mce-btn-danger{background:#fee2e2;color:#dc2626}.mce-btn-danger:hover:not(:disabled){background:#fecaca}.mce-btn-sm{font-size:12px;padding:5px 10px}.mce-btn-xs{border-radius:5px;font-size:11px;padding:3px 8px}.mce-btn-icon{font-size:14px;padding:6px 8px}.mce-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e8eaed;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 24px}.mce-footer-left,.mce-footer-right{align-items:center;display:flex;gap:10px}.mce-footer-total-label{color:#6b7280;font-size:12px}.mce-footer-total-value{color:#15803d;font-size:18px;font-weight:800}.mce-loading-overlay{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:48px 24px}.mce-spinner{animation:mce-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:32px;width:32px}@keyframes mce-spin{to{transform:rotate(1turn)}}.mce-loading-text{color:#6b7280;font-size:13px;font-weight:500}.mce-empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:48px 24px;text-align:center}.mce-empty-icon{color:#d1d5db;font-size:36px}.mce-empty-title{color:#374151;font-size:14px;font-weight:600;margin:0}.mce-empty-sub{color:#9ca3af;font-size:12px;margin:0;max-width:300px}.mce-status-chip{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.mce-status-draft{background:#f3f4f6;color:#6b7280}.mce-status-saved{background:#dbeafe;color:#1d4ed8}.mce-status-approved{background:#dcfce7;color:#15803d}.mce-version-badge{align-items:center;background:#fef3c7;border-radius:10px;color:#92400e;display:inline-flex;font-size:11px;font-weight:700;padding:2px 8px}.mce-phase-date-row{grid-gap:10px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:10px;grid-template-columns:160px 1fr 1fr 80px 80px;padding:8px 0}.mce-phase-date-row:last-child{border-bottom:none}.mce-phase-date-name{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;gap:6px}.mce-phase-date-duration{color:#6b7280;font-size:12px;text-align:center}.mce-phase-date-weight{font-size:12px;font-weight:700;text-align:right}.mce-boq-selector{border:1px solid #e8eaed;border-radius:10px;overflow:hidden}.mce-boq-selector-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e8eaed;display:flex;justify-content:space-between;padding:12px 16px}.mce-boq-selector-title{color:#374151;font-size:13px;font-weight:700;margin:0}.mce-boq-filter{align-items:center;display:flex;gap:8px}.mce-boq-filter input{border:1px solid #d1d5db;border-radius:6px;font-size:12px;outline:none;padding:5px 10px;width:180px}.mce-boq-filter input:focus{border-color:#2563eb}.mce-boq-list{max-height:280px;overflow-y:auto}.mce-boq-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .1s}.mce-boq-item:last-child{border-bottom:none}.mce-boq-item:hover{background:#f8faff}.mce-boq-item.selected{background:#eff6ff}.mce-boq-item-check{accent-color:#2563eb;flex-shrink:0;height:16px;width:16px}.mce-boq-item-code{color:#1d4ed8;font-size:12px;font-weight:700;min-width:100px}.mce-boq-item-desc{color:#374151;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mce-boq-item-qty{color:#6b7280;font-size:12px;white-space:nowrap}.mce-boq-item-phase{background:#f3e8ff;border-radius:10px;color:#7c3aed;font-size:11px;padding:2px 7px;white-space:nowrap}@media (max-width:768px){.mce-modal{border-radius:0;max-height:100vh;max-width:100%}.mce-overlay{align-items:flex-end;padding:0}.mce-steps{padding:10px 12px}.mce-step-label{display:none}.mce-settings-grid,.mce-summary-cards{grid-template-columns:1fr 1fr}.mce-phase-row{grid-template-columns:110px 1fr 55px}.mce-phase-date-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.mce-phase-date-name{grid-column:1/-1}.mce-pct-row{flex-wrap:wrap;gap:8px}.mce-footer{align-items:stretch;flex-direction:column}.mce-footer-right{justify-content:flex-end}.mce-cost-table td,.mce-cost-table th{font-size:11px;padding:6px 8px}}@media (max-width:480px){.mce-settings-grid,.mce-summary-cards{grid-template-columns:1fr}}.est-phase-bar{display:flex;gap:3px;margin-bottom:10px}.est-phase-bar-seg{border-radius:9999px;height:5px;transition:flex .3s ease}.rmp-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.rmp-container{animation:rmp-slideIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1600px;overflow:hidden;width:100%}@keyframes rmp-slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.rmp-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-bottom:none;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.rmp-title-section h2{font-size:24px;font-weight:700;margin:0 0 4px}.rmp-subtitle{font-size:13px;margin:0;opacity:.9}.rmp-close{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.rmp-close:hover{background:#ffffff4d;transform:rotate(90deg)}.rmp-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;padding:16px 28px}.rmp-filter-group{flex:1 1}.rmp-filter-select,.rmp-search{border:2px solid #d1d5db;border-radius:8px;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.rmp-filter-select:focus,.rmp-search:focus{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a;outline:none}.rmp-content{background:#fff;flex:1 1;min-height:0;overflow-y:auto}.rmp-empty,.rmp-error,.rmp-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.rmp-spinner{animation:rmp-spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#7c3aed;height:50px;margin-bottom:20px;width:50px}@keyframes rmp-spin{to{transform:rotate(1turn)}}.rmp-error{background:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#991b1b;font-weight:600;gap:12px;margin:20px;padding:20px}.rmp-empty-icon{font-size:64px;margin-bottom:16px}.rmp-table-wrapper{border-radius:8px;margin:16px;overflow-x:auto}.rmp-table{background:#fff;border-collapse:collapse;font-size:13px;width:100%}.rmp-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.rmp-table th{color:#374151;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.rmp-table td{border-bottom:1px solid #e5e7eb;color:#1f2937;padding:12px}.rmp-table tbody tr:hover{background:#f9fafb}.rmp-request-id{color:#7c3aed;font-family:Courier New,monospace;font-size:12px;font-weight:700}.rmp-center{text-align:center}.rmp-project-name{font-weight:600;max-width:300px;word-break:break-word}.rmp-status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:all .2s ease}.rmp-status-select:hover{border-color:#9ca3af}.rmp-status-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.rmp-status-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;padding:6px 12px;text-transform:uppercase}.rmp-status-pending{background:#fef3c7;color:#92400e}.rmp-status-approved{background:#dcfce7;color:#166534}.rmp-status-cancelled,.rmp-status-rejected{background:#fee2e2;color:#991b1b}.rmp-status-completed{background:#d1fae5;color:#065f46}.rmp-actions{text-align:center}.rmp-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;padding:6px 12px;transition:all .3s ease}.rmp-btn-info{background:#0ea5e9;color:#fff}.rmp-btn-info:hover{background:#0284c7;transform:translateY(-2px)}.rmp-footer{background:#f9fafb;border-top:1px solid #e5e7eb;color:#6b7280;flex-shrink:0;font-size:12px;padding:12px 28px}.rmp-detail-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:3000}.rmp-detail-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 25px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow:hidden;width:100%}.rmp-detail-header{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-bottom:none;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.rmp-detail-header h3{font-size:18px;font-weight:700;margin:0}.rmp-detail-close{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.rmp-detail-close:hover{background:#ffffff4d}.rmp-detail-content{flex:1 1;overflow-y:auto;padding:20px}.rmp-detail-info{margin-bottom:24px}.rmp-info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.rmp-info-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.rmp-info-item label{color:#6b7280;display:block;font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.rmp-info-item p{color:#1f2937;font-size:14px;font-weight:600;margin:0}.rmp-detail-items h4{border-bottom:2px solid #7c3aed;color:#1f2937;font-size:14px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.rmp-detail-table{border-collapse:collapse;font-size:12px;width:100%}.rmp-detail-table thead{background:#f3f4f6}.rmp-detail-table th{border-bottom:2px solid #d1d5db;color:#374151;font-weight:700;padding:10px;text-align:left}.rmp-detail-table td{border-bottom:1px solid #e5e7eb;padding:10px}.rmp-detail-table tbody tr:hover{background:#f9fafb}.rmp-code{color:#7c3aed;font-family:Courier New,monospace;font-weight:700}.rmp-right{font-weight:600;text-align:right}.rmp-priority{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.rmp-priority-low{background:#dbeafe;color:#0c4a6e}.rmp-priority-normal{background:#fef3c7;color:#92400e}.rmp-priority-high{background:#fee2e2;color:#991b1b}.rmp-no-items{color:#6b7280;padding:20px;text-align:center}@media (max-width:1024px){.rmp-container{max-width:95vw}.rmp-info-row{grid-template-columns:1fr}}@media (max-width:768px){.rmp-filters{flex-direction:column}.rmp-header{padding:16px 20px}.rmp-table td,.rmp-table th{font-size:11px;padding:8px}.rmp-detail-modal{max-width:95vw}}.vehicles-page{background-color:#f5f5f5;min-height:100vh;padding:20px}.page-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.page-header h1{color:#333;margin:0}.header-actions{display:flex;gap:10px}.btn{border-radius:6px;display:flex;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.stats-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.stat-card{background:#fff;border-left:5px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .3s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.stat-card.available{border-left-color:#28a745}.stat-card.assigned{border-left-color:#ffc107}.stat-card.maintenance{border-left-color:#ff9800}.stat-card.inactive{border-left-color:#dc3545}.stat-value{color:#007bff;font-size:32px;margin-bottom:10px}.stat-card.available .stat-value{color:#28a745}.stat-card.assigned .stat-value{color:#ffc107}.stat-card.maintenance .stat-value{color:#ff9800}.stat-card.inactive .stat-value{color:#dc3545}.stat-label{color:#666;font-size:14px;font-weight:500}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.global-search{margin-bottom:15px}.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.filters-toggle{margin-bottom:15px}.toggle-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:500}.toggle-btn:hover{text-decoration:underline}.advanced-filters{border-top:1px solid #eee;padding-top:15px}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:15px}.filter-group label{color:#333;font-size:13px;margin-bottom:5px}.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:8px}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.vehicle-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.column-toggle{border-bottom:1px solid #eee;padding:15px}.column-toggle summary{align-items:center;color:#007bff;cursor:pointer;display:flex;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.column-toggle summary::-webkit-details-marker{color:#007bff}.column-controls-wrapper{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.column-checkboxes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:15px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input{cursor:pointer;height:16px;width:16px}.checkbox-label:hover{color:#007bff}.table-wrapper,.vehicle-table{background:#fff}.vehicle-table{border-collapse:collapse;font-size:13px;width:100%}.vehicle-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.vehicle-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px 15px;text-align:left;white-space:nowrap}.vehicle-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.vehicle-table th.sortable:hover{background-color:#e9ecef}.sort-indicator{font-size:10px;margin-left:5px}.vehicle-table td{background:#fff;border-bottom:1px solid #f0f0f0;height:auto;line-height:1.4;padding:10px 15px}.vehicle-table tbody tr{background:#fff}.vehicle-table tbody tr:hover{background-color:#f9f9f9}.vehicle-table tbody tr.selected{background-color:#e3f2fd}.checkbox-col{padding:10px 8px;text-align:center;width:40px}.checkbox-col input{cursor:pointer;height:16px;width:16px}.actions-col{padding:10px 8px;text-align:center;width:120px}.action-buttons{align-items:center;display:flex;gap:6px;justify-content:center}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;padding:6px 8px;transition:all .2s ease}.btn-icon:hover{background-color:#f0f0f0;transform:scale(1.1)}.btn-icon.edit:hover{background-color:#e3f2fd}.btn-icon.view:hover{background-color:#f3e5f5}.btn-icon.delete:hover{background-color:#ffebee}.empty-message,.loading-message{background:#fff;color:#999;padding:40px 20px;text-align:center}.empty-message p,.loading-message p{font-size:14px;margin:0}.pagination-controls{background-color:#f8f9fa;border-top:1px solid #eee;justify-content:space-between;padding:15px 20px}.pagination-info{color:#666;font-size:13px}.pagination-actions{align-items:center;display:flex;gap:15px}.page-size-select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 10px}.page-navigation{align-items:center;display:flex;gap:5px}.page-navigation button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.page-navigation button:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.page-navigation button:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#666;min-width:130px;text-align:center}.modal-content{background:#fff;box-shadow:0 5px 20px #0000004d;max-width:600px}.modal-header{border-bottom:1px solid #eee;padding:20px}.modal-header h2{color:#333}.modal-close{background:none;border:none;color:#999;font-size:24px}.modal-close:hover{color:#333}.modal-footer{background-color:#f8f9fa;border-top:1px solid #eee;gap:10px;padding:20px}.vehicle-form{padding:20px}.vehicle-form fieldset{border:1px solid #eee;border-radius:6px;margin-bottom:20px;padding:15px}.vehicle-form legend{color:#333;font-weight:600;padding:0 10px}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group.checkbox{align-items:center;display:flex;margin:0}.form-group.checkbox input{margin-right:8px;width:auto}.form-group.checkbox label{display:inline;margin:0}.import-instructions{background-color:#f0f7ff;border-radius:6px;margin-bottom:20px;padding:20px}.import-instructions h3{color:#007bff;margin-top:0}.import-instructions ol{margin:10px 0;padding-left:20px}.import-instructions li{color:#333;margin:5px 0}.import-form,.import-results{padding:20px}.result-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.summary-item{border-radius:6px;padding:20px;text-align:center}.summary-item.success{background-color:#d4edda;color:#155724}.summary-item.error{background-color:#f8d7da;color:#721c24}.summary-item .count{display:block;font-size:32px;font-weight:700;margin-bottom:10px}.summary-item .label{font-size:14px;font-weight:500}.failed-items{background-color:#fff3cd;border-radius:6px;margin-bottom:20px;padding:15px}.failed-items h3{color:#856404;margin-top:0}.failed-items ul{color:#856404;font-size:13px;list-style-position:inside}.failed-items li{margin:5px 0}.export-modal{max-width:500px}.export-section{border-bottom:1px solid #eee;padding:20px}.export-section h3{color:#333;font-size:14px;margin-top:0}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px}.radio-group input{cursor:pointer}.column-selection{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.column-checkbox{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:6px}.column-checkbox input{cursor:pointer}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.filters-grid,.form-row{grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:15px}.pagination-actions{flex-direction:column;width:100%}.page-navigation{flex-wrap:wrap;justify-content:center}.modal-content{max-height:95vh;width:95%}.result-summary{grid-template-columns:1fr}}@media (max-width:480px){.vehicles-page{padding:10px}.page-header{padding:15px}.page-header h1{font-size:20px}.stats-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-icon{width:100%}}.history-modal{display:flex;flex-direction:column;max-height:85vh;max-width:900px}.history-body{flex:1 1;overflow-y:auto;padding:0}.history-timeline{padding:30px 20px;position:relative}.history-timeline:before{background:linear-gradient(180deg,#007bff,#28a745,#dc3545);bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{animation:slideIn .3s ease-out;margin-bottom:25px;padding-left:60px;position:relative}.timeline-dot{background:#fff;border:3px solid #007bff;border-radius:50%;box-shadow:0 0 0 4px #f5f5f5;height:24px;left:8px;position:absolute;top:4px;transition:all .3s ease;width:24px}.timeline-item:hover .timeline-dot{box-shadow:0 0 0 6px #f0f7ff;transform:scale(1.2)}.timeline-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #00000014;overflow:hidden;transition:all .3s ease}.timeline-content:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001f}.timeline-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.timeline-header:hover{background:#f0f5ff}.timeline-header-left{align-items:center;display:flex;flex:1 1;gap:10px}.timeline-header-right{align-items:center;display:flex;gap:15px}.action-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 10px;white-space:nowrap}.badge-success{background-color:#d4edda;color:#155724}.badge-info{background-color:#d1ecf1;color:#0c5460}.badge-danger{background-color:#f8d7da;color:#721c24}.badge-warning{background-color:#fff3cd;color:#856404}.badge-primary{background-color:#cfe2ff;color:#084298}.badge-secondary{background-color:#e2e3e5;color:#383d41}.action-type-badge{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#666;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.timestamp{color:#666;font-size:12px;font-weight:500;white-space:nowrap}.expand-icon{color:#999;display:inline-block;font-size:10px;transition:transform .3s ease}.timeline-meta{background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;font-size:12px;gap:15px;padding:10px 15px}.meta-item{color:#666}.meta-item strong{color:#333;margin-right:5px}.timeline-notes{background:#fffbea;border-left:3px solid #ffc107;color:#333;font-size:12px;padding:10px 15px}.timeline-notes strong{color:#666;display:block;margin-bottom:5px}.timeline-details{animation:expandIn .3s ease-out;background:#fff;border-top:1px solid #f0f0f0;padding:15px}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.details-section{margin-bottom:20px}.details-section:last-child{margin-bottom:0}.details-section h4{align-items:center;color:#333;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.fields-list{display:flex;flex-direction:column;gap:12px}.field-change{background:#f9f9f9;border:1px solid #eee;border-radius:6px;overflow:hidden;padding:10px}.field-name{border-bottom:1px solid #eee;color:#333;font-size:12px;font-weight:600;margin-bottom:8px;padding-bottom:8px}.field-comparison{align-items:center;display:flex;font-size:12px;gap:10px}.new-value,.old-value{background:#fff;border-radius:4px;flex:1 1;padding:8px}.old-value{border-left:3px solid #dc3545}.new-value{border-left:3px solid #28a745}.new-value .label,.old-value .label{color:#666;display:block;font-size:11px;font-weight:600;margin-bottom:4px}.old-value .value{color:#721c24;font-family:Monaco,Menlo,monospace}.new-value .value{color:#155724;font-family:Monaco,Menlo,monospace}.arrow{color:#999;flex-shrink:0;font-weight:700}.record-data{display:flex;flex-direction:column;gap:8px}.data-row{grid-gap:10px;background:#fff;border:1px solid #f0f0f0;border-radius:4px;display:grid;font-size:12px;gap:10px;grid-template-columns:150px 1fr;padding:8px}.data-key{color:#555;font-weight:600;word-break:break-word}.data-value{background:#fafafa;border-radius:3px;color:#333;font-family:Monaco,Menlo,monospace;padding:4px 6px;word-break:break-all}.data-value.old{background:#fff5f5;color:#721c24}.data-value.new{background:#f5fff5;color:#155724}.update-comparison{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.comparison-column{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:12px}.comparison-column h5{color:#333;font-size:12px;font-weight:600;margin:0 0 10px}.empty-message{color:#999;padding:60px 20px;text-align:center}.empty-message p{font-size:14px;margin:0}.loading-message{color:#666;padding:40px 20px;text-align:center}.loading-message p{font-size:14px;margin:0}.btn-icon.history:hover{background-color:#f0f5ff}@media (max-width:768px){.history-timeline{padding:20px 10px}.history-timeline:before{left:10px}.timeline-item{padding-left:50px}.timeline-dot{border-width:2px;height:20px;left:0;width:20px}.timeline-header{align-items:flex-start;flex-direction:column;gap:8px}.timeline-header-right{justify-content:space-between;width:100%}.timeline-meta{flex-direction:column;gap:8px}.update-comparison{grid-template-columns:1fr}.data-row{grid-template-columns:100px 1fr}.field-comparison{flex-direction:column}.arrow{transform:rotate(90deg)}.history-modal{max-height:90vh;max-width:95vw}}@media (max-width:480px){.history-timeline{padding:15px 10px}.history-timeline:before{left:5px}.timeline-item{margin-bottom:20px;padding-left:40px}.action-badge{padding:3px 8px}.action-badge,.timestamp{font-size:11px}.details-section h4{font-size:12px}.data-row{gap:8px;grid-template-columns:80px 1fr;padding:6px}.data-key,.data-value{font-size:11px}}html{-moz-osx-font-smoothing:grayscale;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1)}body,html{color:#070707;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{line-height:1.5;overflow-x:hidden}.daily-activity-container{background-color:#fcfcf9;display:flex;flex-direction:column;min-height:100vh;padding:0;position:relative;transition:background-color .25s cubic-bezier(.16,1,.3,1);width:100%}.page-header{animation:slideDown .6s cubic-bezier(.16,1,.3,1) .2s both;background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:0 0 16px 16px;box-shadow:0 6px 16px #21a0d533,inset 0 1px 0 #fff3;color:#fff;overflow:hidden;padding:32px 24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.page-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;position:absolute;right:-50%;top:0;width:200%}.header-content{margin:0 auto;max-width:1280px;position:relative;width:100%;z-index:1}.page-title{animation:slideInUp .6s cubic-bezier(.16,1,.3,1) .3s both;color:#fff;font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}.page-subtitle{animation:slideInUp .6s cubic-bezier(.16,1,.3,1) .4s both;color:#fff;font-size:14px;font-weight:500;letter-spacing:.3px;margin:0;opacity:.95}.action-bar{animation:slideDown .6s cubic-bezier(.16,1,.3,1) .3s both;background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1.5px solid #00000014;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;flex-wrap:wrap;gap:12px;max-width:100%;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.action-bar,.primary-btn{align-items:center;display:flex;transition:all .4s cubic-bezier(.16,1,.3,1)}.primary-btn{background:linear-gradient(135deg,#2180d5,#2db89f);border:none;border-radius:8px;box-shadow:0 4px 12px #21a0d54d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;min-height:44px;overflow:hidden;padding:10px 16px;position:relative;text-transform:uppercase;white-space:nowrap}.primary-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.primary-btn:hover{background:linear-gradient(135deg,#2db89f,#10b981);box-shadow:0 8px 24px #21a0d566,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.primary-btn:hover:before{left:100%}.primary-btn:active{background:linear-gradient(135deg,#2180d5,#1e7bb8);box-shadow:0 4px 12px #21a0d533,inset 0 1px 0 #ffffff26;transform:translateY(0)}.primary-btn:focus-visible{box-shadow:0 4px 12px #21a0d54d,0 0 0 3px #21a0d526;outline:none}.primary-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-icon{align-items:center;display:inline-flex;font-size:16px;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1)}.primary-btn:hover .btn-icon{transform:scale(1.1)}.btn-text{display:none;font-weight:700;letter-spacing:.2px}.selected-info{align-items:center;animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .35s both;display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.info-tag{align-items:center;background:linear-gradient(135deg,#10b9811f,#05966914);border:1px solid #10b98140;border-radius:8px;color:#10b981;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.2px;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.info-tag:hover{background:linear-gradient(135deg,#10b9812e,#0596691f);box-shadow:0 2px 8px #10b98126;transform:translateY(-1px)}.tag-icon{align-items:center;display:inline-flex;font-size:14px;justify-content:center}.content-section{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;flex:1 1;margin:0 auto;max-width:1280px;padding:24px 16px;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.loading-state{color:#666;min-height:300px;padding:48px 16px}.spinner{border:3px solid #00000014;border-top-color:#2180d5;box-shadow:0 2px 8px #21a0d533;margin-bottom:16px}.loading-state p{color:#666;font-size:13px;font-weight:600;margin:0}.empty-state{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px dashed #0000001a;border-radius:14px;box-shadow:0 4px 12px #0000000f,inset 0 1px 0 #fffc;min-height:300px;overflow:hidden;padding:48px 32px;position:relative;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}.empty-state:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#21a0d508,#0000);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.empty-state:hover{box-shadow:0 8px 20px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.empty-icon{animation:float 3s ease-in-out infinite;color:#ccc;font-size:48px;margin-bottom:12px;opacity:.6;position:relative;z-index:1}.empty-state h2{color:#070707;font-size:20px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px;position:relative;z-index:1}.empty-state p{color:#666;font-size:13px;margin:0;position:relative;z-index:1}@media (max-width:1024px){html{font-size:13px}.page-header{border-radius:0 0 12px 12px;padding:28px 20px}.page-title{font-size:28px;margin-bottom:6px}.page-subtitle{font-size:13px}.action-bar{gap:10px;padding:14px}.primary-btn{font-size:11px;min-height:40px;padding:8px 14px}.content-section{padding:20px 14px}.empty-state{border-radius:12px;min-height:280px;padding:40px 28px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.empty-icon{font-size:40px;margin-bottom:10px}.spinner{border-width:2px;height:36px;width:36px}.loading-state{padding:40px 14px}}@media (max-width:768px){html{font-size:13px}.page-header{border-radius:0;padding:24px 16px}.page-title{font-size:24px;margin-bottom:6px}.page-subtitle{font-size:12px;opacity:.9}.action-bar{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.primary-btn{font-size:12px;justify-content:center;min-height:44px;padding:10px 14px;width:100%}.btn-text{display:inline}.selected-info{border-top:1px solid #0000000d;justify-content:flex-start;margin-left:0;padding-top:8px;width:100%}.info-tag{font-size:10px;padding:5px 10px}.content-section{padding:16px 12px}.empty-state{border-radius:10px;gap:12px;min-height:260px;padding:32px 20px}.empty-state h2{font-size:16px}.empty-state p{font-size:11px}.empty-icon{font-size:36px;margin-bottom:8px}.spinner{border-width:2px;height:32px;margin-bottom:12px;width:32px}.loading-state{padding:32px 12px}.loading-state p{font-size:12px}}@media (max-width:480px){body,html{font-size:12px}.page-header{border-radius:0;padding:20px 14px}.page-title{font-size:20px;font-weight:800;margin-bottom:4px}.page-subtitle{font-size:11px;opacity:.9}.header-content{padding:0}.action-bar{align-items:stretch;border-bottom:1px solid #0000000d;flex-direction:column;gap:6px;padding:10px}.primary-btn{font-size:11px;gap:6px;justify-content:center;min-height:40px;padding:10px 12px;width:100%}.btn-icon{font-size:14px}.btn-text{display:inline;font-size:11px}.selected-info{border-top:1px solid #0000000d;gap:6px;justify-content:flex-start;margin-left:0;padding-top:8px;width:100%}.info-tag{font-size:9px;gap:4px;padding:4px 8px}.tag-icon{font-size:12px}.content-section{margin:0;padding:12px}.empty-state{border-radius:10px;gap:10px;min-height:240px;padding:24px 16px}.empty-state h2{font-size:14px;margin-bottom:4px}.empty-state p{font-size:10px}.empty-icon{font-size:32px;margin-bottom:6px}.spinner{border-width:2px;height:28px;margin-bottom:10px;width:28px}.loading-state{min-height:240px;padding:24px 10px}.loading-state p{font-size:11px}}@media (max-width:320px){html{font-size:11px}.page-header{padding:16px 12px}.page-title{font-size:18px}.page-subtitle{font-size:10px}.action-bar{gap:4px;padding:8px}.primary-btn{font-size:10px;min-height:36px;padding:8px 10px}.content-section{padding:10px}.empty-state{min-height:220px;padding:20px 12px}.empty-state h2{font-size:13px}.empty-state p{font-size:10px}.empty-icon{font-size:28px}}@media print{.action-bar{display:none}.page-header{page-break-after:avoid}.content-section{page-break-before:avoid}.spinner{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast:more){.page-header{border-bottom:3px solid #070707}.action-bar{border-bottom:2px solid #070707}.primary-btn{border:2px solid #070707}.empty-state{border-width:3px}}.daily-activity-cards{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:1fr}.activity-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.activity-card:active{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card-header{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:16px;padding:var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.card-title-section{align-items:flex-start;display:flex;gap:12px;gap:var(--space-12);justify-content:space-between}.card-title{color:#13343b;color:var(--color-text);flex:1 1;font-size:16px;font-size:var(--font-size-lg);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard);word-break:break-word}.card-title,.status-badge{font-weight:550;font-weight:var(--font-weight-semibold)}.status-badge{align-items:center;border-radius:8px;border-radius:var(--radius-base);display:inline-flex;flex-shrink:0;gap:6px;gap:var(--space-6);padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.status-badge.submitted{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status-badge:not(.submitted){background:#626c7126;background:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.card-body{flex:1 1;flex-direction:column;padding:16px;padding:var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.card-body,.detail-row{display:flex;gap:12px;gap:var(--space-12)}.detail-row{align-items:flex-start;justify-content:space-between}.detail-label{color:#626c71;color:var(--color-text-secondary);flex:0 0 auto;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.detail-label,.detail-value{transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.detail-value{color:#13343b;color:var(--color-text);flex:1 1;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-align:right;word-break:break-word}.responsible-section{grid-gap:12px;grid-gap:var(--space-12);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:grid;gap:12px;gap:var(--space-12);margin-top:8px;margin-top:var(--space-8);padding-top:12px;padding-top:var(--space-12)}.responsible-person{background:#5e52401f;background:var(--color-secondary);border-left:3px solid #21808d;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);display:flex;flex-direction:column;gap:4px;gap:var(--space-4);padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.person-role{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.person-name,.person-role{font-weight:550;font-weight:var(--font-weight-semibold);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.person-name{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm)}.person-title{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-style:italic;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.card-footer{background:#5e52401f;background:var(--color-secondary);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);padding:12px 16px;padding:var(--space-12) var(--space-16)}.card-action-btn,.card-footer{transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.card-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);justify-content:center;min-height:44px;padding:10px 16px;padding:var(--space-10) var(--space-16);white-space:nowrap;width:100%}.card-action-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.card-action-btn:disabled{cursor:not-allowed;opacity:.5}.card-action-btn.submitted{background:#21808d;background:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text)}.card-action-btn.submitted:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-action-btn.submitted:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(0)}.card-action-btn:not(.submitted){background:#21808d;background:var(--color-success);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text)}.card-action-btn:not(.submitted):hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-action-btn:not(.submitted):active:not(:disabled){background:#1a6873;background:var(--color-primary-active);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(0)}.table-wrapper{border:1px solid #5e52401f;border:1px solid var(--color-card-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.activity-table,.table-wrapper{background:#fffffd;background:var(--color-surface);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.activity-table{border-collapse:collapse;color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);width:100%}.table-header-row{background:#21808d;background:var(--color-primary)}.table-header-row,.table-header-row th{color:#fcfcf9;color:var(--color-btn-primary-text)}.table-header-row th{border-bottom:2px solid #1a6873;border-bottom:2px solid var(--color-primary-active);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:12px;padding:var(--space-12);text-align:left;text-transform:uppercase;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.table-row{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.table-row:hover{background:#5e52401f;background:var(--color-secondary)}.table-row:last-child{border-bottom:none}.table-row td{color:#13343b;color:var(--color-text);padding:12px;padding:var(--space-12);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard);vertical-align:middle}.person-badge{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:8px;border-radius:var(--radius-base);padding:8px;padding:var(--space-8);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.person-name-desk{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:2px;margin-bottom:var(--space-2)}.person-name-desk,.person-title-desk{font-size:11px;font-size:var(--font-size-xs);transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.person-title-desk{color:#626c71;color:var(--color-text-secondary);font-style:italic}.table-action-btn{border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);min-height:36px;padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.table-action-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.table-action-btn:disabled{cursor:not-allowed;opacity:.5}.table-action-btn.submitted{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.table-action-btn.submitted:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.table-action-btn.submitted:active:not(:disabled){background:#1a6873;background:var(--color-primary-active)}.table-action-btn:not(.submitted){background:#21808d;background:var(--color-success);color:#fcfcf9;color:var(--color-btn-primary-text)}.table-action-btn:not(.submitted):hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover)}.table-action-btn:not(.submitted):active:not(:disabled){background:#1a6873;background:var(--color-primary-active)}.view-all-btn{background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;display:inline-block;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:20px;margin-bottom:var(--space-20);min-height:44px;padding:10px 20px;padding:var(--space-10) var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.view-all-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.view-all-btn:active:not(:disabled){box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(0)}.view-all-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.view-all-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.page-header{border-radius:0;padding:16px;padding:var(--space-16)}.page-title{font-size:20px;font-size:var(--font-size-2xl)}.page-subtitle{font-size:12px;font-size:var(--font-size-sm)}.action-bar{flex-direction:column;gap:8px;gap:var(--space-8)}.action-bar,.primary-btn{padding:12px;padding:var(--space-12)}.primary-btn{justify-content:center;width:100%}.btn-text{display:inline}.selected-info{justify-content:flex-start;margin-left:0;width:100%}.content-section{padding:12px;padding:var(--space-12)}.daily-activity-cards{gap:12px;gap:var(--space-12)}.activity-card{border-radius:8px;border-radius:var(--radius-base)}.card-header{padding:12px;padding:var(--space-12)}.card-title-section{flex-direction:column;gap:8px;gap:var(--space-8)}.card-title{font-size:14px;font-size:var(--font-size-base)}.card-body{gap:8px;gap:var(--space-8);padding:12px;padding:var(--space-12)}.detail-row{flex-direction:column;gap:4px;gap:var(--space-4)}.detail-label{font-size:11px;font-size:var(--font-size-xs)}.detail-value{font-size:12px;font-size:var(--font-size-sm);text-align:left}.card-footer{padding:10px 12px;padding:var(--space-10) var(--space-12)}.card-action-btn{font-size:12px;font-size:var(--font-size-sm);min-height:44px;padding:10px;padding:var(--space-10)}.responsible-section{gap:8px;gap:var(--space-8);margin-top:8px;margin-top:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.responsible-person{padding:10px;padding:var(--space-10)}.person-role{font-size:11px;font-size:var(--font-size-xs)}.person-name{font-size:12px;font-size:var(--font-size-sm)}.person-title{font-size:11px;font-size:var(--font-size-xs)}.empty-state{padding:24px 12px;padding:var(--space-24) var(--space-12)}.empty-icon{font-size:40px;margin-bottom:12px;margin-bottom:var(--space-12)}.empty-state h2{font-size:18px;font-size:var(--font-size-xl)}.empty-state p{font-size:12px;font-size:var(--font-size-sm)}.table-wrapper{border-radius:8px;border-radius:var(--radius-base)}.table-header-row th,.table-row td{font-size:11px;font-size:var(--font-size-xs);padding:10px 8px;padding:var(--space-10) var(--space-8)}.view-all-btn{padding:12px 16px;padding:var(--space-12) var(--space-16);width:100%}}@media (min-width:768px){.page-header{padding:32px 24px;padding:var(--space-32) var(--space-24)}.page-title{font-size:30px;font-size:var(--font-size-4xl)}.page-subtitle{font-size:16px;font-size:var(--font-size-lg)}.action-bar{flex-direction:row;gap:16px;gap:var(--space-16);padding:20px;padding:var(--space-20)}.primary-btn{font-size:14px;font-size:var(--font-size-base);padding:10px 20px;padding:var(--space-10) var(--space-20);width:auto}.btn-text{display:inline}.selected-info{margin-left:auto}.content-section{padding:20px;padding:var(--space-20)}.daily-activity-cards{gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.activity-card{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.activity-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-title{font-size:18px;font-size:var(--font-size-xl)}.table-wrapper{border-radius:12px;border-radius:var(--radius-lg)}.table-action-btn{font-size:12px;font-size:var(--font-size-sm);min-height:36px;padding:8px 16px;padding:var(--space-8) var(--space-16)}.view-all-btn{margin-bottom:24px;margin-bottom:var(--space-24)}}@media (min-width:1024px){.content-section{padding:24px;padding:var(--space-24)}.daily-activity-cards{gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.card-title{font-size:18px;font-size:var(--font-size-xl)}.action-bar{flex-wrap:nowrap}}@media (min-width:1280px){.daily-activity-container{padding:0}.content-section{padding:32px;padding:var(--space-32)}.daily-activity-cards{gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (prefers-contrast:more){.activity-card,.info-tag,.status-badge{border-width:2px}.card-action-btn,.primary-btn,.table-action-btn,.view-all-btn{border:2px solid}}@media print{.action-bar,.btn-icon,.card-action-btn,.card-footer,.page-header,.view-all-btn{display:none}.daily-activity-container{background:#fff;background:var(--color-white);padding:0}.content-section{padding:0}.activity-card{border:1px solid #5e524033;border:1px solid var(--color-border);box-shadow:none;margin-bottom:20px;margin-bottom:var(--space-20)}.activity-card,.activity-table{page-break-inside:avoid}.table-wrapper{border:1px solid #5e524033;border:1px solid var(--color-border);box-shadow:none}body{background:#fff;background:var(--color-white);color:#000;color:var(--color-black)}}.modal-overlay{animation:fadeIn .2s ease-in}.submitted-reports-modal{animation:slideUp .3s ease-out;background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:12px;box-shadow:0 12px 40px var(--theme-shadow-lg);color:var(--theme-text-primary);display:flex;flex-direction:column;max-height:85vh;max-width:1400px;overflow:hidden;width:95%}.modal-header{background:linear-gradient(135deg,#2180ac,#1a6a8f);border-bottom:2px solid var(--theme-border);color:#fff;padding:24px}.modal-header h2{font-size:22px;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.table-wrapper{flex:1 1;overflow-y:auto}.reports-table{background:var(--theme-bg-primary);border-collapse:collapse;color:var(--theme-text-primary);font-size:13px;width:100%}.reports-table thead{background:var(--theme-bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.reports-table th{background:var(--theme-bg-secondary);border-bottom:2px solid var(--theme-border);color:var(--theme-text-primary);font-weight:700;padding:14px 12px;text-align:left;white-space:nowrap}.reports-table td{border-bottom:1px solid var(--theme-border);color:var(--theme-text-primary);padding:12px}.reports-table tbody tr{background:var(--theme-bg-primary);transition:background-color .15s ease}.reports-table tbody tr:hover{background:var(--theme-hover-bg)}.reports-table td.ref-number{color:#2180ac;font-weight:600}.reports-table td.site-name{font-weight:500}.reports-table td.numeric{font-family:Courier New,monospace;text-align:right}.reports-table td.action-cell{text-align:center}.view-btn{background:linear-gradient(135deg,#2180ac,#1a6a8f);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s;white-space:nowrap}.view-btn:hover{box-shadow:0 4px 12px #2180ac66;transform:translateY(-2px)}.view-btn:active{transform:translateY(0)}.loading-state{align-items:center;background:var(--theme-bg-primary);color:var(--theme-text-primary);display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.spinner{animation:spin .8s linear infinite;border:4px solid var(--theme-border);border-top:4px solid #2180ac;height:40px;width:40px}.loading-text{color:var(--theme-text-secondary);font-size:14px;font-weight:500}.empty-state{align-items:center;background:var(--theme-bg-primary);color:var(--theme-text-primary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.empty-icon,.error-icon{font-size:48px}.no-data-text{color:var(--theme-text-secondary);font-size:16px}.error-state{align-items:center;background:var(--theme-bg-primary);color:var(--theme-text-primary);display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.error-icon{font-size:48px}.error-message{color:#c92a2a;font-size:14px;line-height:1.5;max-width:400px;text-align:center}.retry-btn{background:#c92a2a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.retry-btn:hover{background:#a61e4d;transform:translateY(-2px)}.pagination{align-items:center;background:var(--theme-bg-secondary);border-top:1px solid var(--theme-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px}.pagination-btn{background:#2180ac;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#1a6a8f;transform:translateY(-2px)}.pagination-btn:disabled{background:var(--theme-border);cursor:not-allowed;opacity:.6}.page-info{color:var(--theme-text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.modal-footer{background:var(--theme-bg-secondary);border-top:1px solid var(--theme-border);text-align:right}.cancel-btn{background:var(--theme-border);border:none;border-radius:6px;color:var(--theme-text-primary);cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.cancel-btn:hover{background:var(--theme-hover-bg);color:#2180ac;transform:translateY(-2px)}@media (max-width:1024px){.submitted-reports-modal{max-width:90%}.reports-table{font-size:12px}}@media (max-width:768px){.submitted-reports-modal{max-height:90vh;width:95%}.modal-header{padding:16px}.modal-header h2{font-size:18px}.reports-table{font-size:11px}.reports-table td,.reports-table th{padding:8px}.view-btn{font-size:10px;padding:4px 10px}.pagination{flex-direction:column;gap:10px}.page-info{text-align:center}}.filter-toolbar{background:var(--theme-bg-secondary);border-bottom:2px solid var(--theme-border);display:flex;flex-direction:column;gap:12px;padding:18px 24px}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.search-box{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.search-input{border:2px solid var(--theme-border);font-family:inherit;font-size:13px;padding:10px 40px 10px 16px;transition:all .3s ease}.search-input:focus{box-shadow:0 0 0 3px #2180ac1a;outline:none}.clear-search-btn,.search-input::placeholder{color:var(--theme-text-tertiary)}.clear-search-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;transition:all .2s}.clear-search-btn:hover{color:#2180ac;transform:scale(1.2)}.filter-group{gap:6px}.filter-group label{color:var(--theme-text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-filter,.sort-dropdown{background:var(--theme-input-bg);border:2px solid var(--theme-border);border-radius:8px;color:var(--theme-input-text);cursor:pointer;font-family:inherit;font-size:13px;min-width:180px;padding:10px 12px;transition:all .3s ease}.date-filter:focus,.sort-dropdown:focus{border-color:#2180ac;box-shadow:0 0 0 3px #2180ac1a;outline:none}.sort-dropdown{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232180ac' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.clear-filter-btn,.reset-btn{background:var(--theme-input-bg);border:2px solid var(--theme-border);border-radius:8px;color:var(--theme-text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.clear-filter-btn:hover,.reset-btn:hover{background:var(--primary-light);border-color:#2180ac;box-shadow:0 4px 12px #2180ac26;color:#2180ac;transform:translateY(-2px)}.clear-filter-btn:active,.reset-btn:active{transform:translateY(0)}.filter-status{display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.filter-badge{animation:slideIn .3s ease;background:linear-gradient(135deg,#2180ac,#1a6a8f);color:#fff;padding:6px 12px}.header-subtitle{color:var(--theme-text-secondary);font-size:13px;font-weight:400;margin:6px 0 0}@media (max-width:1024px){.filter-controls{flex-direction:column;gap:10px}.date-filter,.filter-group,.reset-btn,.search-box,.sort-dropdown{width:100%}.date-filter,.sort-dropdown{min-width:auto}}@media (max-width:768px){.filter-toolbar{gap:10px;padding:12px 16px}.filter-controls{gap:8px}.search-input{font-size:12px;padding:8px 36px 8px 12px}.date-filter,.sort-dropdown{font-size:12px;padding:8px 10px}.clear-filter-btn,.reset-btn{font-size:12px;padding:8px 12px}.filter-badge{font-size:11px;padding:5px 10px}}@media (max-width:480px){.filter-toolbar{padding:10px 12px}.filter-controls{gap:6px}.search-input{font-size:11px;padding:6px 32px 6px 10px}.date-filter,.sort-dropdown{font-size:11px;padding:6px 8px}.clear-filter-btn,.reset-btn{font-size:11px;padding:6px 10px}}body,html{margin:0;padding:0}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#e9ecef 50%,#c3cfe2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-left:0;min-height:100vh;padding:var(--spacing-2xl);padding-left:var(--spacing-lg)}.dashboard-header{animation:slideInDown .8s cubic-bezier(.16,1,.3,1);animation:slideInDown .8s var(--ease-standard);border-bottom:3px solid #21808d;border-bottom:3px solid var(--color-primary);margin-bottom:32px;margin-bottom:var(--space-32);padding-bottom:20px;padding-bottom:var(--space-20);position:relative}.dashboard-header:after{animation:expandWidth 1s ease-out;background:linear-gradient(90deg,#21808d,#1d7480,#0000);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover),#0000);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100%}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;background-clip:text;font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 8px;margin:0 0 var(--space-8) 0}.dashboard-header p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.filters-section-v2{animation:slideInUp .6s ease-out .1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f0f5ffe6);border:1px solid #0088fe26;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:28px;overflow:visible!important;padding:24px;position:relative;z-index:100}.filters-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:24px;width:100%}.filter-group,.filters-row{overflow:visible;position:relative;z-index:101}.filter-group{animation:fadeInUp .5s ease-out forwards;display:flex;flex-direction:column;gap:8px}.filter-group:first-child{animation-delay:.1s}.filter-group:nth-child(2){animation-delay:.15s}.filter-group:nth-child(3){animation-delay:.2s}.filter-group:nth-child(4){animation-delay:.25s}.filter-label{align-items:center;color:#1f2937;display:flex;font-size:11px;gap:6px;letter-spacing:1px;margin-bottom:2px}.filter-input{background:#fff;border:2px solid #e0e7ff;border-radius:8px;box-sizing:border-box;color:#374151;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:11px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.filter-input:hover{background:#0088fe0a;border-color:#0088fe;box-shadow:0 2px 8px #0088fe1f}.filter-input:focus{background:#0088fe05;border-color:#0088fe;box-shadow:0 0 0 3px #0088fe1a;outline:none}.multi-select-wrapper{overflow:visible;position:relative;width:100%;z-index:102}.multi-select-input{align-items:center;background:#fff;border:2px solid #e0e7ff;border-radius:8px;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-height:42px;padding:11px 12px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;width:100%;z-index:102}.multi-select-input:hover{background:#0088fe0a;border-color:#0088fe;box-shadow:0 2px 8px #0088fe1f}.multi-select-input:focus-within{border-color:#0088fe;box-shadow:0 0 0 3px #0088fe1a}.multi-select-placeholder{color:#1f2937;font-size:14px;font-weight:500}.multi-select-arrow{color:#0088fe;flex-shrink:0;font-size:10px;margin-left:8px;transition:transform .3s ease}.multi-select-wrapper:hover .multi-select-arrow{transform:translateY(2px)}.multi-select-dropdown{animation:dropdownSlideDown .3s ease-out;background:#fff;border:1px solid #e0e7ff;border-radius:8px;box-shadow:0 12px 32px #0003;display:none;left:0;max-height:320px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);will-change:contents;z-index:10000}.multi-select-wrapper:focus-within .multi-select-dropdown,.multi-select-wrapper:hover .multi-select-dropdown{display:block}.multi-select-dropdown::-webkit-scrollbar{width:6px}.multi-select-dropdown::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.multi-select-dropdown::-webkit-scrollbar-thumb{background:#0088fe4d;border-radius:3px}.multi-select-dropdown::-webkit-scrollbar-thumb:hover{background:#0088fe80}.multi-select-option{align-items:center;border-bottom:1px solid #0000000d;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:11px 12px;position:relative;transition:all .2s ease;z-index:10001}.multi-select-option:last-child{border-bottom:none}.multi-select-option:hover{background:#0088fe14}.multi-select-option.all-select{background:#0088fe0d;border-bottom:2px solid #0088fe33;color:#0088fe;font-weight:600}.multi-select-option input[type=checkbox]{accent-color:#0088fe;cursor:pointer;flex-shrink:0;height:18px;position:relative;width:18px;z-index:10002}.multi-select-option label{color:#374151;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;margin:0;position:relative;z-index:10002}.multi-select-option:hover label{color:#0088fe}.selected-filters-section{align-items:center;animation:slideUp .5s ease-out .3s both;border-top:2px solid #0088fe1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:16px;position:relative;z-index:100}.active-filters-container{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.filter-badge{align-items:center;animation:badgeScale .4s cubic-bezier(.16,1,.3,1) forwards;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:7px 12px;white-space:nowrap}.filter-badge-date{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid #3b82f64d;color:#1e40af}.filter-badge-district{background:linear-gradient(135deg,#10b98126,#0596691a);border:1px solid #10b9814d;color:#065f46}.filter-badge-category{background:linear-gradient(135deg,#a855f726,#8b5cf61a);border:1px solid #a855f74d;color:#6b21a8}.badge-remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:1;opacity:.7;padding:0;transition:all .2s ease}.badge-remove:hover{opacity:1;transform:scale(1.3) rotate(90deg)}.reset-filters-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;height:-webkit-fit-content;height:fit-content;padding:10px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.reset-filters-btn:hover{background:linear-gradient(135deg,#ff5252,#ff3838);box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.reset-filters-btn:active{transform:translateY(0)}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.filters-row{gap:16px;grid-template-columns:repeat(2,1fr)}.filter-group{width:100%}}@media (max-width:768px){.filters-section-v2{margin-bottom:24px;overflow:visible!important;padding:20px}.filters-row{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px;overflow:visible}.filter-label{font-size:10px}.filter-input,.multi-select-input{font-size:13px;padding:10px 11px}.multi-select-dropdown{max-height:280px}.selected-filters-section{align-items:stretch;flex-direction:column;gap:12px}.active-filters-container{order:1;width:100%}.reset-filters-btn{justify-content:center;order:2;width:100%}.filter-badge{font-size:11px;padding:6px 10px}}@media (max-width:480px){.filters-section-v2{border-radius:10px;margin-bottom:20px;overflow:visible!important;padding:16px}.filters-row{gap:12px;grid-template-columns:1fr;margin-bottom:16px;overflow:visible}.filter-label{font-size:10px;gap:4px}.filter-input,.multi-select-input{font-size:13px;min-height:40px;padding:10px}.multi-select-placeholder{font-size:13px}.multi-select-arrow{font-size:9px;margin-left:6px}.multi-select-dropdown{box-shadow:0 8px 24px #0000002e;max-height:220px}.multi-select-option{font-size:12px;gap:8px;padding:8px 10px}.multi-select-option input[type=checkbox]{height:16px;width:16px}.multi-select-option label{font-size:12px}.selected-filters-section{border-top:1px solid #0088fe1a;gap:8px;padding-top:12px}.active-filters-container{gap:6px;width:100%}.filter-badge{font-size:10px;gap:6px;padding:5px 8px}.badge-remove{font-size:12px}.reset-filters-btn{font-size:11px;justify-content:center;padding:8px 12px;width:100%}}@media (max-width:320px){.filters-row{gap:10px}.filter-label{font-size:9px}.filter-input,.multi-select-input{font-size:12px;padding:8px}.filter-badge{font-size:9px;padding:4px 6px}}.error,.loading{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;font-size:18px;font-size:var(--font-size-xl);justify-content:center;min-height:400px}.loading p{animation:pulse 1.5s ease-in-out infinite}.error{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border:2px solid #c0152f4d;border:2px solid rgba(var(--color-error-rgb),.3);border-radius:12px;border-radius:var(--radius-lg);color:#c0152f;color:var(--color-error);padding:40px}.summary-cards{grid-gap:16px;grid-gap:var(--space-16);display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.card,.summary-cards{gap:16px;gap:var(--space-16)}.card{align-items:flex-start;animation:slideUp .6s ease-out both;background:#fffffd;background:var(--color-surface);border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-md);display:flex;padding:20px;padding:var(--space-20);position:relative;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.card:before{background:linear-gradient(90deg,#0000,#21808d14,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-teal-500-rgb),.08),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.card:hover:before{left:100%}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.15s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.25s}.card:nth-child(5){animation-delay:.3s}.card:nth-child(6){animation-delay:.35s}.card:nth-child(7){animation-delay:.4s}.card:nth-child(8){animation-delay:.45s}.card:nth-child(9){animation-delay:.5s}.card:nth-child(10){animation-delay:.55s}.card:nth-child(11){animation-delay:.6s}.card:nth-child(12){animation-delay:.65s}.card:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card-primary{border-left-color:#21808d;border-left-color:var(--color-primary)}.card-success{border-left-color:#21808d;border-left-color:var(--color-success)}.card-warning{border-left-color:#a84b2f;border-left-color:var(--color-warning)}.card-danger{border-left-color:#c0152f;border-left-color:var(--color-error)}.card-info{border-left-color:#626c71;border-left-color:var(--color-info)}.card-completed{border-left-color:#21808d;border-left-color:var(--color-success)}.card-rejected{border-left-color:#c0152f;border-left-color:var(--color-error)}.card-blue{border-left-color:#626c71;border-left-color:var(--color-info)}.card-purple,.card-teal{border-left-color:#21808d;border-left-color:var(--color-primary)}.card-icon{animation:float 3s ease-in-out infinite;flex-shrink:0;font-size:32px;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.card-icon:first-child{animation-delay:0s}.card-icon:nth-child(2){animation-delay:.2s}.card:hover .card-icon{font-size:36px;transform:scale(1.1)}.card-content{flex:1 1;position:relative;z-index:1}.card-content h3{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);letter-spacing:.7px;margin:0 0 6px;margin:0 0 var(--space-6) 0;text-transform:uppercase}.card-content h3,.card-value{font-weight:600;font-weight:var(--font-weight-bold)}.card-value{animation:countUp .8s ease-out;color:#13343b;color:var(--color-text);font-size:26px;margin:0 0 4px;margin:0 0 var(--space-4) 0}.card-sub{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.status-breakdown-container{animation:slideUp .6s ease-out .2s both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--space-32);padding:20px;padding:var(--space-20)}.status-breakdown-container h2{border-bottom:2px solid #21808d;border-bottom:2px solid var(--color-primary);color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 20px;margin:0 0 var(--space-20) 0;padding-bottom:12px;padding-bottom:var(--space-12)}.status-grid{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.status-card{animation:slideUp .6s ease-out both;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;overflow:hidden;padding:12px;padding:var(--space-12);position:relative;text-align:center;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.status-card:first-child{animation-delay:.22s}.status-card:nth-child(2){animation-delay:.24s}.status-card:nth-child(3){animation-delay:.26s}.status-card:nth-child(4){animation-delay:.28s}.status-card:before{background:linear-gradient(90deg,#0000,#21808d26,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-teal-500-rgb),.15),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.status-card:hover:before{left:100%}.status-card:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.status-label{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0 0 8px;margin:0 0 var(--space-8) 0;text-transform:capitalize}.status-label,.status-value{font-weight:600;font-weight:var(--font-weight-bold)}.status-value{color:#21808d;color:var(--color-primary);font-size:24px;font-size:var(--font-size-3xl);margin:0 0 4px;margin:0 0 var(--space-4) 0}.status-percent{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);margin:0}.detailed-breakdown-card{animation:slideUp .6s ease-out .22s both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--space-32);padding:20px;padding:var(--space-20)}.detailed-breakdown-card h2{border-bottom:2px solid #21808d;border-bottom:2px solid var(--color-primary);color:#13343b;color:var(--color-text);display:inline-block;font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 20px;margin:0 0 var(--space-20) 0;padding-bottom:12px;padding-bottom:var(--space-12)}.district-cards-container{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:16px;margin-top:var(--space-16)}.district-category-card{animation:slideUp .6s ease-out both;background:#fffffd;background:var(--color-surface);border:1.5px solid #5e52401f;border:1.5px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px;padding:var(--space-16);position:relative;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.district-category-card:first-child{animation-delay:.24s}.district-category-card:nth-child(2){animation-delay:.26s}.district-category-card:nth-child(3){animation-delay:.28s}.district-category-card:nth-child(4){animation-delay:.3s}.district-category-card:nth-child(5){animation-delay:.32s}.district-category-card:nth-child(6){animation-delay:.34s}.district-category-card:before{background:linear-gradient(90deg,#0000,#21808d14,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-teal-500-rgb),.08),#0000);content:"";height:100%;position:absolute;right:-100%;top:0;transition:right .6s ease;width:100%}.district-category-card:hover:before{right:100%}.district-category-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.district-card-header{align-items:center;border-bottom:2px solid #21808d;border-bottom:2px solid var(--color-primary);display:flex;gap:8px;gap:var(--space-8);margin-bottom:12px;margin-bottom:var(--space-12);padding-bottom:12px;padding-bottom:var(--space-12);position:relative;z-index:1}.district-card-header h3{color:#13343b;color:var(--color-text);flex:1 1;font-size:14px;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-bold);margin:0}.district-icon{font-size:20px;font-size:var(--font-size-2xl)}.categories-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-8);position:relative;z-index:1}.category-item{animation:slideInLeft .6s ease-out both;background:#5e52401f;background:var(--color-secondary);border-left:3px solid #21808d;border-left:3px solid var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);padding:12px;padding:var(--space-12);transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.category-item:first-child{animation-delay:.26s}.category-item:nth-child(2){animation-delay:.28s}.category-item:nth-child(3){animation-delay:.3s}.category-item:nth-child(4){animation-delay:.32s}.category-item:nth-child(5){animation-delay:.34s}.category-item:hover{background:#5e524033;background:var(--color-secondary-hover);box-shadow:0 2px 8px #21808d26;box-shadow:0 2px 8px rgba(var(--color-teal-500-rgb),.15);transform:translateX(6px)}.category-item-header{align-items:center;display:flex;gap:8px;gap:var(--space-8);justify-content:space-between}.category-item-name{color:#626c71;color:var(--color-text-secondary);flex:1 1;font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);word-break:break-word}.category-item-qty{color:#21808d;color:var(--color-primary);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);white-space:nowrap}.category-item-label{margin-top:4px;margin-top:var(--space-4);text-align:right}.category-item-label,.district-stats-footer{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.district-stats-footer{grid-gap:8px;grid-gap:var(--space-8);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);display:grid;gap:8px;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-top:12px;margin-top:var(--space-12);padding-top:12px;padding-top:var(--space-12);position:relative;z-index:1}.district-stats-footer strong{color:#21808d;color:var(--color-primary);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold)}.category-distribution-simple{animation:slideUp .6s ease-out .25s both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--space-32);padding:20px;padding:var(--space-20)}.category-distribution-simple h2{border-bottom:2px solid #21808d;border-bottom:2px solid var(--color-primary);color:#13343b;color:var(--color-text);display:inline-block;font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 20px;margin:0 0 var(--space-20) 0;padding-bottom:12px;padding-bottom:var(--space-12)}.category-grid-simple{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px;margin-top:var(--space-16)}.category-item-simple{animation:slideUp .6s ease-out both;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;padding:12px;padding:var(--space-12);position:relative;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.category-item-simple:first-child{animation-delay:.26s}.category-item-simple:nth-child(2){animation-delay:.28s}.category-item-simple:nth-child(3){animation-delay:.3s}.category-item-simple:nth-child(4){animation-delay:.32s}.category-item-simple:nth-child(5){animation-delay:.34s}.category-item-simple:nth-child(6){animation-delay:.36s}.category-item-simple:before{background:linear-gradient(90deg,#0000,#21808d26,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-teal-500-rgb),.15),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.category-item-simple:hover:before{left:100%}.category-item-simple:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.category-label-simple{color:#626c71;color:var(--color-text-secondary);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-8);word-break:break-word}.category-value-simple{color:#21808d;color:var(--color-primary);font-size:22px;font-weight:600;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-tight);margin:0}.category-sublabel-simple{color:#626c71;color:var(--color-text-secondary);display:block;font-size:11px;font-size:var(--font-size-xs);margin-top:4px;margin-top:var(--space-4)}.charts-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.chart-container{animation:slideUp .6s ease-out .25s both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);overflow:hidden;padding:20px;padding:var(--space-20);position:relative;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.chart-container:before{background:linear-gradient(90deg,#0000,#21808d,#0000);background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.chart-container:hover:before{left:100%}.chart-container:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chart-container h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 16px;margin:0 0 var(--space-16) 0}.chart-container .no-data{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;justify-content:center;min-height:300px;padding:40px 16px;padding:40px var(--space-16);text-align:center}.recharts-wrapper{animation:fadeIn .6s ease-out .3s both}.recharts-cartesian-axis-tick text{fill:#626c71;fill:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.recharts-legend-wrapper text{fill:#13343b;fill:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.recharts-tooltip-wrapper{outline:none}.breakdown-section{animation:slideUp .6s ease-out both;margin-bottom:32px;margin-bottom:var(--space-32)}.breakdown-section:first-of-type{animation-delay:.3s}.breakdown-section:nth-of-type(2){animation-delay:.35s}.breakdown-section h2{border-bottom:2px solid #21808d;border-bottom:2px solid var(--color-primary);color:#13343b;color:var(--color-text);display:inline-block;font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 20px;margin:0 0 var(--space-20) 0;padding-bottom:12px;padding-bottom:var(--space-12)}.breakdown-grid{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:16px;margin-top:var(--space-16)}.breakdown-card{animation:slideUp .6s ease-out both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px;padding:var(--space-16);position:relative;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.breakdown-card:first-child{animation-delay:.35s}.breakdown-card:nth-child(2){animation-delay:.38s}.breakdown-card:nth-child(3){animation-delay:.41s}.breakdown-card:nth-child(4){animation-delay:.44s}.breakdown-card:nth-child(5){animation-delay:.47s}.breakdown-card:nth-child(6){animation-delay:.5s}.breakdown-card:after{background:linear-gradient(90deg,#0000,#21808d14,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-teal-500-rgb),.08),#0000);content:"";height:100%;position:absolute;right:-100%;top:0;transition:right .6s ease;width:100%}.breakdown-card:hover:after{right:100%}.breakdown-card:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.breakdown-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-12);position:relative;z-index:1}.breakdown-header h4{color:#13343b;color:var(--color-text);flex:1 1;font-size:14px;font-size:var(--font-size-md);margin:0;word-break:break-word}.breakdown-header h4,.completion-badge{font-weight:600;font-weight:var(--font-weight-bold)}.completion-badge{background:linear-gradient(135deg,#21808d,#21808d);background:linear-gradient(135deg,var(--color-success),var(--color-success));border-radius:9999px;border-radius:var(--radius-full);color:#fcfcf9;color:var(--color-btn-primary-text);font-size:12px;font-size:var(--font-size-sm);margin-left:8px;margin-left:var(--space-8);padding:4px 10px;padding:var(--space-4) var(--space-10);white-space:nowrap}.progress-bar{background:#5e52401f;background:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);height:8px;margin-bottom:12px;margin-bottom:var(--space-12);overflow:hidden;position:relative;z-index:1}.progress-fill{animation:slideInLeft .8s ease-out;background:linear-gradient(90deg,#21808d,#1d7480);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));box-shadow:0 0 10px #21808d4d;box-shadow:0 0 10px rgba(var(--color-teal-500-rgb),.3);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);transition:width .8s var(--ease-standard)}.breakdown-stats{grid-gap:8px;grid-gap:var(--space-8);display:grid;gap:8px;gap:var(--space-8);grid-template-columns:repeat(3,1fr);margin-bottom:12px;margin-bottom:var(--space-12);position:relative;z-index:1}.stat{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border-inner);border-radius:8px;border-radius:var(--radius-base);padding:8px;padding:var(--space-8);text-align:center;transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.stat:hover{background:#5e524033;background:var(--color-secondary-hover);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat p{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);margin:0}.stat h5,.stat p{font-weight:600;font-weight:var(--font-weight-bold)}.stat h5{color:#21808d;color:var(--color-primary);font-size:16px;font-size:var(--font-size-lg);margin:4px 0 0;margin:var(--space-4) 0 0 0}.breakdown-footer{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);color:#626c71;color:var(--color-text-secondary);display:flex;font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-8);justify-content:space-between;padding-top:12px;padding-top:var(--space-12);position:relative;z-index:1}.data-table-container{animation:slideUp .6s ease-out .4s both;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.data-table-container h3{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 16px;margin:0 0 var(--space-16) 0}.table-wrapper{border-radius:8px;border-radius:var(--radius-base);overflow-x:auto}.data-table{border-collapse:collapse;font-size:12px;font-size:var(--font-size-sm);width:100%}.data-table thead{background:#5e52401f;background:var(--color-secondary);border-bottom:2px solid #21808d;border-bottom:2px solid var(--color-primary);position:-webkit-sticky;position:sticky;top:0}.data-table th{font-weight:600;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap}.data-table td,.data-table th{color:#13343b;color:var(--color-text);padding:12px;padding:var(--space-12)}.data-table td{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border)}.data-table tbody tr{transition:.25s cubic-bezier(.16,1,.3,1);transition:var(--duration-normal) var(--ease-standard)}.data-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary);box-shadow:inset 0 0 10px #21808d14;box-shadow:inset 0 0 10px rgba(var(--color-teal-500-rgb),.08)}.data-table tbody tr:last-child td{border-bottom:none}.no-data{font-weight:500;font-weight:var(--font-weight-medium);padding:20px!important;padding:var(--space-20)!important}.status-badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);padding:4px 12px;padding:var(--space-4) var(--space-12);text-transform:capitalize;white-space:nowrap}.status-completed,.status-submitted{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status-pending{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status-rejected{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes expandWidth{0%{width:0}to{width:100%}}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.breakdown-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.charts-grid{grid-template-columns:1fr}.district-cards-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-grid-simple{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.dashboard-container{padding:16px;padding:var(--space-16)}.dashboard-header h1{font-size:28px}.filters-section{flex-direction:column;gap:12px;gap:var(--space-12)}.filter-group{min-width:100%;width:100%}.filter-input,.filter-select{width:100%}.summary-cards{gap:12px;gap:var(--space-12);grid-template-columns:1fr}.card{flex-direction:column}.card-icon{font-size:28px}.card-value{font-size:22px}.charts-grid{gap:16px;gap:var(--space-16)}.breakdown-grid,.charts-grid{grid-template-columns:1fr}.breakdown-stats{grid-template-columns:1fr 1fr}.breakdown-footer{flex-direction:column;gap:8px;gap:var(--space-8)}.data-table{font-size:12px;font-size:var(--font-size-sm)}.data-table td,.data-table th{padding:8px;padding:var(--space-8)}.category-grid-simple,.district-cards-container{grid-template-columns:1fr}.status-grid{gap:12px;gap:var(--space-12);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-container{padding:12px;padding:var(--space-12)}.dashboard-header{padding-bottom:16px;padding-bottom:var(--space-16)}.dashboard-header h1{font-size:24px;font-size:var(--font-size-3xl)}.card,.filters-section{padding:16px;padding:var(--space-16)}.card-value{font-size:20px;font-size:var(--font-size-2xl)}.breakdown-stats,.status-grid{grid-template-columns:1fr}.chart-container{padding:16px;padding:var(--space-16)}.charts-grid{grid-template-columns:1fr}.category-distribution-simple,.data-table-container,.detailed-breakdown-card,.status-breakdown-container{padding:16px;padding:var(--space-16)}.district-stats-footer{grid-template-columns:1fr}}.week-comparison-container{animation:slideInUp .6s ease-out .35s both;background:linear-gradient(135deg,#fffffff2,#f0f5ffe6);border:1px solid #0088fe26;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:28px;padding:24px}.week-comparison-container h2{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 24px}.week-comparison-chart-wrapper{width:100%}.week-variation-summary{border-top:2px solid #0088fe1a;margin-top:28px;padding-top:24px}.week-variation-summary h3{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:6px;margin:0 0 16px}.variation-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.variation-card{animation:fadeInUp .5s ease-out forwards;background:#fff;border:1.5px solid #0088fe26;border-radius:10px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.variation-card:first-child{animation-delay:.4s}.variation-card:nth-child(2){animation-delay:.42s}.variation-card:nth-child(3){animation-delay:.44s}.variation-card:nth-child(4){animation-delay:.46s}.variation-card:nth-child(5){animation-delay:.48s}.variation-card:nth-child(6){animation-delay:.5s}.variation-card:nth-child(n+7){animation-delay:.52s}.variation-card:hover{border-color:#0088fe;box-shadow:0 8px 24px #0088fe26;transform:translateY(-4px)}.variation-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.variation-header h4{color:#1f2937;flex:1 1;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variation-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:4px 8px;white-space:nowrap}.variation-badge.positive{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid #22c55e4d;color:#15803d}.variation-badge.negative{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;color:#b91c1c}.variation-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#0088fe0d;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:8px;text-align:center}.stat-item.highlight{background:linear-gradient(135deg,#0088fe26,#00a8ff1a);border:1px solid #0088fe33}.stat-label{color:#6b7280}.stat-value.positive-text{color:#15803d}.stat-value.negative-text{color:#b91c1c}@media (max-width:1024px){.week-comparison-container{margin-bottom:24px;padding:20px}.variation-cards-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.variation-card{padding:12px}.variation-header h4{font-size:13px}.stat-label{font-size:9px}.stat-value{font-size:13px}}@media (max-width:768px){.week-comparison-container{margin-bottom:20px;padding:16px}.week-comparison-container h2{font-size:18px;margin-bottom:20px}.variation-cards-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.variation-card{padding:12px}.variation-header{align-items:flex-start;flex-direction:column;gap:6px}.variation-header h4{font-size:12px;width:100%}.variation-badge{font-size:10px;padding:3px 6px}.stat-item{padding:6px}.stat-label{font-size:8px}.stat-value{font-size:12px}}@media (max-width:480px){.week-comparison-container{margin-bottom:16px;padding:12px}.week-comparison-container h2{font-size:16px;margin-bottom:16px}.variation-cards-grid{gap:10px;grid-template-columns:1fr}.variation-card{padding:10px}.variation-stats{grid-template-columns:repeat(3,1fr)}.stat-item{border-radius:4px;padding:6px}.stat-label{font-size:7px}.stat-value,.variation-header h4{font-size:11px}}.leaderboard-container{animation:slideInUp .6s ease-out .3s both;background:linear-gradient(135deg,#fffffff2,#f0f5ffe6);border:1px solid #0088fe26;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:28px;padding:24px}.leaderboard-container h2{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0 0 20px}.leaderboard-tabs{border-bottom:2px solid #0088fe1a;display:flex;gap:12px;margin-bottom:24px;padding-bottom:12px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{color:#0088fe}.tab-btn.active{border-bottom-color:#0088fe;color:#0088fe}.leaderboard-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%}.leaderboard-card{align-items:flex-start;animation:slideInUp .6s ease-out forwards;background:#fff;border:2px solid #0088fe26;border-radius:12px;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.leaderboard-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease-out;width:100%}.leaderboard-card:hover:before{left:100%}.leaderboard-card:hover{border-color:#0088fe;box-shadow:0 12px 32px #0088fe26;transform:translateY(-6px)}.leaderboard-card:first-child{animation-delay:.5s;border-top:3px solid #fbbf24}.leaderboard-card:nth-child(2){animation-delay:.55s;border-top:3px solid #c0cfd9}.leaderboard-card:nth-child(3){animation-delay:.6s;border-top:3px solid #d4a574}.leaderboard-card:nth-child(4){animation-delay:.65s}.leaderboard-card:nth-child(5){animation-delay:.7s}.leaderboard-card:nth-child(6){animation-delay:.75s}.leaderboard-card:nth-child(7){animation-delay:.8s}.leaderboard-card:nth-child(8){animation-delay:.85s}.leaderboard-card:nth-child(9){animation-delay:.9s}.leaderboard-card:nth-child(10){animation-delay:.95s}.position-badge{background:linear-gradient(135deg,#0088fe1a,#00a8ff0d);border:2px solid #0088fe33;border-radius:50%;flex-shrink:0;height:60px;position:relative;width:60px;z-index:1}.medal,.position-badge{align-items:center;display:flex;justify-content:center}.medal{font-size:28px;font-weight:700}.medal-1,.medal-2,.medal-3{animation:bounce .6s ease-out forwards}.medal-1{animation-delay:.5s}.medal-2{animation-delay:.55s}.medal-3{animation-delay:.6s}@keyframes bounce{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1) translateY(0)}}.leaderboard-content{display:flex;flex:1 1;flex-direction:column;gap:12px;position:relative;z-index:1}.leaderboard-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.leaderboard-header h3{color:#1f2937;flex:1 1;font-size:15px;font-weight:700;margin:0}.trend-badge{align-items:center;animation:fadeInDown .5s ease-out forwards;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:6px 10px;white-space:nowrap}.trend-badge.up{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid #22c55e4d;color:#15803d}.trend-badge.down{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;color:#b91c1c}.trend-icon{font-size:14px}.trend-icon,.trend-value{font-weight:700}.completion-progress{display:flex;flex-direction:column;gap:6px}.progress-label{color:#6b7280;display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;text-transform:uppercase}.progress-percent{color:#0088fe;font-weight:700}.progress-bar-wrapper{background:#0088fe1a;border:1px solid #0088fe26;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar-fill{animation:progressFill 1s ease-out forwards;background:linear-gradient(90deg,#0088fe,#00a8ff);border-radius:3px;box-shadow:0 0 8px #0088fe66;height:100%}@keyframes progressFill{0%{width:0}}.leaderboard-stats{border-top:1px solid #0088fe1a;display:flex;gap:12px;padding-top:8px}.stat{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat.divider{background:#0088fe26;border:none;flex:0 1;padding:0!important;width:1px}.stat-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#0088fe;font-size:14px;font-weight:700}.reward-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px;position:absolute;right:12px;top:12px;z-index:2}.reward-icon:first-child{animation-delay:0s}.reward-icon:nth-child(2){animation-delay:.2s}.reward-icon:nth-child(3){animation-delay:.4s}@media (max-width:1024px){.leaderboard-container{margin-bottom:24px;padding:20px}.leaderboard-cards{gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.leaderboard-card{gap:12px;padding:16px}.position-badge{height:50px;width:50px}.medal{font-size:24px}.leaderboard-header h3{font-size:14px}}@media (max-width:768px){.leaderboard-container{margin-bottom:20px;padding:16px}.leaderboard-container h2{font-size:18px;margin-bottom:16px}.leaderboard-cards{gap:12px;grid-template-columns:1fr}.leaderboard-card{align-items:flex-start;flex-direction:column;gap:12px;padding:14px}.position-badge{height:48px;margin-right:0;width:48px}.leaderboard-header{width:100%}.leaderboard-header h3{font-size:13px}.trend-badge{font-size:11px;padding:4px 8px}.reward-icon{font-size:20px;right:8px;top:8px}.stat-value{font-size:13px}}@media (max-width:480px){.leaderboard-container{margin-bottom:16px;padding:12px}.leaderboard-container h2{font-size:16px;margin-bottom:12px}.leaderboard-cards{gap:10px;grid-template-columns:1fr}.leaderboard-card{gap:10px;padding:12px}.position-badge{height:44px;width:44px}.medal{font-size:20px}.leaderboard-header h3{font-size:12px}.progress-bar-wrapper{height:5px}.stat-label{font-size:9px}.stat-value{font-size:12px}.reward-icon{font-size:18px}}.boq-configuration-page{background-color:var(--color-background);margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:var(--color-text);font-size:28px;margin-bottom:10px}.page-header p{color:var(--color-text-secondary);margin:0}.tabs{border-bottom:2px solid var(--color-border);display:flex;gap:10px;margin-bottom:20px;padding-bottom:0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab-button:hover{color:var(--color-text)}.tab-button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-content{background:var(--color-surface);border-radius:8px;box-shadow:var(--shadow-sm);padding:20px}.boq-section{animation:fadeIn .3s ease}.boq-section h3{color:var(--color-text);font-size:20px}.boq-filters,.boq-section h3{margin-bottom:20px}.boq-filters input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);flex:1 1;font-size:14px;min-width:200px;padding:10px 12px}.boq-filters input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.boq-table{margin-top:15px}.boq-table thead{background:var(--color-secondary)}.boq-table th{font-size:13px;letter-spacing:.5px}.boq-table td,.boq-table th{color:var(--color-text);padding:12px 15px}.boq-table td{border-bottom:1px solid var(--color-border);font-size:14px}.boq-table tbody tr:hover{background:rgba(var(--color-teal-500-rgb),.05)}.boq-table tbody tr.active{background:rgba(var(--color-teal-500-rgb),.1);border-left:3px solid var(--color-primary)}.btn-primary,.btn-secondary,.btn-small{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background:var(--color-secondary-hover)}.btn-small{background:var(--color-secondary);color:var(--color-text);font-size:12px;padding:6px 12px}.btn-small:hover{background:var(--color-secondary-hover)}.btn-status{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-status.active{background:rgba(var(--color-success-rgb),.2);color:var(--color-success)}.btn-status.inactive{background:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.mapping-actions,.pricing-actions{display:flex;gap:10px;margin-bottom:20px}.modal-overlay{animation:fadeIn .2s ease;background:#00000080}.modal-content{border-radius:8px;box-shadow:var(--shadow-lg)}.modal-content h4{color:var(--color-text);font-size:18px;margin-bottom:20px;margin-top:0}.form-group label{color:var(--color-text);font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:10px;margin-top:20px;padding-top:20px}.form-actions button{flex:1 1;padding:10px}.alert{border-radius:6px;margin-bottom:15px;padding:12px 15px}.alert-error{background:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);color:var(--color-error)}.alert-success{background:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.3);color:var(--color-success)}@media (max-width:768px){.boq-configuration-page{padding:15px}.page-header h1{font-size:22px}.tabs{flex-direction:column}.tab-button{border-bottom:none;border-left:3px solid #0000;padding:10px 15px}.tab-button.active{border-bottom:none;border-left-color:var(--color-primary)}.boq-filters{flex-direction:column}.boq-filters input{min-width:100%}.boq-table{font-size:12px}.boq-table td,.boq-table th{padding:8px 10px}.modal-content{max-width:95%;padding:20px}}.boq-filters-with-import{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.boq-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:15px;min-width:300px}.boq-filters input,.boq-filters select{background:var(--boq-surface);border:1px solid var(--boq-border);border-radius:6px;color:var(--boq-text);flex:1 1;font-family:inherit;font-size:14px;min-width:120px;padding:10px 12px}.boq-filters input:focus,.boq-filters select:focus{border-color:var(--boq-primary);box-shadow:0 0 0 3px #21808d1a;box-shadow:0 0 0 3px rgba(var(--color-teal-500-rgb,33,128,141),.1);outline:none}.import-action{display:flex;flex-wrap:wrap;gap:10px}.import-action .btn-primary,.import-action .btn-secondary{white-space:nowrap}@media (max-width:1024px){.boq-filters-with-import{align-items:stretch;flex-direction:column}.boq-filters{min-width:100%}.import-action{justify-content:flex-start}}@media (max-width:768px){.boq-filters,.boq-filters-with-import{flex-direction:column}.boq-filters{min-width:100%}.boq-filters input,.boq-filters select{flex:none;min-width:100%}.import-action{flex-direction:column}.import-action button{width:100%}}.pagination-controls{align-items:center;background:var(--color-surface);border-radius:8px;display:flex;gap:20px;justify-content:center;margin-top:20px;padding:15px}.btn-pagination{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s}.btn-pagination:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.btn-pagination:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.pagination-info{color:var(--color-text);font-weight:600}.btn-delete,.btn-edit{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin:0 4px;padding:6px 12px;transition:all .2s}.btn-edit{background:#4caf50;color:#fff}.btn-edit:hover{background:#45a049;transform:scale(1.05)}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#da190b;transform:scale(1.05)}.modal-overlay{background:#000000b3;bottom:0;right:0;z-index:1000}.modal-content{background:var(--color-surface);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:30px;width:90%}.modal-content h3{color:var(--color-text);margin-bottom:20px}.modal-actions{gap:10px;margin-top:20px}.selected-row{background-color:rgba(var(--color-teal-500-rgb),.1)!important;border-left:4px solid var(--color-primary)}.phases-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;min-height:500px}.phases-left{border-right:1px solid #e0e0e0;padding-right:16px}.phases-left-header,.phases-right-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.phases-left-header h3,.phases-right-header h3{font-size:14px;font-weight:600;margin:0}.phase-template-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:all .15s ease}.phase-template-card:hover{background:#f5f9ff;border-color:#1976d2}.phase-template-card.selected{background:#e8f0fe;border-color:#1976d2}.template-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.template-name{font-size:13px;font-weight:600}.template-meta{color:#666;display:flex;font-size:11px;gap:8px}.template-code{background:#f0f0f0;border-radius:3px;font-family:monospace;padding:1px 5px}.template-actions{display:flex;gap:6px;margin-top:8px}.phases-empty-state{align-items:center;color:#999;display:flex;font-size:14px;height:200px;justify-content:center}.phases-hint{background:#fffbea;border-left:3px solid #f0b429;border-radius:4px;color:#666;font-size:12px;margin-bottom:12px;padding:6px 10px}.weight-badge{background:#e3f2fd;border-radius:12px;color:#1565c0;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.weight-badge.weight-ok{background:#e8f5e9;color:#2e7d32}.weight-badge.weight-warn{background:#fff3e0;color:#e65100}.badge-phase{background:#fce4ec!important;color:#c62828!important}.btn-sm{font-size:12px;padding:4px 10px}.btn-xs{border-radius:4px;cursor:pointer;font-size:11px;padding:2px 8px}.change-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.change-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;width:100%}.change-password-card h2{color:#333;font-size:28px;margin:0 0 8px;text-align:center}.change-password-card .subtitle{color:#666;margin:0 0 24px;text-align:center}.change-password-form{margin-top:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.password-requirements{color:#666;display:block;font-size:12px;margin-top:8px}.password-requirements ul{margin:8px 0 0;padding-left:20px}.password-requirements li{margin:4px 0}.alert{border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.alert span{font-size:20px}.alert strong{display:block;margin-bottom:4px}.alert p{margin:0}.btn{font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-full-width{width:100%}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.security-note{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:24px;padding:16px}.security-note p{color:#555;font-size:13px;margin:0}@media (max-width:600px){.change-password-card{padding:24px}.change-password-card h2{font-size:24px}}.dawiyat-page{background:#fcfcf9;background:var(--color-background);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);margin:0!important;max-width:calc(100vw - 290px)!important;min-height:100vh;overflow-x:auto;padding:20px 10px!important;padding:var(--space-20) var(--space-10)!important;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard);width:calc(100vw - 290px)!important}.dawiyat-header,.dawiyat-page{box-sizing:border-box!important}.dawiyat-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20);margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:16px 8px!important;padding:var(--space-16) var(--space-8)!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%!important}.dawiyat-header:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.dawiyat-header-main h2{color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.dawiyat-header-main h2,.dawiyat-subtitle{padding-left:4px;padding-left:var(--space-4)}.dawiyat-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.01em;margin-top:4px;margin-top:var(--space-4)}.dawiyat-header-toolbar{display:flex;flex-wrap:wrap;gap:10px;gap:var(--space-10)}.icon-btn{background:#0000;border:none;color:#626c71;color:var(--color-text-secondary);cursor:pointer;flex-direction:column;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);gap:4px;gap:var(--space-4);letter-spacing:.05em;padding:6px;padding:var(--space-6);text-transform:uppercase}.icon-btn,.icon-btn .icon-circle{align-items:center;display:flex;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.icon-btn .icon-circle{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:50%;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);font-size:18px;height:40px;justify-content:center;width:40px}.icon-btn.import .icon-circle{background:#21808d14;background:rgba(var(--color-teal-500-rgb),.08);border-color:#21808d4d;border-color:rgba(var(--color-teal-500-rgb),.3)}.icon-btn.export .icon-circle{background:#3b82f614;background:var(--color-bg-1);border-color:#2563eb4d}.icon-btn.delete .icon-circle{background:#c0152f14;background:rgba(var(--color-error-rgb),.08);border-color:#c0152f4d;border-color:rgba(var(--color-error-rgb),.3)}.icon-btn.activity .icon-circle{background:#f59e0b14;background:var(--color-bg-2);border-color:#eab3084d}.icon-btn:hover{color:#21808d;color:var(--color-primary);transform:translateY(-2px)}.icon-btn:hover .icon-circle{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:scale(1.05)}.icon-btn:active .icon-circle{transform:scale(.95)}.dawiyat-filters-row{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box!important;margin-bottom:20px;margin-bottom:var(--space-20);margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:16px 8px!important;padding:var(--space-16) var(--space-8)!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%!important}.dawiyat-filters-row:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.dawiyat-filters-row .search-input{flex:1 1;min-width:220px}.filter-input,.search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.filter-input::placeholder,.search-input::placeholder{color:#626c71;color:var(--color-text-secondary)}.filter-input:focus,.filter-input:hover,.search-input:focus,.search-input:hover{background:#fffffd;background:var(--color-surface);border-color:#21808d;border-color:var(--color-primary)}.filter-input:focus,.search-input:focus{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.filter-select{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffd;background:var(--color-surface);background-repeat:no-repeat!important;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);min-width:160px;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}@media (prefers-color-scheme:light){.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}}[data-color-scheme=dark] .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.filter-select:focus,.filter-select:hover{background-color:#fffffd;background-color:var(--color-surface);border-color:#21808d;border-color:var(--color-primary)}.filter-select:focus{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.filter-select:disabled{cursor:not-allowed;opacity:.5}.clear-btn{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.clear-btn:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.clear-btn:active{background:#5e524040;background:var(--color-secondary-active);transform:translateY(0)}.dawiyat-actions-row{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);box-sizing:border-box!important;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16);margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:12px 8px!important;padding:var(--space-12) var(--space-8)!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%!important}.dawiyat-actions-row:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.records-info{background:#5e52401f;background:var(--color-secondary);border-left:3px solid #21808d;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);padding:8px 12px;padding:var(--space-8) var(--space-12)}.dawiyat-actions-row .actions-right{display:flex;gap:8px;gap:var(--space-8)}.dawiyat-actions-row button{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.03em;padding:8px 12px;padding:var(--space-8) var(--space-12);text-transform:uppercase;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.dawiyat-actions-row button:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dawiyat-actions-row button:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.dawiyat-actions-row button:disabled{background:#5e52401f;background:var(--color-secondary);box-shadow:none;color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.table-wrapper{background:#fcfcf9;background:var(--color-background);box-sizing:border-box!important;margin:0 auto;overflow-x:auto!important;padding:0!important}.dawiyat-table,.table-wrapper{border-radius:12px;border-radius:var(--radius-lg);max-width:100%!important;width:100%!important}.dawiyat-table{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffd;background:var(--color-surface);border-collapse:collapse!important;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);margin:0!important;min-width:100%!important;overflow:hidden;table-layout:auto!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);-webkit-user-select:none;user-select:none}.dawiyat-table thead{background:#5e52401f;background:var(--color-secondary)}.dawiyat-table td,.dawiyat-table th{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);font-size:12px;font-size:var(--font-size-sm);padding:12px 8px!important;padding:var(--space-12) var(--space-8)!important;text-align:left;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);vertical-align:middle;white-space:nowrap!important}.dawiyat-table th{color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.dawiyat-table tbody tr{transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.dawiyat-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary);cursor:pointer}.dawiyat-table tbody tr.selected-row{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity))}.dawiyat-table td input[type=checkbox],.dawiyat-table th input[type=checkbox]{accent-color:#21808d;accent-color:var(--color-primary);cursor:pointer;height:18px;transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard);width:18px}.dawiyat-table td input[type=checkbox]:hover,.dawiyat-table th input[type=checkbox]:hover{transform:scale(1.1)}.dawiyat-table td input[type=checkbox]:focus-visible,.dawiyat-table th input[type=checkbox]:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px;outline-offset:var(--space-2)}.age-badge{background:#3b82f614;background:var(--color-bg-1);border:1px solid #2563eb40;border:1px solid rgba(37,99,235,var(--status-border-opacity));border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);color:#2563eb}.age-badge,.badge{align-items:center;display:inline-flex;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:6px 10px;padding:var(--space-6) var(--space-10);text-transform:uppercase}.badge{border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-white)}.badge-green{background:#21808d;background:var(--color-success);border:1px solid #21808d80;border:1px solid rgba(var(--color-success-rgb),.5)}.badge-orange{background:#a84b2f;background:var(--color-warning);border:1px solid #a84b2f80;border:1px solid rgba(var(--color-warning-rgb),.5)}.badge-red{background:#c0152f;background:var(--color-error);border:1px solid #c0152f80;border:1px solid rgba(var(--color-error-rgb),.5)}.actions-cell{display:inline-flex;gap:6px;gap:var(--space-6)}.actions-cell .btn-danger,.actions-cell .btn-secondary{border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 10px;padding:var(--space-6) var(--space-10);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.actions-cell .btn-secondary{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.actions-cell .btn-secondary:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.actions-cell .btn-secondary:active{background:#5e524040;background:var(--color-secondary-active);transform:translateY(0)}.actions-cell .btn-danger{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border-color:#c0152f40;border-color:rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.actions-cell .btn-danger:hover{background:#c0152f33;background:rgba(var(--color-error-rgb),.2);border-color:#c0152f80;border-color:rgba(var(--color-error-rgb),.5);box-shadow:0 2px 8px #c0152f4d;box-shadow:0 2px 8px rgba(var(--color-error-rgb),.3);transform:translateY(-1px)}.actions-cell .btn-danger:active{transform:translateY(0)}.no-data{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);font-style:italic;padding:32px!important;padding:var(--space-32)!important;text-align:center}.dawiyat-pagination{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;gap:12px;gap:var(--space-12);justify-content:flex-end;margin-top:16px;margin-top:var(--space-16);padding:12px 8px;padding:var(--space-12) var(--space-8);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.dawiyat-pagination:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.dawiyat-pagination button{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:8px 12px;padding:var(--space-8) var(--space-12);text-transform:uppercase;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.dawiyat-pagination button:hover:not(:disabled){background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.dawiyat-pagination button:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.dawiyat-pagination button:disabled{background:#5e52401f;background:var(--color-secondary);box-shadow:none;color:#626c71;color:var(--color-text-secondary);cursor:not-allowed;opacity:.5}.dawiyat-pagination span{background:#5e52401f;background:var(--color-secondary);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);padding:8px 12px;padding:var(--space-8) var(--space-12)}.table-loading{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:16px;padding:var(--space-16);text-align:center}.modal-backdrop{align-items:center;animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13343b80;background:rgba(var(--color-slate-900-rgb),.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);color:#13343b;color:var(--color-text);max-height:92vh;min-width:420px;overflow-y:auto;padding:20px;padding:var(--space-20)}.modal.large{min-width:860px}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#5e52401f;background:var(--color-secondary);border-radius:10px;border-radius:var(--radius-md)}.modal::-webkit-scrollbar-thumb{background:#21808d;background:var(--color-primary);border-radius:10px;border-radius:var(--radius-md)}.modal::-webkit-scrollbar-thumb:hover{background:#1d7480;background:var(--color-primary-hover)}.modal h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0 0 16px;margin:0 0 var(--space-16) 0}.modal-header-row{align-items:center;border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-16);padding-bottom:12px;padding-bottom:var(--space-12)}.modal-close-x{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:50%;color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:18px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:32px}.modal-close-x:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#c0152f;border-color:var(--color-error);color:#c0152f;color:var(--color-error);transform:rotate(90deg)}.modal-close-x:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.modal label{color:#626c71;color:var(--color-text-secondary);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.03em;margin-bottom:8px;margin-bottom:var(--space-8);text-transform:uppercase}.modal input,.modal select,.modal textarea{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);margin-top:4px;margin-top:var(--space-4);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.modal input:hover,.modal select:hover,.modal textarea:hover{border-color:#21808d;border-color:var(--color-primary)}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.modal input[readonly]{background:#5e52401f;background:var(--color-secondary);cursor:not-allowed;opacity:.7}.modal textarea{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);min-height:60px;resize:vertical}.modal select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){.modal select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] .modal select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] .modal select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-row{margin-bottom:12px;margin-bottom:var(--space-12)}.form-row.two-cols{grid-gap:12px;grid-gap:var(--space-12);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr))}.edit-form-grid{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:1fr 1fr}.edit-column{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);padding:12px;padding:var(--space-12);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.edit-column:hover{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.edit-helper{background:#626c7114;background:rgba(var(--color-info-rgb),.08);border-left:3px solid #626c71;border-left:3px solid var(--color-info);border-radius:6px;border-radius:var(--radius-sm);color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-style:italic;line-height:1.5;line-height:var(--line-height-normal);margin-top:6px;margin-top:var(--space-6);padding:8px;padding:var(--space-8)}.modal-actions{border-top:1px solid #5e524033;border-top:1px solid var(--color-border);display:flex;gap:12px;gap:var(--space-12);justify-content:flex-end;margin-top:16px;margin-top:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.modal-actions.full-width{grid-column:1/-1}.modal-actions button{border:none;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.modal-actions button:first-of-type{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.modal-actions button:first-of-type:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-actions button:first-of-type:active{background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.modal-actions button:first-of-type:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.modal-actions button:last-of-type{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.modal-actions button:last-of-type:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.modal-actions button:last-of-type:active{background:#5e524040;background:var(--color-secondary-active);transform:translateY(0)}.modal-actions button:last-of-type:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.boq-import-row{align-items:flex-end;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);display:flex;gap:12px;gap:var(--space-12);margin-bottom:12px;margin-bottom:var(--space-12);padding:12px;padding:var(--space-12)}.boq-table{font-size:12px;font-size:var(--font-size-sm)}.boq-table td,.boq-table th{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);padding:8px 10px;padding:var(--space-8) var(--space-10)}.boq-table th{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.boq-table tbody tr{transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.boq-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary)}.boq-table input[type=number]{background:#fffffd;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:4px 6px;padding:var(--space-4) var(--space-6);width:70px}.boq-table input[type=number]:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.boq-table button{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:none;border-radius:6px;border-radius:var(--radius-sm);color:#c0152f;color:var(--color-error);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);padding:4px 10px;padding:var(--space-4) var(--space-10);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.boq-table button:hover{background:#c0152f33;background:rgba(var(--color-error-rgb),.2);transform:translateY(-1px)}.boq-table button:active{transform:translateY(0)}.hist-overlay{align-items:center;animation:hist-fade .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1200}@keyframes hist-fade{0%{opacity:0}to{opacity:1}}.hist-window{animation:hist-slide .2s cubic-bezier(.16,1,.3,1);animation:hist-slide .2s var(--ease-standard,ease);background:#fcfcf9;background:var(--color-background);border-radius:14px;border-radius:var(--radius-xl,14px);box-shadow:0 24px 80px #00000047;display:flex;flex-direction:column;max-height:88vh;max-width:860px;overflow:hidden;width:100%}@keyframes hist-slide{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hist-header{background:#fffffd;background:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:16px 22px}.hist-header,.hist-header-left{align-items:center;display:flex;gap:12px}.hist-header-icon{font-size:24px}.hist-header-title{color:#13343b;color:var(--color-text);font-size:17px;font-weight:700;letter-spacing:-.01em}.hist-header-sub{color:#626c71;color:var(--color-text-secondary);font-size:12px;margin-top:2px}.hist-header-right{align-items:center;display:flex;gap:10px}.hist-search{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:13px;padding:7px 12px;transition:border-color .14s;width:200px}.hist-search:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.hist-close-btn{align-items:center;background:none;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:22px;font-weight:300;height:36px;justify-content:center;line-height:1;transition:all .14s;width:36px}.hist-close-btn:hover{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border-color:#c0152f;border-color:var(--color-error);color:#c0152f;color:var(--color-error)}.hist-tabs{align-items:center;background:#fffffd;background:var(--color-surface);border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:2px;padding:0 22px}.hist-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:13px;font-weight:600;gap:7px;margin-bottom:-2px;padding:11px 18px;transition:all .15s;white-space:nowrap}.hist-tab:hover{color:#13343b;color:var(--color-text)}.hist-tab.active{border-bottom-color:#21808d;border-bottom-color:var(--color-primary);color:#21808d;color:var(--color-primary)}.hist-tab-count{align-items:center;background:#5e52401f;background:var(--color-secondary);border-radius:10px;color:#626c71;color:var(--color-text-secondary);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;transition:all .15s}.hist-tab-count.active{background:#21808d26;background:rgba(var(--color-teal-500-rgb),.15);color:#21808d;color:var(--color-primary)}.hist-tab-spacer{flex:1 1}.hist-filter-indicator{background:#5e52401f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full);color:#626c71;color:var(--color-text-secondary);font-size:12px;padding:4px 10px}.hist-body{flex:1 1;overflow-y:auto;padding:20px 22px;scroll-behavior:smooth}.hist-timeline{display:flex;flex-direction:column;gap:0}.hist-entry{display:flex;gap:16px;position:relative}.hist-timeline-track{flex-direction:column}.hist-dot,.hist-timeline-track{align-items:center;display:flex;flex-shrink:0;width:36px}.hist-dot{border:2px solid #0000;border-radius:50%;font-size:14px;height:36px;justify-content:center;z-index:1}.hist-dot-green{background:#d1fae5;border-color:#6ee7b7}.hist-dot-blue{background:#dbeafe;border-color:#93c5fd}.hist-dot-amber{background:#fef3c7;border-color:#fcd34d}.hist-dot-teal{background:#21808d1f;background:rgba(var(--color-teal-500-rgb),.12);border-color:#21808d;border-color:var(--color-primary)}.hist-dot-purple{background:#ede9fe;border-color:#c4b5fd}.hist-dot-red{background:#fee2e2;border-color:#fca5a5}.hist-dot-gray{background:#5e52401f;background:var(--color-secondary);border-color:#5e524033;border-color:var(--color-border)}.hist-line{background:#5e524033;background:var(--color-border);flex:1 1;margin:4px 0;min-height:16px;width:2px}.hist-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);flex:1 1;margin-bottom:12px;padding:12px 16px;transition:box-shadow .15s}.hist-card:hover{border-color:#21808d40;border-color:rgba(var(--color-teal-500-rgb),.25);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.hist-card-header{gap:8px;justify-content:space-between;margin-bottom:8px}.hist-card-header,.hist-card-left{align-items:center;display:flex;flex-wrap:wrap}.hist-card-left{gap:6px}.hist-card-right{flex-shrink:0}.hist-card-dt{color:#626c71;color:var(--color-text-secondary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:11px}.hist-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:700;gap:4px;padding:3px 10px;white-space:nowrap}.hist-badge-green{background:#d1fae5;color:#065f46}.hist-badge-blue{background:#dbeafe;color:#1d4ed8}.hist-badge-amber{background:#fef3c7;color:#92400e}.hist-badge-teal{background:#21808d1f;background:rgba(var(--color-teal-500-rgb),.12);color:#21808d;color:var(--color-primary)}.hist-badge-purple{background:#ede9fe;color:#6d28d9}.hist-badge-red{background:#fee2e2;color:#dc2626}.hist-badge-gray{color:#626c71;color:var(--color-text-secondary)}.hist-badge-gray,.hist-field-pill{background:#5e52401f;background:var(--color-secondary)}.hist-field-pill{align-items:center;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);display:inline-flex;font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:11px;font-weight:600;max-width:240px;overflow:hidden;padding:3px 9px;text-overflow:ellipsis;white-space:nowrap}.hist-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.hist-district-pill,.hist-user-pill{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;gap:3px;padding:2px 8px}.hist-user-pill{background:#626c711a;background:rgba(var(--color-info-rgb),.1);color:#626c71;color:var(--color-info);font-weight:600}.hist-district-pill{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary)}.hist-diff{border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);display:flex;flex-direction:column;gap:4px;overflow:hidden}.hist-diff-row{align-items:flex-start;display:flex;gap:0}.hist-diff-label{flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;padding:6px 10px;text-transform:uppercase;width:52px}.hist-diff-row.old .hist-diff-label{background:#fee2e2;border-right:2px solid #fca5a5;color:#dc2626}.hist-diff-row.new .hist-diff-label{background:#d1fae5;border-right:2px solid #6ee7b7;color:#065f46}.hist-diff-value{flex:1 1;font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:12px;line-height:1.5;padding:6px 12px;word-break:break-all}.hist-diff-row.old{background:#fff5f5}.hist-diff-row.new{background:#f0fdf4}[data-theme=dark] .hist-diff-row.old{background:#dc262614}[data-theme=dark] .hist-diff-row.new{background:#065f461f}[data-theme=dark] .hist-diff-row.old .hist-diff-label{background:#dc262633}[data-theme=dark] .hist-diff-row.new .hist-diff-label{background:#10b98133}.hist-expand-btn{background:none;border:none;color:#21808d;color:var(--color-primary);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:11px;padding:0 2px;text-decoration:underline}.hist-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:60px 24px;text-align:center}.hist-empty-icon{font-size:42px;margin-bottom:14px;opacity:.45}.hist-empty-title{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-weight:600;margin-bottom:12px}.hist-empty-clear{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:13px;font-weight:500;padding:7px 18px}.hist-empty-clear:hover{background:#5e524033;background:var(--color-secondary-hover)}.hist-loading{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;font-size:13px;gap:10px;justify-content:center;padding:60px}.hist-spinner{animation:hist-spin .7s linear infinite;border:3px solid #5e524033;border-top-color:#21808d;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);flex-shrink:0;height:20px;width:20px}@keyframes hist-spin{to{transform:rotate(1turn)}}.hist-footer{align-items:center;background:#fffffd;background:var(--color-surface);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 22px}.hist-footer-info{color:#626c71;color:var(--color-text-secondary);font-size:12px}.hist-footer-close{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:13px;font-weight:700;padding:8px 22px;transition:all .15s}.hist-footer-close:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:1200px){.edit-form-grid{grid-template-columns:1fr}.modal.large{min-width:90vw}}@media (max-width:768px){.dawiyat-page{max-width:100%!important;padding:16px;padding:var(--space-16);width:100%!important}.dawiyat-header{flex-direction:column;gap:12px;gap:var(--space-12);padding:12px!important;padding:var(--space-12)!important}.dawiyat-header-toolbar{justify-content:space-between;width:100%}.dawiyat-filters-row{flex-direction:column;padding:12px!important;padding:var(--space-12)!important}.dawiyat-filters-row .search-input{min-width:100%}.dawiyat-actions-row{flex-direction:column;gap:12px;gap:var(--space-12);padding:12px!important;padding:var(--space-12)!important}.dawiyat-actions-row .actions-right{width:100%}.modal{min-width:95vw;padding:16px;padding:var(--space-16)}.dawiyat-table td,.dawiyat-table th{font-size:11px;font-size:var(--font-size-xs);padding:8px 6px!important;padding:var(--space-8) var(--space-6)!important}.form-row.two-cols{grid-template-columns:1fr}}@media (max-width:480px){.dawiyat-page{padding:10px!important;padding:var(--space-10)!important}.dawiyat-actions-row,.dawiyat-filters-row,.dawiyat-header{margin-bottom:12px;margin-bottom:var(--space-12);padding:10px!important;padding:var(--space-10)!important}.dawiyat-header-main h2{font-size:20px;font-size:var(--font-size-2xl)}.icon-btn .icon-circle{font-size:16px;height:36px;width:36px}.icon-btn{font-size:10px}.dawiyat-header-toolbar{gap:6px;gap:var(--space-6)}.filter-select{min-width:100%}.dawiyat-actions-row button{font-size:11px;font-size:var(--font-size-xs);padding:6px 10px;padding:var(--space-6) var(--space-10)}.dawiyat-table td,.dawiyat-table th{font-size:11px;padding:6px 4px!important;padding:var(--space-6) var(--space-4)!important}.actions-cell{flex-direction:column;gap:4px;gap:var(--space-4)}.actions-cell .btn-danger,.actions-cell .btn-secondary{font-size:10px;padding:4px 8px;padding:var(--space-4) var(--space-8)}.modal{border-radius:0;max-height:100vh;min-width:100vw;padding:12px;padding:var(--space-12)}.modal h3{font-size:16px;font-size:var(--font-size-lg)}.modal-actions{flex-direction:column;gap:8px;gap:var(--space-8)}.modal-actions button{width:100%}.dawiyat-pagination{flex-wrap:wrap;gap:8px;gap:var(--space-8);padding:10px!important;padding:var(--space-10)!important}.dawiyat-pagination button,.dawiyat-pagination span{font-size:11px;font-size:var(--font-size-xs);padding:6px 10px;padding:var(--space-6) var(--space-10)}.records-info{font-size:11px;padding:6px 10px;padding:var(--space-6) var(--space-10)}.age-badge,.badge{font-size:10px;padding:4px 8px;padding:var(--space-4) var(--space-8)}}.boq-modal{max-width:1100px;width:95%}.boq-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.boq-modal-header h3{color:#1a1a2e;font-size:16px;font-weight:700;margin:0 0 4px}.boq-subtitle{color:#94a3b8;font-size:11px;margin:0}.boq-import-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;padding:10px 20px}.boq-import-bar,.boq-import-form{align-items:center;display:flex;gap:10px}.boq-legend{align-items:center;color:#64748b;display:flex;font-size:11px;gap:14px}.boq-legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.boq-legend-dot.updated{background:#22c55e}.boq-legend-dot.counter{background:#6366f1}.boq-table-wrapper{max-height:480px;overflow-x:auto;overflow-y:auto;padding:0 4px}.boq-table{border-collapse:collapse;font-size:12.5px;width:100%}.boq-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:9px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.boq-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:8px 12px;vertical-align:middle}.boq-table tbody tr:hover{background:#fafbff}.boq-unit-code{color:#475569;font-family:Courier New,monospace;font-size:11px}.boq-desc{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes boq-highlight-pulse{0%{background:#fef9c3;box-shadow:inset 0 0 0 2px #fbbf24}50%{background:#fef08a;box-shadow:inset 0 0 0 2px #f59e0b}to{background:#fef9c3;box-shadow:inset 0 0 0 2px #fbbf24}}.boq-row-updated{animation:boq-highlight-pulse 1.5s ease-in-out 2;background:#fef9c3!important;transition:background 1s ease}.boq-completion-cell{min-width:130px;position:relative}.boq-completion-wrap{display:flex;flex-direction:column;gap:4px}.boq-completion-input{border:1px solid #e2e8f0;border-radius:6px;font-size:12px;padding:4px 8px;text-align:center;width:70px}.boq-completion-input:focus{border-color:#2563eb;outline:none}.boq-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.boq-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px;height:100%;transition:width .4s ease}.boq-update-badge{align-items:center;background:#ede9fe;border-radius:10px;color:#6d28d9;cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;gap:3px;padding:2px 7px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.boq-update-badge:hover{background:#ddd6fe}.boq-tooltip{background:#1e293b;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#f8fafc;font-size:11px;min-width:180px;padding:10px 13px;pointer-events:none;position:fixed;z-index:9999}.boq-tooltip-row{display:flex;gap:10px;justify-content:space-between;margin-bottom:5px}.boq-tooltip-row:last-child{margin-bottom:0}.boq-tooltip-row span{color:#94a3b8}.boq-tooltip-row strong{color:#f1f5f9}.boq-spinner{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;display:inline-block;height:18px;margin-right:8px;width:18px}.daw-ctx-menu{animation:ctx-pop .12s ease;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 30px #00000024;min-width:210px;padding:6px;position:fixed;z-index:9999}@keyframes ctx-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.daw-ctx-item{align-items:center;background:none;border:none;border-radius:7px;color:#1e293b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 14px;text-align:left;transition:background .14s;width:100%}.daw-ctx-item:hover{background:#f1f5f9;color:#2563eb}.daw-ctx-divider{background:#f1f5f9;height:1px;margin:4px 0}.dsr-modal{display:flex;flex-direction:column;max-height:92vh;max-width:1140px;width:96%}.dsr-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.dsr-title{color:#1a1a2e;font-size:17px;font-weight:700;margin:0 0 4px}.dsr-subtitle{color:#64748b;font-size:12px;margin:0}.dsr-filters{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 22px}.dsr-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.dsr-label{color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:3px;letter-spacing:.03em;text-transform:uppercase}.dsr-input{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;font-size:13px;min-width:150px;padding:7px 10px;transition:border-color .15s}.dsr-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14;outline:none}.dsr-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.dsr-btn-ghost{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.dsr-btn-ghost:hover:not(:disabled){background:#e2e8f0}.dsr-btn-ghost:disabled{cursor:not-allowed;opacity:.45}.dsr-btn-export{background:#16a34a;color:#fff}.dsr-btn-export:hover{background:#15803d}.dsr-btn-close{background:#2563eb;color:#fff}.dsr-btn-close:hover{background:#1d4ed8}.dsr-table-wrapper{flex:1 1;overflow-x:auto;overflow-y:auto;padding:0}.dsr-table{border-collapse:collapse;font-size:12.5px;width:100%}.dsr-table thead{background:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:2}.dsr-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.dsr-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:9px 12px;vertical-align:middle}.dsr-row{cursor:pointer;transition:background .12s}.dsr-row:hover{background:#f8faff}.dsr-row-expanded{background:#eff6ff!important}.dsr-expand-cell{text-align:center;width:32px}.dsr-chevron{color:#94a3b8;display:inline-block;font-size:10px;transition:transform .18s}.dsr-chevron.open{color:#2563eb;transform:rotate(90deg)}.dsr-td-date{color:#1e293b;white-space:nowrap}.dsr-td-date,.dsr-td-user{font-weight:600}.dsr-td-mono{font-family:Courier New,monospace;font-size:11.5px}.dsr-td-ts{color:#64748b;font-size:11.5px;white-space:nowrap}.dsr-role-badge{background:#ede9fe;color:#6d28d9;font-size:10px;white-space:nowrap}.dsr-hrs-badge,.dsr-role-badge{border-radius:10px;font-weight:700;padding:2px 8px}.dsr-hrs-badge{background:#dbeafe;color:#1d4ed8;font-size:11px}.dsr-count-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:700;min-width:22px;padding:2px 7px;text-align:center}.dsr-count-badge.blue{background:#dbeafe;color:#1d4ed8}.dsr-count-badge.green{background:#d1fae5;color:#065f46}.dsr-count-badge.purple{background:#ede9fe;color:#6d28d9}.dsr-count-badge.orange{background:#ffedd5;color:#c2410c}.dsr-detail-row td{background:#f0f7ff;border-bottom:2px solid #bfdbfe;padding:0}.dsr-detail-body{display:flex;flex-direction:column;gap:14px;padding:14px 18px}.dsr-detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.dsr-detail-section-title{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:12px;font-weight:700;padding:8px 12px}.dsr-inner-table{border-collapse:collapse;font-size:12px;width:100%}.dsr-inner-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:7px 10px;text-align:left}.dsr-inner-table td{border-bottom:1px solid #f8fafc;color:#1e293b;padding:7px 10px}.dsr-att{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;padding:2px 8px}.dsr-att.present{background:#d1fae5;color:#065f46}.dsr-att.absent{background:#fee2e2;color:#dc2626}.dsr-qty-done{color:#2563eb;font-weight:700}.dsr-no-data{color:#94a3b8;font-size:13px;padding:40px;text-align:center}.dsr-footer{border-top:1px solid #f1f5f9;flex-shrink:0;flex-wrap:wrap;justify-content:space-between;padding:12px 22px}.dsr-footer,.dsr-pagination{align-items:center;display:flex;gap:10px}.dsr-page-info{color:#64748b;font-size:12px;font-weight:500}.dsr-loading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px;justify-content:center;padding:32px}.dsr-spinner{animation:dsr-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:18px;width:18px}@keyframes dsr-spin{to{transform:rotate(1turn)}}.drp-toolbar-icon-btn{padding:8px 14px;padding:var(--space-8) var(--space-14,14px)}.drp-toolbar-icon-btn:hover{background:#21808d2e;background:rgba(var(--color-teal-500-rgb),.18)}.drp-toolbar-icon-label{font-size:12px;font-size:var(--font-size-sm)}.arm-overlay{align-items:stretch;animation:arm-fade .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:stretch;position:fixed;z-index:1100}@keyframes arm-fade{0%{opacity:0}to{opacity:1}}.arm-window{animation:arm-slide .2s cubic-bezier(.16,1,.3,1);animation:arm-slide .2s var(--ease-standard,ease);background:#fcfcf9;background:var(--color-background);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}@keyframes arm-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.arm-topbar{background:#fffffd;background:var(--color-surface);border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 22px}.arm-topbar,.arm-topbar-left{align-items:center;display:flex}.arm-topbar-left{gap:14px}.arm-icon{font-size:22px}.arm-title{color:#13343b;color:var(--color-text);font-size:16px;font-weight:700;letter-spacing:-.01em}.arm-subtitle{color:#626c71;color:var(--color-text-secondary);font-size:12px;margin-top:2px}.arm-topbar-right{align-items:center;display:flex;gap:8px}.arm-close-btn{align-items:center;background:none;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:22px;font-weight:300;height:36px;justify-content:center;line-height:1;transition:all .15s;width:36px}.arm-close-btn:hover{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border-color:#c0152f;border-color:var(--color-error);color:#c0152f;color:var(--color-error)}.arm-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .14s;white-space:nowrap}.arm-btn-filter{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.arm-btn-filter:hover{background:#5e524033;background:var(--color-secondary-hover)}.arm-btn-export{background:#16a34a;color:#fff}.arm-btn-export:hover{background:#15803d}.arm-btn-clear{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.arm-btn-clear:hover{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);color:#c0152f;color:var(--color-error)}.arm-btn-pg{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text);padding:7px 14px}.arm-btn-pg:hover:not(:disabled){background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.arm-btn-pg:disabled{cursor:not-allowed;opacity:.4}.arm-filter-panel{animation:arm-slide .16s ease;background:#fffffd;background:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);flex-shrink:0;padding:14px 22px}.arm-filter-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:10px}.arm-label{color:#626c71;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:10px;font-weight:600;gap:3px;letter-spacing:.04em;text-transform:uppercase}.arm-input{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:13px;padding:7px 10px;transition:border-color .14s}.arm-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.arm-input:disabled{cursor:not-allowed;opacity:.5}.arm-filter-footer{display:flex;justify-content:flex-end}.arm-table-wrapper{flex:1 1;overflow:auto}.arm-table{border-collapse:collapse;font-size:12.5px;width:100%}.arm-table thead{background:#5e52401f;background:var(--color-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:2}.arm-table th{border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);color:#626c71;color:var(--color-text-secondary);font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.arm-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);color:#13343b;color:var(--color-text);padding:9px 12px;vertical-align:middle}.arm-row{cursor:pointer;transition:background .12s}.arm-row:hover{background:#5e52401f;background:var(--color-secondary)}.arm-row-open{background:#21808d0f!important;background:rgba(var(--color-teal-500-rgb),.06)!important}.arm-expand-cell{text-align:center;width:30px}.arm-chevron{color:#626c71;color:var(--color-text-secondary);display:inline-block;font-size:10px;transition:transform .16s}.arm-chevron.open{color:#21808d;color:var(--color-primary);transform:rotate(90deg)}.arm-td-bold{font-weight:600}.arm-td-mono{font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:11px}.arm-td-ts{color:#626c71;color:var(--color-text-secondary)}.arm-td-ts,.arm-wo{font-size:11px;white-space:nowrap}.arm-wo{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border-radius:8px;border-radius:var(--radius-base);color:#21808d;color:var(--color-primary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-weight:700;padding:2px 8px}.arm-tag-class{background:#626c711f;background:rgba(var(--color-info-rgb),.12);color:#626c71;color:var(--color-info);font-weight:600;padding:2px 7px}.arm-status,.arm-tag-class{border-radius:9999px;border-radius:var(--radius-full);font-size:10px}.arm-status{font-weight:700;padding:2px 8px;white-space:nowrap}.arm-status.done{background:#21808d26;background:rgba(var(--color-success-rgb),.15);color:#21808d;color:var(--color-success)}.arm-status.wip{background:#21808d1f;background:rgba(var(--color-teal-500-rgb),.12);color:#21808d;color:var(--color-primary)}.arm-status.other{background:#5e52401f;background:var(--color-secondary);color:#626c71;color:var(--color-text-secondary)}.arm-role{background:#ede9fe;color:#6d28d9;font-size:10px}.arm-hrs,.arm-role{border-radius:10px;font-weight:700;padding:2px 8px}.arm-hrs{background:#dbeafe;color:#1d4ed8;font-size:11px}.arm-cnt{border-radius:10px;display:inline-block;font-size:11px;font-weight:700;min-width:22px;padding:2px 7px;text-align:center}.arm-cnt.blue{background:#dbeafe;color:#1d4ed8}.arm-cnt.green{background:#d1fae5;color:#065f46}.arm-cnt.purple{background:#ede9fe;color:#6d28d9}.arm-cnt.orange{background:#ffedd5;color:#c2410c}.arm-detail-row td{background:#21808d08;background:rgba(var(--color-teal-500-rgb),.03);border-bottom:2px solid #21808d2e;border-bottom:2px solid rgba(var(--color-teal-500-rgb),.18);padding:0}.arm-detail-body{display:flex;flex-direction:column;gap:12px;padding:14px 20px}.arm-detail-section{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);overflow:hidden}.arm-detail-title{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);color:#13343b;color:var(--color-text);font-size:11px;font-weight:700;letter-spacing:.04em;padding:7px 12px;text-transform:uppercase}.arm-inner{border-collapse:collapse;font-size:12px;width:100%}.arm-inner th{background:#5e52401f;background:var(--color-secondary);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);color:#626c71;color:var(--color-text-secondary);font-weight:600;padding:6px 10px;text-align:left}.arm-inner td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:6px 10px}.arm-att{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;padding:2px 8px}.arm-att.present{background:#d1fae5;color:#065f46}.arm-att.absent{background:#fee2e2;color:#dc2626}.arm-no-data{color:#626c71;color:var(--color-text-secondary);font-size:13px;padding:48px;text-align:center}.arm-pagination{align-items:center;background:#fffffd;background:var(--color-surface);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:16px;justify-content:center;padding:12px 22px}.arm-pg-info{font-size:12px}.arm-loading,.arm-pg-info{color:#626c71;color:var(--color-text-secondary)}.arm-loading{align-items:center;display:flex;font-size:13px;gap:10px;justify-content:center;padding:48px}.arm-spinner{animation:arm-spin .7s linear infinite;border:3px solid #5e524033;border-top-color:#21808d;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:18px;width:18px}@keyframes arm-spin{to{transform:rotate(1turn)}}.drp-toolbar-icon-btn{align-items:center;background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d4d;border:1px solid rgba(var(--color-teal-500-rgb),.3);border-radius:8px;border-radius:var(--radius-base);color:#21808d;color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);gap:6px;padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.drp-toolbar-icon-btn:hover{background:#21808d33;background:rgba(var(--color-teal-500-rgb),.2);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 3px 8px #21808d33;box-shadow:0 3px 8px rgba(var(--color-teal-500-rgb),.2);transform:translateY(-1px)}.dawiyat-filters-row{align-items:flex-end;background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);padding:16px;padding:var(--space-16)}.filter-field{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-4);min-width:150px}.filter-field-search{flex:2 1;min-width:240px}.filter-field-age{flex:1 1;min-width:160px}.filter-label{color:#626c71;color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.age-range-row{align-items:center;display:flex;gap:6px;gap:var(--space-6)}.age-input{background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);flex:1 1;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);padding:8px 10px;padding:var(--space-8) var(--space-10);transition:border-color .15s;transition:border-color var(--duration-fast);width:70px}.age-input:focus{border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.age-sep{color:#626c71;color:var(--color-text-secondary);flex-shrink:0;font-size:12px;font-size:var(--font-size-sm)}.filter-chips{align-items:center;border-top:1px dashed #5e524033;border-top:1px dashed var(--color-border);display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-6);margin-top:4px;margin-top:var(--space-4);padding-top:4px;padding-top:var(--space-4);width:100%}.filter-chip{align-items:center;background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d40;border:1px solid rgba(var(--color-teal-500-rgb),.25);border-radius:9999px;border-radius:var(--radius-full);color:#21808d;color:var(--color-primary);display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 10px}.filter-chip em{font-style:normal;font-weight:700}.filter-chip button{background:none;border:none;color:#21808d;color:var(--color-primary);cursor:pointer;font-size:13px;line-height:1;opacity:.7;padding:0 0 0 2px;transition:opacity .12s}.filter-chip button:hover{opacity:1}.dap-page{background:#f5f6fa;font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:24px}.dap-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.dap-title{color:#1a1a2e;font-size:22px;font-weight:700;margin:0 0 4px}.dap-subtitle{color:#888;font-size:13px;margin:0}.dap-header-actions,.dap-team-badges{display:flex;flex-wrap:wrap;gap:10px}.dap-team-badges{margin-bottom:16px}.dap-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.dap-badge-blue{background:#dbeafe;color:#1d4ed8}.dap-badge-green{background:#d1fae5;color:#065f46}.dap-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .18s ease;white-space:nowrap}.dap-btn-primary{background:#2563eb;color:#fff}.dap-btn-primary:hover{background:#1d4ed8}.dap-btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155}.dap-btn-secondary:hover{background:#e2e8f0}.dap-btn-review{background:#7c3aed;color:#fff}.dap-btn-review:hover{background:#6d28d9}.dap-btn-danger{background:#fee2e2;color:#dc2626}.dap-btn-danger:hover{background:#fecaca}.dap-btn-outline{background:#0000;border:1px dashed #94a3b8;color:#475569}.dap-btn-outline:hover{background:#f1f5f9}.dap-btn-ghost{background:#0000;border:1px solid #e2e8f0;color:#64748b}.dap-btn-ghost:hover{background:#f1f5f9}.dap-btn-disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.dap-btn-sm{font-size:12px;padding:4px 10px}.dap-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;margin-bottom:24px;overflow-x:auto}.dap-table{border-collapse:collapse;font-size:13px;width:100%}.dap-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:11px 14px;text-align:left;white-space:nowrap}.dap-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:10px 14px;vertical-align:middle}.dap-table tbody tr:hover{background:#fafbff}.dap-table-compact td,.dap-table-compact th{padding:7px 10px}.dap-td-mono{font-family:Courier New,monospace;font-size:12px}.dap-td-date{color:#64748b;font-size:12px;white-space:nowrap}.dap-no-data{color:#94a3b8;font-size:13px;padding:24px;text-align:center}.dap-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.dap-status-submitted{background:#d1fae5;color:#065f46}.dap-status-pending{background:#fef9c3;color:#854d0e}.dap-att-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.dap-att-present{background:#d1fae5;color:#065f46}.dap-att-absent{background:#fee2e2;color:#dc2626}.dap-loading{align-items:center;color:#64748b;display:flex;gap:12px;justify-content:center;padding:40px}.dap-spinner{animation:dap-spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:22px;width:22px}@keyframes dap-spin{to{transform:rotate(1turn)}}.dap-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:20px;position:fixed;z-index:1000}.dap-modal{animation:dap-modal-in .2s ease;background:#fff;border-radius:14px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;max-height:90vh;width:100%}@keyframes dap-modal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dap-modal-large{max-width:760px}.dap-modal-xlarge{max-width:1080px}.dap-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.dap-modal-header h3{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.dap-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:2px 6px}.dap-modal-close:hover{background:#f1f5f9;color:#475569}.dap-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.dap-modal-footer{border-top:1px solid #f1f5f9;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.dap-input{background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#1e293b;font-size:13px;padding:7px 10px;transition:border-color .15s;width:100%}.dap-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.dap-input-readonly{background:#f8fafc;color:#64748b}.dap-input-sm{font-size:12px;padding:5px 8px}.dap-select{background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#1e293b;font-size:13px;padding:7px 10px;width:100%}.dap-select:focus{border-color:#2563eb;outline:none}.dap-select-sm{font-size:12px;padding:5px 8px}.dap-label{color:#64748b;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.dap-form-row{margin-bottom:14px}.dap-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:16px}.dap-section-title{color:#1e293b;font-size:13px;font-weight:700;margin-bottom:12px}.dap-section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dap-empty-note{color:#94a3b8;font-size:12px;margin:0;padding:12px 0;text-align:center}.dap-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.dap-grid-4{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.dap-field{display:flex;flex-direction:column;gap:4px}.dap-field label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.dap-review-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dap-review-item{display:flex;flex-direction:column;gap:3px}.dap-review-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dap-review-value{color:#1e293b;font-size:13px;font-weight:500}.dap-review-highlight{color:#2563eb;font-weight:700}@media (max-width:768px){.dap-grid-3,.dap-grid-4{grid-template-columns:1fr 1fr}.dap-header{flex-direction:column}.dap-modal-xlarge{max-width:100%}}@media (max-width:480px){.dap-grid-3,.dap-grid-4{grid-template-columns:1fr}.dap-page{padding:12px}}.dap-input-remaining{background:#fef9c3;border-color:#fcd34d;color:#92400e;font-weight:700}.dap-input-complete{background:#d1fae5;border-color:#6ee7b7;color:#065f46;font-weight:700}.dap-input-done{background:#ede9fe;color:#5b21b6;font-weight:600}.dap-boq-text{color:#1e293b;font-size:13px;font-weight:500;min-width:60px;padding:10px 14px;vertical-align:middle;white-space:normal;word-break:break-word}.dap-boq-desc{color:#475569;font-size:12px;line-height:1.5;max-width:220px;min-width:120px}.dap-boq-done{background:#ede9fe;color:#5b21b6}.dap-boq-done,.dap-boq-remaining{border-radius:6px;font-weight:700;padding:4px 10px;text-align:center}.dap-boq-remaining{background:#fef9c3;color:#92400e}.dap-boq-complete{background:#d1fae5;border-radius:6px;color:#065f46;font-weight:700;padding:4px 10px;text-align:center}@media (max-width:640px){.dap-boq-desc{font-size:11px;max-width:140px}}.tfa-container{background:#1f2937;background:var(--card-bg,#1f2937);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:14px;margin:0 auto;max-width:520px;padding:24px}.tfa-header{align-items:flex-start;border-bottom:1px solid #374151;border-bottom:1px solid var(--border-color,#374151);display:flex;gap:14px;margin-bottom:20px;padding-bottom:20px}.tfa-icon{font-size:2rem;line-height:1;margin-top:2px}.tfa-title{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:1.1rem;font-weight:700;margin:0 0 4px}.tfa-subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.85rem;margin:0}.tfa-status-badge{border-radius:20px;font-size:.78rem;font-weight:700;margin-left:auto;padding:4px 12px;white-space:nowrap}.tfa-enabled{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.tfa-disabled{background:#6b728026;border:1px solid #6b72804d;color:#9ca3af}.tfa-message{border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:16px;padding:10px 14px}.tfa-message-success{background:#10b9811a;border:1px solid #10b98140;color:#10b981}.tfa-message-error{background:#ef44441a;border:1px solid #ef444440;color:#ef4444}.tfa-body{display:flex;flex-direction:column;gap:12px}.tfa-desc{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;line-height:1.6;margin:0}.tfa-qr-wrap{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;display:flex;justify-content:center;margin:0 auto;padding:16px;width:-webkit-fit-content;width:fit-content}.tfa-qr-img{display:block;height:180px;width:180px}.tfa-secret-box{background:#0f172a;background:var(--code-bg,#0f172a);border:1px solid #374151;border:1px solid var(--border-color,#374151);border-radius:8px;color:#10b981;font-size:.85rem;letter-spacing:.15em;padding:10px 14px;-webkit-user-select:all;user-select:all;word-break:break-all}.tfa-code-input,.tfa-secret-box{font-family:Courier New,monospace;text-align:center}.tfa-code-input{background:#111827;background:var(--input-bg,#111827);border:2px solid #374151;border:2px solid var(--border-color,#374151);border-radius:10px;color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:1.8rem;letter-spacing:.5em;outline:none;padding:14px;transition:border-color .2s ease;width:100%}.tfa-code-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.tfa-verify-form{display:flex;flex-direction:column;gap:12px}.tfa-form-actions{display:flex;gap:10px}.tfa-btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:6px;justify-content:center;padding:11px 20px;transition:all .2s ease}.tfa-btn-primary{background:linear-gradient(135deg,#2180d5,#2db89f);box-shadow:0 4px 14px #21a0d559;color:#fff;flex:1 1}.tfa-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #21a0d580;transform:translateY(-2px)}.tfa-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d;color:#fff;flex:1 1}.tfa-btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #ef444473;transform:translateY(-2px)}.tfa-btn-secondary{background:#374151;background:var(--btn-secondary-bg,#374151);border:1px solid #4b5563;border:1px solid var(--border-color,#4b5563);color:#f9fafb;color:var(--text-primary,#f9fafb)}.tfa-btn-secondary:hover{background:#4b5563;background:var(--btn-secondary-hover,#4b5563)}.tfa-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}[data-theme=light] .tfa-container{background:#fff;border-color:#e5e7eb}[data-theme=light] .tfa-code-input{background:#f9fafb;border-color:#d1d5db;color:#111827}[data-theme=light] .tfa-secret-box{background:#f1f5f9;border-color:#e2e8f0}@media (max-width:480px){.tfa-container{padding:16px}.tfa-header{flex-wrap:wrap}.tfa-status-badge{margin-left:0}.tfa-qr-img{height:150px;width:150px}.tfa-form-actions{flex-direction:column}.tfa-code-input{font-size:1.4rem}}.ma-page{font-family:inherit;padding:20px}.ma-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.ma-title{font-size:22px;font-weight:700;margin:0}.ma-date-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;color:#2563eb;font-size:13px;font-weight:600;padding:5px 12px}.ma-selection-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ma-selection-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;padding:14px}.ma-selection-head{align-items:center;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px}.ma-selected-badge{color:#16a34a;font-size:12px;font-weight:600;margin-top:8px}.ma-table-wrap{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow-x:auto}.ma-table{border-collapse:collapse;font-size:13px;width:100%}.ma-table th{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--border-color,#d1d5db);font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.ma-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:7px 10px;vertical-align:middle}.ma-empty{padding:30px!important}.ma-empty,.ma-loading{color:#6b7280;color:var(--text-secondary,#6b7280);text-align:center}.ma-loading{padding:40px}.ma-td-actions{align-items:center;display:flex;gap:6px}.ma-mini-table-wrap{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;max-height:220px;overflow-y:auto}.ma-mini-table{border-collapse:collapse;font-size:12px;width:100%}.ma-mini-table th{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-color,#d1d5db);font-weight:600;padding:5px 8px}.ma-mini-table td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color,#f0f0f0);padding:5px 8px}.ma-row-selected{background:#eff6ff!important}.ma-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 13px;white-space:nowrap}.ma-btn-primary{background:#2563eb;color:#fff}.ma-btn-primary:hover{background:#1d4ed8}.ma-btn-gray{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111;color:var(--text-primary,#111)}.ma-btn-gray:hover{background:#e5e7eb;background:var(--border-color,#e5e7eb)}.ma-btn:disabled{cursor:not-allowed;opacity:.5}.ma-select{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;font-size:13px;padding:5px 8px}.ma-select,.ma-select-sm{background:#fff;background:var(--bg-primary,#fff);color:#111;color:var(--text-primary,#111)}.ma-select-sm{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:4px;font-size:12px;padding:3px 6px}.ma-input{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;font-size:13px;padding:5px 8px}.ma-input,.ma-input-sm{background:#fff;background:var(--bg-primary,#fff);box-sizing:border-box;color:#111;color:var(--text-primary,#111);width:100%}.ma-input-sm{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:4px;font-size:12px;padding:3px 6px}.ma-input-readonly{background:#f8fafc!important;background:var(--bg-secondary,#f8fafc)!important;cursor:not-allowed}.ma-input-error{border-color:#ef4444!important}.ma-error-msg{color:#ef4444;font-size:10px;margin-top:2px}.ma-progress-wrap{align-items:center;display:flex;font-size:12px;gap:6px}.ma-progress-bar{background:#e5e7eb;border-radius:99px;flex:1 1;height:6px;min-width:60px;overflow:hidden}.ma-progress-fill{background:#2563eb;border-radius:99px;height:100%;transition:width .3s}.ma-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.ma-modal{max-height:85vh;max-width:700px;width:90%}.ma-modal,.ma-modal-wide{background:#fff;background:var(--bg-primary,#fff);border-radius:10px;overflow-y:auto;padding:24px;position:relative}.ma-modal-wide{max-height:92vh;max-width:1100px;width:96%}.ma-modal-title{font-size:17px;font-weight:700;margin-bottom:16px;padding-right:36px}.ma-close-btn{background:none;border:none;color:#111;color:var(--text-primary,#111);cursor:pointer;font-size:22px;position:absolute;right:16px;top:14px}.ma-modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.ma-info-grid{grid-gap:10px;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:18px;padding:12px}.ma-info-item{display:flex;flex-direction:column;gap:2px}.ma-info-item span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:600}.ma-info-item strong{color:#111;color:var(--text-primary,#111);font-size:13px}.ma-section-title{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);color:#2563eb;font-size:14px;font-weight:700;margin:18px 0 8px;padding-bottom:6px}.ma-time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:8px}.ma-form-group{display:flex;flex-direction:column;gap:4px}.ma-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600}.ma-sub-table-wrap{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:6px;margin-bottom:6px;overflow-x:auto}.ma-sub-table{border-collapse:collapse;font-size:12px;width:100%}.ma-sub-table th{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--border-color,#d1d5db);font-weight:600;padding:6px 8px;text-align:left;white-space:nowrap}.ma-sub-table td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color,#f0f0f0);padding:5px 8px;vertical-align:middle}.ma-hint{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:12px;font-style:italic;margin:4px 0 12px}.ma-add-row-btn{font-size:12px;margin-top:6px;padding:4px 10px}.ma-del-btn{background:#fee2e2;border:none;border-radius:4px;color:#991b1b;cursor:pointer;font-size:12px;font-weight:700;padding:2px 7px}.ma-pct-badge{background:#e0f2fe;border-radius:99px;color:#0369a1;font-size:11px;font-weight:700;padding:1px 7px}.ma-pct-done{background:#d1fae5;color:#065f46}.ma-badge{border-radius:99px;font-size:11px;font-weight:700;padding:2px 8px}.ma-badge-green{background:#d1fae5;color:#065f46}.ma-badge-red{background:#fee2e2;color:#991b1b}.ma-alert{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;margin-bottom:14px;padding:10px 14px}.ma-alert-warn{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.ma-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}[data-theme=dark] .ma-modal,[data-theme=dark] .ma-modal-wide,[data-theme=dark] .ma-selection-card{background:#1e1e2e;background:var(--bg-primary,#1e1e2e)}[data-theme=dark] .ma-row-selected{background:#2563eb1a!important}@media (max-width:768px){.ma-selection-row{grid-template-columns:1fr}.ma-time-grid{grid-template-columns:1fr 1fr}.ma-modal-wide{border-radius:0;max-height:95vh;padding:16px;width:100%}}.act-boq-row{align-items:flex-end;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:12px;transition:opacity .2s}.act-boq-row-locked{opacity:.4;pointer-events:none}.act-boq-row-num{align-items:center;align-self:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;margin-bottom:4px;width:24px}.act-boq-field{display:flex;flex-direction:column;gap:4px}.act-boq-field-desc{flex:3 1;min-width:200px}.act-boq-field-sm{flex:1 1;min-width:90px}.act-boq-field-remarks{flex:2 1;min-width:140px}.act-input-readonly{background:#f1f5f9!important;background:var(--bg-tertiary,#f1f5f9)!important;color:#64748b!important;color:var(--text-secondary,#64748b)!important;cursor:default}.act-input-zero{background:#fef2f2!important;color:#dc2626!important;font-weight:700}.act-boq-done-badge{color:#16a34a;font-size:11px;font-weight:700;margin-top:3px}.act-boq-option-done{color:#16a34a;font-weight:600}.act-remove-btn{align-items:center;align-self:flex-end;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;margin-bottom:4px;transition:background .15s;width:28px}.act-remove-btn:hover{background:#fecaca}.act-empty-note{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:13px;padding:20px;text-align:center}[data-theme=dark] .act-boq-row{background:#1e293b;border-color:#334155}[data-theme=dark] .act-input-readonly{background:#0f172a!important}[data-theme=dark] .act-input-zero{background:#dc262626!important}[data-theme=dark] .act-remove-btn{background:#dc262626;border-color:#f87171}.ma-submission-status{align-items:center;border-radius:8px;display:flex;flex-direction:column;font-size:12px;gap:2px;min-width:110px;padding:6px 10px}.ma-submission-done{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.ma-submission-pending{background:#fef9c3;border:1px solid #fde68a;color:#a16207}.ma-submission-icon{font-size:16px;line-height:1}.ma-submission-label{font-size:11px;font-weight:700;letter-spacing:.3px}.ma-submission-time{color:#166534;font-size:11px;font-weight:600}.ma-btn-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:11px;margin-top:2px;padding:1px 4px;text-decoration:underline}.ma-btn-link:hover{color:#1d4ed8}[data-theme=dark] .ma-submission-done{background:#15803d26;border-color:#15803d4d;color:#4ade80}[data-theme=dark] .ma-submission-done .ma-submission-time{color:#4ade80}[data-theme=dark] .ma-submission-pending{background:#a1620726;border-color:#a162074d;color:#fbbf24}.pf-page{max-width:1400px;padding:24px}.pf-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.pf-header,.pf-header-left{align-items:center;display:flex;gap:12px}.pf-header-left h1{font-size:1.6rem;margin:0}.pf-secured-badge{background:#dcfce7;border-radius:99px;color:#166534;font-size:.75rem;font-weight:600;padding:3px 10px}.pf-header-actions{display:flex;flex-wrap:wrap;gap:8px}.pf-pin-screen{align-items:center;display:flex;justify-content:center;min-height:80vh}.pf-pin-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:16px;box-shadow:0 8px 32px #00000014;max-width:380px;padding:48px 40px;text-align:center;width:100%}.pf-pin-icon{font-size:3rem;margin-bottom:12px}.pf-pin-card h2{font-size:1.4rem;margin:0 0 6px}.pf-pin-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;margin-bottom:28px}.pf-pin-dots{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.pf-pin-digit{background:#f9fafb;background:var(--input-bg,#f9fafb);border:2px solid #d1d5db;border:2px solid var(--border-color,#d1d5db);border-radius:10px;font-size:1.4rem;height:52px;outline:none;text-align:center;transition:border-color .2s;width:44px}.pf-pin-digit:focus{border-color:#3b82f6}.pf-pin-digit.filled{background:#eff6ff;border-color:#3b82f6}.pf-pin-error{color:#ef4444;font-size:.85rem;margin-bottom:12px}.pf-filters-bar{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:14px 16px}.pf-filters-bar input[type=date],.pf-filters-bar select{color:#111827;color:var(--text-primary,#111827);font-size:.85rem;padding:7px 10px}.pf-filters-bar input[type=date],.pf-filters-bar select,.pf-search{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px}.pf-search{flex:1 1;font-size:.9rem;min-width:200px;padding:7px 12px}.pf-table-wrap{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;overflow:hidden}.pf-table{border-collapse:collapse;font-size:.9rem;width:100%}.pf-table thead tr{background:#f9fafb;background:var(--table-header-bg,#f9fafb)}.pf-table td,.pf-table th{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color,#f0f0f0);padding:11px 14px;text-align:left}.pf-table tbody tr:hover{background:#f9fafb;background:var(--row-hover,#f9fafb)}.pf-table-sm td,.pf-table-sm th{font-size:.82rem;padding:7px 10px}.pf-right{text-align:right}.pf-amount{font-size:.95rem;font-weight:600}.pf-desc{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-empty{color:#9ca3af;padding:40px;text-align:center}.pf-table-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:12px 16px}.pf-pagination{align-items:center;display:flex;gap:8px}.pf-pagination button{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;cursor:pointer;padding:4px 12px}.pf-pagination button:disabled{cursor:not-allowed;opacity:.4}.pf-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.pf-modal{background:#fff;background:var(--card-bg,#fff);border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.pf-modal-import{max-width:680px}.pf-modal-budget{max-width:580px}.pf-modal-settings{max-width:540px}.pf-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:18px 20px 12px}.pf-modal-header h3{font-size:1.1rem;margin:0}.pf-modal-close{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:1.2rem;padding:4px 8px}.pf-form{gap:14px;padding:20px}.pf-form,.pf-form-row{display:flex;flex-direction:column}.pf-form-row{gap:5px}.pf-form-row label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;font-weight:600}.pf-form-row input,.pf-form-row select,.pf-form-row textarea{background:#fff;background:var(--input-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;color:#111;color:var(--text-primary,#111);font-size:.9rem;padding:9px 12px}.pf-form-row input:focus,.pf-form-row select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #dbeafe;outline:none}.pf-form-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 20px}.pf-input-with-action{display:flex;gap:6px}.pf-input-with-action input,.pf-input-with-action select{flex:1 1}.pf-inline-input{border:1px solid #d1d5db;border-radius:6px;padding:4px 8px}.pf-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:.15s}.pf-btn-primary{background:#3b82f6;color:#fff}.pf-btn-primary:hover{background:#2563eb}.pf-btn-primary:disabled{cursor:not-allowed;opacity:.5}.pf-btn-secondary{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);color:#374151;color:var(--text-primary,#374151)}.pf-btn-secondary:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.pf-btn-ghost{background:#0000;color:#3b82f6}.pf-btn-ghost:hover{background:#eff6ff}.pf-btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:2px 5px}.pf-btn-icon:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.pf-btn-icon.pf-danger:hover{background:#fee2e2}.pf-mt{display:inline-block;margin-top:16px}.pf-badge{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);color:#374151;color:var(--text-secondary,#374151);padding:2px 8px}.pf-badge,.pf-mode-tag{border-radius:99px;font-size:.78rem;font-weight:600}.pf-mode-tag{padding:3px 10px}.pf-settings-list{display:flex;flex-direction:column;gap:6px;padding:12px 20px}.pf-settings-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-color,#f3f4f6);display:flex;gap:10px;padding:6px 0}.pf-settings-row span{flex:1 1;font-size:.9rem}.pf-settings-add{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 20px}.pf-settings-add input,.pf-settings-add select{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;flex:1 1;min-width:100px;padding:7px 10px}.pf-cat-group{padding:8px 20px 4px}.pf-cat-group-title{color:#9ca3af;font-size:.72rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px}.pf-budget-period{display:flex;gap:10px;padding:12px 20px}.pf-budget-list{gap:14px;padding:0 20px}.pf-budget-item,.pf-budget-list{display:flex;flex-direction:column}.pf-budget-item{gap:4px}.pf-budget-row{align-items:center;display:flex;gap:10px}.pf-budget-row span:first-child{flex:1 1;font-weight:500}.pf-budget-actions{display:flex;gap:4px}.pf-progress-bar{background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:99px;height:8px;overflow:hidden}.pf-progress-fill{background:#3b82f6;border-radius:99px;height:100%;transition:width .3s}.pf-progress-fill.warn{background:#f59e0b}.pf-progress-fill.over{background:#ef4444}.pf-budget-alert{font-size:.78rem;margin:0}.pf-warn-text{color:#d97706}.pf-danger-text{color:#dc2626}.pf-budget-add{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px 20px 20px}.pf-budget-add input,.pf-budget-add select{border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:8px;flex:1 1;min-width:120px;padding:8px 10px}.pf-import-drop{padding:30px 24px;text-align:center}.pf-import-drop code{background:#f3f4f6;background:var(--code-bg,#f3f4f6);border-radius:8px;display:block;font-size:.85rem;margin:14px 0;padding:8px 12px}.pf-import-mapping{padding:16px 20px 0}.pf-import-mapping h4{margin:0 0 12px}.pf-preview-table-wrap{overflow-x:auto;padding:12px 20px}.pf-alert{border-radius:8px;font-size:.875rem;margin:8px 20px;padding:10px 16px}.pf-alert-success{background:#dcfce7;color:#166534}.pf-alert-error{background:#fee2e2;color:#991b1b}.pf-toast{animation:slideIn .2s ease;border-radius:10px;box-shadow:0 4px 16px #00000026;font-size:.9rem;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.pf-toast-success{background:#22c55e;color:#fff}.pf-toast-error{background:#ef4444;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.pf-muted{color:#9ca3af;color:var(--text-secondary,#9ca3af)}.pf-center{text-align:center}.pf-danger{color:#ef4444}.pf-loading{align-items:center;display:flex;gap:12px;justify-content:center;padding:48px}.pf-spinner{animation:spin .6s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.pf-source-tag{align-items:center;background:#f3f4f6;background:var(--hover-bg,#f3f4f6);border-radius:99px;color:#374151;color:var(--text-secondary,#374151);display:inline-flex;font-size:.78rem;font-weight:500;gap:4px;padding:2px 8px;white-space:nowrap}.pf-summary-overlay{background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1100}.pf-summary-panel{animation:slideInRight .25s ease;background:#fff;background:var(--pf-card,#fff);box-shadow:-6px 0 40px #0000002e;display:flex;flex-direction:column;height:100vh;max-width:96vw;overflow:hidden;width:480px}.pf-summary-header{align-items:center;background:#f9fafb;background:var(--pf-bg,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pf-border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.pf-summary-title{align-items:center;color:#111827;color:var(--pf-text,#111827);display:flex;font-size:1rem;font-weight:700;gap:10px}.pf-sum-countdown{animation:pulse 1s infinite;background:#fef3c7;border:1px solid #fbbf24;border-radius:20px;color:#92400e;font-size:.72rem;font-weight:500;padding:2px 8px}.pf-summary-actions{align-items:center;display:flex;gap:8px}.pf-summary-tabs{background:#f9fafb;background:var(--pf-bg,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pf-border,#e5e7eb);display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:10px 16px}.pf-sum-tab{background:#0000;border:1px solid #0000;border-radius:20px;color:#6b7280;color:var(--pf-muted,#6b7280);cursor:pointer;font-size:.78rem;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.pf-sum-tab:hover{background:#f3f4f6}.pf-sum-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.pf-summary-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.pf-sum-card{background:#fff;background:var(--pf-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:14px;box-shadow:0 1px 6px #0000000d;padding:16px}.pf-sum-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.pf-sum-code-badge{background:#6366f1;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:3px 10px}.pf-sum-insight{background:#f9fafb;background:var(--pf-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--pf-muted,#6b7280);flex:1 1;font-size:.75rem;padding:3px 8px}.pf-sum-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:14px}.pf-sum-metric{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;transition:transform .15s,box-shadow .15s}.pf-sum-metric:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.pf-sum-mlabel{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pf-sum-mval{font-feature-settings:"tnum";align-items:center;display:flex;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:700;gap:4px}.pf-sum-income{background:#f0fdf4;border:1px solid #bbf7d0}.pf-sum-income .pf-sum-mlabel{color:#166534}.pf-sum-income .pf-sum-mval{color:#15803d}.pf-sum-expense{background:#fef2f2;border:1px solid #fecaca}.pf-sum-expense .pf-sum-mlabel{color:#991b1b}.pf-sum-expense .pf-sum-mval{color:#dc2626}.pf-sum-bal-pos{background:#f0fdf4;border:1px solid #86efac}.pf-sum-bal-pos .pf-sum-mlabel{color:#166534}.pf-sum-bal-pos .pf-sum-mval{color:#15803d}.pf-sum-bal-neg{background:#fef2f2;border:1px solid #fca5a5}.pf-sum-bal-neg .pf-sum-mlabel{color:#991b1b}.pf-sum-bal-neg .pf-sum-mval{color:#dc2626}.pf-sum-cc{background:#fffbeb;border:1px solid #fde68a}.pf-sum-cc .pf-sum-mlabel{color:#92400e}.pf-sum-cc .pf-sum-mval{color:#d97706}.pf-sum-trend{border-radius:5px;font-size:.68rem;font-weight:600;padding:1px 5px}.pf-sum-trend.up{background:#dcfce7;color:#15803d}.pf-sum-trend.down{background:#fee2e2;color:#dc2626}.pf-sum-savings{align-items:center;display:flex;gap:10px;margin-bottom:14px}.pf-sum-savings-label{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.75rem;min-width:88px}.pf-sum-savings-track{background:#e5e7eb;background:var(--pf-border,#e5e7eb);border-radius:20px;flex:1 1;height:8px;overflow:hidden}.pf-sum-savings-fill{border-radius:20px;height:100%;transition:width .4s ease}.pf-sum-savings-pct{font-size:.78rem;font-weight:700;min-width:38px;text-align:right}.pf-sum-charts{align-items:flex-start;border-top:1px solid #e5e7eb;border-top:1px solid var(--pf-border,#e5e7eb);display:flex;gap:12px;padding-top:10px}.pf-sum-chart-block{align-items:center;display:flex;flex-direction:column;gap:6px}.pf-sum-chart-title{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pf-sum-chart-legend,.pf-sum-chart-title{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.7rem}.pf-sum-chart-legend{display:flex;gap:8px}.pf-mini-donut{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.pf-mini-donut-hole{background:#fff;background:var(--pf-card,#fff);border-radius:50%;height:32px;position:absolute;width:32px}.pf-mini-bar{display:flex;flex-direction:column;gap:5px;width:100%}.pf-mini-bar-row{align-items:center;display:flex;gap:6px}.pf-mini-bar-label{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.68rem;min-width:42px}.pf-mini-bar-track{background:#e5e7eb;background:var(--pf-border,#e5e7eb);border-radius:20px;flex:1 1;height:6px;min-width:80px;overflow:hidden}.pf-mini-bar-fill{border-radius:20px;height:100%;transition:width .4s ease}.pf-btn-summary{gap:6px}@media (max-width:640px){.pf-summary-panel{width:100vw}.pf-sum-grid{grid-template-columns:1fr}}.pf-auto-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#2563eb;display:inline-block;font-size:.72rem;font-weight:600;margin-left:6px;padding:2px 7px;white-space:nowrap}.obl-page{font-family:inherit;margin:0 auto;max-width:1200px;padding:24px;position:relative}.obl-toast{animation:obl-toast-in .25s ease;background:#22c55e;border-radius:10px;box-shadow:0 4px 20px #00000026;color:#fff;font-size:.88rem;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:20px;z-index:9999}.obl-toast-err{background:#ef4444}@keyframes obl-toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.obl-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.obl-title{color:#111827;color:var(--pf-text,#111827);font-size:1.6rem;font-weight:800;margin:0}.obl-subtitle{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.85rem;margin:2px 0 0}.obl-banner{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.obl-banner-card{align-items:center;border:1px solid #0000;border-radius:14px;display:flex;flex:1 1;gap:12px;min-width:150px;padding:14px 20px}.obl-bicon{font-size:1.4rem}.obl-bval{font-size:1.3rem;font-weight:800}.obl-blabel{color:inherit;font-size:.75rem;opacity:.8}.bc-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.bc-red{background:#fef2f2;border-color:#fecaca;color:#dc2626}.bc-yellow{background:#fffbeb;border-color:#fde68a;color:#d97706}.bc-purple{background:#faf5ff;border-color:#e9d5ff;color:#7c3aed}.obl-upcoming{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:14px 18px}.obl-upcoming-title{color:#166534;font-size:.82rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.obl-upcoming-list{display:flex;flex-direction:column;gap:6px}.obl-upcoming-row{align-items:center;color:#15803d;display:flex;font-size:.85rem;gap:10px}.obl-upcoming-icon{font-size:1rem}.obl-upcoming-name{flex:1 1;font-weight:600}.obl-upcoming-date{color:#6b7280}.obl-upcoming-amt{color:#166534;font-weight:700}.obl-filters{gap:10px;margin-bottom:20px}.obl-filters,.obl-tabs{display:flex;flex-wrap:wrap}.obl-tabs{gap:6px}.obl-tab{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--pf-muted,#6b7280);cursor:pointer;font-size:.82rem;font-weight:500;padding:7px 16px;transition:all .15s}.obl-tab:hover{background:#f3f4f6}.obl-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.obl-tab-sm{font-size:.78rem;padding:5px 12px}.obl-overdue-section{margin-bottom:24px}.obl-overdue-header{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:10px;padding:8px 14px}.obl-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.obl-card{background:#fff;background:var(--pf-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:12px;padding:18px;transition:box-shadow .2s,transform .2s}.obl-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.obl-card-over{background:#fff5f5;border-color:#fca5a5}.obl-card-done{opacity:.65}.obl-card-paused{border-color:#d1d5db;opacity:.8}.obl-card-top{justify-content:space-between}.obl-card-title,.obl-card-top{align-items:flex-start;display:flex;gap:10px}.obl-card-title{flex:1 1}.obl-ticon{flex-shrink:0;font-size:1.5rem}.obl-cname{color:#111827;color:var(--pf-text,#111827);font-size:1rem;font-weight:700}.obl-cmeta{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.75rem;margin-top:2px}.obl-dbadge{border-radius:20px;flex-shrink:0;font-size:.72rem;font-weight:700;padding:4px 10px;white-space:nowrap}.obl-db-over{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.obl-db-today{animation:obl-pulse 1.2s infinite;color:#d97706}.obl-db-soon,.obl-db-today{background:#fffbeb;border:1px solid #fde68a}.obl-db-soon{color:#b45309}.obl-db-normal{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.obl-db-done{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.obl-db-paused{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}@keyframes obl-pulse{0%,to{opacity:1}50%{opacity:.6}}.obl-card-amount{align-items:baseline;display:flex;gap:6px}.obl-csym{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:1rem}.obl-camt{font-feature-settings:"tnum";color:#111827;color:var(--pf-text,#111827);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800}.obl-csrc{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.78rem;margin-left:4px}.obl-loan-prog{display:flex;flex-direction:column;gap:5px}.obl-loan-labels{color:#6b7280;color:var(--pf-muted,#6b7280);display:flex;font-size:.75rem;justify-content:space-between}.obl-prog-track{background:#e5e7eb;background:var(--pf-border,#e5e7eb);border-radius:20px;height:8px;overflow:hidden}.obl-prog-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:20px;height:100%;transition:width .5s ease}.obl-prog-pct{font-size:.72rem;text-align:right}.obl-card-note,.obl-prog-pct{color:#6b7280;color:var(--pf-muted,#6b7280)}.obl-card-note{background:#f9fafb;background:var(--pf-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:8px;font-size:.78rem;padding:6px 10px}.obl-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--pf-border,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.obl-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:5px;padding:7px 14px;transition:all .15s}.obl-btn-lg{font-size:.9rem;padding:10px 20px}.obl-btn-primary{background:#6366f1;color:#fff}.obl-btn-primary:hover{background:#4f46e5}.obl-btn-primary:disabled{cursor:not-allowed;opacity:.6}.obl-btn-sec{background:#f9fafb;background:var(--pf-bg,#f9fafb);border-color:#e5e7eb;border-color:var(--pf-border,#e5e7eb);color:#374151;color:var(--pf-text,#374151)}.obl-btn-sec:hover{background:#f3f4f6}.obl-btn-pay{background:#22c55e;border-color:#16a34a;color:#fff}.obl-btn-pay:hover{background:#16a34a}.obl-btn-hist{background:#f9fafb;background:var(--pf-bg,#f9fafb);border-color:#e5e7eb;border-color:var(--pf-border,#e5e7eb);color:#374151;color:var(--pf-text,#374151)}.obl-btn-hist:hover{background:#f3f4f6}.obl-btn-edit{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;padding:7px 10px}.obl-btn-edit:hover{background:#dbeafe}.obl-btn-del{background:#fef2f2;border-color:#fecaca;color:#dc2626;padding:7px 10px}.obl-btn-del:hover{background:#fee2e2}.obl-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:60px 24px;text-align:center}.obl-empty-icon{font-size:3rem}.obl-empty-title{color:#374151;color:var(--pf-text,#374151);font-size:1.1rem;font-weight:700}.obl-empty-sub{font-size:.85rem}.obl-empty,.obl-empty-sub{color:#6b7280;color:var(--pf-muted,#6b7280)}.obl-empty{padding:32px;text-align:center}.obl-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.obl-modal{animation:obl-modal-in .2s ease;background:#fff;background:var(--pf-card,#fff);border-radius:16px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.obl-modal-sm{max-width:420px}@keyframes obl-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.obl-mhead{align-items:center;background:#fff;background:var(--pf-card,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pf-border,#e5e7eb);display:flex;justify-content:space-between;padding:18px 20px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.obl-mhead h3{font-size:1rem;font-weight:700;margin:0}.obl-mclose{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--pf-muted,#6b7280);cursor:pointer;font-size:1.1rem;padding:4px 8px}.obl-mclose:hover{background:#f3f4f6}.obl-form{gap:14px;padding:18px 20px}.obl-form,.obl-frow{display:flex;flex-direction:column}.obl-frow{gap:5px}.obl-frow label{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.obl-frow input,.obl-frow select,.obl-frow textarea{background:#fff;background:var(--pf-card,#fff);border:1px solid #d1d5db;border:1px solid var(--pf-border,#d1d5db);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--pf-text,#111827);font-size:.88rem;padding:9px 12px;transition:border-color .15s;width:100%}.obl-frow input:focus,.obl-frow select:focus,.obl-frow textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.obl-frow2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.obl-toggle-row{align-items:center;flex-direction:row}.obl-toggle-wrap{align-items:center;display:flex;gap:10px}.obl-toggle{background:#d1d5db;border:none;border-radius:13px;cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;transition:background .2s;width:48px}.obl-toggle.on{background:#6366f1}.obl-tknob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;display:block;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s;width:20px}.obl-toggle.on .obl-tknob{transform:translateX(22px)}.obl-ton{color:#6366f1;font-size:.82rem;font-weight:600}.obl-toff{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.82rem}.obl-form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--pf-border,#e5e7eb);display:flex;gap:10px;justify-content:flex-end;padding-top:6px}.obl-alert-err{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:0 20px}.obl-alert-err,.obl-info-box{font-size:.82rem;padding:10px 14px}.obl-info-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-weight:500}.obl-hist-total{background:#f9fafb;background:var(--pf-bg,#f9fafb);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--pf-border,#e5e7eb);color:#374151;color:var(--pf-text,#374151);font-size:.85rem;font-weight:700;padding:12px 20px}.obl-hist-list{display:flex;flex-direction:column;gap:8px;padding:12px 20px}.obl-hist-row{align-items:center;background:#f9fafb;background:var(--pf-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px}.obl-hist-date{color:#6b7280;color:var(--pf-muted,#6b7280);font-size:.82rem;min-width:100px}.obl-hist-amt{color:#111827;color:var(--pf-text,#111827);flex:1 1;font-size:.9rem;font-weight:700}.obl-hist-method{border-radius:20px;font-size:.75rem;font-weight:600;padding:3px 8px}.obl-hist-method.auto{background:#eff6ff;color:#2563eb}.obl-hist-method.manual{background:#f0fdf4;color:#166534}.obl-hist-note{font-size:.75rem;width:100%}.obl-hist-note,.obl-spin-wrap{color:#6b7280;color:var(--pf-muted,#6b7280)}.obl-spin-wrap{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px}.obl-spinner{animation:obl-spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--pf-border,#e5e7eb);border-radius:50%;border-top:3px solid #6366f1;height:32px;width:32px}@keyframes obl-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.obl-page{padding:16px}.obl-frow2,.obl-grid{grid-template-columns:1fr}.obl-banner-card{min-width:calc(50% - 6px)}.obl-card-actions{gap:6px}}.obl-init-row{align-items:center;background:#fefce8;border:1px solid #fde68a;border-radius:8px;display:flex;font-size:.82rem;justify-content:space-between;margin:6px 0;padding:6px 10px}.obl-init-label{color:#92400e}.obl-init-done-badge{background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;color:#15803d}.obl-init-done-badge,.obl-init-pending-badge{font-size:.75rem;font-weight:700;padding:2px 8px}.obl-init-pending-badge{background:#fef3c7;border:1px solid #fde68a;border-radius:10px;color:#d97706}.obl-btn-init{background:#fefce8;border:1px solid #fde68a;border-radius:8px;color:#d97706;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.obl-btn-init:hover{background:#fde68a;color:#92400e}.obl-info-calc{background:#eff6ff;border-color:#bfdbfe;border-radius:8px;color:#1d4ed8;font-size:.82rem;margin:4px 0;padding:8px 12px}.obl-summary-wrap{background:#fff;background:var(--pf-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--pf-border,#e5e7eb);border-radius:14px;margin-bottom:20px;overflow:hidden}.obl-summary-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:13px 18px;-webkit-user-select:none;user-select:none}.obl-summary-header:hover{background:#f1f5f9}.obl-summary-title{color:#111827;color:var(--pf-text,#111827);font-size:.92rem;font-weight:700}.obl-summary-header-actions{align-items:center;display:flex;gap:8px}.obl-summary-chevron{color:#6b7280;font-size:.75rem;margin-left:4px}.obl-btn-ghost-sm{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.78rem;padding:4px 10px}.obl-btn-ghost-sm:hover{background:#f3f4f6}.obl-summary-body{display:flex;flex-direction:column;gap:20px;padding:18px}.obl-sum-currency-block{display:flex;flex-direction:column;gap:10px}.obl-sum-currency-badge{background:#1d4ed8;border-radius:20px;color:#fff;display:inline-block;font-size:.78rem;font-weight:700;padding:3px 12px;width:-webkit-fit-content;width:fit-content}.obl-sum-cards{display:flex;flex-wrap:wrap;gap:10px}.obl-sum-card{align-items:center;border:1px solid #0000;border-radius:12px;display:flex;flex:1 1;gap:12px;min-width:160px;padding:12px 16px}.obl-sc-icon{font-size:1.3rem}.obl-sc-val{font-size:1.05rem;font-weight:800}.obl-sc-label{font-size:.72rem;margin-top:2px;opacity:.75}.obl-sc-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.obl-sc-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.obl-sc-orange{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.obl-sc-red{background:#fef2f2;border-color:#fecaca;color:#dc2626}.obl-sum-section-title{color:#374151;font-size:.82rem;font-weight:700;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.obl-sum-table-scroll{overflow-x:auto}.obl-sum-table{border-collapse:collapse;font-size:.83rem;width:100%}.obl-sum-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:8px 12px;text-align:left;text-transform:uppercase}.obl-sum-table td{border-bottom:1px solid #f3f4f6;color:#374151;color:var(--pf-text,#374151);padding:9px 12px}.obl-sum-table tr:hover td{background:#f9fafb}.obl-td-center{font-weight:700;text-align:center}.obl-td-green{color:#15803d;font-weight:600}.obl-td-orange{color:#c2410c;font-weight:600}.obl-na{color:#9ca3af;font-size:.85rem}.obl-type-pill{align-items:center;background:#f3f4f6;border-radius:10px;display:inline-flex;font-size:.78rem;font-weight:600;gap:4px;padding:3px 9px}.obl-cur-badge{background:#dbeafe;border-radius:8px;color:#1d4ed8;display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px}.obl-sum-loan-prog-wrap{display:flex;flex-direction:column;gap:14px}.obl-sum-loan-row{display:flex;flex-direction:column;gap:6px}.obl-sum-loan-labels{align-items:center;display:flex;font-size:.83rem;gap:10px}.obl-sum-loan-cur{background:#1d4ed8;border-radius:10px;color:#fff;font-size:.72rem;font-weight:700;padding:2px 10px}.obl-sum-loan-txt{color:#374151;flex:1 1}.obl-sum-loan-pct{font-size:.9rem;font-weight:800}.obl-sum-loan-pct.good{color:#15803d}.obl-sum-loan-pct.low{color:#dc2626}.obl-sum-loan-track{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.obl-sum-loan-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;height:100%;transition:width .5s ease}.obl-sum-loan-remaining{color:#c2410c;font-size:.78rem;font-weight:600}.obl-calc-box{background:#f0fdf4;border:1.5px solid #86efac;border-radius:12px;margin:4px 0 8px;padding:14px 16px}.obl-calc-title{align-items:center;color:#15803d;display:flex;font-size:.85rem;font-weight:700;gap:8px;margin-bottom:12px}.obl-calc-type-badge{background:#dcfce7;border:1px solid #86efac;border-radius:10px;color:#15803d;font-size:.72rem;font-weight:600;padding:2px 8px}.obl-calc-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.obl-calc-row{align-items:center;border-radius:7px;display:flex;font-size:.83rem;justify-content:space-between;padding:5px 8px}.obl-calc-row:hover{background:#dcfce7}.obl-calc-interest{background:#fef9c3}.obl-calc-interest:hover{background:#fef08a}.obl-calc-total{background:#dbeafe}.obl-calc-total:hover{background:#bfdbfe}.obl-calc-emi{background:#fae8ff}.obl-calc-emi:hover{background:#f5d0fe}.obl-calc-label{color:#374151;font-weight:500}.obl-calc-val{color:#111827;font-weight:700}.obl-calc-big{font-size:.95rem}.obl-calc-emi-val{color:#7c3aed}.obl-calc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.obl-btn-emi{background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 14px;transition:background .2s}.obl-btn-emi:hover{background:#6d28d9}.obl-amort-wrap{border-top:1px solid #86efac;margin-top:12px;padding-top:12px}.obl-amort-title{color:#15803d;font-size:.8rem;font-weight:700;margin-bottom:8px}.obl-amort-scroll{border:1px solid #d1fae5;border-radius:8px;max-height:260px;overflow-y:auto}.obl-amort-table{border-collapse:collapse;font-size:.78rem;width:100%}.obl-amort-table th{background:#dcfce7;color:#166534;font-weight:700;padding:6px 10px;position:-webkit-sticky;position:sticky;text-align:right;top:0}.obl-amort-table th:first-child{text-align:center}.obl-amort-table td{border-bottom:1px solid #f0fdf4;color:#374151;padding:5px 10px;text-align:right}.obl-amort-table tr:hover td{background:#f0fdf4}.obl-amort-month{color:#6b7280;font-weight:700;text-align:center!important}.obl-amort-pri{color:#1d4ed8;font-weight:600}.obl-amort-int{color:#dc2626}.obl-amort-bal{color:#374151;font-weight:600}.obl-interest-info{align-items:center;background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;color:#6b21a8;display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px;margin:4px 0;padding:6px 10px}.obl-interest-type{background:#e9d5ff;border-radius:8px;color:#6b21a8;font-size:.72rem;font-weight:700;padding:1px 7px}.obl-interest-amt{color:#dc2626;font-weight:600}.obl-payable-amt{color:#1d4ed8;font-weight:700}.obl-btn-fee{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.obl-btn-fee:hover{background:#bfdbfe;color:#1e40af}.obl-fee-row{align-items:center;display:flex;gap:8px}.obl-fee-type-sel{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;font-size:.83rem;padding:7px 10px}.obl-fee-input{flex:1 1}.obl-fee-calc{color:#1d4ed8;font-size:.82rem;font-weight:700;padding:0 6px;white-space:nowrap}.obl-interest-type.variable{background:#fef3c7;border-color:#fde68a;color:#d97706}.obl-apr-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:.72rem;font-weight:700;padding:2px 7px}.obl-info-warn{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}.obl-calc-fee{background:#eff6ff}.obl-calc-fee:hover{background:#dbeafe}.obl-calc-totalcost{background:#fdf4ff}.obl-calc-totalcost:hover{background:#fae8ff}.obl-calc-apr{background:#f0fdf4}.obl-calc-apr:hover{background:#dcfce7}.obl-calc-var{background:#fffbeb}.obl-calc-var:hover{background:#fef9c3}.obl-prog-breakdown{color:#6b7280;display:block;font-size:.72rem;margin-top:2px}.obl-disb-row{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;flex-wrap:wrap;font-size:.79rem;gap:12px;margin:4px 0;padding:6px 10px}.obl-disb-diff{color:#dc2626;font-size:.75rem}.obl-section-divider{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.78rem;font-weight:700;letter-spacing:.05em;margin-top:4px;padding:6px 0 2px;text-transform:uppercase}.obl-btn-foreclosure{background:#fdf4ff;border:1px solid #e9d5ff;border-radius:8px;color:#7c3aed;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.obl-btn-foreclosure:hover{background:#e9d5ff;color:#6d28d9}.obl-foreclosure-body{padding:4px 0}.obl-fc-progress-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#374151;display:flex;flex-wrap:wrap;font-size:.82rem;gap:16px;margin-bottom:14px;padding:10px 14px}.obl-fc-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.obl-fc-row{align-items:center;border-radius:8px;display:flex;font-size:.84rem;justify-content:space-between;padding:7px 10px}.obl-fc-row:hover{background:#f9fafb}.obl-fc-label{color:#374151;font-weight:500}.obl-fc-val{color:#111827;font-weight:700}.obl-fc-big{font-size:.95rem}.obl-fc-outstanding{background:#fff7ed}.obl-fc-penalty{background:#fef2f2}.obl-fc-penalty .obl-fc-label,.obl-fc-penalty .obl-fc-val{color:#dc2626}.obl-fc-total{background:#faf5ff;border:1px solid #e9d5ff}.obl-fc-highlight{color:#7c3aed!important;font-size:1.05rem!important}.obl-fc-interest-rem{background:#fef9c3}.obl-fc-interest-rem .obl-fc-label{color:#92400e}.obl-fc-save{background:#f0fdf4}.obl-fc-save .obl-fc-label,.obl-fc-save .obl-fc-val{color:#15803d}.obl-fc-nosave{background:#fef2f2}.obl-fc-nosave .obl-fc-label,.obl-fc-nosave .obl-fc-val{color:#dc2626}.obl-fc-divider{background:#e5e7eb;height:1px;margin:4px 0}.obl-fc-verdict{border-radius:10px;font-size:.84rem;font-weight:600;line-height:1.5;margin-bottom:16px;padding:10px 14px}.obl-fc-verdict.good{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.obl-fc-verdict.neutral{background:#fffbeb;border:1px solid #fde68a;color:#92400e}:root{--theme-bg-primary:var(--color-background);--theme-bg-secondary:var(--color-surface);--theme-bg-tertiary:var(--color-secondary);--theme-text-primary:var(--color-text);--theme-text-secondary:var(--color-text-secondary);--theme-text-tertiary:rgba(var(--color-slate-500-rgb),0.6);--theme-border:var(--color-border);--theme-border-light:var(--color-card-border);--theme-card-bg:var(--color-surface);--theme-card-border:var(--color-card-border);--theme-input-bg:var(--color-surface);--theme-input-border:var(--color-border);--theme-input-text:var(--color-text);--theme-hover-bg:var(--color-secondary);--theme-active-bg:var(--color-secondary-active);--theme-shadow:var(--shadow-sm);--theme-shadow-md:var(--shadow-md);--theme-shadow-lg:var(--shadow-lg)}[data-theme=dark]{--theme-bg-primary:var(--color-background);--theme-bg-secondary:var(--color-surface);--theme-bg-tertiary:var(--color-secondary);--theme-text-primary:var(--color-text);--theme-text-secondary:var(--color-text-secondary);--theme-text-tertiary:rgba(var(--color-gray-300-rgb),0.6);--theme-border:var(--color-border);--theme-border-light:var(--color-card-border);--theme-card-bg:var(--color-surface);--theme-card-border:var(--color-card-border);--theme-input-bg:var(--color-surface);--theme-input-border:var(--color-border);--theme-input-text:var(--color-text);--theme-hover-bg:var(--color-secondary);--theme-active-bg:var(--color-secondary-active);--theme-shadow:var(--shadow-sm);--theme-shadow-md:var(--shadow-md);--theme-shadow-lg:var(--shadow-lg)}body,html{background-color:#fcfcf9;color:#13343b}a,body,button,div,label,li,p,span,td,th{color:#13343b;color:var(--theme-text-primary)}.color-text-secondary,.description,.secondary-text,.sidebar-text-secondary,.subtitle,.text-secondary{color:#626c71;color:var(--theme-text-secondary)}.card,.container,.content,.dialog,.glass-card,.main-content,.modal,.page-container{background-color:#fcfcf9;background-color:var(--theme-bg-primary)}.card-surface,.header-surface,.modal-surface,.surface,.table-header,thead{background-color:#fffffd;background-color:var(--theme-bg-secondary)}.border,.border-bottom,.border-left,.border-right,.border-top,.divider{border-color:#5e524033;border-color:var(--theme-border)}.filter-input,.filter-select,.form-control,.form-input,.search-input,input,select,textarea{background-color:#fffffd;background-color:var(--theme-input-bg);border-color:#5e524033;border-color:var(--theme-input-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--theme-input-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.filter-input::placeholder,.search-input::placeholder,input::placeholder,textarea::placeholder{color:#626c71;color:var(--theme-text-secondary)}.card:hover,.list-item:hover,.table-row:hover,button:hover,tr:hover{background-color:#5e52401f;background-color:var(--theme-hover-bg)}.advanced-sidebar,.sidebar{background:#fcfcf9;background:var(--theme-bg-primary);border-right:1px solid #5e524033;border-right:1px solid var(--theme-border)}.sidebar-header{background:linear-gradient(135deg,#21808d,#1d7480);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-bottom:1px solid #5e52401a;border-bottom:1px solid rgba(var(--color-brown-600-rgb),.1);padding:16px;padding:var(--space-16)}.sidebar-search{background:#fffffd;border-bottom:1px solid #5e524033;border-bottom:1px solid var(--theme-border);padding:12px 16px;padding:var(--space-12) var(--space-16)}.search-input{background:#fffffd;border:1px solid #5e524033;border:1px solid var(--theme-input-border);font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12);width:100%}.search-input,.sidebar-link{border-radius:8px;border-radius:var(--radius-base);color:#13343b}.sidebar-link{display:block;font-size:14px;font-size:var(--font-size-base);padding:10px 16px;padding:var(--space-10) var(--space-16);text-decoration:none;transition:background-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.sidebar-link:hover{background:#5e52401f;color:#21808d;color:var(--color-primary)}.sidebar-link.active{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);color:#21808d;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium)}.submenu{background:#21808d0d;background:rgba(var(--color-teal-500-rgb),.05);border-left:2px solid #21808d;border-left:2px solid var(--color-primary);margin-left:16px;margin-left:var(--space-16);padding-left:12px;padding-left:var(--space-12)}.submenu-link{border-radius:6px;border-radius:var(--radius-sm);color:#626c71;display:block;font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12);text-decoration:none;transition:background-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.submenu-link:hover{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);color:#21808d;color:var(--color-primary)}.sidebar-footer{background:linear-gradient(180deg,#0000,#21808d05);background:linear-gradient(180deg,#0000 0,rgba(var(--color-teal-500-rgb),.02) 100%);border-top:1px solid #5e524033;border-top:1px solid var(--theme-border);padding:16px;padding:var(--space-16)}@media (max-width:480px){.advanced-sidebar,.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:100%;z-index:1000}.advanced-sidebar.open,.sidebar.open{transform:translateX(0)}.sidebar-header{padding:12px;padding:var(--space-12)}.sidebar-link{padding:12px 16px;padding:var(--space-12) var(--space-16)}}.data-table,.project-table,.table{background:#fcfcf9;background:var(--theme-bg-primary);border:1px solid #5e524033;border:1px solid var(--theme-border);border-collapse:collapse;border-radius:12px;border-radius:var(--radius-lg);color:#13343b;color:var(--theme-text-primary);overflow:hidden;width:100%}.project-table thead,.table thead,thead{background:#fffffd;background:var(--theme-bg-secondary)}.project-table th,.table th,th{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--theme-border);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);text-align:left}.project-table td,.project-table th,.table td,.table th,td,th{color:#13343b;color:var(--theme-text-primary);padding:12px 16px;padding:var(--space-12) var(--space-16)}.project-table td,.table td,td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--theme-card-border);font-size:14px;font-size:var(--font-size-base)}.project-table tbody tr:hover,.table tbody tr:hover,tbody tr:hover{background:#5e52401f;background:var(--theme-hover-bg)}@media (max-width:480px){.data-table,.project-table,.table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.project-table td,.project-table th,.table td,.table th,td,th{font-size:12px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--space-8) var(--space-12)}}.card,.dialog,.glass-card,.modal,.popup{background:#fcfcf9;background:var(--theme-bg-primary);border:1px solid #5e52401f;border:1px solid var(--theme-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--theme-shadow);color:#13343b;color:var(--theme-text-primary);padding:16px;padding:var(--space-16);transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover,.glass-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--theme-shadow-md)}@media (max-width:480px){.card,.dialog,.glass-card,.modal,.popup{border-radius:8px;border-radius:var(--radius-base);padding:12px;padding:var(--space-12)}}.btn-primary,.btn.primary,.primary-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-base);color:#fcfcf9;color:var(--color-btn-primary-text);cursor:pointer;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.btn-primary:hover,.btn.primary:hover,.primary-btn:hover{background:#1d7480;background:var(--color-primary-hover)}.btn-primary:active,.btn.primary:active,.primary-btn:active{background:#1a6873;background:var(--color-primary-active)}.btn-primary:focus-visible,.btn.primary:focus-visible,.primary-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.btn-secondary,.btn.secondary,.secondary-btn{background:#fffffd;background:var(--theme-bg-secondary);border:1px solid #5e524033;border:1px solid var(--theme-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--theme-text-primary);cursor:pointer;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.btn-secondary:hover,.btn.secondary:hover,.secondary-btn:hover{background:#5e52401f;background:var(--theme-hover-bg)}.btn-secondary:focus-visible,.btn.secondary:focus-visible,.secondary-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.btn-danger,.danger-btn{background:#c0152f;background:var(--color-error);border:none;border-radius:8px;border-radius:var(--radius-base);color:#fff;color:var(--color-white);cursor:pointer;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.btn-danger:hover,.danger-btn:hover{background:#c0152fd9;background:rgba(var(--color-error-rgb),.85)}.btn-danger:focus-visible,.danger-btn:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}@media (max-width:480px){.btn-danger,.btn-primary,.btn-secondary,.btn.primary,.btn.secondary,.danger-btn,.primary-btn,.secondary-btn{font-size:14px;font-size:var(--font-size-md);padding:10px 16px;padding:var(--space-10) var(--space-16);width:100%}}.filter-date,.filter-input,.filter-select,.search-input{background:#fffffd;background:var(--theme-input-bg);border:1px solid #5e524033;border:1px solid var(--theme-input-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--theme-input-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.filter-date:focus,.filter-input:focus,.filter-select:focus,.search-input:focus{background:#fffffd;background:var(--theme-input-bg);border-color:#21808d;border-color:var(--color-primary);box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){.filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}@media (max-width:480px){.filter-date,.filter-input,.filter-select,.search-input{margin-bottom:8px;margin-bottom:var(--space-8);width:100%}}::-webkit-scrollbar{height:8px}::-webkit-scrollbar-track{background:#fffffd}::-webkit-scrollbar-thumb{background:#5e524033;border-radius:6px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#626c7199}.badge,.status-badge,.tag{align-items:center;background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d33;border:1px solid rgba(var(--color-teal-500-rgb),.2);border-radius:9999px;border-radius:var(--radius-full);color:#21808d;color:var(--color-primary);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:4px 12px;padding:var(--space-4) var(--space-12)}.badge.success,.status-badge.success{background:#21808d26;background:rgba(var(--color-success-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.badge.error,.status-badge.error{background:#c0152f26;background:rgba(var(--color-error-rgb),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.badge.warning,.status-badge.warning{background:#a84b2f26;background:rgba(var(--color-warning-rgb),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.badge.info,.status-badge.info{background:#626c7126;background:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity));color:#626c71;color:var(--color-info)}@media (max-width:480px){.badge,.status-badge,.tag{font-size:11px;font-size:var(--font-size-xs);padding:2px 8px;padding:var(--space-2) var(--space-8)}}h1,h2,h3,h4,h5,h6{color:var(--theme-text-primary)}.card-title,.page-title,.section-title{color:#13343b;color:var(--theme-text-primary);font-weight:550;font-weight:var(--font-weight-semibold)}@media (max-width:480px){h1{font-size:24px;font-size:var(--font-size-3xl)}h2{font-size:20px;font-size:var(--font-size-2xl)}h3{font-size:18px;font-size:var(--font-size-xl)}h4{font-size:16px;font-size:var(--font-size-lg)}h5,h6{font-size:14px;font-size:var(--font-size-base)}.page-title{font-size:20px;font-size:var(--font-size-2xl)}.section-title{font-size:18px;font-size:var(--font-size-xl)}.card-title{font-size:16px;font-size:var(--font-size-lg)}}@media (prefers-reduced-motion:reduce){*{animation:none;transition:none}}:root{--theme-bg-primary:#fff;--theme-bg-secondary:#f8fafc;--theme-bg-tertiary:#f1f5f9;--theme-text-primary:#1f2937;--theme-text-secondary:#6b7280;--theme-text-tertiary:#94a3b8;--theme-border:#e5e7eb;--theme-border-light:#f3f4f6;--theme-card-bg:#fff;--theme-card-border:#e5e7eb;--theme-input-bg:#fff;--theme-input-border:#e5e7eb;--theme-input-text:#1f2937;--theme-hover-bg:#f9fafb;--theme-active-bg:#f3f4f6;--theme-shadow:#0000000d;--theme-shadow-md:#00000014;--theme-shadow-lg:#0000001f}[data-theme=dark]{--theme-bg-primary:#1a1a2e;--theme-bg-secondary:#16213e;--theme-bg-tertiary:#0f3460;--theme-text-primary:#ecf0f1;--theme-text-secondary:#bdc3c7;--theme-text-tertiary:#95a5a6;--theme-border:#2d3748;--theme-border-light:#374151;--theme-card-bg:#16213e;--theme-card-border:#2d3748;--theme-input-bg:#0f3460;--theme-input-border:#374151;--theme-input-text:#ecf0f1;--theme-hover-bg:#2d3748;--theme-active-bg:#374151;--theme-shadow:#0000004d;--theme-shadow-md:#0006;--theme-shadow-lg:#00000080}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body,html{background-color:#fff;background-color:var(--theme-bg-primary);color:#1f2937;color:var(--theme-text-primary)}.advanced-sidebar{background:#fff;background:var(--theme-bg-primary);border-right-color:#e5e7eb;border-right-color:var(--theme-border);box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--theme-shadow-md)}.sidebar-header{background:linear-gradient(135deg,#2180ac,#1a6a8f);border-bottom-color:#ffffff1a}.sidebar-search{background:#f8fafc;background:var(--theme-bg-secondary);border-bottom-color:#e5e7eb;border-bottom-color:var(--theme-border)}.search-input{background:#fff;background:var(--theme-input-bg);border-color:#e5e7eb;border-color:var(--theme-input-border);color:#1f2937;color:var(--theme-input-text)}.search-input:focus{background:#2180ac1a;border-color:#2180ac}.sidebar-list{background:#fff;background:var(--theme-bg-primary)}.sidebar-link{background:#0000;color:#1f2937;color:var(--theme-text-primary)}.sidebar-link:hover{background:#f9fafb;background:var(--theme-hover-bg);color:#2180ac}.sidebar-link.active{background:#2180ac1a;color:#2180ac}.submenu{background:#2180ac0d;border-left-color:#2180ac}.submenu-link{color:#6b7280;color:var(--theme-text-secondary)}.submenu-link:hover{background:#2180ac1a;color:#2180ac}.sidebar-quick-actions{background:#f8fafc;background:var(--theme-bg-secondary);border-color:#e5e7eb;border-color:var(--theme-border)}.quick-action-btn{background:#fff;background:var(--theme-input-bg);border-color:#e5e7eb;border-color:var(--theme-input-border);color:#1f2937;color:var(--theme-input-text)}.quick-action-btn:hover{background:#f9fafb;background:var(--theme-hover-bg);border-color:#2180ac;color:#2180ac}.sidebar-footer{background:linear-gradient(180deg,#0000,#2180ac05);border-top-color:#e5e7eb;border-top-color:var(--theme-border)}.sidebar-user{background:#2180ac1a;border-color:#2180ac33}.user-name{color:#1f2937;color:var(--theme-text-primary)}.user-role{color:#6b7280;color:var(--theme-text-secondary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.help-modal,.mailbox-modal-large{background:#f8fafc;background:var(--theme-bg-secondary);border-color:#e5e7eb;border-color:var(--theme-border);color:#1f2937;color:var(--theme-text-primary)}.help-content,.mail-detail-container{background:#fff;background:var(--theme-bg-primary);color:#1f2937;color:var(--theme-text-primary)}.help-section{border-bottom-color:#e5e7eb;border-bottom-color:var(--theme-border)}.help-text h4{color:#1f2937;color:var(--theme-text-primary)}.help-text p{color:#6b7280;color:var(--theme-text-secondary)}.filter-date,.filter-input,.filter-select,.form-control-large,.form-textarea-large{background:#fff;background:var(--theme-input-bg);border-color:#e5e7eb;border-color:var(--theme-input-border);color:#1f2937;color:var(--theme-input-text)}.filter-date:focus,.filter-input:focus,.filter-select:focus,.form-control-large:focus,.form-textarea-large:focus{border-color:#2180ac;box-shadow:0 0 0 4px #2180ac1a}.mail-card{background:#fff;background:var(--theme-card-bg);border-color:#e5e7eb;border-color:var(--theme-card-border);color:#1f2937;color:var(--theme-text-primary)}.mail-card:hover{border-color:#2180ac;box-shadow:0 4px 12px #00000014;box-shadow:0 4px 12px var(--theme-shadow-md)}.mail-card-from,.mail-card-subject{color:#1f2937;color:var(--theme-text-primary)}.mail-card-time{color:#6b7280;color:var(--theme-text-secondary)}.mail-detail-header-section{background:#f8fafc;background:var(--theme-bg-secondary);border-color:#e5e7eb;border-color:var(--theme-border)}.mail-sender-name{color:#1f2937;color:var(--theme-text-primary)}.mail-sender-role{color:#6b7280;color:var(--theme-text-secondary)}.mail-body-content,.mail-subject{color:#1f2937;color:var(--theme-text-primary)}.help-btn-primary{background:#2180ac;color:#fff}.help-btn-primary:hover{background:#1a6a8f}.help-btn-secondary{background:#e5e7eb;background:var(--theme-border);color:#1f2937;color:var(--theme-text-primary)}.help-btn-secondary:hover{background:#2180ac1a;color:#2180ac}.logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.mailbox-filter-bar,.mailbox-list-container{background:#f8fafc;background:var(--theme-bg-secondary)}.mailbox-filter-bar{border-bottom-color:#e5e7eb;border-bottom-color:var(--theme-border)}.bulk-actions-bar{background:#2180ac14;border-bottom-color:#2180ac}.select-all-label{color:#2180ac}table{background:#fff;background:var(--theme-bg-primary)}table,td,th{border-color:#e5e7eb;border-color:var(--theme-border);color:#1f2937;color:var(--theme-text-primary)}thead{background:#f8fafc;background:var(--theme-bg-secondary)}tbody tr:hover{background:#f9fafb;background:var(--theme-hover-bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--theme-bg-secondary)}::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--theme-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--theme-text-tertiary)}@media print{*{--theme-bg-primary:#fff;--theme-text-primary:#1f2937;--theme-border:#e5e7eb}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006!important}.modal-content{background:#fffffffa!important;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 60px #00000040;max-height:90vh}.modal-header{background:#fff!important;border-bottom:1px solid #0000001a!important;padding:20px 24px}.modal-body{color:#1a1a1a!important;padding:24px}.modal-footer{border-top:1px solid #00000014!important;padding:16px 24px}.modal-content table thead{background:#f8f9fa!important}.modal-content table th{border-bottom:2px solid #0000001a!important;color:#666!important}.modal-content table td{color:#1a1a1a!important}.modal-content table{border-collapse:collapse;table-layout:auto;width:100%}.modal-content table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-content table th{background-color:#f8f9fa;border-bottom:2px solid #0000001a;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.modal-content table td{border-bottom:1px solid #0000000d;color:#1a1a1a;padding:10px 12px}.modal-content table tr:hover{background-color:#f0f7ff}.modal-content table tbody tr:nth-child(2n){background-color:#f8f9fa}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fcfcf9;background-color:var(--color-background);color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 0}75%{background-position:0 100%}to{background-position:0 50%}}@keyframes floatingOrb{0%{opacity:.25;transform:translate(0) scale(1) rotate(0deg)}33%{opacity:.4;transform:translate(35px,-35px) scale(1.15) rotate(120deg)}66%{opacity:.3;transform:translate(-30px,30px) scale(.95) rotate(240deg)}to{opacity:.25;transform:translate(0) scale(1) rotate(1turn)}}@keyframes floatingOrbReverse{0%{opacity:.2;transform:translate(0) scale(1) rotate(0deg)}50%{opacity:.35;transform:translate(-40px,-40px) scale(1.2) rotate(180deg)}to{opacity:.2;transform:translate(0) scale(1) rotate(1turn)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #21a0d5cc,inset 0 0 15px #ffffff1a}50%{box-shadow:0 0 0 15px #21a0d500,inset 0 0 25px #fff3}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{filter:drop-shadow(0 0 6px rgba(33,160,213,.3))}50%{filter:drop-shadow(0 0 18px rgba(33,160,213,.8))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes buttonWave{0%{box-shadow:0 0 0 0 #21a0d5b3,inset 0 1px 0 #fff3}50%{box-shadow:0 0 0 12px #21a0d533,inset 0 1px 0 #ffffff4d}to{box-shadow:0 0 0 0 #21a0d5b3,inset 0 1px 0 #fff3}}@keyframes textGlow{0%,to{text-shadow:0 4px 15px #0006}50%{text-shadow:0 4px 25px #0009}}@keyframes underlineSlide{0%{left:0;width:0}to{left:0;width:100%}}.split-bg{align-items:center;animation:gradientShift 20s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:500% 500%;display:flex;justify-content:center;left:0;margin:0;min-height:100vh;overflow:hidden;padding:0;position:fixed;top:0;width:100vw;z-index:1}.split-bg:before{animation:floatingOrb 12s ease-in-out infinite;background:radial-gradient(circle,#ffffff1f 0,#0000 70%);filter:blur(40px);height:350px;left:5%;top:-80px;width:350px}.split-bg:after,.split-bg:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.split-bg:after{animation:floatingOrbReverse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-50px;filter:blur(45px);height:300px;right:5%;width:300px}.split-card{align-items:stretch;animation:slideUp .9s cubic-bezier(.16,1,.3,1),fadeInScale .9s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(25px) saturate(190%);-webkit-backdrop-filter:blur(25px) saturate(190%);background:#ffffff1f;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px 0 #1f26875e,0 2px 8px #0000001a,inset 0 1px 1px 0 #ffffff80;display:flex;flex-direction:row;max-width:700px;min-height:420px;min-width:650px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:10}.split-card:hover{backdrop-filter:blur(30px) saturate(210%);-webkit-backdrop-filter:blur(30px) saturate(210%);background:#ffffff26;box-shadow:0 12px 40px 0 #1f268773,0 4px 12px #00000026,inset 0 1px 1px 0 #fff9;transform:translateY(-10px) scale(1.01)}.split-card-left{align-items:center;animation:slideInLeft .9s cubic-bezier(.16,1,.3,1) .15s both;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-right:1px solid #ffffff26;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:32px 24px;position:relative}.split-card-left:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffffff14 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.split-logo-large{animation:fadeInScale .9s cubic-bezier(.16,1,.3,1) .3s both,float 3s ease-in-out .5s infinite;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.15)) drop-shadow(0 0 15px rgba(255,255,255,.2));max-width:220px;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:2}.split-card-left:hover .split-logo-large{filter:drop-shadow(0 16px 32px rgba(0,0,0,.2)) drop-shadow(0 0 25px rgba(255,255,255,.3))}.split-card-right{animation:slideInRight .9s cubic-bezier(.16,1,.3,1) .2s both;background:linear-gradient(135deg,#ffffff14,#ffffff08);display:flex;flex:2 1;flex-direction:column;justify-content:center;padding:32px;position:relative}.split-login-title{animation:slideUp .9s cubic-bezier(.16,1,.3,1) .3s both,textGlow 4s ease-in-out .5s infinite;color:#070707;font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px;text-shadow:0 4px 15px #00000080}.split-login-desc{animation:slideUp .9s cubic-bezier(.16,1,.3,1) .35s both;color:#070707;font-size:16px;font-weight:500;line-height:1.5;margin:0 0 24px;opacity:1;padding:0;text-shadow:0 2px 8px #0006}.split-form{gap:6px;margin-bottom:10px;width:100%}.split-form,.split-form-group{display:flex;flex-direction:column}.split-form-group{animation:slideUp .9s cubic-bezier(.16,1,.3,1) .4s both;animation:slideUp .9s calc(.4s + var(--delay, 0s)) both cubic-bezier(.16,1,.3,1);margin-bottom:18px;position:relative}.split-form-group:first-child{--delay:0s}.split-form-group:nth-child(2){--delay:0.05s}.split-form-group:nth-child(3){--delay:0.1s}.split-form-group:nth-child(4){--delay:0.15s}.split-form-label{color:#070707;display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;opacity:.95;text-shadow:0 1px 4px #0000004d;text-transform:uppercase}.split-remember-wrap{align-items:center;animation:slideUp .9s cubic-bezier(.16,1,.3,1) .55s both;display:flex;gap:10px;margin-bottom:20px;position:relative}.split-remember-wrap input[type=checkbox]{accent-color:#2180d5;appearance:none;-webkit-appearance:none;background:#ffffff2e;border:1.5px solid #fff6;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;cursor:pointer;height:20px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:20px}.split-remember-wrap input[type=checkbox]:hover{background:#ffffff47;border-color:#fff9;transform:scale(1.05)}.split-remember-wrap input[type=checkbox]:checked{animation:pulse .5s ease-out;background:linear-gradient(135deg,#2180d5,#2db89f);border-color:#21a0d5e6;box-shadow:0 0 15px #21a0d566,inset 0 1px 3px #0000001a}.split-remember-wrap input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px #0003;top:50%;transform:translate(-50%,-50%)}.split-remember-label{color:#070707;cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:0;text-shadow:0 1px 3px #0000004d;transition:all .3s ease;-webkit-user-select:none;user-select:none}.split-remember-wrap:hover .split-remember-label{color:#070707}.split-login-btn{animation:slideUp .9s cubic-bezier(.16,1,.3,1) .6s both,buttonWave 3s ease-in-out .8s infinite;background:linear-gradient(135deg,#21a0d5,#2db89f);border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 8px 20px 0 #21a0d580,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:650;letter-spacing:-.01em;margin-top:12px;overflow:hidden;padding:13px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.split-login-btn:before{background:linear-gradient(90deg,#0000,#ffffff59,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s cubic-bezier(.16,1,.3,1);width:100%}.split-login-btn:hover:not(:disabled):before{animation:shimmer 1.5s ease infinite;left:100%}.split-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#2db89f,#21a0d5);border-color:#fff6;box-shadow:0 14px 35px 0 #21a0d5a6,inset 0 1px 0 #ffffff4d;transform:translateY(-5px)}.split-login-btn:active:not(:disabled){box-shadow:0 8px 20px 0 #21a0d580,inset 0 2px 5px #0000001a;transform:translateY(-2px)}.split-login-btn:disabled{animation:none;cursor:not-allowed;opacity:.6}.split-error{animation:slideUp .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ff6b6b26;border:1px solid #ff6b6b66;border-radius:8px;box-shadow:0 4px 15px #ff6b6b33;color:#ff6b6b;font-size:14px;font-weight:500;margin-bottom:14px;overflow:hidden;padding:10px 12px;position:relative;text-shadow:0 1px 3px #0003}.split-error:before{animation:slideUp .5s ease;background:linear-gradient(180deg,#ff6b6b,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.split-form-links{animation:slideUp .9s cubic-bezier(.16,1,.3,1) .7s both;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;gap:16px;justify-content:space-between;margin-top:24px}.split-forgot-link,.split-form-links a{color:#fff;font-size:13px;font-weight:550;position:relative;text-decoration:none;text-shadow:0 1px 3px #0003;transition:all .4s cubic-bezier(.16,1,.3,1)}.split-forgot-link:after,.split-form-links a:after{background:linear-gradient(90deg,#30245c,#084357);bottom:-3px;content:"";height:2.5px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.split-forgot-link:hover:after,.split-form-links a:hover:after{width:100%}.split-forgot-link:hover,.split-form-links a:hover{color:#fff;text-shadow:0 0 12px #ffffffe6;transform:translateY(-2px)}.split-form-links span{color:#fff;font-weight:500;text-shadow:0 1px 3px #0003}.copyright-text{animation:slideUp 1.1s cubic-bezier(.16,1,.3,1) .85s both;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:12px;bottom:32px;box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff4d;color:#fff;font-size:13px;font-weight:600;left:37%;letter-spacing:.3px;max-width:90vw;overflow:hidden;padding:10px 24px;position:center;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 6px #0006;transform:translateX(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1000}.copyright-text:hover{background:#ffffff29;border-color:#ffffff80;box-shadow:0 12px 40px #00000040,inset 0 1px 1px #fff6}@media (max-width:930px){.split-card{flex-direction:column;max-width:96vw;min-height:540px;min-width:340px}.split-card-left,.split-card-right{padding:20px 12px}.split-card-left{border-bottom:1px solid #ffffff26;border-right:none}.split-logo-large{margin:16px auto;max-width:100px}}@media (max-width:480px){.split-card{margin:16px;min-width:320px}.split-card-left,.split-card-right{padding:16px}.split-login-title{font-size:24px}.split-login-desc{font-size:14px;margin-bottom:16px}.split-form-links{flex-direction:column;gap:12px}.copyright-text{bottom:16px;font-size:12px;padding:6px 16px}}.modal-overlay{align-items:center;animation:fadeInOverlay .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ece9e999;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}@keyframes fadeInOverlay{0%{backdrop-filter:blur(0) saturate(100%);-webkit-backdrop-filter:blur(0) saturate(100%);opacity:0}to{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);opacity:1}}.modal-content{animation:slideUpModal .5s cubic-bezier(.16,1,.3,1),fadeInScale .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffff7,#ffffffeb);border:1.5px solid #fff9;border-radius:20px;box-shadow:0 25px 70px #00000059,inset 0 0 2px #ffffffe6,0 8px 24px #0000001a;max-height:85vh;max-width:460px;overflow-y:auto;position:relative;width:92%}.modal-content:before{background:radial-gradient(ellipse at 100% 0,#ffffff26 0,#ffffff0d 50%,#0000 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.modal-content>*{position:relative;z-index:2}@keyframes slideUpModal{0%{opacity:0;transform:translateY(40px) scale(.92) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #fff6;display:flex;justify-content:space-between;overflow:hidden;padding:28px 28px 20px;position:relative}.modal-header:before{animation:floatHeader 6s ease-in-out infinite;background:radial-gradient(circle,#21a0d51a,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-10%;top:-50%;width:200px}@keyframes floatHeader{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,20px) scale(1.1)}}.modal-header.error-header{background:linear-gradient(135deg,#ff52521f,#ff52520f);border-bottom-color:#ff525233}.modal-header.error-header:before{background:radial-gradient(circle,#ff52521f,#0000 70%)}.modal-header.contact-header{background:linear-gradient(135deg,#21808d1f,#21808d0f);border-bottom-color:#21808d33}.modal-header.contact-header:before{background:radial-gradient(circle,#21808d1f,#0000 70%)}.modal-title{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) .1s both;color:#1a1a2e;font-size:22px;font-weight:750;letter-spacing:-.02em;margin:0;text-shadow:none}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.modal-close{align-items:center;animation:slideInRight .5s cubic-bezier(.16,1,.3,1) .1s both;background:#0000000f;border:1px solid #0000001a;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#070707;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;opacity:.75;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:40px}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.modal-close:before{background:radial-gradient(circle,#0000001a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.modal-close:hover{background:#0000001f;border-color:#0003;box-shadow:0 6px 16px #00000026;opacity:1;transform:rotate(90deg) scale(1.1)}.modal-close:hover:before{height:100px;width:100px}.modal-close:active{transform:rotate(90deg) scale(.95)}.modal-body{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s both;padding:24px 28px 20px;position:relative;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-icon,.error-icon{align-items:center;animation:bounceIcon .7s cubic-bezier(.68,-.55,.265,1.55) .2s both;background:linear-gradient(135deg,#21a0d51f,#2db89f14);border:1px solid #21a0d533;border-radius:50%;box-shadow:0 8px 24px #0000001a,inset 0 1px 0 #fff6;display:flex;font-size:32px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}@keyframes bounceIcon{0%{opacity:0;transform:scale(.3) translateY(-20px)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1) translateY(0)}}.contact-message,.error-message{animation:fadeUp .6s ease .3s both;color:#374151;font-size:14px;font-weight:500;letter-spacing:.2px;line-height:1.7;margin:0 0 16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-info{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .35s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#21a0d514,#2db89f0d);border:1.5px solid #21a0d533;border-radius:14px;box-shadow:0 8px 24px #00000014,inset 0 1px 0 #fff6;margin:24px 0;overflow:hidden;padding:18px;position:relative}.contact-info:before{animation:floatGlow 8s ease-in-out infinite;background:radial-gradient(circle,#21a0d526,#0000 70%);border-radius:50%;content:"";height:150px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:150px}@keyframes floatGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,15px) scale(1.2)}}.contact-info>*{position:relative;z-index:2}.contact-item{align-items:center;animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .4s both;animation:slideInLeft .6s calc(.4s + var(--delay, 0s)) both cubic-bezier(.16,1,.3,1);border-bottom:1px solid #21a0d526;display:flex;justify-content:space-between;padding:14px 0;transition:all .3s ease}.contact-item:first-child{--delay:0s}.contact-item:nth-child(2){--delay:0.05s}.contact-item:nth-child(3){--delay:0.1s}.contact-item:last-child{border-bottom:none}.contact-item:hover{background:#21a0d514;border-radius:8px;margin:0 -12px;padding:14px 12px;transform:translateX(4px)}.contact-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.6px;opacity:1;text-transform:uppercase}.contact-link,.contact-text{color:#1a1a2e;font-size:14px;font-weight:600;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.contact-link:after{background:linear-gradient(90deg,#2180d5,#2db89f);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.contact-link:hover{color:#2db89f;transform:translateY(-1px)}.contact-link:hover:after{width:100%}.contact-text{color:#070707;font-weight:500}.modal-footer{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;background:linear-gradient(135deg,#ffffff0d,#0000);border-top:1px solid #fff6;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px 28px;position:relative}.modal-footer:before{animation:floatFooter 7s ease-in-out infinite reverse;background:radial-gradient(circle,#2db89f14,#0000 70%);border-radius:50%;bottom:-50%;content:"";height:180px;left:-10%;pointer-events:none;position:absolute;width:180px}@keyframes floatFooter{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.modal-btn{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .45s both;animation:slideUp .6s calc(.45s + var(--btn-delay, 0s)) both cubic-bezier(.16,1,.3,1);border:none;border-radius:11px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.modal-btn-primary{--btn-delay:0s;background:linear-gradient(135deg,#2180d5,#2db89f);border:1px solid #fff3;box-shadow:0 8px 20px #21a0d573,inset 0 1px 0 #ffffff40;color:#fff}.modal-btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.modal-btn-primary:hover{background:linear-gradient(135deg,#2db89f,#2180d5);box-shadow:0 12px 32px #21a0d58c,inset 0 1px 0 #ffffff59;transform:translateY(-3px)}.modal-btn-primary:hover:before{left:100%}.modal-btn-primary:active{box-shadow:0 6px 16px #21a0d566,inset 0 2px 8px #0000001a;transform:translateY(-1px)}.modal-btn-secondary{--btn-delay:0.05s;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff26,#ffffff1a);border:1.5px solid #00000026;box-shadow:0 8px 20px #0000001a,inset 0 1px 0 #ffffff4d;color:#070707;font-weight:600}.modal-btn-secondary:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#00000040;box-shadow:0 12px 32px #00000026,inset 0 1px 0 #fff6;transform:translateY(-3px)}.modal-btn-secondary:active{transform:translateY(-1px)}@media (max-width:480px){.modal-content{border-radius:16px;max-width:96%;width:96%}.modal-header{padding:22px 20px 16px}.modal-body{padding:32px 20px 24px}.modal-footer{flex-direction:column;gap:10px;padding:16px 20px 20px}.modal-btn{width:100%}.contact-icon,.error-icon{font-size:48px;height:70px;width:70px}.modal-title{font-size:19px}.contact-item{align-items:flex-start;flex-direction:column;gap:8px}.contact-label{font-size:11px}.contact-link,.contact-text{font-size:13px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.modal-content{background:linear-gradient(135deg,#1e1e1ef2,#191919e0);border-color:#fff3}.modal-header,.modal-header.contact-header,.modal-header.error-header{border-bottom-color:#ffffff26}.contact-label,.contact-message,.contact-text,.error-message,.modal-close,.modal-title{color:#f5f5f5}.modal-close{background:#ffffff1a;border-color:#fff3}.modal-close:hover{background:#ffffff26;border-color:#ffffff4d}.contact-info{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border-color:#21a0d54d}.contact-item{border-bottom-color:#21a0d533}.modal-footer{border-top-color:#ffffff26}.modal-btn-secondary{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border-color:#ffffff26;color:#f5f5f5}.modal-btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#ffffff40}}.split-form-password-wrapper{align-items:center;display:flex;position:relative;width:100%}.split-form-input-password{padding-left:13px;padding-right:42px;width:100%}.split-form-input-password:placeholder-shown{padding-right:13px}.split-password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#070707;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;opacity:.7;padding:6px;position:absolute;right:8px;transition:all .3s cubic-bezier(.16,1,.3,1);width:36px;z-index:20}.split-form-input-password:placeholder-shown~.split-password-toggle{display:none!important;pointer-events:none}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none!important}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-strong-password-auto-fill-button{display:none!important}.split-password-toggle:hover{background:#0000001a;opacity:1;transform:scale(1.15)}.split-password-toggle:active{transform:scale(.95)}.password-icon{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:toggleIcon .3s cubic-bezier(.16,1,.3,1);height:20px;width:20px}@keyframes toggleIcon{0%{opacity:0;transform:scale(.7) rotateY(90deg)}50%{transform:scale(1.15) rotateY(45deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.split-form-input{animation:slideUp .9s cubic-bezier(.16,1,.3,1) .4s both;animation:slideUp .9s calc(.4s + var(--delay, 0s)) both cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff6;border-radius:10px;box-shadow:inset 0 2px 10px #00000026;box-sizing:border-box;color:#070707;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;padding:11px 13px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%}.split-form-input::placeholder{color:#07070799}.split-form-input:hover:not(:focus){background:#fff3;border-color:#ffffff8c;box-shadow:inset 0 2px 10px #0000001a,0 4px 16px #00000014;transform:translateY(-2px)}.split-form-input:focus{animation:inputBorder 2s ease-in-out infinite;background:#ffffff40;border-color:#21a0d5cc;box-shadow:inset 0 2px 10px #00000026,0 0 0 3px #21a0d540,0 0 20px #21a0d580;outline:none;transform:translateY(-3px) scale(1.02)}@keyframes inputBorder{0%{border-color:#21a0d599}50%{border-color:#21a0d5}to{border-color:#21a0d599}}.split-password-toggle:focus-visible{border-radius:8px;outline:2px solid #2180d5;outline-offset:2px}.split-password-toggle:focus:not(:focus-visible){outline:none}@media (max-width:768px){.split-password-toggle{height:34px;right:10px;width:34px}.password-icon{height:18px;width:18px}}@media (max-width:480px){.split-password-toggle{height:32px;padding:4px;right:8px;width:32px}.password-icon{height:16px;width:16px}.split-form-input{font-size:13px;padding:10px 12px}.split-form-input-password{padding-left:12px;padding-right:40px}.split-form-input-password:placeholder-shown{padding-right:12px}}@media (prefers-color-scheme:dark){.split-password-toggle{color:#f5f5f5}.split-password-toggle:hover{background:#ffffff26}.split-form-input{color:#f5f5f5}.split-form-input::placeholder{color:#f5f5f599}}.split-link-btn{background:none;background:#fff0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.01em;padding:8px 12px;position:relative;text-decoration:none;text-shadow:0 1px 3px #0000004d;transition:all .3s cubic-bezier(.16,1,.3,1)}.split-link-btn:before{background:linear-gradient(135deg,#21a0d526,#2db89f26);border-radius:6px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:-1}.split-link-btn:after{background:linear-gradient(90deg,#2180d5,#2db89f);border-radius:2px;bottom:-3px;content:"";height:2.5px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.split-link-btn:hover{background:#21a0d51a;color:#fff;text-shadow:0 0 12px #21a0d5e6,0 2px 6px #0006;transform:translateY(-2px)}.split-link-btn:hover:before{background:linear-gradient(135deg,#21a0d533,#2db89f26);opacity:1}.split-link-btn:hover:after{box-shadow:0 2px 8px #21a0d566;width:100%}.split-link-btn:active{text-shadow:0 0 8px #21a0d5cc,0 2px 6px #0006;transform:translateY(-1px)}.split-link-btn:focus-visible{background:#21a0d51f;border-radius:6px;outline:2px solid #2180d5;outline-offset:4px}.split-link-btn:focus:not(:focus-visible){outline:none}.split-forgot-link{margin-top:0}.split-signup-btn{display:inline-block}@media (max-width:768px){.split-link-btn{font-size:13px;padding:6px 10px}}@media (max-width:480px){.split-link-btn{font-size:12px;padding:6px 10px}.split-form-links{flex-direction:column;gap:12px}.split-form-links span{align-items:center;display:flex;gap:4px}.split-link-btn{display:inline;padding:0}}@media (prefers-color-scheme:dark){.split-link-btn{color:#e0f2fe;text-shadow:0 1px 3px #00000080}.split-link-btn:hover{background:#21a0d526;color:#fff;text-shadow:0 0 15px #21a0d5,0 2px 8px #00000080}.split-link-btn:hover:before{background:linear-gradient(135deg,#21a0d540,#2db89f33)}.split-link-btn:focus-visible{background:#21a0d533;outline-color:#2180d5}}@keyframes linkGlow{0%,to{text-shadow:0 1px 3px #0000004d}50%{text-shadow:0 0 10px #21a0d599,0 2px 6px #0006}}.split-link-btn:hover{animation:none}.dashboard{background:#fcfcf9;background:var(--color-background);min-height:100vh;transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard)}.dashboard-header{align-items:center;background:#fffffd;background:var(--color-surface);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:24px 32px;padding:var(--space-24) var(--space-32);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.dashboard-header h1{color:#13343b;color:var(--color-text);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.user-info{align-items:center;display:flex;gap:16px;gap:var(--space-16)}.role-badge{background:#626c71;background:var(--color-info);border-radius:9999px;border-radius:var(--radius-full);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.logout-btn,.role-badge{color:#fff;color:var(--color-white);font-weight:550;font-weight:var(--font-weight-semibold);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.logout-btn{background:#c0152f;background:var(--color-error);border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);padding:8px 16px;padding:var(--space-8) var(--space-16);width:auto}.logout-btn:hover{background:#c0152fcc;background:rgba(var(--color-error-rgb),.8);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.dashboard-content{padding:32px;padding:var(--space-32);transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard)}.stats-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.stat-card{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-24);text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card h3{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.stat-card h3,.stat-number{transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.stat-number{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);line-height:1.2;line-height:var(--line-height-tight)}.welcome-message{background:#fffffd;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:32px;padding:var(--space-32);text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.welcome-message h2{color:#21808d;color:var(--color-success);font-size:24px;font-size:var(--font-size-3xl);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin-bottom:16px;margin-bottom:var(--space-16)}.welcome-message h2,.welcome-message p{transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--duration-normal) var(--ease-standard)}.welcome-message p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:8px 0;margin:var(--space-8) 0}.main-content{background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;margin-left:250px;min-height:100vh;padding:32px;padding:var(--space-32);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:16px;gap:var(--space-16);padding:16px 24px;padding:var(--space-16) var(--space-24);text-align:center}.user-info{flex-direction:column;gap:8px;gap:var(--space-8);width:100%}.stats-grid{gap:16px;gap:var(--space-16);grid-template-columns:1fr}.main-content{margin-left:0}.dashboard-content,.main-content{padding:16px;padding:var(--space-16)}}@media (max-width:480px){.dashboard-header{padding:16px;padding:var(--space-16)}.dashboard-header h1{font-size:20px;font-size:var(--font-size-2xl)}.dashboard-content,.stat-card{padding:16px;padding:var(--space-16)}.stat-number{font-size:24px;font-size:var(--font-size-3xl)}.welcome-message{padding:16px;padding:var(--space-16)}.welcome-message h2{font-size:20px;font-size:var(--font-size-2xl)}.stats-grid{gap:12px;gap:var(--space-12)}.user-info{gap:6px;gap:var(--space-6)}}*{transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}html.no-transitions *{transition:none!important}body:not(.sidebar-collapsed) .main-content{margin-left:280px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .main-content{margin-left:80px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}body.sidebar-collapsed .dashboard-content{max-width:100%;padding-left:32px;padding-left:var(--space-32);padding-right:32px;padding-right:var(--space-32)}body.sidebar-collapsed .dashboard-header{max-width:100%}@media (max-width:1023px){body .main-content,body.sidebar-collapsed .main-content{margin-left:80px}}@media (max-width:767px){body .main-content,body.sidebar-collapsed .main-content{margin-left:0!important;padding:16px;padding:var(--space-16);padding-top:70px}.dashboard-content{padding:16px!important;padding:var(--space-16)!important}.dashboard-header{padding:16px 24px;padding:var(--space-16) var(--space-24)}}@media (max-width:479px){body .main-content,body.sidebar-collapsed .main-content{padding:12px;padding:var(--space-12)}.dashboard-content{padding:12px!important;padding:var(--space-12)!important}}.dashboard-content,.dashboard-header,.main-content,.stats-grid,.welcome-message{transition:margin-left .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:margin-left .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}