@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;--primary-gradient:linear-gradient(135deg,#2180ac,#1a6a8f);--secondary-gradient:linear-gradient(135deg,#e8f4fb,#f0f9fd);--accent-gradient:linear-gradient(135deg,#f59e0b,#f97316);--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-text:#1f2937;--sidebar-text-secondary:#6b7280;--primary-color:#2180ac;--primary-hover:#1d6a8f;--primary-light:#e0f2fe;--accent-color:#f59e0b;--danger-color:#ef4444;--success-color:#10b981;--color-surface:#f8fafc;--color-border-dark:#cbd5e1;--color-text-tertiary:#94a3b8;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 32px #00000026;--transition-duration:0.3s;--transition-timing:cubic-bezier(0.4,0,0.2,1);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}.advanced-sidebar{background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid #00000014;box-shadow:0 10px 30px #0000001a,inset -1px 0 0 #ffffff80;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);width:280px;width:var(--sidebar-width);z-index:1000}.advanced-sidebar.collapsed{box-shadow:0 6px 20px #00000014,inset -1px 0 0 #ffffff80;width:80px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#2180d5,#2db89f);border-bottom:1px solid #ffffff26;box-shadow:0 8px 24px #21a0d54d,inset 0 1px 0 #ffffff4d;display:flex;justify-content:space-between;overflow:hidden;padding:18px 16px;position:relative}.sidebar-header:before{animation:floatHeaderSidebar 7s ease-in-out infinite;background:radial-gradient(circle,#ffffff26,#0000 70%);height:220px;right:-50%;top:-50%;width:220px}.sidebar-header:after,.sidebar-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.sidebar-header:after{animation:floatHeaderSidebar 9s ease-in-out infinite reverse;background:radial-gradient(circle,#ffffff1a,#0000 70%);bottom:-50%;height:180px;left:-50%;width:180px}@keyframes floatHeaderSidebar{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-18px) translateX(12px) scale(1.1)}}.sidebar-logo-container{align-items:center;animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .1s both;display:flex;flex:1 1;gap:12px;min-width:0;position:relative;z-index:2}.sidebar-logo{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .15s both;background:#ffffff2e;border:1.5px solid #ffffff40;border-radius:12px;box-shadow:0 6px 20px #0003,inset 0 1px 0 #ffffff4d;height:52px;object-fit:contain;padding:8px;transition:all .4s cubic-bezier(.16,1,.3,1);width:52px}.sidebar-logo:hover{background:#ffffff47;box-shadow:0 10px 32px #0000004d,inset 0 1px 0 #fff6;transform:scale(1.15) rotate(8deg)}.sidebar-logo:active{transform:scale(1.08) rotate(4deg)}.sidebar-title{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s both;font-size:18px;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 8px #00000040;white-space:nowrap}.sidebar-title,.sidebar-toggle-btn{color:#fff;position:relative;z-index:2}.sidebar-toggle-btn{align-items:center;animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .25s both;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #fff3;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;height:40px;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);width:40px}.sidebar-toggle-btn:hover{background:#ffffff47;box-shadow:0 8px 20px #0003,inset 0 1px 0 #ffffff4d;transform:translateX(-4px) scale(1.08)}.sidebar-toggle-btn:active{transform:translateX(-8px) scale(.98)}.sidebar-toggle-btn:focus-visible{outline:2px solid #ffffff80;outline-offset:2px}.toggle-icon{height:20px;transition:transform .4s cubic-bezier(.16,1,.3,1);width:20px}.advanced-sidebar.collapsed .toggle-icon{transform:rotate(180deg) scaleX(-1)}.sidebar-search{animation:slideDown .6s cubic-bezier(.16,1,.3,1) .3s both;border-bottom:1px solid #0000000f;padding:14px 12px;position:relative}.search-input,.sidebar-search{background:linear-gradient(135deg,#fff,#f5f7fa)}.search-input{border:1.5px solid #0000001a;border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#070707;font-weight:500;outline:none;padding:10px 12px 10px 36px;transition:all .4s cubic-bezier(.16,1,.3,1)}.search-input:hover:not(:focus){border-color:#21a0d533;box-shadow:0 4px 12px #00000014}.search-input:focus{background:#fff;border-color:#2180d5;box-shadow:0 0 0 3px #21a0d526,0 6px 16px #21a0d526;transform:translateY(-2px)}.search-icon{color:#999;height:16px;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);width:16px}.search-input:focus~.search-icon{color:#2180d5;transform:translateY(-50%) scale(1.15)}.sidebar-list{flex:1 1;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:12px 8px;transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar-list::-webkit-scrollbar{width:6px}.sidebar-list::-webkit-scrollbar-track{background:#0000}.sidebar-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px;-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#0003}.sidebar-item{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .35s both;animation:slideUp .6s calc(.35s + var(--item-delay, 0s)) both cubic-bezier(.16,1,.3,1);margin:0;padding:0;position:relative}.sidebar-item-wrapper,.sidebar-link{align-items:center;display:flex;position:relative}.sidebar-link{border-left:3px solid #0000;border-radius:10px;color:#555;flex:1 1;font-weight:600;gap:12px;letter-spacing:-.01em;margin:4px 0;overflow:hidden;padding:12px 14px;transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar-link:before{background:linear-gradient(90deg,#0000,#21a0d51f,#0000);bottom:0;content:"";left:-100%;position:absolute;right:0;top:0;transition:left .6s cubic-bezier(.16,1,.3,1)}.sidebar-link:hover{background:linear-gradient(135deg,#21a0d51a,#2db89f14);border-left-color:#2180d5;box-shadow:0 4px 12px #21a0d51f;color:#2180d5;transform:translateX(4px)}.sidebar-link:hover:before{left:100%}.sidebar-link.active{background:linear-gradient(135deg,#21a0d526,#21a0d514);border-left-color:#2180d5;box-shadow:inset 0 2px 8px #21a0d51f;color:#2180d5;font-weight:700}.sidebar-link:focus-visible{outline:2px solid #2180d5;outline-offset:-2px}.sidebar-icon{align-items:center;display:inline-flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));font-size:18px;justify-content:center;min-width:24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1}.sidebar-link:hover .sidebar-icon{transform:scale(1.2) rotate(12deg)}.sidebar-link.active .sidebar-icon{animation:iconBounceSidebar .5s cubic-bezier(.16,1,.3,1)}@keyframes iconBounceSidebar{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.25) translateY(-6px)}to{transform:scale(1) translateY(0)}}.sidebar-label{flex:1 1;font-size:14px;font-weight:600;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1}.submenu-arrow{color:#999;flex-shrink:0;height:16px;position:relative;transition:transform .4s cubic-bezier(.16,1,.3,1);width:16px;z-index:1}.submenu-arrow.expanded{transform:rotate(180deg)}.submenu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;font-family:inherit;height:28px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.16,1,.3,1);width:28px}.sidebar-item-wrapper:hover .submenu-toggle{background:#21a0d51a;opacity:1;pointer-events:auto}.submenu-toggle:hover{background:#21a0d526;color:#2180d5;transform:translateY(-50%) scale(1.15)}.submenu-toggle svg{height:16px;transition:transform .4s cubic-bezier(.16,1,.3,1);width:16px}.submenu{animation:slideDownMenu .35s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#21a0d50a,#21a0d505);border:1px solid #21a0d51a;border-radius:10px;box-shadow:inset 0 1px 0 #21a0d51a;list-style:none;margin:6px 0;overflow:hidden;padding:0}@keyframes slideDownMenu{0%{max-height:0;opacity:0;transform:translateY(-12px) scaleY(.95)}to{max-height:500px;opacity:1;transform:translateY(0) scaleY(1)}}.submenu-item{margin:0;padding:0}.submenu-link{align-items:center;border-radius:8px;color:#777;display:flex;font-size:13px;font-weight:600;gap:12px;letter-spacing:-.01em;margin:4px 6px;padding:10px 14px 10px 36px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.submenu-link:hover{background:#21a0d51f;color:#2180d5;transform:translateX(4px)}.submenu-link.active{background:#21a0d526;color:#2180d5;font-weight:700}.submenu-dot{background:#2180d5;border-radius:50%;box-shadow:0 0 0 3px #21a0d533;height:6px;transition:all .4s cubic-bezier(.16,1,.3,1);width:6px}.submenu-link:hover .submenu-dot{box-shadow:0 0 12px #21a0d599;transform:scale(1.4)}.submenu-link.active .submenu-dot{animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 0 3px #21a0d533;transform:scale(1)}50%{box-shadow:0 0 12px #21a0d580;transform:scale(1.25)}}.sidebar-quick-actions{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#21a0d50a,#0000);border-bottom:1px solid #0000000f;border-top:1px solid #0000000f;padding:16px 12px}.quick-action-title{color:#999;font-size:10px;font-weight:800;letter-spacing:.8px;margin-bottom:12px;padding:0 4px;text-transform:uppercase}.quick-action-buttons{display:flex;gap:8px}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#fff,#f5f7fa);border:1.5px solid #0000001a;border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#555;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:18px;justify-content:center;overflow:hidden;padding:12px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.quick-action-btn:before{background:linear-gradient(90deg,#0000,#21a0d526,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.16,1,.3,1);width:100%}.quick-action-btn:hover{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border-color:#2180d5;box-shadow:0 8px 20px #21a0d533;color:#2180d5;transform:translateY(-3px)}.quick-action-btn:hover:before{left:100%}.quick-action-btn:active{transform:translateY(-1px)}.quick-action-btn.active{background:linear-gradient(135deg,#21a0d526,#21a0d514);border-color:#2180d5;box-shadow:inset 0 2px 8px #21a0d51f;color:#2180d5;font-weight:700}.quick-action-btn:focus-visible{outline:2px solid #2180d5;outline-offset:2px}.notification-badge{align-items:center;animation:pulseBadge 2s cubic-bezier(.16,1,.3,1) infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2.5px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ef444466,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:10px;font-weight:800;height:24px;justify-content:center;letter-spacing:-.5px;position:absolute;right:-8px;top:-8px;width:24px}@keyframes pulseBadge{0%,to{box-shadow:0 4px 12px #ef444466,inset 0 1px 0 #fff3;transform:scale(1)}50%{box-shadow:0 6px 16px #ef444499,inset 0 1px 0 #ffffff4d;transform:scale(1.2)}}@media (max-width:1024px){.advanced-sidebar{width:280px}.sidebar-header{padding:16px 14px}.sidebar-logo{height:48px;width:48px}.sidebar-title{font-size:16px}.sidebar-link{font-size:13px;padding:11px 12px}.submenu-link{font-size:12px;padding:9px 12px 9px 32px}}@media (max-width:768px){.advanced-sidebar{border-bottom:1px solid #00000014;border-right:none;flex-direction:row;height:100vh;position:fixed;transform:translateX(0);transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:999}.advanced-sidebar.collapsed{transform:translateX(-100%)}.sidebar-header{border-bottom:none;border-right:1px solid #00000014;flex-direction:column;flex-shrink:0;padding:12px;width:auto}.sidebar-logo-container{flex-direction:column;gap:8px;width:100%}.sidebar-title{font-size:12px;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.sidebar-toggle-btn{height:36px;width:36px}.sidebar-list{flex-direction:column}.sidebar-search{padding:12px}.search-input{font-size:12px}}@media (max-width:480px){.sidebar-header{padding:10px}.sidebar-logo{height:40px;width:40px}.sidebar-title{font-size:11px}.sidebar-link{font-size:12px;gap:10px;padding:10px}.sidebar-icon{font-size:16px}.sidebar-label{font-size:12px}.quick-action-btn{font-size:16px;padding:10px}.notification-badge{font-size:9px;height:20px;width:20px}}.sidebar-footer{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;background:linear-gradient(180deg,#0000,#21a0d50a);border-top:1px solid #00000014;display:flex;flex-direction:column;gap:14px;padding:20px 16px}.sidebar-user{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .45s both;background:linear-gradient(135deg,#21a0d514,#2db89f0f);border:1.5px solid #21a0d533;border-radius:12px;box-shadow:0 4px 12px #0000000a;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:14px 16px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar-user:before{animation:pulseSoft 4s ease-in-out infinite;background:radial-gradient(circle,#21a0d533,#0000 70%);border-radius:50%;content:"";height:140px;pointer-events:none;position:absolute;right:-50%;top:-50%;width:140px}@keyframes pulseSoft{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.sidebar-user:hover{background:linear-gradient(135deg,#21a0d526,#2db89f1f);border-color:#2180d5;box-shadow:0 8px 24px #21a0d533,inset 0 1px 0 #ffffff80;transform:translateY(-3px)}.sidebar-user:active{transform:translateY(-1px)}.user-avatar{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#2180d5,#2db89f);border:2px solid #fff9;box-shadow:0 6px 18px #21a0d559,inset 0 1px 0 #ffffff4d;position:relative;z-index:2}.sidebar-user:hover .user-avatar{box-shadow:0 8px 24px #21a0d573,inset 0 1px 0 #fff6;transform:scale(1.12) rotate(-8deg)}.user-info{flex:1 1;position:relative;z-index:2}.user-name{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .52s both;color:#070707;font-weight:750;overflow:hidden;text-overflow:ellipsis}.user-role{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .54s both;color:#666;font-size:12px;font-weight:600;text-transform:capitalize}.user-status{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .56s both;color:#888;display:flex;font-size:11px;font-weight:500;gap:6px;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.status-dot{animation:blinkStatus 2s ease-in-out infinite;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981cc,0 0 0 2px #10b98133;flex-shrink:0;height:8px;width:8px}@keyframes blinkStatus{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.logout-btn{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;border:1px solid #fff3;border-radius:10px;box-shadow:0 6px 16px #ef44444d,inset 0 1px 0 #fff3;font-size:13px;font-weight:700;gap:8px;letter-spacing:.3px;padding:12px 16px;text-transform:uppercase}.logout-btn:before{background:linear-gradient(90deg,#0000,#ffffff59,#0000)}.logout-btn:after{background:radial-gradient(circle,#fff6,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 28px #ef444466,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.logout-btn:hover:after{height:300px;width:300px}.logout-btn:active{box-shadow:0 6px 16px #ef44444d,inset 0 2px 8px #0000001a;transform:translateY(-1px)}.logout-btn:focus-visible{outline:2px solid #ef4444}.logout-icon{align-items:center;display:flex;font-size:16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.logout-btn:hover .logout-icon{transform:translateX(3px) rotate(-12deg) scale(1.15)}.logout-btn:active .logout-icon{transform:translateX(1px) rotate(-8deg) scale(1.05)}.logout-label{font-size:13px;font-weight:700;letter-spacing:.3px}.sidebar-copyright{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .55s both;background:linear-gradient(135deg,#21a0d50a,#0000);border-top:1px solid #0000000f;color:#999;font-size:10px;font-weight:600;letter-spacing:.4px;line-height:1.5;padding:14px 12px;text-align:center;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar-copyright:hover{background:linear-gradient(135deg,#21a0d514,#2db89f0a);color:#666}@media (max-width:768px){.sidebar-footer{gap:12px;padding:16px 12px}.sidebar-user{gap:12px;padding:12px 14px}.user-avatar{font-size:16px;height:44px;width:44px}.user-name{font-size:13px}.user-role{font-size:11px}.user-status{font-size:10px}.logout-btn{font-size:12px;gap:6px;padding:10px 14px}.logout-icon{font-size:14px}.logout-label{font-size:12px}.sidebar-copyright{font-size:9px;padding:12px 10px}}@media (max-width:480px){.sidebar-footer{gap:10px;padding:12px 10px}.sidebar-user{gap:10px;padding:10px 12px}.user-avatar{font-size:14px;height:40px;width:40px}.user-name{font-size:12px}.user-role{font-size:10px}.user-status{font-size:9px}.logout-btn{border-radius:8px;font-size:11px;gap:6px;padding:10px 12px}.logout-icon{font-size:14px}.logout-label{font-size:11px}.sidebar-copyright{font-size:8px;letter-spacing:.2px;padding:10px 8px}}@media (prefers-color-scheme:dark){.sidebar-footer{background:linear-gradient(180deg,#0000,#21a0d514);border-top-color:#ffffff1a}.sidebar-user{background:linear-gradient(135deg,#21a0d526,#2db89f1f);border-color:#21a0d54d}.sidebar-user:hover{background:linear-gradient(135deg,#21a0d540,#2db89f33);border-color:#21a0d580;box-shadow:0 8px 24px #21a0d54d,inset 0 1px 0 #ffffff1a}.user-name{color:#e0e0e0}.user-role{color:#a0a0a0}.user-status{color:#888}.sidebar-copyright{background:linear-gradient(135deg,#21a0d514,#0000);border-top-color:#ffffff1a;color:#777}.sidebar-copyright:hover{background:linear-gradient(135deg,#21a0d526,#2db89f14);color:#999}}.logout-btn:focus:not(:focus-visible){outline:none}.sidebar-user:focus-visible{outline:2px solid #2180d5;outline-offset:2px}.modal-overlay{animation:fadeIn .3s;animation:fadeIn var(--transition-duration)}.help-modal-overlay{align-items:center;animation:fadeInOverlay .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.help-modal-content{animation:slideUpModal .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 60px #00000026,inset 0 0 1px #ffffffe6;max-height:80vh;max-width:600px;overflow-y:auto;position:relative;width:92%}.help-modal-content:before{background:radial-gradient(ellipse at 100% 0,#21a0d514 0,#2db89f0a 50%,#0000 100%);border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.help-modal-content>*{position:relative;z-index:2}.help-modal-header{align-items:flex-start;background:linear-gradient(135deg,#21a0d50f,#2db89f0a);border-bottom:1px solid #00000014;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:32px 28px 20px}.help-modal-title-wrapper{flex:1 1}.help-modal-title{color:#070707;font-size:24px;font-weight:750;letter-spacing:-.02em;margin:0 0 4px}.help-modal-subtitle{color:#666;font-size:13px;font-weight:500;letter-spacing:.3px;margin:0}.help-modal-close-btn{align-items:center;background:#0000000f;border:1px solid #0000001f;border-radius:10px;box-shadow:0 2px 8px #00000014;color:#070707;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;opacity:.75;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);width:40px}.help-modal-close-btn:hover{background:#0000001f;border-color:#0003;box-shadow:0 6px 16px #0000001f;opacity:1;transform:rotate(90deg) scale(1.1)}.help-modal-close-btn:active{transform:rotate(90deg) scale(.95)}.help-modal-body{display:flex;flex-direction:column;gap:20px;padding:32px 28px}.help-section-item{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .2s both;animation:slideUp .6s calc(.2s + var(--delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#21a0d50f,#2db89f08);border:1px solid #21a0d526;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.help-section-item:first-child{--delay:0s}.help-section-item:nth-child(2){--delay:0.05s}.help-section-item:nth-child(3){--delay:0.1s}.help-section-item:nth-child(4){--delay:0.15s}.help-section-item:hover{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border-color:#21a0d54d;box-shadow:0 8px 24px #21a0d526;transform:translateY(-4px)}.help-section-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#21a0d526,#2db89f1a);border-radius:12px;display:flex;flex-shrink:0;font-size:40px;height:56px;justify-content:center;width:56px}.help-section-item:first-child .help-section-icon{animation-delay:0s}.help-section-item:nth-child(2) .help-section-icon{animation-delay:.3s}.help-section-item:nth-child(3) .help-section-icon{animation-delay:.6s}.help-section-item:nth-child(4) .help-section-icon{animation-delay:.9s}.help-section-info{flex:1 1}.help-section-title{color:#070707;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.help-section-description{color:#555;font-size:14px;font-weight:500;line-height:1.6;margin:0 0 12px}.help-section-link{background:linear-gradient(135deg,#2180d5,#2db89f);border:none;border-radius:8px;box-shadow:0 4px 12px #21a0d54d;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-top:8px;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.help-section-link:hover{background:linear-gradient(135deg,#2db89f,#2180d5);box-shadow:0 8px 20px #21a0d566;transform:translateY(-2px)}.help-section-link:active{transform:translateY(0)}.help-section-email-link,.help-section-phone-link{border-radius:6px;color:#2180d5;display:inline-block;font-size:14px;font-weight:600;margin-right:8px;margin-top:6px;padding:6px 10px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.help-section-email-link:hover,.help-section-phone-link:hover{background:#21a0d51a;color:#2db89f;transform:translateY(-1px)}.help-modal-footer{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;background:linear-gradient(135deg,#f5f5f580,#0000);border-top:1px solid #00000014;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px 28px}.help-btn{align-items:center;border:none;border-radius:10px;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:11px 24px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.16,1,.3,1)}.help-btn-primary{background:linear-gradient(135deg,#2180d5,#2db89f);border:1px solid #fff3;box-shadow:0 8px 20px #21a0d573}.help-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%}.help-btn-primary:hover{background:linear-gradient(135deg,#2db89f,#2180d5);box-shadow:0 12px 32px #21a0d58c;transform:translateY(-3px)}.help-btn-primary:hover:before{left:100%}.help-btn-primary:active{box-shadow:0 6px 16px #21a0d566;transform:translateY(-1px)}.help-btn-secondary{background:linear-gradient(135deg,#00000014,#0000000d);border:1.5px solid #00000026;box-shadow:0 4px 12px #00000014;color:#070707}.help-btn-secondary:hover{background:linear-gradient(135deg,#0000001f,#00000014);border-color:#00000040;box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.help-btn-secondary:active{transform:translateY(-1px)}.help-btn:focus-visible{border-radius:10px;outline:2px solid #2180d5;outline-offset:3px}.help-modal-content::-webkit-scrollbar{width:8px}.help-modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.help-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#21a0d580,#2db89f80);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.help-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#21a0d5b3,#2db89fb3)}@media (max-width:768px){.help-modal-content{max-height:85vh;max-width:95%}.help-modal-header{flex-direction:column;gap:12px;padding:24px 20px 16px}.help-modal-title{font-size:20px}.help-modal-close-btn{align-self:flex-end}.help-modal-body{gap:16px;padding:20px}.help-section-item{flex-direction:column;gap:12px;padding:16px}.help-section-icon{font-size:32px;height:48px;width:48px}.help-modal-footer{flex-direction:column;gap:10px;padding:16px 20px 20px}.help-btn{width:100%}}@media (max-width:480px){.help-modal-content{border-radius:14px;max-width:96%}.help-modal-header{border-radius:14px 14px 0 0;padding:20px 16px 12px}.help-modal-title{font-size:18px}.help-modal-subtitle{font-size:12px}.help-modal-close-btn{font-size:20px;height:36px;width:36px}.help-modal-body{gap:12px;padding:16px}.help-section-item{gap:10px;padding:14px}.help-section-title{font-size:15px}.help-section-description{font-size:13px}.help-section-icon{font-size:28px;height:44px;width:44px}.help-modal-footer{padding:12px 16px 16px}.help-btn{font-size:12px;padding:10px 20px}}@media (max-width:1024px){:root{--sidebar-width:260px;--sidebar-collapsed-width:70px}.sidebar-title{font-size:16px}.sidebar-logo{height:55px;width:55px}}@media (max-width:768px){:root{--sidebar-width:240px;--sidebar-collapsed-width:65px}.sidebar-logo{height:50px;width:50px}.sidebar-link{padding:10px 12px}.quick-action-title{font-size:11px}.help-modal,.mailbox-modal{max-height:80vh;max-width:90%}}@media (max-width:480px){:root{--sidebar-width:220px;--sidebar-collapsed-width:60px}.sidebar-header{padding:12px}.sidebar-toggle-btn{height:32px;width:32px}.sidebar-logo{height:45px;width:45px}.sidebar-link{gap:8px;padding:8px 10px}.sidebar-icon{font-size:16px;min-width:20px}.user-avatar{font-size:14px;height:36px;width:36px}.logout-btn{padding:8px 10px}.sidebar-logo-container{gap:8px}.help-modal,.mailbox-modal{border-radius:12px 12px 0 0;max-height:90vh;max-width:95%;width:100%}.compose-form,.help-content,.mail-detail-content,.modal-header{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px}.help-btn-primary,.help-btn-secondary{width:100%}}.advanced-sidebar.collapsed .sidebar-link{border-left:none;justify-content:center;margin:4px 6px;padding:12px}.advanced-sidebar.collapsed .sidebar-icon{margin:0;min-width:auto}.advanced-sidebar.collapsed .sidebar-label,.advanced-sidebar.collapsed .submenu,.advanced-sidebar.collapsed .submenu-arrow,.advanced-sidebar.collapsed .submenu-toggle{display:none}.advanced-sidebar.collapsed .sidebar-user{justify-content:center;padding:8px}.advanced-sidebar.collapsed .user-info{display:none}.advanced-sidebar.collapsed .sidebar-footer{align-items:center}.advanced-sidebar.collapsed .logout-label,.advanced-sidebar.collapsed .sidebar-search{display:none}@media print{.advanced-sidebar{display:none}}.mailbox-modal-large{animation:slideUpModalMail .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #00000014;border-radius:18px;box-shadow:0 25px 70px #00000026,inset 0 0 1px #ffffffe6;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:1200px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}@keyframes slideUpModalMail{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mailbox-header{align-items:center;background:linear-gradient(135deg,#2180d5,#2db89f);border-bottom:none;box-shadow:0 8px 24px #21a0d54d,inset 0 1px 0 #fff3;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:28px 32px;position:relative}.mailbox-header:before{animation:floatHeaderBg 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a,#0000 70%);border-radius:50%;content:"";height:300px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:300px}.mailbox-header-left{flex:1 1;position:relative;z-index:2}.mailbox-header-right{position:relative;z-index:2}.mailbox-header-right,.mailbox-title{align-items:center;display:flex;gap:12px}.mailbox-title{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) .1s both;font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0}.unread-badge{animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .2s both;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid #fff6;border-radius:20px;box-shadow:0 4px 12px #0000001a;font-size:11px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:6px 14px;text-transform:uppercase}.mailbox-tabs{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .15s both;display:flex;gap:8px}.tab-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40;color:#ffffffd9;font-size:12px;letter-spacing:.3px;transition:all .4s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{background:#fff3;border-color:#ffffff80}.tab-btn.active{background:#ffffff40;border-color:#fff9;box-shadow:0 4px 12px #00000026;font-weight:700}.mail-back-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 18px;transition:all .4s cubic-bezier(.16,1,.3,1)}.mail-back-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.mail-back-btn:active{transform:translateY(0)}.modal-close-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 4px 12px #0000001a;font-family:inherit;height:40px;transition:all .4s cubic-bezier(.16,1,.3,1);width:40px}.modal-close-btn:hover{background:#ffffff40;box-shadow:0 8px 20px #00000026;transform:rotate(90deg) scale(1.15)}.modal-close-btn:active{transform:rotate(90deg) scale(1)}.mail-detail-container{background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:32px}.mail-detail-header-section{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;background:linear-gradient(135deg,#fff,#f5f7fa);border:1px solid #00000014;border-radius:14px;box-shadow:0 4px 16px #0000000f;padding:24px}.mail-sender-info{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.mail-sender-avatar{align-items:center;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) .35s both;background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:12px;box-shadow:0 8px 24px #21a0d54d;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:60px;justify-content:center;width:60px}.mail-sender-details{flex:1 1}.mail-sender-name{color:#070707;font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.mail-sender-role{color:#666;font-size:13px;font-weight:500;margin:4px 0}.mail-timestamp{color:#999;font-size:12px;margin:8px 0 0}.mail-subject-section{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;padding:0}.mail-subject{color:#070707;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:0 0 16px}.mail-project-banner{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .45s both;background:linear-gradient(135deg,#21a0d51a,#2db89f14);border:1px solid #21a0d533;border-radius:8px;display:flex;gap:12px;padding:14px 16px}.project-badge{background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:6px;box-shadow:0 2px 8px #21a0d533;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.mail-project-banner strong{color:#070707;font-size:14px;font-weight:600}.mail-body-section{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#fff,#f5f7fa);border:1px solid #00000014;border-radius:14px;box-shadow:0 4px 16px #0000000f;padding:28px}.mail-body-content{color:#333;font-size:14px;font-weight:500;line-height:1.8;white-space:pre-wrap;word-break:break-word}.mail-receipt-status{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .55s both;border-left:4px solid;border-radius:10px;display:flex;gap:12px;margin:20px 0;padding:14px 16px}.mail-receipt-status.sent{background:linear-gradient(135deg,#21a0d514,#21a0d50a);border:1px solid #21a0d533}.mail-receipt-status.read{background:linear-gradient(135deg,#4caf5014,#4caf500a);border:1px solid #4caf5033}.receipt-icon{font-size:20px;font-weight:700}.mail-receipt-status.sent .receipt-icon{color:#2180d5}.mail-receipt-status.read .receipt-icon{color:#4caf50}.receipt-text{margin:0}.receipt-text strong{color:#070707;font-size:13px;font-weight:700}.receipt-text p{color:#666;font-size:12px;margin:4px 0 0}.mail-actions-footer{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .6s both;border-top:1px solid #00000014;display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.compose-form-large{background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:32px}.form-group-large{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;animation:slideUp .6s calc(.3s + var(--form-delay, 0s)) both cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:10px}.form-group-large:first-child{--form-delay:0s}.form-group-large:nth-child(2){--form-delay:0.05s}.form-group-large:nth-child(3){--form-delay:0.1s}.form-group-large:nth-child(4){--form-delay:0.15s}.form-label{color:#070707;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-control-large,.form-textarea-large{background:linear-gradient(135deg,#fff,#f5f7fa);border:1.5px solid #0000001f;border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#070707;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.form-control-large::placeholder,.form-textarea-large::placeholder{color:#999}.form-control-large:hover:not(:disabled),.form-textarea-large:hover:not(:disabled){border-color:#21a0d54d;box-shadow:0 4px 16px #00000014}.form-control-large:focus,.form-textarea-large:focus{border-color:#2180d5;box-shadow:0 0 0 3px #21a0d526,0 8px 24px #21a0d533;outline:none;transform:translateY(-2px)}.form-control-large:disabled,.form-textarea-large:disabled{background:#0000000d;cursor:not-allowed;opacity:.6}.form-textarea-large{min-height:200px;resize:vertical}.compose-actions{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;border-top:1px solid #00000014;display:flex;gap:12px;padding-top:20px}.mailbox-list-container{background:linear-gradient(135deg,#f8f9fa,#fff);flex:1 1;overflow-y:auto;padding:24px}.mails-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mail-card{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .4s both;animation:slideUp .6s calc(.4s + var(--card-delay, 0s)) both cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#fff,#f5f7fa);border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 12px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.mail-card:hover{background:linear-gradient(135deg,#fff,#f0f8fd);border-color:#2180d5;box-shadow:0 12px 32px #21a0d533;transform:translateY(-6px)}.mail-card.unread{background:linear-gradient(135deg,#f0f8fd,#e8f4f9);border-color:#21a0d54d;box-shadow:0 4px 16px #21a0d526}.mail-card.unread:hover{box-shadow:0 12px 32px #21a0d54d}.mail-card.selected{background:linear-gradient(135deg,#f0f8fd,#e8f4f9);border-color:#2180d5;box-shadow:0 0 0 3px #21a0d526}.mail-card-header{align-items:flex-start;display:flex;gap:12px}.mail-card-avatar{align-items:center;background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:10px;box-shadow:0 4px 12px #21a0d533;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:44px;justify-content:center;width:44px}.mail-card-top{align-items:flex-start;display:flex;flex:1 1;gap:8px;justify-content:space-between}.mail-card-from{color:#070707;font-size:13px;font-weight:700;margin:0}.mail-card-time{color:#999;font-size:11px;font-weight:600;white-space:nowrap}.mail-card-body{padding:8px 0}.mail-card-subject{color:#070707;font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 6px}.mail-card-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.mail-card-footer{align-items:center;border-top:1px solid #00000014;display:flex;justify-content:space-between;padding-top:8px}.mail-project-tag{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border:1px solid #21a0d533;border-radius:6px;color:#2180d5;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.unread-dot{background:linear-gradient(135deg,#2180d5,#2db89f);border-radius:50%;box-shadow:0 0 8px #21a0d566;height:8px;width:8px}.star-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:16px;padding:4px;transition:all .3s cubic-bezier(.16,1,.3,1)}.star-btn:hover{color:gold;text-shadow:0 0 8px #ffd70080;transform:scale(1.25)}.star-btn.starred{color:gold;text-shadow:0 0 8px #ffd70099}.empty-state{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;padding:60px 40px}.empty-icon{font-size:80px;margin-bottom:16px}.empty-text{color:#070707;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.empty-subtext{color:#666;font-size:14px;font-weight:500;margin:8px 0 0}.loader{animation:spin .8s linear infinite;border:4px solid #21a0d533;border-radius:50%;border-top-color:#2180d5;box-shadow:0 0 12px #21a0d54d;height:44px;margin:0 auto 16px;width:44px}.btn{border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:11px 20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-primary{background:linear-gradient(135deg,#2180d5,#2db89f);border:1px solid #fff3;box-shadow:0 8px 20px #21a0d54d}.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%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2db89f,#2180d5);box-shadow:0 12px 32px #21a0d566}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){box-shadow:0 6px 16px #21a0d54d}.btn-secondary{background:linear-gradient(135deg,#0000000f,#0000000a);border:1.5px solid #0000001f;box-shadow:0 4px 12px #00000014;color:#070707}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#0000001f,#00000014);border-color:#21a0d54d;box-shadow:0 8px 20px #0000001f;color:#2180d5;transform:translateY(-2px)}.btn-delete{background:#ff44441f;border:1.5px solid #ff44444d;color:#f44}.btn-delete:hover:not(:disabled){background:#f443;box-shadow:0 8px 20px #ff444440;transform:translateY(-2px)}.btn-action{background:linear-gradient(135deg,#21a0d51f,#2db89f14);border:1.5px solid #21a0d54d;color:#2180d5}.btn-action:hover:not(:disabled){background:linear-gradient(135deg,#21a0d533,#2db89f26);box-shadow:0 8px 20px #21a0d533;transform:translateY(-2px)}.btn-sm{border-radius:8px}.btn-starred{background:#ffd70026;border:1px solid #ffd7004d;color:gold}.btn-starred:hover:not(:disabled){background:#ffd70040;box-shadow:0 4px 12px #ffd70033}.btn:focus-visible{border-radius:10px;outline:2px solid #2180d5;outline-offset:3px}.mailbox-filter-bar{background:linear-gradient(135deg,#fff,#f5f7fa);border-bottom:1px solid #00000014;border-radius:8px 8px 0 0;padding:16px}.filter-row-1{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .3s both;display:flex;gap:10px;margin-bottom:12px}.filter-row-2{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1) .35s both;display:flex;flex-wrap:wrap;gap:8px}.filter-date,.filter-input,.filter-select{background:linear-gradient(135deg,#fff,#f5f7fa);border:1.5px solid #0000001f;border-radius:8px;color:#070707;font-family:inherit;font-size:12px;font-weight:500;padding:10px 14px;transition:all .4s cubic-bezier(.16,1,.3,1)}.filter-input{flex:1 1;min-width:200px}.filter-input::placeholder{color:#999}.filter-date,.filter-select{min-width:140px}.filter-date:hover:not(:focus),.filter-input:hover:not(:focus),.filter-select:hover:not(:focus){border-color:#21a0d54d;box-shadow:0 4px 12px #00000014}.filter-date:focus,.filter-input:focus,.filter-select:focus{border-color:#2180d5;box-shadow:0 0 0 3px #21a0d526;outline:none}.filter-row-2 label{color:#070707;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.bulk-actions-bar{animation:slideDown .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#21a0d51a,#2db89f14);border:1px solid #21a0d533;border-radius:0;justify-content:space-between;padding:14px 16px}.bulk-actions-bar,.bulk-left{align-items:center;display:flex}.bulk-left{gap:12px}.bulk-left input[type=checkbox]{accent-color:#2180d5;cursor:pointer;height:18px;width:18px}.select-all-label{color:#2180d5;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.bulk-actions{display:flex;flex-wrap:wrap;gap:8px}.mail-forward-section,.mail-reply-section{animation:slideUp .6s cubic-bezier(.16,1,.3,1) .5s both;background:linear-gradient(135deg,#21a0d514,#21a0d50a);border:1px solid #21a0d533;border-radius:8px;margin:20px 0;padding:20px}.mail-forward-section h4,.mail-reply-section h4{color:#070707;font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0 0 15px}.forward-actions,.reply-actions{border-top:1px solid #00000014;display:flex;gap:12px;padding-top:12px}.mail-type-tag{background:linear-gradient(135deg,#21a0d526,#2db89f1a);border:1px solid #21a0d533;border-radius:4px;color:#2180d5}.delete-countdown,.mail-type-tag{font-size:10px;font-weight:700;letter-spacing:.3px;padding:4px 9px;text-transform:uppercase}.delete-countdown{background:#ff444426;border:1px solid #f443;border-radius:4px;color:#f44}@media (max-width:1024px){.mailbox-modal-large{max-width:95%}.mails-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filter-row-1{flex-direction:column;gap:8px}.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{max-height:95vh;width:96%}.mailbox-header{flex-direction:column;gap:12px;padding:20px 24px}.mailbox-title{font-size:20px}.unread-badge{align-self:flex-start}.mailbox-tabs{flex-wrap:wrap}.tab-btn{font-size:11px;padding:6px 12px}.mail-detail-container{gap:16px;padding:20px}.mail-subject{font-size:22px}.compose-form-large{padding:20px}.mailbox-list-container{padding:16px}.mails-grid{grid-template-columns:1fr}.mailbox-filter-bar{padding:12px}.bulk-actions-bar{align-items:flex-start;flex-direction:column;gap:10px}.bulk-actions{flex-direction:column;width:100%}.bulk-actions .btn{width:100%}}@media (max-width:480px){.mailbox-modal-large{border-radius:14px;width:97%}.mailbox-header{border-radius:14px 14px 0 0;padding:16px}.mailbox-title{font-size:18px}.modal-close-btn{font-size:20px;height:36px;width:36px}.mail-detail-container{padding:16px}.mail-subject{font-size:18px}.compose-form-large{padding:16px}.mail-card,.mailbox-list-container{padding:12px}.mail-sender-avatar{font-size:14px;height:40px;width:40px}.btn{font-size:12px;padding:10px 16px}.btn-sm{font-size:11px;padding:6px 10px}.filter-date,.filter-input,.filter-select{width:100%}}.compose-form-large::-webkit-scrollbar,.mail-detail-container::-webkit-scrollbar,.mailbox-list-container::-webkit-scrollbar{width:8px}.compose-form-large::-webkit-scrollbar-track,.mail-detail-container::-webkit-scrollbar-track,.mailbox-list-container::-webkit-scrollbar-track{background:#0000000a;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,#21a0d580,#2db89f80);border-radius:10px;-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,#21a0d5cc,#2db89fcc)}.theme-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;flex-shrink:0;font-family:inherit;font-size:20px;height:40px;justify-content:center;margin-right:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-duration) var(--transition-timing);width:40px;z-index:2}.theme-toggle-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #0003;transform:scale(1.1) rotate(15deg)}.theme-toggle-btn:active{transform:scale(.95)}.advanced-sidebar.collapsed .theme-toggle-btn{margin-right:4px}.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{--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);margin:0 auto;overflow-x:auto!important;padding:0!important}.project-table,.table-wrapper{max-width:100%!important;width:100%!important}.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;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}.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);padding:32px!important;padding:var(--space-32)!important}.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{background:#13343b80;background:rgba(var(--color-slate-900-rgb),.5);height:100vh;padding:12px;padding:var(--space-12);width:100vw;z-index:1000}.modal,.modal-backdrop{transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.modal{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);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-lg);color:var(--theme-text-primary);max-height:90vh;max-width:600px;min-width:320px;overflow-y:auto;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}.modal-actions{gap:var(--space-12)}.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);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-box,.boq-modal-header{color:var(--color-text);display:flex}.boq-modal-header{align-items:center;border-bottom:2px solid var(--color-card-border);flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);justify-content:space-between;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;overflow-x:auto;overflow-y:auto}.boq-table{color:var(--color-text);font-size:var(--font-size-sm);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;vertical-align:middle;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.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}.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{background:#fff3;color:#fff;flex-shrink:0;font-size:24px;padding:0;transition:all .2s}.modal-close-btn:hover{background:#ffffff4d}.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{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: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{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.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{margin-bottom:20px}.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;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus{background:#667eea0d;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea33;outline:none}.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{font-weight:600}.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}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px}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;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;font-weight:500;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}.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);gap:12px;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);cursor:not-allowed;opacity:.6}.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;display:flex;flex:1 1;min-width:0}.header-title-section{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-icon{align-items:center;animation:iconBounce .6s cubic-bezier(.16,1,.3,1) .4s both;background:linear-gradient(135deg,#21a0d51f,#2db89f14);border-radius:12px;color:#2180d5;display:flex;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;flex-shrink:0;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;font-weight:600;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-radius:6px;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;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;font-size:14px;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-radius:var(--radius-sm)}.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{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;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)}.badge-remove{color:#21808d;color:var(--color-primary);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);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);margin-bottom:16px;margin-bottom: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{background:#5e52401f;background:var(--color-secondary);border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);color:#626c71;color:var(--color-text-secondary);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);white-space:nowrap}.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,.boq-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary)}.boq-table tbody tr.editing{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:12px;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);max-height:85vh;min-width:400px;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);margin-top:16px;margin-top:var(--space-16)}.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{align-items:center;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);cursor:pointer;display:flex;flex-direction:column;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);transform:translateY(-2px)}.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)}}.alert{align-items:center;animation:slideInDown .25s cubic-bezier(.16,1,.3,1);animation:slideInDown var(--duration-normal) var(--ease-standard);border-left:4px solid;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:20px;margin-bottom:var(--space-20);overflow:hidden;padding:16px 20px;padding:var(--space-16) var(--space-20);position:relative}.alert:before{background:currentColor;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.alert-error{border-left-color:#c0152f;border-left-color:var(--color-error)}.alert-error,.alert-success{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.alert-success{border-left-color:#21808d;border-left-color:var(--color-success)}.alert strong{font-weight:550;font-weight:var(--font-weight-semibold)}.alert-close{background:none;border:none;color:currentColor;cursor:pointer;font-size:16px;font-size:var(--font-size-lg);margin-left:auto;opacity:.7;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.alert-close:hover{opacity:1;transform:scale(1.1)}@media (max-width:480px){.alert{font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8);margin-bottom:16px;margin-bottom:var(--space-16);padding:12px;padding:var(--space-12) var(--space-12)}.alert-close{font-size:14px;font-size:var(--font-size-md)}}.user-form{align-items:center;animation:slideInUp .25s cubic-bezier(.16,1,.3,1);animation:slideInUp var(--duration-normal) var(--ease-standard);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);margin-bottom:24px;margin-bottom:var(--space-24);margin-top:32px;margin-top:var(--space-32);padding:16px 20px;padding:var(--space-16) var(--space-20);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.user-form:before{background:linear-gradient(135deg,#0000,#21808d0d);background:linear-gradient(135deg,#0000 0,rgba(var(--color-teal-500-rgb),.05) 100%);border-radius:12px;border-radius:var(--radius-lg);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard)}.user-form:hover{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:translateY(-2px)}.user-form:hover:before{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)}.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:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) 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)}.user-form>input:focus,.user-form>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);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 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.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:.6}.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;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{flex:none;height:auto;min-width:0;min-width:auto;padding:8px 12px;padding:var(--space-8) var(--space-12)}}.form-buttons{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 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: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:8px 20px;padding:var(--space-8) var(--space-20);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);white-space:nowrap}.form-buttons button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .15s cubic-bezier(.16,1,.3,1),height .15s cubic-bezier(.16,1,.3,1);transition:width var(--duration-fast) var(--ease-standard),height var(--duration-fast) var(--ease-standard);width:0}.form-buttons 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(-2px)}.form-buttons button:hover:not(:disabled):before{height:300px;width:300px}.form-buttons button:active:not(:disabled){background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}.form-buttons button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.form-buttons button:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.form-buttons button:nth-child(2){background:#5e52401f;background:var(--color-secondary);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);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 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.form-buttons button:nth-child(2):active:not(:disabled){background:#5e524040;background:var(--color-secondary-active)}@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)}}.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);display:inline-block;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}}@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);display:flex;font-size:var(--font-size-base);gap:12px;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;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);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-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}.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{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);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{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);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{border-radius:9999px;border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase}.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:rgba(var(--color-info-rgb),var(--status-bg-opacity));border:1px solid rgba(var(--color-info-rgb),var(--status-border-opacity))}.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:8px;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}}select.form-control{background-attachment:scroll;background-repeat:no-repeat!important}.mobily-page{background:#fcfcf9;background:var(--color-background);min-height:100vh;padding:24px;padding:var(--space-24)}.mobily-header{margin-bottom:32px;margin-bottom:var(--space-32)}.mobily-header h1{color:#13343b;color:var(--color-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);margin:0 0 8px;margin:0 0 var(--space-8) 0}.mobily-header p{color:#626c71;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);margin:0}.mobily-upload-section{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);margin-bottom:32px;margin-bottom:var(--space-32)}.upload-card{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);padding:24px;padding:var(--space-24)}.upload-card 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}.upload-input-wrapper{display:inline-block;position:relative;width:100%}.file-input{display:none}.upload-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-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);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)}.upload-btn:hover:not(.loading){background:#1d7480;background:var(--color-primary-hover)}.upload-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.upload-btn.loading{cursor:not-allowed;opacity:.7}.upload-help{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:12px 0 0;margin:var(--space-12) 0 0 0}.message{animation:slideIn .25s cubic-bezier(.16,1,.3,1);animation:slideIn var(--duration-normal) var(--ease-standard);border-radius:6px;border-radius:var(--radius-sm);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:12px 16px;padding:var(--space-12) var(--space-16)}.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)}.dashboard-section{margin-bottom:32px;margin-bottom:var(--space-32)}.dashboard-section h2{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);margin:0 0 16px;margin:0 0 var(--space-16) 0}.dashboard-grid{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{border-left:4px solid #21808d;border-left:4px solid var(--color-primary);border-radius:var(--radius-base);padding:var(--space-20)}.stat-card:hover{transform:translateY(-2px)}.stat-card.total{background:linear-gradient(135deg,#21808d0d,#0000);background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.05),#0000);border-left-color:#21808d;border-left-color:var(--color-primary)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-12)}.stat-header h3{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-dot,.stat-header h3,.stat-icon{font-weight:600;font-weight:var(--font-weight-bold)}.stat-dot,.stat-icon{font-size:16px;font-size:var(--font-size-lg)}.stat-dot{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;height:8px;height:var(--space-8);width:8px;width:var(--space-8)}.stat-value{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin:8px 0;margin:var(--space-8) 0}.stat-cost{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)}.mobily-controls{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);margin-bottom:24px;margin-bottom:var(--space-24);padding:20px;padding:var(--space-20)}.search-box{flex-wrap:wrap;gap:16px;gap:var(--space-16);margin-bottom:16px;margin-bottom:var(--space-16)}.search-input{background:#fcfcf9;background:var(--color-background);border:1px solid var(--color-border);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:var(--font-size-base);min-width:250px;padding:10px 12px;padding:var(--space-10) 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)}.search-input: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)}.record-count{color:#626c71;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);white-space:nowrap}.record-count strong{color:#13343b;color:var(--color-text);font-weight:600;font-weight:var(--font-weight-bold)}.filters-grid{grid-gap:12px;grid-gap:var(--space-12);gap:12px;gap:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:12px;margin-bottom:var(--space-12)}.filter-group{gap:var(--space-6)}.filter-group label{color:#626c71;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.filter-select{background-attachment:scroll;background-color:#fffffd;background-color: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);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:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);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-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}.filter-select:hover{background-color:#5e52401f;background-color:var(--color-secondary)}.filter-select:focus{outline-offset:2px}.filter-select:disabled{cursor:not-allowed;opacity:.5}[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{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)}.btn-reset{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:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-sm);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:550;font-weight:var(--font-weight-semibold);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%}.btn-reset:hover{background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-reset:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.bulk-action-bar{align-items:center;animation:slideIn .25s cubic-bezier(.16,1,.3,1);animation:slideIn var(--duration-normal) var(--ease-standard);background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border:1px solid #21808d;border:1px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);display:flex;gap:12px;gap:var(--space-12);margin-top:12px;margin-top:var(--space-12);padding:12px;padding:var(--space-12)}.selected-count{color:#21808d;color:var(--color-primary);flex:1 1;font-weight:600;font-weight:var(--font-weight-bold)}.btn-bulk-delete,.selected-count{font-size:12px;font-size:var(--font-size-sm)}.btn-bulk-delete{background:#c0152f;background:var(--color-error);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:#fff;color:var(--color-white);cursor:pointer;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-weight:550;font-weight:var(--font-weight-semibold);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}.btn-bulk-delete:hover:not(:disabled){background:#c0152fe6;background:rgba(var(--color-error-rgb),.9);box-shadow:0 4px 8px #c0152f4d;box-shadow:0 4px 8px rgba(var(--color-error-rgb),.3);transform:translateY(-2px)}.btn-bulk-delete:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.btn-bulk-delete:disabled{cursor:not-allowed;opacity:.5}.mobily-table-wrapper{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);margin-bottom:20px;margin-bottom:var(--space-20);max-height:600px;overflow:auto}.mobily-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:12px;font-size:var(--font-size-sm);width:100%}.mobily-table thead{background:#5e52401f;background:var(--color-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobily-table th{border-bottom:2px solid #5e524033;border-bottom:2px solid var(--color-border);color:#13343b;color:var(--color-text);cursor:pointer;font-weight:550;font-weight:var(--font-weight-semibold);padding:12px 10px;padding:var(--space-12) var(--space-10);text-align:left;transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard);-webkit-user-select:none;user-select:none;white-space:nowrap}.mobily-table th.sortable:hover{background:#5e524033;background:var(--color-secondary-hover)}.mobily-table tbody tr{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)}.mobily-table tbody tr:hover{background:#5e52401f;background:var(--color-secondary)}.mobily-table tbody tr.row-selected{background:#21808d1a!important;background:rgba(var(--color-teal-500-rgb),.1)!important}.mobily-table td{color:#13343b;color:var(--color-text);max-width:150px;overflow:hidden;padding:10px;padding:var(--space-10);text-overflow:ellipsis;vertical-align:middle}.col-select{min-width:40px;padding:10px 6px;padding:var(--space-10) var(--space-6);text-align:center;width:40px}.select-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}.select-checkbox:hover{transform:scale(1.1)}.select-checkbox:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.col-po-no{font-weight:550;font-weight:var(--font-weight-semibold);min-width:80px;width:80px}.col-po-type{min-width:70px;width:70px}.col-project{min-width:150px;width:150px}.col-link{min-width:120px;width:120px}.col-district{min-width:90px;width:90px}.col-date{min-width:100px;width:100px}.col-class{min-width:70px;width:70px}.col-cost{font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-weight:500;font-weight:var(--font-weight-medium);min-width:110px;text-align:right;width:110px}.col-progress{align-items:center;display:flex;flex-direction:row;gap:8px;gap:var(--space-8);min-width:160px;padding:8px;padding:var(--space-8);width:160px}.progress-bar{border:1px solid #5e524033;border:1px solid var(--color-border);flex:1 1;flex-shrink:0;height:20px}.progress-fill{align-items:center;color:#fff;color:var(--color-white);display:flex;font-size:9px;font-weight:600;font-weight:var(--font-weight-bold);justify-content:center;transition:width .25s cubic-bezier(.16,1,.3,1);transition:width var(--duration-normal) var(--ease-standard)}.progress-fill.civil{background:linear-gradient(90deg,#1d7480,#32b8c6);background:linear-gradient(90deg,var(--color-teal-600) 0,var(--color-teal-300) 100%)}.progress-fill.fiber{background:linear-gradient(90deg,#a84b2f,#e68161);background:linear-gradient(90deg,var(--color-orange-500) 0,var(--color-orange-400) 100%)}.col-progress span{color:#13343b;color:var(--color-text);flex-shrink:0;min-width:32px;text-align:right}.badge,.col-progress span{font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);white-space:nowrap}.badge{background:#21808d26;background:rgba(var(--color-teal-500-rgb),.15);border:1px solid #21808d40;border:1px solid rgba(var(--color-teal-500-rgb),.25);border-radius:8px;border-radius:var(--radius-base);color:#21808d;color:var(--color-primary);display:inline-block;padding:4px 8px;padding:var(--space-4) var(--space-8)}.badge-info{background:#626c7126;background:rgba(var(--color-info-rgb),.15);border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb),.25);color:#626c71;color:var(--color-info)}.status-badge{letter-spacing:.3px;padding:4px 8px;padding:var(--space-4) var(--space-8);text-transform:uppercase}.status-badge.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-badge.status-in\ progress{background:#21808d26;background:rgba(var(--color-teal-500-rgb),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-teal-500-rgb),var(--status-border-opacity));color:#21808d;color:var(--color-primary)}.status-badge.status-completed,.status-badge.status-finish{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.status-under\ implementation{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)}.btn-delete{background:none;border:none;border-radius:8px;border-radius:var(--radius-base);color:#626c71;color:var(--color-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:4px 6px;padding:var(--space-4) var(--space-6);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.btn-delete:hover{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);color:#c0152f;color:var(--color-error);transform:scale(1.15)}.btn-delete:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.no-data{padding:32px 20px;padding:var(--space-32) var(--space-20)}.no-data p{font-size:16px;font-size:var(--font-size-lg);font-weight:400;font-weight:var(--font-weight-normal);margin:0}.pagination-controls{background:#fffffd;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);flex-wrap:wrap;gap:12px;gap:var(--space-12);padding:20px;padding:var(--space-20)}.btn-pagination{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:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-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);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)}.btn-pagination:hover:not(:disabled){background:#21808d;background:var(--color-primary);border-color:#21808d;border-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn-pagination:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline)}.page-info{background:#0000;border:none;color:#13343b;color:var(--color-text);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)}.page-info strong{color:#21808d;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-bold)}@media (max-width:1280px){.col-project{width:120px}.col-link{width:100px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:1024px){.mobily-page{padding:16px;padding:var(--space-16)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mobily-table{font-size:11px;font-size:var(--font-size-xs)}.mobily-table td,.mobily-table th{padding:8px;padding:var(--space-8)}.col-project{width:100px}.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.search-box{flex-direction:column}.search-input{min-width:0;min-width:auto;width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}.mobily-table-wrapper{max-height:400px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.col-project{width:80px}.bulk-action-bar{flex-direction:column;gap:8px;gap:var(--space-8)}.btn-bulk-delete{width:100%}}@media (max-width:480px){.mobily-page{padding:12px;padding:var(--space-12)}.mobily-header{margin-bottom:24px;margin-bottom:var(--space-24)}.mobily-header h1{font-size:20px;font-size:var(--font-size-2xl)}.mobily-header p{font-size:12px;font-size:var(--font-size-sm)}.upload-card{padding:16px;padding:var(--space-16)}.upload-card h3{font-size:14px;font-size:var(--font-size-md);margin-bottom:12px;margin-bottom:var(--space-12)}.upload-btn{font-size:14px;font-size:var(--font-size-base);padding:12px 16px;padding:var(--space-12) var(--space-16);width:100%}.dashboard-section h2{font-size:16px;font-size:var(--font-size-lg)}.filters-grid{grid-template-columns:1fr}.filter-group label{font-size:11px;font-size:var(--font-size-xs)}.btn-reset,.filter-select{font-size:14px;font-size:var(--font-size-base);padding:10px 12px;padding:var(--space-10) var(--space-12)}.mobily-table-wrapper{max-height:300px}.dashboard-grid{gap:12px;gap:var(--space-12);grid-template-columns:1fr}.stat-card{padding:16px;padding:var(--space-16)}.stat-value{font-size:24px;font-size:var(--font-size-3xl)}.stat-cost{font-size:12px;font-size:var(--font-size-sm)}.mobily-table{font-size:10px}.mobily-table td,.mobily-table th{padding:6px 4px;padding:var(--space-6) var(--space-4)}.col-class,.col-date,.col-district,.col-link,.col-po-no,.col-po-type,.col-project{min-width:60px;width:auto}.col-cost{min-width:80px}.col-progress{flex-direction:column;gap:2px;gap:var(--space-2);min-width:100px;padding:6px;padding:var(--space-6)}.progress-bar{width:100%}.col-progress span{min-width:auto;text-align:center}.bulk-action-bar{flex-direction:column;padding:10px;padding:var(--space-10)}.selected-count{text-align:center}.btn-bulk-delete{padding:10px 16px;padding:var(--space-10) var(--space-16);width:100%}.pagination-controls{gap:8px;gap:var(--space-8);padding:16px;padding:var(--space-16)}.btn-pagination{padding:10px 12px;padding:var(--space-10) var(--space-12)}.btn-pagination,.page-info{font-size:14px;font-size:var(--font-size-base)}.badge,.status-badge{font-size:9px;padding:2px 6px;padding:var(--space-2) var(--space-6)}}.audit-modal-overlay{align-items:center;animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#13343b99;background:rgba(var(--color-slate-900-rgb),.6);bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-16);position:fixed;right:0;top:0;z-index:1000}.audit-modal-overlay.hidden{display:none!important}.audit-modal-container{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);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,0 25px 50px -12px #13343b40;box-shadow:var(--shadow-lg),0 25px 50px -12px rgba(var(--color-slate-900-rgb),.25);display:flex;flex-direction:column;max-height:90vh;max-width:750px;overflow-x:hidden;overflow-y:auto;width:100%;z-index:1001}.audit-modal-header{align-items:center;background:linear-gradient(135deg,#21808d14,#0000);background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.08),#0000);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);display:flex;flex-shrink:0;justify-content:space-between;padding:24px;padding:var(--space-24);position:-webkit-sticky;position:sticky;top:0;z-index:100}.audit-modal-header h2{align-items:center;color:#13343b;color:var(--color-text);display:flex;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}.audit-modal-header h2:before{content:"📜";font-size:18px;font-size:var(--font-size-xl)}.audit-close-btn{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;font-size:var(--font-size-lg);height:40px;justify-content:center;padding:8px;padding:var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:40px}.audit-close-btn:hover{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text);transform:rotate(90deg)}.audit-close-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);transform:none}.audit-modal-body{flex:1 1;min-height:300px;overflow-y:auto;padding:24px;padding:var(--space-24)}.audit-timeline{padding-left:32px;padding-left:var(--space-32);position:relative}.audit-timeline:before{background:linear-gradient(180deg,#21808d,#21808d4d);background:linear-gradient(to bottom,var(--color-primary),rgba(var(--color-teal-500-rgb),.3));bottom:0;content:"";left:8px;left:var(--space-8);position:absolute;top:0;width:2px}.audit-timeline-item{margin-bottom:4px;margin-bottom:var(--space-4);padding-bottom:24px;padding-bottom:var(--space-24);padding-left:8px;padding-left:var(--space-8);position:relative}.audit-timeline-item:last-child{margin-bottom:0;padding-bottom:8px;padding-bottom:var(--space-8)}.audit-timeline-item:before{background:#fffffd;background:var(--color-surface);border:3px solid #21808d;border:3px solid var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 0 3px #21808d1a;box-shadow:0 0 0 3px rgba(var(--color-teal-500-rgb),.1);content:"";height:24px;left:-16px;position:absolute;top:6px;top:var(--space-6);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:24px}.audit-timeline-item:hover:before{border-color:#1d7480;border-color:var(--color-primary-hover);box-shadow:0 0 0 8px #21808d33;box-shadow:0 0 0 8px rgba(var(--color-teal-500-rgb),.2);transform:scale(1.25)}.audit-entry-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;gap:var(--space-10);margin-bottom:12px;margin-bottom:var(--space-12)}.audit-timestamp{background:#21808d1f;background:rgba(var(--color-teal-500-rgb),.12);border:1px solid #21808d33;border:1px solid rgba(var(--color-teal-500-rgb),.2);border-radius:6px;border-radius:var(--radius-sm);color:#13343b;color:var(--color-text);letter-spacing:.2px}.audit-action-badge,.audit-timestamp{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:6px 10px;padding:var(--space-6) var(--space-10);white-space:nowrap}.audit-action-badge{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;gap:6px;gap:var(--space-6);letter-spacing:.4px;text-transform:uppercase;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.audit-action-badge.create{background:#21808d26;background:rgba(var(--color-success-rgb),.15);border-color:#21808d4d;border-color:rgba(var(--color-success-rgb),.3);color:#21808d;color:var(--color-success)}.audit-action-badge.update{background:#21808d26;background:rgba(var(--color-teal-500-rgb),.15);border-color:#21808d4d;border-color:rgba(var(--color-teal-500-rgb),.3);color:#21808d;color:var(--color-primary)}.audit-action-badge.delete{background:#c0152f26;background:rgba(var(--color-error-rgb),.15);border-color:#c0152f4d;border-color:rgba(var(--color-error-rgb),.3);color:#c0152f;color:var(--color-error)}.audit-action-badge.update_import{background:#a84b2f26;background:rgba(var(--color-warning-rgb),.15);border-color:#a84b2f4d;border-color:rgba(var(--color-warning-rgb),.3);color:#a84b2f;color:var(--color-warning)}.audit-action-badge:hover{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.audit-action-badge:before{font-size:12px;font-size:var(--font-size-sm)}.audit-action-badge.create:before{content:"✓"}.audit-action-badge.update:before{content:"✏️"}.audit-action-badge.delete:before{content:"🗑"}.audit-action-badge.update_import:before{content:"📤"}.audit-source-badge{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);display:inline-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);padding:6px 10px;padding:var(--space-6) var(--space-10);white-space:nowrap}.audit-source-badge.manual{background:#21808d1a;background:rgba(var(--color-teal-500-rgb),.1);border-color:#21808d33;border-color:rgba(var(--color-teal-500-rgb),.2);color:#21808d;color:var(--color-primary)}.audit-source-badge.manual:before{content:"✏️"}.audit-source-badge.excel_import{background:#a84b2f1a;background:rgba(var(--color-warning-rgb),.1);border-color:#a84b2f33;border-color:rgba(var(--color-warning-rgb),.2);color:#a84b2f;color:var(--color-warning)}.audit-source-badge.excel_import:before{content:"📤"}.audit-changes-wrapper,.audit-collapse-btn{margin-top:12px;margin-top:var(--space-12)}.audit-collapse-btn{align-items:center;background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);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:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);gap:8px;gap:var(--space-8);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%}.audit-collapse-btn:hover{background:#21808d14;background:rgba(var(--color-teal-500-rgb),.08);border-color:#21808d;border-color:var(--color-primary);transform:translateX(4px)}.audit-collapse-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);transform:none}.audit-collapse-btn:before{content:"▼";display:inline-block;font-size:11px;font-size:var(--font-size-xs);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard)}.audit-collapse-btn.collapsed:before{content:"▶";transform:rotate(0deg)}.audit-changes-table{animation:slideDown .15s cubic-bezier(.16,1,.3,1);animation:slideDown var(--duration-fast) var(--ease-standard);background:#fcfcf9;background:var(--color-background);border:1px solid #5e524033;border:1px solid var(--color-border);border-collapse:collapse;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:12px;font-size:var(--font-size-sm);margin-top:12px;margin-top:var(--space-12);overflow:hidden;width:100%}.audit-changes-table.hidden{display:none!important}.audit-changes-table thead{background:#5e52401f;background:var(--color-secondary);position:-webkit-sticky;position:sticky;top:0}.audit-changes-table th{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);color:#13343b;color:var(--color-text);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.4px;text-align:left;text-transform:uppercase}.audit-changes-table td,.audit-changes-table th{padding:10px 12px;padding:var(--space-10) var(--space-12)}.audit-changes-table td{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);word-break:break-word}.audit-changes-table tbody tr{transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard)}.audit-changes-table tbody tr:hover{background:#21808d14;background:rgba(var(--color-teal-500-rgb),.08)}.audit-changes-table tbody tr:last-child td{border-bottom:none}.audit-field-name{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);font-weight:600;font-weight:var(--font-weight-bold);max-width:120px;min-width:80px;word-break:break-word}.audit-value-old{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border-left:2px solid #c0152f;border-left:2px solid var(--color-error);border-radius:6px;border-radius:var(--radius-sm);color:#c0152f;color:var(--color-error);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);font-weight:500;font-weight:var(--font-weight-medium);max-width:180px;padding:4px 8px;padding:var(--space-4) var(--space-8);padding-left:10px;padding-left:var(--space-10);word-break:break-all}.audit-value-arrow{color:#626c71;color:var(--color-text-secondary);font-weight:600;font-weight:var(--font-weight-bold);padding:0 6px;padding:0 var(--space-6);text-align:center}.audit-value-new{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border-left:2px solid #21808d;border-left:2px solid var(--color-success);border-radius:6px;border-radius:var(--radius-sm);color:#21808d;color:var(--color-success);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);font-weight:500;font-weight:var(--font-weight-medium);max-width:180px;padding:4px 8px;padding:var(--space-4) var(--space-8);padding-left:10px;padding-left:var(--space-10);word-break:break-all}.audit-empty{align-items:center;color:#626c71;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:32px;padding:var(--space-32);text-align:center}.audit-empty p{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);margin:0}.audit-empty:before{content:"📋";font-size:48px;margin-bottom:16px;margin-bottom:var(--space-16);opacity:.5}.audit-modal-footer{background:linear-gradient(135deg,#21808d05,#0000);background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.02),#0000);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner);flex-shrink:0;padding:16px 24px;padding:var(--space-16) var(--space-24);text-align:right}.audit-close-modal-btn{background:#21808d;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;box-shadow:var(--shadow-inset-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:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-bold);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)}.audit-close-modal-btn:hover{background:#1d7480;background:var(--color-primary-hover);box-shadow:0 4px 12px #21808d4d;box-shadow:0 4px 12px rgba(var(--color-teal-500-rgb),.3);transform:translateY(-2px)}.audit-close-modal-btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:2px solid #21808d;outline:var(--focus-outline);transform:none}.audit-close-modal-btn:active{background:#1a6873;background:var(--color-primary-active);transform:translateY(0)}@media (max-width:768px){.audit-modal-container{max-height:95vh;max-width:calc(100% - 32px);max-width:calc(100% - var(--space-32))}.audit-modal-header{padding:16px;padding:var(--space-16)}.audit-modal-header h2{font-size:18px;font-size:var(--font-size-xl)}.audit-modal-body{padding:16px;padding:var(--space-16)}.audit-timeline{padding-left:24px;padding-left:var(--space-24)}.audit-timeline:before{left:4px;left:var(--space-4)}.audit-timeline-item:before{border-width:2px;height:20px;left:-12px;width:20px}.audit-entry-header{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-8)}.audit-action-badge,.audit-changes-table,.audit-source-badge,.audit-timestamp{font-size:11px;font-size:var(--font-size-xs)}.audit-changes-table td,.audit-changes-table th{padding:8px 10px;padding:var(--space-8) var(--space-10)}.audit-field-name,.audit-value-new,.audit-value-old{font-size:11px;font-size:var(--font-size-xs);max-width:100px}.audit-modal-footer{padding:12px 16px;padding:var(--space-12) var(--space-16)}.audit-close-modal-btn{font-size:12px;font-size:var(--font-size-sm);padding:8px 16px;padding:var(--space-8) var(--space-16)}}@media (max-width:480px){.audit-modal-overlay{padding:8px;padding:var(--space-8)}.audit-modal-container{border-radius:10px;border-radius:var(--radius-md);max-height:100vh;max-width:100%}.audit-modal-header{flex-wrap:wrap;padding:12px;padding:var(--space-12)}.audit-modal-header h2{flex:1 1;font-size:16px;font-size:var(--font-size-lg);gap:6px;gap:var(--space-6)}.audit-modal-header h2:before{font-size:14px;font-size:var(--font-size-base)}.audit-modal-body{min-height:200px;padding:12px;padding:var(--space-12)}.audit-timeline{padding-left:20px;padding-left:var(--space-20)}.audit-timeline:before{left:2px;left:var(--space-2);width:1px}.audit-timeline-item{padding-bottom:16px;padding-bottom:var(--space-16);padding-left:4px;padding-left:var(--space-4)}.audit-timeline-item:before{border-width:2px;height:16px;left:-10px;top:4px;top:var(--space-4);width:16px}.audit-close-btn{height:36px;padding:6px;padding:var(--space-6);width:36px}.audit-entry-header{align-items:flex-start;flex-direction:column;gap:6px;gap:var(--space-6)}.audit-action-badge,.audit-source-badge,.audit-timestamp{font-size:10px;padding:4px 8px;padding:var(--space-4) var(--space-8)}.audit-collapse-btn{font-size:11px;font-size:var(--font-size-xs);margin-top:8px;margin-top:var(--space-8);padding:8px 10px;padding:var(--space-8) var(--space-10)}.audit-changes-table{font-size:10px;margin-top:8px;margin-top:var(--space-8)}.audit-changes-table td,.audit-changes-table th{padding:6px 8px;padding:var(--space-6) var(--space-8)}.audit-field-name{font-size:10px;max-width:80px;min-width:60px}.audit-value-new,.audit-value-old{font-size:10px;max-width:80px;padding:2px 4px;padding:var(--space-2) var(--space-4);padding-left:6px;padding-left:var(--space-6)}.audit-value-arrow{font-size:11px;font-size:var(--font-size-xs);padding:0 4px;padding:0 var(--space-4)}.audit-empty{min-height:200px;padding:24px;padding:var(--space-24)}.audit-empty:before{font-size:36px;margin-bottom:12px;margin-bottom:var(--space-12)}.audit-empty p{font-size:12px;font-size:var(--font-size-sm)}.audit-modal-footer{padding:12px;padding:var(--space-12);text-align:center}.audit-close-modal-btn{font-size:12px;font-size:var(--font-size-sm);padding:10px 16px;padding:var(--space-10) var(--space-16);width:100%}}.modal-overlay{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);padding:16px;padding:var(--space-16)}.modal-overlay.hidden{display:none}.modal-container{animation:slideUp .25s cubic-bezier(.16,1,.3,1);animation:slideUp var(--duration-normal) var(--ease-standard);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,0 20px 50px #0000001a;box-shadow:var(--shadow-lg),0 20px 50px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%;z-index:1001}.modal-header{background:linear-gradient(135deg,#21808d0d,#0000);background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.05),#0000);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner);padding:var(--space-24)}.modal-header h2{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight)}.modal-close-btn{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;font-size:18px;font-size:var(--font-size-xl);height:36px;justify-content:center;padding:8px;padding:var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:36px}.modal-close-btn:hover{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text);transform:rotate(90deg)}.modal-body{padding:var(--space-24)}.edit-form-grid{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(2,1fr);margin-bottom:24px;margin-bottom:var(--space-24)}.edit-form-grid.full-width{grid-template-columns:1fr}.edit-form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.edit-form-group label{color:#13343b;color:var(--color-text);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase}.edit-form-input,.edit-form-select,.edit-form-textarea{background:#fcfcf9;background:var(--color-background);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:14px;font-size:var(--font-size-base);padding:10px 12px;padding:var(--space-10) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.filter-group>div[style*="display: flex; gap: 8px"]{width:100%}.filter-group .btn{min-width:auto;padding:8px 12px;white-space:nowrap}.filter-group .btn.btn-primary{background-color:#134252;border:none;color:#fff;cursor:pointer;font-weight:600;transition:all .2s}.filter-group .btn.btn-primary:hover:not(:disabled){background-color:#0d2a34;box-shadow:0 2px 8px #13343b4d}.filter-group .btn.btn-primary:disabled{cursor:not-allowed;opacity:.5}.excel-export-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.excel-export-modal-container{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.excel-export-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.excel-export-modal-header h2{color:#134252;font-size:18px;margin:0}.excel-export-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.excel-export-modal-close:hover{background:#f0f0f0;color:#333}.excel-export-modal-body{flex:1 1;overflow-y:auto;padding:20px}.excel-export-select-all{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;margin-bottom:15px;padding:10px}.excel-export-select-all input{cursor:pointer;height:18px;margin-right:10px;width:18px}.excel-export-select-all label{color:#134252;cursor:pointer;font-weight:600;margin:0}.excel-export-columns-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.excel-export-column-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;padding:8px 10px;transition:all .2s}.excel-export-column-item:hover{background:#f9f9f9;border-color:#134252}.excel-export-column-item input{cursor:pointer;height:16px;margin-right:8px;width:16px}.excel-export-column-item label{color:#333;cursor:pointer;flex:1 1;font-size:13px;margin:0}.excel-export-modal-footer{background:#f9f9f9;border-radius:0 0 12px 12px;border-top:2px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.excel-export-btn-cancel,.excel-export-btn-export{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.excel-export-btn-cancel{background:#f0f0f0;color:#333}.excel-export-btn-cancel:hover{background:#e0e0e0}.excel-export-btn-export{background:#134252;color:#fff}.excel-export-btn-export:hover:not(:disabled){background:#0d2a34;box-shadow:0 4px 12px #13343b4d}.excel-export-btn-export:disabled{cursor:not-allowed;opacity:.5}.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;gap:8px;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 label{color:#333}.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);border-radius:12px;border-radius:var(--radius-lg);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-radius:50%;border-top:4px solid #2180ac;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.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}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.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;font-weight:700;gap:6px;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.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{color:#626c71;color:var(--color-text-secondary);font-style:italic;font-weight:500;font-weight:var(--font-weight-medium);padding:20px!important;padding:var(--space-20)!important;text-align:center}.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}}: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}.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: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{animation:fadeInOverlay .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#ece9e999;height:100%;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,#fffffff2,#ffffffe0);border:1.5px solid #fff9;border-radius:20px;box-shadow:0 25px 70px #00000059,inset 0 0 2px #ffffffe6,0 8px 24px #0000001a;max-width:90vw;overflow:hidden;position:relative}.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:#f8f2f2;font-size:22px;font-weight:750;letter-spacing:-.02em;margin:0;text-shadow:0 2px 8px #0000001a}@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:40px 28px 32px;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;background:linear-gradient(135deg,#21a0d51a,#2db89f1a);border:1px solid #fff6;border-radius:50%;box-shadow:0 8px 24px #0000001f,inset 0 1px 0 #ffffff4d;display:inline-block;display:flex;font-size:56px;height:80px;justify-content:center;margin-bottom:20px;width:80px}@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:#070707;font-size:15px;font-weight:500;letter-spacing:.2px;line-height:1.7;margin:0 0 24px}@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:#f8f2f2;font-size:12px;font-weight:700;letter-spacing:.6px;opacity:.85;text-transform:uppercase}.contact-link,.contact-text{color:#f8f2f2;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-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-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}}@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}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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{border-collapse:collapse;margin-top:15px;width:100%}.boq-table thead{background:var(--color-secondary)}.boq-table th{font-size:13px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.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);color:#fff}.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{margin-bottom:16px}.form-group label{color:var(--color-text);display:block;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;font-size:14px;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{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-surface);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h3{color:var(--color-text);margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.selected-row{background-color:rgba(var(--color-teal-500-rgb),.1)!important;border-left:4px solid var(--color-primary)}