@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.admin-login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#ef4444);padding:20px;position:relative;overflow:hidden}.admin-login-bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:admin-login-float 20s infinite ease-in-out}.admin-login-shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.admin-login-shape-2{width:400px;height:400px;bottom:-150px;right:-150px;animation-delay:7s}.admin-login-shape-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:14s}@keyframes admin-login-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.admin-login-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:480px;box-shadow:0 8px 32px #0003;animation:admin-login-slideUp .5s ease;position:relative;z-index:10}@keyframes admin-login-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{text-align:center;margin-bottom:40px}.admin-login-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:admin-login-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes admin-login-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-login-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.admin-login-tagline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.admin-login-star{color:#fbbf24;font-size:20px;animation:admin-login-twinkle 2s infinite}@keyframes admin-login-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.admin-login-tagline-text{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.admin-login-highlight-red{color:#ef4444;font-weight:900}.admin-login-subtitle{color:#fffffff2;font-size:15px;font-weight:600}.admin-login-form{display:flex;flex-direction:column;gap:24px}.admin-login-form-group{display:flex;flex-direction:column;gap:8px}.admin-login-form-label{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.admin-login-form-input{width:100%;padding:16px 18px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease;outline:none}.admin-login-form-input::placeholder{color:#fff9;font-weight:500}.admin-login-form-input:focus{background:#ffffff26;border-color:#fbbf2499;box-shadow:0 0 0 3px #fbbf241a}.admin-login-form-input:disabled{opacity:.6;cursor:not-allowed}.admin-login-password-input-wrapper{position:relative;display:flex;align-items:center}.admin-login-password-input-wrapper .admin-login-form-input{padding-right:50px}.admin-login-eye-toggle-btn{position:absolute;right:12px;background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px}.admin-login-eye-toggle-btn:hover{background:#ffffff1a}.admin-login-eye-toggle-btn:focus{outline:2px solid rgba(251,191,36,.6);outline-offset:2px}.admin-login-eye-toggle-btn svg{transition:all .3s ease}.admin-login-eye-toggle-btn:hover svg path,.admin-login-eye-toggle-btn:hover svg circle,.admin-login-eye-toggle-btn:hover svg line{stroke:#fff}.admin-login-button,.admin-login-secondary-button{padding:16px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%}.admin-login-button{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98199;color:#fff;box-shadow:0 4px 12px #10b9814d}.admin-login-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-login-secondary-button{background:#fff3;border-color:#fff6;color:#fff}.admin-login-secondary-button:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.admin-login-secondary-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.admin-login-card{padding:40px 30px}.admin-login-title{font-size:26px}.admin-login-tagline-text{font-size:18px}.admin-login-logo{width:100px;height:100px}.admin-login-bg-shape{display:none}}@media (max-width: 480px){.admin-login-container{padding:16px}.admin-login-card{padding:32px 24px;border-radius:20px}.admin-login-title{font-size:24px}.admin-login-tagline-text,.admin-login-star{font-size:16px}.admin-login-logo{width:80px;height:80px}.admin-login-form-input{padding:14px 16px}.admin-login-password-input-wrapper .admin-login-form-input{padding-right:48px}.admin-login-button,.admin-login-secondary-button{padding:14px 24px;font-size:14px}}@media (prefers-color-scheme: dark){.admin-login-card{background:#0000004d;border-color:#fff3}}.admin-login-action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.admin-login-fancy-button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;overflow:hidden;text-align:center}.admin-login-fancy-button .admin-login-btn-text{position:relative;z-index:2}.admin-login-fancy-button .admin-login-btn-icon{position:relative;z-index:2;font-size:18px;transition:all .3s ease}.admin-login-btn-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;pointer-events:none;z-index:1}.admin-login-fancy-button:hover .admin-login-btn-glow{width:300px;height:300px}.admin-login-register-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f699;color:#fff;box-shadow:0 4px 12px #3b82f64d}.admin-login-register-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #3b82f680;border-color:#3b82f6cc}.admin-login-register-btn:hover:not(:disabled) .admin-login-btn-icon{transform:rotate(360deg) scale(1.2)}.admin-login-forgot-btn{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f9731699;color:#fff;box-shadow:0 4px 12px #f973164d}.admin-login-forgot-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #f9731680;border-color:#f97316cc}.admin-login-forgot-btn:hover:not(:disabled) .admin-login-btn-icon{animation:admin-login-shake .5s ease}@keyframes admin-login-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.admin-login-fancy-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-login-fancy-button:disabled:hover{transform:none}.admin-login-fancy-button:active:not(:disabled){transform:translateY(-1px) scale(.98)}@keyframes admin-login-ripple{0%{width:0;height:0;opacity:.5}to{width:300px;height:300px;opacity:0}}@media (max-width: 768px){.admin-login-action-buttons-grid{grid-template-columns:1fr 1fr;gap:12px}.admin-login-fancy-button{padding:12px 16px;font-size:12px}.admin-login-fancy-button .admin-login-btn-icon{font-size:16px}.admin-login-btn-text{font-size:12px}}@media (max-width: 480px){.admin-login-action-buttons-grid{grid-template-columns:1fr;gap:12px}.admin-login-fancy-button{padding:14px 20px;font-size:13px;width:100%}.admin-login-fancy-button .admin-login-btn-icon{font-size:18px}}.dash-sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.dash-sidebar-closed{width:0;border:none;overflow:hidden}.dash-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.dash-sidebar-header{text-align:center;margin-bottom:24px}.dash-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.dash-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dash-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.dash-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.dash-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.dash-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer}.dash-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.dash-nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.dash-nav-icon{font-size:20px}.dash-sidebar-footer{margin-top:auto}.dash-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.dash-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.dash-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.dash-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.dash-user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dash-user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dash-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-logout-btn:hover{background:#dc262680;border-color:#dc2626b3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dash-logout-icon{font-size:18px}.dash-main-content{flex:1;min-width:0;margin-left:280px;transition:all .3s ease;position:relative;z-index:1;overflow-x:hidden}.dash-content-full{margin-left:0}.dash-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.dash-menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.dash-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.dash-content-area{padding:32px;min-height:calc(100vh - 80px);overflow-x:hidden}.dash-search-filter-container{margin-bottom:32px;display:flex;flex-direction:column;animation:slideDown .4s ease}.dash-search-row{display:flex;align-items:center;gap:10px}.dash-search-box{position:relative;flex:1;min-width:0;display:flex;align-items:center;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:14px 20px;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.dash-search-box:focus-within{border-color:#fff9;background:#ffffff40;box-shadow:0 6px 20px #00000026}.dash-search-icon{font-size:22px;color:#fffc;margin-right:12px;min-width:22px;flex-shrink:0}.dash-search-input{flex:1;border:none;outline:none;background:transparent;color:#1f2937;font-size:15px;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-left:4px}.dash-search-input::placeholder{color:#1f293799}.dash-clear-search-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:12px}.dash-clear-search-btn:hover{background:#ffffff4d;transform:scale(1.1)}.dash-filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:14px 18px;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 16px #0000001a}.dash-filter-toggle-btn:hover{background:#ffffff40;border-color:#fff6}.dash-filter-toggle-btn.open,.dash-filter-toggle-btn.has-active{background:#ffffff4d;border-color:#fff9;color:#fff}.dash-filter-toggle-chevron{transition:transform .3s ease}.dash-filter-toggle-btn.open .dash-filter-toggle-chevron{transform:rotate(180deg)}.dash-filter-chips-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding-top .3s ease;overflow:hidden;padding-top:0}.dash-filter-chips-wrapper.open{grid-template-rows:1fr;padding-top:10px}.dash-filter-chips{display:flex;gap:12px;flex-wrap:wrap;min-height:0}.dash-filter-chip{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffd9;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.dash-filter-chip:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.dash-filter-chip.active{background:#ffffff59;border-color:#fff9;color:#fff;box-shadow:0 4px 12px #00000026}.dash-clear-search-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;margin-top:8px}.dash-clear-search-btn-large:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.dash-results-header{margin-bottom:20px}.dash-results-title{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.dash-apps-grid{display:flex;flex-wrap:nowrap;gap:20px;padding:8px 4px 24px;overflow-x:auto;overflow-y:visible;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;animation:fadeIn .6s ease-out}.dash-apps-grid::-webkit-scrollbar{display:none}.dash-app-card{width:280px;min-width:280px;flex-shrink:0;height:380px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;display:flex;flex-direction:column}.dash-app-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000002e}.dash-app-card-gradient{height:180px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:0 0 50% 50%/0 0 20% 20%}.dash-app-icon-large{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:float 3s ease-in-out infinite}.dash-app-card-content{flex:1;background:#fff;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.dash-app-card-header{display:flex;flex-direction:column;gap:4px}.dash-app-name{font-size:16px;font-weight:800;color:#111827;margin:0;text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.dash-app-code{font-size:11px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.3px}.dash-app-card-body{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0}.dash-status-badge-small{padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dash-status-badge-small.active{background:#d1fae5;color:#065f46}.dash-status-badge-small.pending{background:#fef3c7;color:#92400e}.dash-status-badge-small.revoked{background:#fee2e2;color:#991b1b}.dash-role-badge{padding:6px 12px;background:#e0e7ff;border-radius:20px;font-size:10px;font-weight:700;color:#3730a3;text-transform:capitalize}.dash-app-card-footer{margin-top:auto}.dash-app-launch-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.dash-app-launch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.dash-app-launch-btn:active{transform:translateY(0)}.dash-arrow-icon{transition:transform .3s ease}.dash-app-launch-btn:hover .dash-arrow-icon{transform:translate(4px)}.dash-app-pending-btn{width:100%;padding:12px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:30px;color:#6b7280;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:not-allowed;opacity:.8}.dash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn .6s ease-out}.dash-empty-icon{color:#fff9;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.dash-empty-state h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.dash-empty-state p{font-size:16px;color:#ffffffe6;font-weight:500}@media (max-width: 1024px){.dash-apps-grid{gap:16px}}@media (max-width: 768px){.dash-search-box{padding:12px 16px}.dash-search-input{font-size:14px}.dash-filter-chips{gap:8px}.dash-filter-chip{padding:8px 16px;font-size:13px}.dash-results-title{font-size:18px}}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px}.topbar{padding:16px 20px}.page-title{font-size:20px}.dash-apps-grid{gap:12px}}@media (max-width: 480px){.content-area{padding:16px}.topbar{padding:12px 16px}.page-title{font-size:18px}.dash-app-card{padding:20px}.dash-app-name{font-size:18px}}.spinner-loader{display:inline-flex;align-items:center;justify-content:center}.spinner{border-radius:50%;border-style:solid;border-top-color:transparent;animation:spin .8s linear infinite}.spinner-small .spinner{width:16px;height:16px;border-width:2px}.spinner-medium .spinner{width:32px;height:32px;border-width:3px}.spinner-large .spinner{width:48px;height:48px;border-width:4px}.spinner-xlarge .spinner{width:64px;height:64px;border-width:5px}.spinner-primary .spinner{border-color:#f59e0b}.spinner-secondary .spinner{border-color:#6b7280}.spinner-success .spinner{border-color:#10b981}.spinner-danger .spinner{border-color:#ef4444}.spinner-warning .spinner{border-color:#f59e0b}.spinner-info .spinner{border-color:#3b82f6}.spinner-white .spinner{border-color:#fff}.dots-loader{display:inline-flex;align-items:center;justify-content:center;gap:8px}.dots-loader .dot{border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dots-loader .dot:nth-child(1){animation-delay:-.32s}.dots-loader .dot:nth-child(2){animation-delay:-.16s}.dots-small .dot{width:6px;height:6px}.dots-medium .dot{width:10px;height:10px}.dots-large .dot{width:14px;height:14px}.dots-xlarge .dot{width:18px;height:18px}.dots-primary .dot{background-color:#f59e0b}.dots-secondary .dot{background-color:#6b7280}.dots-success .dot{background-color:#10b981}.dots-danger .dot{background-color:#ef4444}.dots-warning .dot{background-color:#f59e0b}.dots-info .dot{background-color:#3b82f6}.dots-white .dot{background-color:#fff}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.pulse-loader{display:inline-flex;align-items:center;justify-content:center}.pulse-loader .pulse{border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.pulse-small .pulse{width:16px;height:16px}.pulse-medium .pulse{width:32px;height:32px}.pulse-large .pulse{width:48px;height:48px}.pulse-xlarge .pulse{width:64px;height:64px}.pulse-primary .pulse{background-color:#f59e0b}.pulse-secondary .pulse{background-color:#6b7280}.pulse-success .pulse{background-color:#10b981}.pulse-danger .pulse{background-color:#ef4444}.pulse-warning .pulse{background-color:#f59e0b}.pulse-info .pulse{background-color:#3b82f6}.pulse-white .pulse{background-color:#fff}@keyframes pulse{0%{transform:scale(.8);opacity:1}50%{transform:scale(1);opacity:.7}to{transform:scale(.8);opacity:1}}.ring-loader{display:inline-flex;align-items:center;justify-content:center}.ring-loader .ring{border-radius:50%;border-style:solid;animation:ring 1.2s cubic-bezier(.5,0,.5,1) infinite}.ring-small .ring{width:16px;height:16px;border-width:2px}.ring-medium .ring{width:32px;height:32px;border-width:3px}.ring-large .ring{width:48px;height:48px;border-width:4px}.ring-xlarge .ring{width:64px;height:64px;border-width:5px}.ring-primary .ring{border-color:#f59e0b transparent transparent transparent}.ring-secondary .ring{border-color:#6b7280 transparent transparent transparent}.ring-success .ring{border-color:#10b981 transparent transparent transparent}.ring-danger .ring{border-color:#ef4444 transparent transparent transparent}.ring-warning .ring{border-color:#f59e0b transparent transparent transparent}.ring-info .ring{border-color:#3b82f6 transparent transparent transparent}.ring-white .ring{border-color:#ffffff transparent transparent transparent}@keyframes ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bars-loader{display:inline-flex;align-items:center;justify-content:center;gap:4px}.bars-loader .bar{border-radius:2px;animation:bars 1.2s ease-in-out infinite}.bars-loader .bar:nth-child(1){animation-delay:-.36s}.bars-loader .bar:nth-child(2){animation-delay:-.24s}.bars-loader .bar:nth-child(3){animation-delay:-.12s}.bars-small .bar{width:3px;height:16px}.bars-medium .bar{width:4px;height:24px}.bars-large .bar{width:5px;height:32px}.bars-xlarge .bar{width:6px;height:40px}.bars-primary .bar{background-color:#f59e0b}.bars-secondary .bar{background-color:#6b7280}.bars-success .bar{background-color:#10b981}.bars-danger .bar{background-color:#ef4444}.bars-warning .bar{background-color:#f59e0b}.bars-info .bar{background-color:#3b82f6}.bars-white .bar{background-color:#fff}@keyframes bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.full-page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.full-page-loader.with-overlay{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #00000026;animation:fadeIn .3s ease}.loader-message{margin:0;font-size:16px;font-weight:600;color:#1f2937;text-align:center}.inline-loader{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.button-loader{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-spinner{width:16px;height:16px;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;animation:spin .8s linear infinite}.button-spinner-white{border-top-color:#fff;border-right-color:#ffffff4d;border-bottom-color:#ffffff4d;border-left-color:#ffffff4d}.button-spinner-primary{border-top-color:#f59e0b;border-right-color:#f59e0b4d;border-bottom-color:#f59e0b4d;border-left-color:#f59e0b4d}.button-spinner-dark{border-top-color:#1f2937;border-right-color:#1f29374d;border-bottom-color:#1f29374d;border-left-color:#1f29374d}.button-loader-text{font-size:14px;font-weight:600}@media (max-width: 768px){.loader-content{padding:24px}.loader-message{font-size:14px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;overflow:hidden}.register-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px;animation:float 6s ease-in-out infinite}.register-container:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-200px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.register-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff80;width:100%;max-width:460px;padding:48px;animation:slideUp .6s ease-out;position:relative;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:40px}.register-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.register-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.5px}.register-subtitle{font-size:16px;color:#ffffffe6;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.1)}.register-form{display:flex;flex-direction:column;gap:24px}.register-form-group{display:flex;flex-direction:column;gap:10px}.register-form-label{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.register-form-input{width:100%;padding:15px 18px;font-size:15px;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;font-weight:500}.register-form-input::placeholder{color:#1f293799}.register-form-input:focus{border-color:#fff9;background:#ffffff59;box-shadow:0 0 0 4px #ffffff1a,0 4px 12px #0000001a;transform:translateY(-1px)}.register-button{width:100%;padding:16px;margin-top:12px;font-size:16px;font-weight:700;color:#dc2626;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003,inset 0 1px #fffc;text-transform:uppercase;letter-spacing:.5px}.register-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d,inset 0 1px #fffc;background:linear-gradient(135deg,#fff,#fde68a)}.register-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003,inset 0 1px #fffc}.register-back-button{width:100%;padding:14px;font-size:15px;font-weight:600;color:#fff;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.4);border-radius:12px;cursor:pointer;transition:all .3s ease;letter-spacing:.3px}.register-back-button:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.register-back-button:active{transform:translateY(0)}@media (max-width: 768px){.register-card{padding:36px 28px;max-width:420px}.register-title{font-size:26px}.register-subtitle{font-size:15px}.register-form-input{padding:14px 16px}}.password-field-container{position:relative;width:100%}.password-field{padding-right:50px}.eye-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:20px;padding:8px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.eye-toggle-btn:hover:not(:disabled){opacity:1}.eye-toggle-btn:disabled{cursor:not-allowed;opacity:.4}.register-btn-loader{display:inline-block;width:14px;height:14px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.register-button:disabled,.register-back-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.register-container{padding:16px}.register-card{padding:32px 24px;border-radius:20px}.register-logo{width:90px}.register-title{font-size:24px}.register-subtitle{font-size:14px}.register-button{padding:14px;font-size:15px}.register-back-button{padding:12px;font-size:14px}}.emsdash-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.emsdash-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:float 8s ease-in-out infinite;z-index:0}.emsdash-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:float 10s ease-in-out infinite reverse;z-index:0}.emsdash-sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.emsdash-sidebar-closed{width:0;border:none;overflow:hidden}.emsdash-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.emsdash-sidebar-header{text-align:center;margin-bottom:24px}.emsdash-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emsdash-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.emsdash-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.emsdash-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.emsdash-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.emsdash-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer}.emsdash-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.emsdash-nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.emsdash-nav-icon{font-size:20px}.emsdash-sidebar-footer{margin-top:auto}.emsdash-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.emsdash-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.emsdash-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.emsdash-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.emsdash-user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emsdash-user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emsdash-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emsdash-logout-btn:hover{background:#dc262680;border-color:#dc2626b3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.emsdash-logout-icon{font-size:18px}.emsdash-main-content{flex:1;min-width:0;overflow:hidden;margin-left:280px;transition:all .3s ease;position:relative;z-index:1}.emsdash-content-full{margin-left:0}.emsdash-menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emsdash-menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.emsdash-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.emsdash-content-area{padding:32px;min-height:calc(100vh - 80px)}.emsdash-search-bar{display:flex;align-items:center;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 16px;margin-bottom:20px;max-width:400px;transition:border-color .2s ease,background .2s ease}.emsdash-search-bar:focus-within{background:#ffffff4d;border-color:#fff9}.emsdash-search-icon{color:#fff;flex-shrink:0;opacity:.85}.emsdash-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-weight:500;min-width:0}.emsdash-search-input::placeholder{color:#ffffffa6}.emsdash-search-clear{background:#fff3;border:none;border-radius:8px;padding:4px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.emsdash-search-clear:hover{background:#ffffff59}.emsdash-departments-grid{display:flex;flex-wrap:nowrap;gap:20px;padding:8px 4px 24px;overflow-x:auto;overflow-y:visible;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;animation:fadeIn .6s ease-out}.emsdash-departments-grid::-webkit-scrollbar{display:none}.emsdash-dept-card{width:280px;min-width:280px;flex-shrink:0;height:380px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;display:flex;flex-direction:column}.emsdash-dept-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0003}.emsdash-dept-card-gradient{width:100%;height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:0 0 40px 40px}.emsdash-dept-icon-large{color:#fff;font-size:48px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.emsdash-dept-card-content{padding:24px 20px;flex:1;display:flex;flex-direction:column;gap:8px}.emsdash-dept-name{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;margin:0}.emsdash-dept-code{font-size:12px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;margin:0}.emsdash-dept-description-row{display:flex;align-items:flex-start;gap:6px;flex:1}.emsdash-dept-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0;flex:1}.emsdash-expand-btn{flex-shrink:0;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:3px 5px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px}.emsdash-expand-btn:hover{background:#e5e7eb;color:#4b5563;transform:scale(1.1)}.emsdash-detail-modal{max-width:520px}.emsdash-detail-modal-title-group{display:flex;flex-direction:column;gap:4px}.emsdash-detail-modal-code{font-size:12px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px}.emsdash-detail-modal-body{padding:24px 28px}.emsdash-detail-modal-description{font-size:15px;color:#374151;line-height:1.8;white-space:pre-wrap;margin:0}.emsdash-dept-card-footer{margin-top:auto;padding:0 20px 20px}.emsdash-dept-view-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#a200ff,#c300ff);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #a200ff4d}.emsdash-dept-view-btn:hover{background:linear-gradient(135deg,#80d,#b000ff);transform:translateY(-2px);box-shadow:0 6px 16px #a200ff66}.emsdash-dept-view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:linear-gradient(135deg,#fff,#fde68a)}.emsdash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn .6s ease-out}.emsdash-empty-icon{color:#fff9;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.emsdash-empty-state h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.emsdash-empty-state p{font-size:16px;color:#ffffffe6;font-weight:500}@media (max-width: 1024px){.emsdash-departments-grid{gap:20px}}@media (max-width: 768px){.emsdash-sidebar{width:0;background:linear-gradient(160deg,#f59e0b,#ef4444 60%,#dc2626);backdrop-filter:none;-webkit-backdrop-filter:none}.emsdash-sidebar-open{width:280px}.emsdash-main-content{margin-left:0}.emsdash-content-area{padding:20px}.emsdash-topbar{padding:16px 20px}.emsdash-page-title{font-size:20px}.emsdash-departments-grid{gap:16px}}@media (max-width: 480px){.emsdash-content-area{padding:16px}.emsdash-topbar{padding:12px 16px}.emsdash-page-title{font-size:18px}.emsdash-dept-card{padding:20px}.emsdash-dept-name{font-size:18px}.dept-icon{width:48px;height:48px}}.emsdash-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.emsdash-add-dept-btn{margin-left:auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:12px;color:#dc2626;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.emsdash-add-dept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:linear-gradient(135deg,#fff,#fde68a)}.emsdash-plus-icon{font-size:18px}.emsdash-create-first-btn{margin-top:24px;display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:12px;color:#dc2626;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.emsdash-create-first-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040;background:linear-gradient(135deg,#fff,#fde68a)}.emsdash-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;padding:20px}.emsdash-modal-container{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;width:100%;max-width:540px;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;overflow:hidden}.emsdash-modal-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid rgba(0,0,0,.08)}.emsdash-modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.emsdash-modal-close-btn{background:#ef44441a;border:none;border-radius:10px;padding:8px;cursor:pointer;color:#dc2626;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.emsdash-modal-close-btn:hover{background:#ef444433;transform:rotate(90deg)}.emsdash-modal-form{padding:32px;display:flex;flex-direction:column;gap:24px}.emsdash-modal-form-group{display:flex;flex-direction:column;gap:8px}.emsdash-modal-label{font-size:14px;font-weight:600;color:#374151}.emsdash-modal-input,.emsdash-modal-textarea{width:100%;padding:14px 16px;font-size:15px;border:2px solid rgba(0,0,0,.1);border-radius:12px;transition:all .3s ease;outline:none;background:#fffc;color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.emsdash-modal-input:focus,.emsdash-modal-textarea:focus{border-color:#f59e0b;background:#fff;box-shadow:0 0 0 4px #f59e0b1a}.emsdash-modal-input::placeholder,.emsdash-modal-textarea::placeholder{color:#1f293780}.emsdash-modal-textarea{resize:vertical;min-height:100px}.emsdash-modal-actions{display:flex;gap:12px;margin-top:8px}.emsdash-modal-cancel-btn{flex:1;padding:14px;background:#0000000d;border:2px solid rgba(0,0,0,.1);border-radius:12px;color:#374151;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.emsdash-modal-cancel-btn:hover{background:#00000014;border-color:#00000026}.emsdash-modal-submit-btn{flex:1;padding:14px;background:linear-gradient(135deg,#f59e0b,#dc2626);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.emsdash-modal-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.emsdash-modal-submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.emsdash-add-dept-btn span{display:none}.emsdash-add-dept-btn{padding:12px}.emsdash-modal-container{max-width:90%}.emsdash-modal-header{padding:20px 24px}.emsdash-modal-title{font-size:20px}.emsdash-modal-form{padding:24px}}@media (max-width: 480px){.emsdash-modal-overlay{padding:12px}.emsdash-modal-container{border-radius:20px}.emsdash-modal-header{padding:16px 20px}.emsdash-modal-title{font-size:18px}.emsdash-modal-form{padding:20px;gap:20px}.emsdash-modal-actions{flex-direction:column}}.emsdash-modal-submit-btn{flex:1;padding:14px;background:linear-gradient(135deg,#f59e0b,#dc2626);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d;display:flex;align-items:center;justify-content:center;gap:8px}.emsdash-modal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.emsdash-modal-submit-btn:active:not(:disabled){transform:translateY(0)}.emsdash-modal-submit-btn:disabled{opacity:.7;cursor:not-allowed}.emsdash-modal-cancel-btn:disabled,.emsdash-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.emsdash-modal-input:disabled,.emsdash-modal-textarea:disabled{opacity:.6;cursor:not-allowed;background:#ffffff80}.emsdash-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.emsemp-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.emsemp-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:float 8s ease-in-out infinite;z-index:0}.emsemp-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:float 10s ease-in-out infinite reverse;z-index:0}.emsemp-sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.emsemp-sidebar-closed{width:0;border:none;overflow:hidden}.emsemp-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.emsemp-sidebar-header{text-align:center;margin-bottom:24px}.emsemp-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.emsemp-sidebar-logo{cursor:pointer}.emsemp-sidebar-logo:hover{transform:scale(1.05)}.emsemp-sidebar-logo:active{transform:scale(.95)}}.emsemp-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.emsemp-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.emsemp-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.emsemp-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.emsemp-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer}.emsemp-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.emsemp-nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.emsemp-nav-icon{font-size:20px}.emsemp-sidebar-footer{margin-top:auto}.emsemp-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.emsemp-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.emsemp-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.emsemp-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.emsemp-user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emsemp-user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emsemp-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emsemp-logout-btn:hover{background:#dc262680;border-color:#dc2626b3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.emsemp-logout-icon{font-size:18px}.emsemp-main-content{flex:1;min-width:0;overflow-x:hidden;margin-left:280px;transition:all .3s ease;position:relative;z-index:1}.emsemp-content-full{margin-left:0}.emsemp-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.emsemp-menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emsemp-menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.emsemp-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.emsemp-add-employee-btn{margin-left:auto;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:12px;color:#dc2626;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.emsemp-add-employee-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:linear-gradient(135deg,#fff,#fde68a)}.emsemp-plus-icon{font-size:18px}.emsemp-content-area{padding:32px;min-height:calc(100vh - 80px)}.emsemp-search-filter-bar{display:flex;gap:16px;margin-bottom:24px;animation:fadeIn .6s ease-out}.emsemp-search-container{flex:1;position:relative;display:flex;align-items:center}.emsemp-search-icon{position:absolute;left:16px;font-size:20px;color:#6b7280;pointer-events:none}.emsemp-search-input{width:100%;padding:14px 16px 14px 48px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.4);border-radius:12px;color:#1f2937;font-size:15px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 12px #0000001f}.emsemp-search-input::placeholder{color:#9ca3af}.emsemp-search-input:focus{outline:none;background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262626}.emsemp-filter-btn{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.4);border-radius:12px;color:#dc2626;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 12px #0000001f}.emsemp-filter-btn:hover{background:#fff;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.emsemp-table-container{background:#fffffff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:32px;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff4d;overflow-x:auto;animation:fadeIn .6s ease-out}.emsemp-employees-table{width:100%;border-collapse:separate;border-spacing:0}.emsemp-employees-table thead tr{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #0000001a}.emsemp-employees-table th{padding:18px 16px;text-align:left;font-size:12px;font-weight:700;color:#fff!important;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;text-shadow:none;border-bottom:none}.emsemp-employees-table th:first-child{border-top-left-radius:12px}.emsemp-employees-table th:last-child{border-top-right-radius:12px}.emsemp-employees-table tbody tr{background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0;box-shadow:none}.emsemp-employees-table tbody tr:nth-child(2n){background:#f9fafbcc}.emsemp-employees-table tbody tr:hover{background:#fef3c766;transform:translate(4px);box-shadow:0 4px 12px #fbbf2426}.emsemp-employees-table td{padding:16px;color:#374151!important;font-size:14px;font-weight:500;border-bottom:1px solid rgba(229,231,235,.8);text-shadow:none}.emsemp-employees-table tbody tr:last-child td{border-bottom:none}.emsemp-employee-id{display:inline-block;padding:6px 14px;background:#9ca3af33;border-radius:20px;font-size:12px;font-weight:700;color:#4b5563}.emsemp-dept-badge{display:inline-block;padding:8px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:12px;font-weight:600;color:#2563eb}.emsemp-status-badge{display:inline-block;padding:7px 16px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none}.emsemp-status-badge.active{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.emsemp-status-badge.inactive{background:#9ca3af;color:#fff;box-shadow:0 2px 8px #9ca3af4d}.emsemp-status-badge.unidentified{background:#f43f7a;color:#fff;box-shadow:0 2px 8px #f43f7a59}.emsemp-employment-type{color:#6b7280;font-weight:500}.emsemp-action-buttons{display:flex;gap:8px}.emsemp-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emsemp-edit-btn{background:#3b82f64d;color:#fff;border:1px solid rgba(59,130,246,.5)}.emsemp-edit-btn:hover{background:#3b82f680;transform:scale(1.1)}.emsemp-view-btn{background:#10b9814d;color:#fff;border:1px solid rgba(16,185,129,.5)}.emsemp-view-btn:hover{background:#10b98180;transform:scale(1.1)}.emsemp-delete-btn{background:#dc26264d;color:#fff;border:1px solid rgba(220,38,38,.5)}.emsemp-delete-btn:hover{background:#dc262680;transform:scale(1.1)}.emsemp-upload-btn{background:#f59e0b4d;color:#fff;border:1px solid rgba(245,158,11,.5)}.emsemp-upload-btn:hover{background:#f59e0b80;transform:scale(1.1)}.emsemp-folder-btn{background:#6366f14d;color:#fff;border:1px solid rgba(99,102,241,.5)}.emsemp-folder-btn:hover{background:#6366f18c;transform:scale(1.1)}.emsemp-payroll-btn{background:#10b9814d;color:#fff;border:1px solid rgba(16,185,129,.5)}.emsemp-payroll-btn:hover{background:#10b9818c;transform:scale(1.1)}.emsemp-docs-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.emsemp-docs-modal{background:linear-gradient(160deg,#1e1b2e,#2d1f3d,#1a1a2e);border:1px solid rgba(255,255,255,.12);border-radius:20px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000080;overflow:hidden}.emsemp-docs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.emsemp-docs-modal-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.emsemp-docs-tabs{display:flex;gap:8px;padding:16px 24px 0;border-bottom:1px solid rgba(255,255,255,.08)}.emsemp-docs-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px 10px 0 0;border:1px solid transparent;border-bottom:none;background:#ffffff0f;color:#ffffff8c;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.emsemp-docs-tab:hover{background:#ffffff1f;color:#ffffffd9}.emsemp-docs-tab-active{background:#6366f140;border-color:#6366f166;color:#fff}.emsemp-docs-tab-count{background:#ffffff26;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.emsemp-docs-tab-active .emsemp-docs-tab-count{background:#6366f180}.emsemp-docs-modal-body{flex:1;overflow-y:auto;padding:20px 24px 24px}.emsemp-docs-loading,.emsemp-docs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:200px;color:#ffffff80;font-size:14px;font-weight:500}.emsemp-spinner-dark{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}.emsemp-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.emsemp-docs-thumb-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.emsemp-docs-thumb-card:hover{border-color:#6366f18c;transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.emsemp-docs-thumb-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.emsemp-docs-thumb-label{text-align:center;font-size:11px;font-weight:700;color:#ffffffbf;padding:6px 8px}.emsemp-lightbox-overlay{position:fixed;inset:0;background:#000000eb;z-index:1100;display:flex;align-items:center;justify-content:center}.emsemp-photo-expand-btn{position:absolute;top:10px;right:10px;z-index:4;width:32px;height:32px;border-radius:50%;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.emsemp-photo-expand-btn:hover{background:#000000b3}.emsemp-photo-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1200;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.emsemp-photo-modal-inner{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default;animation:fadeIn .2s ease}.emsemp-photo-modal-toolbar{display:flex;gap:10px;justify-content:flex-end;width:100%}.emsemp-photo-modal-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:background .2s ease;text-decoration:none}.emsemp-photo-modal-btn:hover{background:#ffffff4d}.emsemp-photo-modal-img{max-width:90vw;max-height:80vh;border-radius:18px;object-fit:contain;box-shadow:none}.emsemp-lightbox{position:relative;display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh}.emsemp-lightbox-img{max-width:80vw;max-height:78vh;object-fit:contain;border-radius:10px;box-shadow:0 8px 40px #0009}.emsemp-lightbox-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;background:#dc2626b3;border:1px solid rgba(220,38,38,.9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .2s}.emsemp-lightbox-close:hover{background:#dc2626}.emsemp-lightbox-download{position:absolute;top:-14px;left:-14px;width:36px;height:36px;border-radius:50%;background:#2563ebb3;border:1px solid rgba(37,99,235,.9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:background .2s}.emsemp-lightbox-download:hover{background:#2563eb}.emsemp-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.emsemp-lightbox-nav:hover:not(:disabled){background:#ffffff4d}.emsemp-lightbox-nav:disabled{opacity:.2;cursor:default}.emsemp-lightbox-prev{left:-54px}.emsemp-lightbox-next{right:-54px}.emsemp-lightbox-label{margin-top:12px;font-size:13px;font-weight:600;color:#ffffffa6}.emsemp-offcanvas-upload{position:fixed;top:0;right:-100%;width:40%;min-width:420px;height:100vh;background:linear-gradient(160deg,#1e1b2e,#2d1f3d,#1a1a2e);border-left:1px solid rgba(255,255,255,.12);box-shadow:-8px 0 32px #00000080;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.emsemp-upload-group{display:flex;flex-direction:column;gap:10px}.emsemp-upload-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.emsemp-file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 20px;border:2px dashed rgba(255,255,255,.4);border-radius:14px;background:#ffffff1a;cursor:pointer;transition:all .3s ease;text-align:center}.emsemp-file-drop-zone:hover{border-color:#ffffffb3;background:#fff3}.emsemp-file-selected{border-color:#10b981b3;background:#10b98126;border-style:solid}.emsemp-file-icon{color:#fffc}.emsemp-file-icon-success{color:#10b981}.emsemp-file-drop-text{font-size:14px;font-weight:600;color:#fff}.emsemp-file-drop-hint{font-size:12px;color:#ffffffb3}.emsemp-file-name{font-size:14px;font-weight:700;color:#fff;word-break:break-all}.emsemp-file-size{font-size:12px;color:#fffc}.emsemp-file-clear-btn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:600;background:#dc262640;border:1px solid rgba(220,38,38,.4);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.emsemp-file-clear-btn:hover{background:#dc262673}@media (max-width: 1024px){.emsemp-offcanvas-upload{width:55%;min-width:380px}}@media (max-width: 768px){.emsemp-offcanvas-upload{width:100%;min-width:100%}}.emsemp-doc-section{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.emsemp-doc-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.emsemp-doc-section-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.emsemp-doc-abbr{background:#f59e0b4d;border:1px solid rgba(245,158,11,.6);border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#fde68a}.emsemp-doc-badge{flex-shrink:0;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#ffffffe6;white-space:nowrap;transition:all .3s ease}.emsemp-badge-complete{background:#10b9814d;border-color:#10b98199;color:#6ee7b7}.emsemp-doc-progress-bar{height:5px;background:#ffffff1a;border-radius:4px;overflow:hidden}.emsemp-doc-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:4px;transition:width .4s ease}.emsemp-pages-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emsemp-page-slot{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0f;border:1.5px dashed rgba(255,255,255,.25);border-radius:12px;cursor:pointer;transition:all .25s ease;position:relative;min-height:90px;overflow:hidden}.emsemp-page-slot:hover{background:#ffffff1f;border-color:#ffffff8c;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.emsemp-page-slot-filled{background:#10b9811f;border:1.5px solid rgba(16,185,129,.5);padding:0;display:block}.emsemp-page-slot-filled:hover{background:#10b98133;border-color:#10b981bf}.emsemp-page-slot-dragover{background:#6366f133!important;border-color:#6366f1cc!important;border-style:solid!important;transform:scale(1.03);box-shadow:0 0 0 3px #6366f140,0 6px 20px #0000004d}.emsemp-page-thumb{width:100%;min-height:90px;height:100%;object-fit:cover;border-radius:10px;display:block}.emsemp-page-thumb-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:space-between;padding:5px;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 55%);border-radius:10px}.emsemp-page-slot-number{width:28px;height:28px;min-width:28px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;transition:all .25s ease}.emsemp-page-num-done{background:#10b98180;border-color:#10b981e6}.emsemp-page-slot-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.emsemp-page-placeholder{font-size:13px;font-weight:600;color:#ffffffbf}.emsemp-page-remove{width:22px;height:22px;border-radius:50%;background:#dc2626a6;border:1px solid rgba(220,38,38,.9);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.emsemp-page-remove:hover{background:#dc2626d9;transform:scale(1.15)}.emsemp-page-camera-icon{color:#fff6;margin-left:auto;flex-shrink:0}.emsemp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn .6s ease-out}.emsemp-empty-icon{color:#fff9;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.emsemp-empty-state h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.emsemp-empty-state p{font-size:16px;color:#ffffffe6;font-weight:500;margin-bottom:24px}.emsemp-create-first-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:12px;color:#dc2626;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.emsemp-create-first-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040;background:linear-gradient(135deg,#fff,#fde68a)}@media (max-width: 1024px){.emsemp-table-container{overflow-x:auto}.emsemp-employees-table{min-width:900px}}@media (max-width: 768px){.emsemp-sidebar{width:0;background:linear-gradient(160deg,#f59e0b,#ef4444 60%,#dc2626);backdrop-filter:none;-webkit-backdrop-filter:none}.emsemp-sidebar-open{width:280px}.emsemp-main-content{margin-left:0;overflow-x:hidden;max-width:100vw}.emsemp-content-area{padding:20px}.emsemp-topbar{padding:16px 20px}.emsemp-page-title{font-size:20px}.emsemp-add-employee-btn span{display:none}.emsemp-add-employee-btn{padding:12px}.emsemp-search-filter-bar{flex-direction:column}.emsemp-filter-btn{width:100%;justify-content:center}.emsemp-table-container{padding:12px;overflow-x:visible}.emsemp-employees-table,.emsemp-employees-table tbody,.emsemp-employees-table tr,.emsemp-employees-table td{display:block}.emsemp-employees-table{min-width:unset}.emsemp-employees-table thead{display:none}.emsemp-employees-table tbody tr{background:#fff;border-radius:16px;padding:12px 16px;margin-bottom:12px;box-shadow:0 2px 10px #00000014;transform:none;overflow:hidden;max-width:100%}.emsemp-employees-table tbody tr:hover{transform:none;box-shadow:0 4px 16px #fbbf2433}.emsemp-employees-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(229,231,235,.5);font-size:14px;word-break:break-word;overflow-wrap:break-word;overflow:hidden}.emsemp-employees-table td .emsemp-dept-badge,.emsemp-employees-table td .emsemp-employee-id,.emsemp-employees-table td .emsemp-status-badge,.emsemp-employees-table td .emsemp-employment-type{white-space:normal;word-break:break-word;text-align:right;max-width:calc(100% - 112px)}.emsemp-employees-table tbody tr td:last-child{border-bottom:none}.emsemp-employees-table td:before{content:attr(data-label);flex:0 0 auto;min-width:100px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#9ca3af}.emsemp-employees-table td[data-label=Actions]{border-bottom:none;justify-content:center;padding-top:14px}.emsemp-employees-table td[data-label=Actions]:before{display:none}.emsemp-employees-table td[data-label=Actions] .emsemp-action-buttons{width:100%;justify-content:center;gap:12px}.emsemp-action-btn{padding:10px 16px}}@media (max-width: 480px){.emsemp-content-area{padding:16px}.emsemp-topbar{padding:12px 16px}.emsemp-page-title{font-size:18px}.emsemp-table-container{padding:8px}}.emsemp-exp-container{display:flex;gap:15px;padding:20px 16px 40px;width:100%;box-sizing:border-box;overflow-x:auto;align-items:flex-end;min-height:420px;animation:fadeIn .6s ease-out;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.emsemp-exp-container::-webkit-scrollbar{display:none}.emsemp-exp-card{flex-shrink:0;width:200px;height:440px;border-radius:22px;overflow:hidden;position:relative;transition:width .4s ease-in-out;cursor:grab;background:#fff3 no-repeat center center / cover;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end}.emsemp-exp-card.active{width:320px;border-color:#fff9;box-shadow:0 20px 60px #dc26264d,0 0 40px #fbbf2426}.emsemp-exp-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000c)}.emsemp-exp-desc{position:relative;z-index:1;padding:0 16px 16px;color:#fff;overflow:hidden;transform:none;transition:all .4s ease-in-out;width:100%}.emsemp-exp-card.active .emsemp-exp-desc{transform:none}.emsemp-exp-name{font-size:15px;font-weight:700;white-space:normal;overflow:visible;word-break:break-word;margin-bottom:2px;text-shadow:0 2px 8px rgba(0,0,0,.6);line-height:1.2;color:#fff}.emsemp-exp-details{opacity:1;transform:none;display:flex;flex-direction:column;gap:4px}.emsemp-exp-card.active .emsemp-exp-details{opacity:1;transform:none}.emsemp-card-sub{font-size:12px;color:#ffffffd9;font-weight:500;margin:0;line-height:1.35}.emsemp-card-id{font-size:11px;color:#ffffffa6;font-weight:600;letter-spacing:.5px;margin:2px 0}.emsemp-card-actions{display:flex;gap:7px;justify-content:flex-start;margin-top:8px;flex-wrap:wrap}@media (max-width: 768px){.emsemp-exp-container{min-height:unset;align-items:center;padding:16px 12px 20px}.emsemp-exp-card{width:160px;height:360px}.emsemp-exp-card.active{width:260px}}@media (max-width: 480px){.emsemp-exp-container{min-height:unset;align-items:center;padding:12px 10px 16px}.emsemp-exp-card{width:150px;height:320px}.emsemp-exp-card.active{width:220px}}.emsemp-offcanvas-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .3s ease}.emsemp-offcanvas-filter{position:fixed;top:0;right:-100%;width:30%;min-width:350px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-4px 0 20px #0003;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.emsemp-offcanvas-open{right:0}.emsemp-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.12);background:#0003}.emsemp-offcanvas-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.emsemp-offcanvas-close{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.emsemp-offcanvas-close:hover{background:#ffffff4d;transform:scale(1.05)}.emsemp-offcanvas-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.emsemp-offcanvas-body::-webkit-scrollbar{width:8px}.emsemp-offcanvas-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.emsemp-offcanvas-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.emsemp-offcanvas-body::-webkit-scrollbar-thumb:hover{background:#fff6}.emsemp-filter-group{display:flex;flex-direction:column;gap:10px}.emsemp-filter-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.emsemp-filter-input{width:100%;padding:14px 16px;font-size:15px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;font-weight:500}.emsemp-filter-input::placeholder{color:#1f293799}.emsemp-filter-input:focus{border-color:#fff9;background:#ffffff59;box-shadow:0 0 0 4px #ffffff1a}.emsemp-offcanvas-footer{display:flex;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.12);background:#0003}.emsemp-clear-filter-btn,.emsemp-apply-filter-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.emsemp-clear-filter-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.emsemp-clear-filter-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.emsemp-apply-filter-btn{background:linear-gradient(135deg,#fff,#fef3c7);color:#dc2626}.emsemp-apply-filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000040;background:linear-gradient(135deg,#fff,#fde68a)}.emsemp-offcanvas-filter .react-select-container{position:relative;z-index:100}@media (max-width: 1024px){.emsemp-offcanvas-filter{width:40%;min-width:300px}}@media (max-width: 768px){.emsemp-offcanvas-filter{width:100%;min-width:100%}.emsemp-offcanvas-header{padding:20px}.emsemp-offcanvas-title{font-size:20px}.emsemp-offcanvas-body{padding:20px}.emsemp-offcanvas-footer{flex-direction:column;padding:20px}.emsemp-clear-filter-btn,.emsemp-apply-filter-btn{width:100%}}@media (max-width: 768px){.sidebar-logo{cursor:pointer}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-logo:active{transform:scale(.95)}}.employee-form{animation:fadeIn .6s ease-out}.form-section{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #00000026}.section-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.2);padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-full{grid-column:1 / -1}.form-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.1)}.form-input{width:100%;padding:14px 16px;font-size:15px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-input::placeholder{color:#1f293799}.form-input:focus{border-color:#fff9;background:#ffffff59;box-shadow:0 0 0 4px #ffffff1a,0 4px 12px #0000001a}.form-input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff26}.empcreate-dropzone{border:2px dashed rgba(255,255,255,.4);border-radius:16px;background:#ffffff14;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;min-height:160px;position:relative}.empcreate-dropzone:hover{background:#ffffff26;border-color:#ffffffa6}.empcreate-upload-icon{color:#ffffffb3}.empcreate-upload-text{font-size:15px;font-weight:600;color:#fff;margin:0}.empcreate-upload-hint{font-size:12px;color:#fff9;margin:0}.empcreate-preview-wrap{position:relative;display:inline-block}.empcreate-preview-img{width:120px;height:120px;object-fit:cover;border-radius:12px;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #0003}.empcreate-remove-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease}.empcreate-remove-btn:hover{background:#dc2626}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-btn,.submit-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.cancel-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.submit-btn{background:linear-gradient(135deg,#fff,#fef3c7);color:#dc2626}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00000040;background:linear-gradient(135deg,#fff,#fde68a)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px}.topbar{padding:16px 20px}.page-title{font-size:20px}.form-section{padding:24px 20px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}@media (max-width: 480px){.content-area{padding:16px}.topbar{padding:12px 16px}.page-title{font-size:18px}.form-section{padding:20px 16px}.section-title{font-size:18px}}.react-select-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;z-index:100}.react-select__control{min-height:48px!important}.react-select__menu{z-index:1000!important;position:absolute!important}.react-select__menu-portal{z-index:9999!important}.react-select__option,.react-select__placeholder,.react-select__single-value,.react-select__input{font-size:15px!important}.form-group{position:relative;z-index:1}.form-group:has(.react-select-container){z-index:100}.form-section{position:relative;z-index:1}.react-select-container:focus-within{z-index:1000}.app-card-body{flex:1;display:flex;align-items:center;justify-content:center}.status-badge-small.pending{background:#fef3c7;color:#92400e}.status-badge-small.approved{background:#d1fae5;color:#065f46}.status-badge-small.revoked{background:#fee2e2;color:#991b1b}.launch-app-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;text-transform:uppercase;letter-spacing:.5px}.status-icon.approved{color:#10b981}.status-icon.pending{color:#f50b0b83}.status-icon.rejected{color:#ef4444}.status-approved{background:#00ffd573;color:#03030357;border:1px solid rgba(16,185,67,.4)}.status-pending{background:#fb242433;color:#fb2424;border:1px solid rgba(251,36,36,.4)}.status-rejected{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.status-not-requested{background:#3700ff33;color:#0e1deb;border:1px solid rgba(23,11,134,.4)}.app-status{display:flex;align-items:center;gap:8px}.status-icon.approved{color:#00ff62;background:#00ffd573;padding:6px;border-radius:50%}.status-icon.pending{color:#fb2424;background:#fbbf2426;padding:6px;border-radius:50%;animation:pulse-pending 2s infinite}@keyframes pulse-pending{0%,to{transform:scale(1);box-shadow:0 0 #fbbf2466}50%{transform:scale(1.05);box-shadow:0 0 10px #fbbf2499}}.status-icon.rejected{color:#ef4444;background:#ef444426;padding:6px;border-radius:50%}.status-icon.not-requested{color:#1800f5;background:#005eff26;padding:6px;border-radius:50%}.app-name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.app-code{font-size:13px;font-weight:600;color:#fffc;margin:0}.app-description{font-size:14px;color:#ffffffe6;line-height:1.6;margin:0}.app-card-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.app-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.access-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.access-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.pending-btn{background:#ffffff4d;color:#0b69f5;cursor:not-allowed;opacity:.7}.request-btn{background:linear-gradient(135deg,#fff,#fef3c7);color:#f59e0b}.request-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}@media (max-width: 1024px){.apps-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.sidebar-open{width:100%}.sidebar-closed{width:0;padding:0;border:none}.content-shifted,.content-full{margin-left:0}.page-title{font-size:20px}.apps-grid{grid-template-columns:1fr;gap:16px}.content-area{padding:20px}.topbar{padding:16px 20px}}@media (max-width: 480px){.app-card{padding:20px}.app-name{font-size:18px}.app-btn{padding:10px 16px;font-size:13px}}@media (max-width: 768px){.section-title{font-size:20px}.section-icon{font-size:24px}.section-subtitle{font-size:13px;padding-left:36px}.apps-section{margin-bottom:32px}}.request-app-info{display:flex;gap:16px;padding:20px;background:#fff3;border-radius:12px;border:1px solid rgba(255,255,255,.3)}.request-app-icon{width:64px;height:64px;min-width:64px;background:#ffffff40;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.request-app-details{flex:1}.request-app-name{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.request-app-code{font-size:13px;font-weight:600;color:#fffc;margin:0 0 8px}.request-app-description{font-size:14px;color:#ffffffe6;line-height:1.5;margin:0}.request-divider{height:1px;background:#fff3;margin:8px 0}@media (max-width: 1024px){.offcanvas-request{width:45%;min-width:350px}}@media (max-width: 768px){.offcanvas-request{width:100%;min-width:100%}.offcanvas-header{padding:20px}.offcanvas-title{font-size:20px}.offcanvas-body{padding:20px}.offcanvas-footer{flex-direction:column;padding:20px}.cancel-request-btn,.submit-request-btn{width:100%}.request-app-info{flex-direction:column;align-items:center;text-align:center}.request-app-icon{width:80px;height:80px;min-width:80px}}@media (max-width: 480px){.request-input,.request-textarea{padding:10px 14px;font-size:13px}.request-label{font-size:13px}.request-info-text{font-size:12px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reg-password-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.reg-password-bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:reg-password-float 20s infinite ease-in-out}.reg-password-shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.reg-password-shape-2{width:400px;height:400px;bottom:-150px;right:-150px;animation-delay:7s}.reg-password-shape-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:14s}@keyframes reg-password-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.reg-password-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:550px;box-shadow:0 8px 32px #0003;animation:reg-password-slideUp .5s ease;position:relative;z-index:10}@keyframes reg-password-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.reg-password-header{text-align:center;margin-bottom:32px}.reg-password-logo-container{display:flex;justify-content:center;margin-bottom:20px}.reg-password-vm-logo{width:90px;height:90px;border-radius:50%;background:#fff3;padding:10px;box-shadow:0 4px 15px #0003}.reg-password-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:28px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.reg-password-title-icon{font-size:36px}.reg-password-subtitle{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.2)}.reg-password-form{display:flex;flex-direction:column;gap:20px}.reg-password-form-group{display:flex;flex-direction:column;gap:8px}.reg-password-form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.reg-password-label-icon{font-size:18px}.reg-password-input-wrapper{position:relative;display:flex;align-items:center}.reg-password-input-icon{position:absolute;left:16px;font-size:20px;color:#fffc;pointer-events:none;z-index:1}.reg-password-form-input{width:100%;padding:16px 52px 16px 56px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease;outline:none}.reg-password-form-input::placeholder{color:#ffffffd9;font-weight:500}.reg-password-form-input:focus{background:#ffffff26;border-color:#667eea99;box-shadow:0 0 0 3px #667eea1a}.reg-password-form-input:disabled{opacity:.6;cursor:not-allowed}.reg-password-toggle-password{position:absolute;right:16px;background:transparent;border:none;color:#fffc;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.reg-password-toggle-password:hover:not(:disabled){color:#fff;transform:scale(1.1)}.reg-password-toggle-password:disabled{opacity:.5;cursor:not-allowed}.reg-password-strength-container{display:flex;align-items:center;gap:12px;margin-top:4px}.reg-password-strength-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.reg-password-strength-fill{height:100%;transition:all .3s ease;border-radius:3px}.reg-password-strength-label{font-size:12px;font-weight:700;min-width:70px;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reg-password-requirements{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px}.reg-password-requirements-title{color:#fff;font-size:13px;font-weight:700;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.reg-password-requirements-list{list-style:none;display:flex;flex-direction:column;gap:8px}.reg-password-requirements-list li{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:13px;font-weight:500;transition:all .3s ease}.reg-password-check-icon{font-size:16px;flex-shrink:0}.reg-password-requirement-met{color:#22c55e!important;font-weight:600!important}.reg-password-requirement-met .reg-password-check-icon{color:#22c55e}.reg-password-submit-btn,.reg-password-back-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%}.reg-password-submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d;margin-top:8px}.reg-password-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.reg-password-submit-btn:active:not(:disabled){transform:translateY(0)}.reg-password-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reg-password-back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.reg-password-back-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.reg-password-back-btn:active:not(:disabled){transform:translateY(0)}.reg-password-back-btn:disabled{opacity:.6;cursor:not-allowed}.reg-password-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:reg-password-spin .8s linear infinite}@keyframes reg-password-spin{to{transform:rotate(360deg)}}.reg-password-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.reg-password-footer-text{color:#fffc;font-size:13px;line-height:1.6}.reg-password-page-footer{margin-top:30px;text-align:center;color:#ffffffe6;font-size:14px;font-weight:500}.reg-password-copyright{margin-top:6px;font-size:12px;color:#ffffffb3}@media (max-width: 768px){.reg-password-card{padding:40px 30px}.reg-password-title{font-size:26px}.reg-password-subtitle{font-size:14px}.reg-password-vm-logo{width:80px;height:80px}.reg-password-bg-shape{display:none}}@media (max-width: 480px){.reg-password-container{padding:16px}.reg-password-card{padding:32px 24px;border-radius:20px}.reg-password-title{font-size:22px;flex-direction:column;gap:8px}.reg-password-title-icon{font-size:32px}.reg-password-vm-logo{width:70px;height:70px}.reg-password-form-input{padding:14px 48px;font-size:14px}.reg-password-input-icon{left:14px;font-size:18px}.reg-password-toggle-password{right:14px}.reg-password-submit-btn,.reg-password-back-btn{padding:14px 24px;font-size:14px}.reg-password-requirements{padding:14px}.reg-password-requirements-title,.reg-password-requirements-list li{font-size:12px}}@media (prefers-color-scheme: dark){.reg-password-card{background:#0000004d;border-color:#fff3}}.apps-section:last-child{margin-bottom:0}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;animation:fadeIn .5s ease}.request-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;box-shadow:0 8px 24px #0000001a}.request-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:#ffffff80}.request-card-header{display:flex;align-items:center;justify-content:space-between}.request-icon{width:56px;height:56px;background:#ffffff40;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0000001a}.request-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-icon{font-size:24px}.status-icon.pending{color:#f50b0b}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#f50b0b33;color:#f50b0b;border:1px solid rgba(245,11,11,.4)}.statuspending{background:#f50b0b33;color:#f50b0b98;border:1px solid rgba(245,11,11,.4)}.request-card-body{flex:1;display:flex;flex-direction:column;gap:12px}.request-user-name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.request-user-info{font-size:14px;color:#ffffffe6;margin:0}.request-app-info{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff26;border-radius:8px;margin-top:4px}.request-app-label{font-size:13px;font-weight:600;color:#fffc}.request-app-name{font-size:14px;font-weight:700;color:#fff}.request-details{display:flex;flex-direction:column;gap:10px;margin-top:8px}.request-justification,.request-purpose,.request-date{font-size:13px;color:#ffffffe6;line-height:1.5;margin:0}.request-card-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:12px}.request-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.approve-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.reject-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.empty-state p{font-size:16px;color:#fffc;max-width:400px}.offcanvas-approval{position:fixed;top:0;right:-100%;width:40%;min-width:450px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-4px 0 20px #0003;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.approval-request-info{display:flex;flex-direction:column;gap:16px}.approval-user-card{display:flex;gap:16px;padding:20px;background:#fff3;border-radius:12px;border:1px solid rgba(255,255,255,.3)}.approval-user-avatar{width:64px;height:64px;min-width:64px;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.approval-user-details{flex:1}.approval-user-name{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.approval-user-position,.approval-user-department{font-size:14px;color:#ffffffe6;margin:4px 0}.approval-app-info{padding:16px;background:#ffffff26;border-radius:12px;display:flex;flex-direction:column;gap:10px}.approval-info-row{display:flex;justify-content:space-between;align-items:center}.approval-label{font-size:13px;font-weight:600;color:#fffc}.approval-value{font-size:14px;font-weight:700;color:#fff}.approval-divider{height:1px;background:#fff3;margin:8px 0}.approval-details-section{display:flex;flex-direction:column;gap:16px}.approval-section-title{font-size:16px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.approval-detail-box{padding:14px;background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.approval-detail-label{font-size:13px;font-weight:600;color:#fffc;margin-bottom:6px;display:block}.approval-detail-text{font-size:14px;color:#fff;line-height:1.6;margin:0}.approval-form{display:flex;flex-direction:column;gap:20px}.approval-form-group{display:flex;flex-direction:column;gap:8px}.approval-form-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.approval-textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:vertical;min-height:100px}.approval-textarea::placeholder{color:#1f293799}.approval-textarea:focus{border-color:#fff9;background:#ffffff59;box-shadow:0 0 0 4px #ffffff1a}.approval-textarea:disabled{opacity:.6;cursor:not-allowed}.approval-info-box{padding:16px;border-radius:12px;margin-top:8px}.approval-info-box.info-approve{background:#10b98133;border:1px solid rgba(16,185,129,.4)}.approval-info-box.info-reject{background:#ef444433;border:1px solid rgba(239,68,68,.4)}.approval-info-text{font-size:13px;color:#fff;line-height:1.6;margin:0}.approval-info-text strong{font-weight:700}.cancel-approval-btn,.submit-approval-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-approval-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.cancel-approval-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.submit-approval-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.submit-approval-btn.btn-approve{background:linear-gradient(135deg,#10b981,#059669)}.submit-approval-btn.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.submit-approval-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.submit-approval-btn.btn-reject:hover:not(:disabled){box-shadow:0 6px 16px #ef444466}.cancel-approval-btn:disabled,.submit-approval-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1400px){.requests-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.offcanvas-approval{width:50%;min-width:400px}}@media (max-width: 1024px){.requests-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.offcanvas-approval{width:60%}}@media (max-width: 768px){.sidebar-open{width:100%}.sidebar-closed{width:0;padding:0;border:none}.content-shifted,.content-full{margin-left:0}.page-title{font-size:20px}.requests-grid{grid-template-columns:1fr;gap:16px}.content-area{padding:20px}.topbar{padding:16px 20px}.offcanvas-approval{width:100%;min-width:100%}.offcanvas-header{padding:20px}.offcanvas-title{font-size:20px}.offcanvas-body{padding:20px}.offcanvas-footer{flex-direction:column;padding:20px}.cancel-approval-btn,.submit-approval-btn{width:100%}.approval-user-card{flex-direction:column;align-items:center;text-align:center}.approval-user-avatar{width:80px;height:80px;min-width:80px}.section-title{font-size:20px}.section-icon{font-size:24px}.section-subtitle{font-size:13px;padding-left:36px}}@media (max-width: 480px){.request-card{padding:20px}.request-user-name{font-size:18px}.request-btn{padding:10px 16px;font-size:13px}.approval-textarea{padding:10px 14px;font-size:13px}.approval-form-label{font-size:13px}.approval-info-text{font-size:12px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.vems-dashboard-wrapper{display:flex;min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);position:relative;overflow:hidden}.vems-dashboard-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:vems-float 8s ease-in-out infinite;z-index:0;pointer-events:none}.vems-dashboard-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:vems-float 10s ease-in-out infinite reverse;z-index:0;pointer-events:none}@keyframes vems-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.vems-sidebar{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#f59e0b,#ef4444 60%,#dc2626);border-right:1px solid rgba(255,255,255,.2);transition:all .3s ease;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 20px #00000026}.vems-sidebar-open{width:280px}.vems-sidebar-closed{width:0;border:none;overflow:hidden}.vems-sidebar-content{display:flex;flex-direction:column;height:100%;padding:32px 24px}.vems-sidebar-header{text-align:center;margin-bottom:24px}.vems-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:vems-pulse 2s ease-in-out infinite}@keyframes vems-pulse{0%,to{box-shadow:0 4px 20px #0003,0 0 #fff6}50%{box-shadow:0 4px 20px #0003,0 0 0 8px #fff0}}.vems-sidebar-logo:hover{transform:scale(1.05)}.vems-sidebar-title{margin-top:12px;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin-bottom:4px;transition:opacity .3s ease}.vems-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500;margin-top:4px;text-shadow:0 1px 3px rgba(0,0,0,.2);transition:opacity .3s ease}.vems-sidebar-closed .vems-sidebar-title,.vems-sidebar-closed .vems-sidebar-subtitle{opacity:0;pointer-events:none}.vems-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.vems-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.vems-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;text-decoration:none;color:#ffffffe6;font-weight:500;font-size:15px;transition:all .3s ease;white-space:nowrap;background:transparent;cursor:pointer;border:none}.vems-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.vems-nav-item-active{background:#ffffff40;box-shadow:0 4px 12px #00000026}.vems-nav-icon{font-size:22px;min-width:22px}.vems-sidebar-closed .vems-nav-item span{opacity:0;pointer-events:none}.vems-sidebar-footer{margin-top:auto}.vems-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.vems-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.vems-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.vems-user-info{display:flex;flex-direction:column;flex:1}.vems-user-name{font-size:14px;color:#fff;font-weight:600}.vems-user-role{font-size:12px;color:#fffc}.vems-sidebar-closed .vems-user-info{opacity:0;pointer-events:none}.vems-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vems-logout-btn:hover{background:#dc262680;border-color:#dc2626b3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.vems-logout-icon{font-size:20px}.vems-sidebar-closed .vems-logout-btn span{opacity:0;pointer-events:none}.vems-main-content{flex:1;min-width:0;overflow-x:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative;z-index:1}.vems-content-shifted{margin-left:280px}.vems-content-full{margin-left:0}.vems-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.vems-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.vems-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.vems-page-title{font-size:26px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.vems-content-area{flex:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:30px}.messaging-section{animation:fadeIn .5s ease}.vems-section-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2)}.vems-section-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0 0 6px}.vems-section-icon{font-size:26px}.vems-section-subtitle{font-size:14px;color:#fffc;margin:0;padding-left:38px}.message-form-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:28px;box-shadow:0 8px 24px #0000001a}.message-form{display:flex;flex-direction:column;gap:20px}.vems-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.vems-form-group{display:flex;flex-direction:column;gap:8px}.vems-form-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:center}.vems-char-count{font-size:12px;font-weight:500;color:#ffffffb3}.vems-form-input,.vems-form-select,.vems-form-textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#fffffff2;color:#1f2937;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.vems-form-input::placeholder,.vems-form-textarea::placeholder{color:#1f293780}.vems-form-input:focus,.vems-form-select:focus,.vems-form-textarea:focus{border-color:#fff9;background:#fff;box-shadow:0 0 0 4px #ffffff1a}.vems-form-input:disabled,.vems-form-select:disabled,.vems-form-textarea:disabled{opacity:.6;cursor:not-allowed}.vems-form-textarea{resize:vertical;min-height:120px;line-height:1.6}.vems-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.vems-clear-btn,.vems-send-btn{padding:12px 24px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px}.vems-clear-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.vems-clear-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.vems-send-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.vems-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.vems-clear-btn:disabled,.vems-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vems-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.message-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.message-history-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.message-history-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#ffffff80}.message-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.message-recipient{display:flex;align-items:center;gap:8px}.recipient-icon{font-size:20px;color:#fff}.recipient-number{font-size:15px;font-weight:700;color:#fff}.message-status{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-sent{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.status-pending{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.message-card-body{flex:1}.message-text{font-size:14px;color:#fffffff2;line-height:1.6;margin:0}.message-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:#fffc}.message-meta{display:flex;gap:4px}.message-meta strong{font-weight:700;color:#fff}.message-date{font-weight:500}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#ffffff1a;border-radius:16px;border:2px dashed rgba(255,255,255,.3)}.empty-icon{color:#ffffff80;margin-bottom:16px}.empty-history h4{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.empty-history p{font-size:14px;color:#fffc}.vems-content-area::-webkit-scrollbar,.vems-sidebar::-webkit-scrollbar{width:8px}.vems-content-area::-webkit-scrollbar-track,.vems-sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.vems-content-area::-webkit-scrollbar-thumb,.vems-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.vems-content-area::-webkit-scrollbar-thumb:hover,.vems-sidebar::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width: 1024px){.vems-form-row{grid-template-columns:1fr}.message-history-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.vems-sidebar-open{width:100%}.vems-sidebar-closed{width:0;padding:0;border:none}.vems-content-shifted,.vems-content-full{margin-left:0}.vems-page-title{font-size:20px}.vems-content-area{padding:20px}.vems-topbar{padding:16px 20px}.message-form-card{padding:20px}.message-history-grid{grid-template-columns:1fr}.vems-form-actions{flex-direction:column}.vems-clear-btn,.vems-send-btn{width:100%}}@media (max-width: 480px){.vems-section-title{font-size:18px}.vems-section-icon{font-size:22px}.message-form-card{padding:16px}.vems-form-input,.vems-form-select,.vems-form-textarea{padding:10px 14px;font-size:13px}.vems-clear-btn,.vems-send-btn{padding:10px 20px;font-size:14px}}.recipient-input-wrapper{position:relative;display:flex;align-items:center;gap:8px}.recipient-input-wrapper .vems-form-input{flex:1}.select-recipients-btn{padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.select-recipients-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.select-recipients-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.selected-recipients-container{display:flex;flex-direction:column;gap:10px}.selected-recipients-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);max-height:150px;overflow-y:auto}.selected-recipients-list::-webkit-scrollbar{width:6px}.selected-recipients-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.selected-recipients-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.selected-recipient-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#667eea4d;border:1px solid rgba(102,126,234,.5);border-radius:20px;color:#fff;font-size:13px;font-weight:600;transition:all .3s ease}.selected-recipient-chip:hover{background:#667eea66;border-color:#667eeab3}.chip-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;max-width:200px}.chip-remove{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:all .3s ease}.chip-remove:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.chip-remove:disabled{opacity:.5;cursor:not-allowed}.offcanvas-recipients{position:fixed;top:0;right:-100%;width:40%;min-width:450px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-4px 0 20px #0003;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.offcanvas-search{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.2)}.vems-search-input-wrapper{position:relative;display:flex;align-items:center}.vems-search-icon{position:absolute;left:14px;font-size:20px;color:#1f293780;pointer-events:none}.vems-search-input{width:100%;padding:12px 16px 12px 44px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#fffffff2;color:#1f2937;font-weight:500}.vems-search-input::placeholder{color:#1f293780}.vems-search-input:focus{border-color:#fff9;background:#fff;box-shadow:0 0 0 4px #ffffff1a}.offcanvas-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2)}.select-all-btn{padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.select-all-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.offcanvas-body{flex:1;padding:20px 24px;overflow-y:auto}.recipients-list{display:flex;flex-direction:column;gap:10px}.recipient-item{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.recipient-item:hover{background:#ffffff26;border-color:#fff6;transform:translate(4px)}.recipient-selected{background:#667eea40;border-color:#667eea99}.recipient-selected:hover{background:#667eea4d;border-color:#667eeab3}.recipient-checkbox{display:flex;align-items:center;justify-content:center}.recipient-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.recipient-info{flex:1;display:flex;flex-direction:column;gap:4px}.recipient-name{font-size:15px;font-weight:700;color:#fff}.recipient-mobile{font-size:13px;color:#fffc;font-weight:500}.recipient-check-icon{font-size:22px;color:#10b981}.recipient-position{font-size:12px;color:#ffffffb3;font-weight:500;font-style:italic}.no-recipients{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-recipients-icon{color:#ffffff80;margin-bottom:16px}.no-recipients p{font-size:15px;color:#fffc}.cancel-recipients-btn,.apply-recipients-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-recipients-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.cancel-recipients-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.apply-recipients-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.apply-recipients-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}@media (max-width: 1400px){.offcanvas-recipients{width:50%;min-width:400px}}@media (max-width: 1024px){.offcanvas-recipients{width:60%}}@media (max-width: 768px){.offcanvas-recipients{width:100%;min-width:100%}.recipient-input-wrapper{flex-direction:column;align-items:stretch}.select-recipients-btn{width:100%}.selected-recipients-list{max-height:120px}.chip-text{max-width:150px}}@media (max-width: 480px){.offcanvas-header{padding:20px}.offcanvas-title{font-size:20px}.offcanvas-search{padding:16px 20px}.offcanvas-actions{padding:14px 20px}.offcanvas-body{padding:16px 20px}.offcanvas-footer{flex-direction:column;padding:20px}.cancel-recipients-btn,.apply-recipients-btn{width:100%}.recipient-item{padding:12px}.chip-text{max-width:120px}}.offcanvas-filters{padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:12px}.filters-toolbar{display:flex;align-items:center;justify-content:space-between}.filters-left{display:flex;align-items:center;gap:8px}.filter-icon{color:#fff;font-size:18px}.filters-label{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.clear-all-filters-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-all-filters-btn:hover{background:#ef44444d;border-color:#ef444499;transform:translateY(-1px)}.filters-row{display:flex;gap:10px;flex-wrap:wrap}.filter-dropdown-wrapper{position:relative}.filter-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-dropdown-trigger:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.filter-dropdown-trigger.filter-active{background:#667eea4d;border-color:#667eea99}.filter-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ffffffe6;color:#667eea;border-radius:10px;font-size:11px;font-weight:700}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 8px 24px #0003;z-index:1000;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);background:#00000005}.filter-dropdown-title{font-size:13px;font-weight:700;color:#1f2937}.filter-dropdown-body{padding:8px;max-height:280px;overflow-y:auto}.filter-dropdown-body::-webkit-scrollbar{width:6px}.filter-dropdown-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.filter-dropdown-body::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.filter-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-radius:6px;transition:all .2s ease;margin-bottom:4px}.filter-option:hover{background:#667eea1a}.filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.filter-option-label{flex:1;font-size:13px;font-weight:600;color:#1f2937}.filter-option-count{font-size:12px;color:#6b7280;font-weight:500}.active-filters{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.filter-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#667eea40;border:1px solid rgba(102,126,234,.5);border-radius:16px;color:#fff;font-size:12px;font-weight:600;animation:chipSlide .3s ease}@keyframes chipSlide{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.filter-chip svg{flex-shrink:0}.filter-chip span{white-space:nowrap}.filter-chip-remove{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:all .2s ease;margin-left:2px}.filter-chip-remove:hover{background:#fff3;transform:scale(1.2)}.selected-count{font-size:13px;font-weight:600;color:#fff;padding:6px 12px;background:#667eea4d;border-radius:20px;border:1px solid rgba(102,126,234,.5)}.no-recipients small{display:block;margin-top:8px;font-size:13px;color:#ffffffb3}@media (max-width: 768px){.offcanvas-filters{padding:14px 20px}.filters-row{flex-direction:column}.filter-dropdown-trigger{width:100%;justify-content:space-between}.filter-dropdown-menu{width:100%;min-width:unset}.active-filters{gap:6px}.filter-chip{font-size:11px;padding:5px 9px}}@media (max-width: 480px){.filters-toolbar{flex-wrap:wrap;gap:8px}.clear-all-filters-btn{font-size:11px;padding:5px 10px}.filter-dropdown-trigger{font-size:12px;padding:7px 12px}.filter-chip span{max-width:120px;overflow:hidden;text-overflow:ellipsis}}.vems-nav-item-button{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;background:transparent;border:none;border-radius:12px;text-decoration:none;color:#ffffffe6;font-size:15px;font-weight:600;transition:all .3s ease;cursor:pointer;position:relative;text-align:left}.vems-nav-item-button:hover{background:#ffffff26;transform:translate(5px);color:#fff}.vems-nav-badge{margin-left:auto;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:20px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #f59e0b66;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #f59e0b66}50%{transform:scale(1.05);box-shadow:0 4px 12px #f59e0b99}}.offcanvas-history{position:fixed;top:0;right:-100%;width:45%;min-width:500px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-4px 0 20px #0003;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.history-filter-tabs{display:flex;gap:8px;padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2);overflow-x:auto}.history-filter-tabs::-webkit-scrollbar{height:4px}.history-filter-tabs::-webkit-scrollbar-track{background:#ffffff1a}.history-filter-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.history-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.history-tab:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.history-tab-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea99;box-shadow:0 4px 12px #667eea4d}.history-messages-list{display:flex;flex-direction:column;gap:12px}.history-message-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:14px;padding:16px;transition:all .3s ease;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.history-message-card:hover{background:#ffffff26;border-color:#fff6;transform:translate(-4px);box-shadow:0 4px 16px #0003}.history-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-recipient{display:flex;align-items:center;gap:12px}.history-recipient-icon{font-size:22px;color:#fff;background:#fff3;padding:8px;border-radius:10px}.history-recipient-info{display:flex;flex-direction:column;gap:4px}.history-recipient-number{font-size:15px;font-weight:700;color:#fff}.history-sent-date{font-size:12px;color:#ffffffb3;font-weight:500}.history-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.history-status-sent{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.history-status-pending{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.history-status-failed{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.history-card-body{margin-bottom:12px;padding:12px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.history-message-text{font-size:14px;color:#fff;line-height:1.6;margin:0;word-wrap:break-word}.history-card-footer{display:flex;align-items:center;justify-content:space-between}.history-sender{font-size:12px;color:#fffc;font-weight:500}.history-sender strong{color:#fff;font-weight:700}.no-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-history-icon{color:#ffffff80;margin-bottom:16px}.no-history p{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.no-history small{font-size:13px;color:#ffffffb3}.close-history-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.close-history-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}@media (max-width: 1400px){.offcanvas-history{width:55%;min-width:450px}}@media (max-width: 1024px){.offcanvas-history{width:65%}}@media (max-width: 768px){.offcanvas-history{width:100%;min-width:100%}.history-filter-tabs{padding:14px 20px}.history-tab{font-size:12px;padding:8px 14px}.history-message-card{padding:14px}.history-recipient-number{font-size:14px}.history-sent-date{font-size:11px}}@media (max-width: 480px){.history-card-header{flex-direction:column;align-items:flex-start;gap:10px}.history-status{font-size:11px;padding:5px 10px}.history-filter-tabs{gap:6px;padding:12px 20px}}.offcanvas-history.offcanvas-open{right:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.empedit-dashboard-wrapper{display:flex;min-height:100vh;width:100%;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626)}.empedit-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:transform .3s ease;z-index:1000;overflow-y:auto}.empedit-sidebar-open{transform:translate(0)}.empedit-sidebar-closed{transform:translate(-100%)}.empedit-sidebar-content{display:flex;flex-direction:column;height:100%;padding:20px}.empedit-sidebar-header{text-align:center;margin-bottom:20px}.empedit-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empedit-sidebar-logo:hover{transform:scale(1.1) rotate(5deg)}.empedit-sidebar-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.empedit-sidebar-subtitle{color:#fffc;font-size:13px;font-weight:500}.empedit-sidebar-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);margin:20px 0}.empedit-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.empedit-nav-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:transparent;border-radius:12px;text-decoration:none;color:#ffffffe6;font-size:15px;font-weight:600;transition:all .3s ease;position:relative}.empedit-nav-item:hover{background:#ffffff26;transform:translate(5px);color:#fff}.empedit-nav-item-active{background:#fff3;color:#fff;box-shadow:0 4px 15px #0000001a}.empedit-nav-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:0 4px 4px 0}.empedit-nav-icon{font-size:22px}.empedit-sidebar-footer{margin-top:auto;padding-top:20px}.empedit-user-profile{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff1a;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.2)}.empedit-user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003;object-fit:cover}.empedit-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.empedit-user-info{display:flex;flex-direction:column;gap:2px;flex:1}.empedit-user-name{color:#fff;font-size:14px;font-weight:700}.empedit-user-role{color:#fffc;font-size:12px;font-weight:500}.empedit-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ef444433;border:2px solid rgba(239,68,68,.4);border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.empedit-logout-btn:hover{background:#ef44444d;border-color:#ef444499;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.empedit-logout-icon{font-size:18px}.empedit-main-content{flex:1;margin-left:280px;transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column}.empedit-content-shifted{margin-left:280px}.empedit-content-full{margin-left:0}.empedit-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:100}.empedit-menu-toggle{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.empedit-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.empedit-page-title{color:#fff;font-size:26px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.empedit-content-area{flex:1;padding:30px;overflow-y:auto}.empedit-employee-section{max-width:1200px;margin:0 auto}.empedit-section-header{margin-bottom:30px;text-align:center}.empedit-section-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.empedit-section-icon{font-size:32px}.empedit-section-subtitle{color:#ffffffe6;font-size:16px;font-weight:500}.empedit-employee-form-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0003;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.empedit-form-section{margin-bottom:40px}.empedit-form-section:last-of-type{margin-bottom:0}.empedit-form-section-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:700;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2);text-shadow:0 2px 4px rgba(0,0,0,.2)}.empedit-form-section-icon{font-size:24px}.empedit-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.empedit-form-group{display:flex;flex-direction:column;gap:8px;width:100%}.empedit-form-group-full{grid-column:1 / -1}.empedit-form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.empedit-label-icon{font-size:18px}.empedit-form-input,.empedit-form-select{width:100%;padding:14px 18px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease;outline:none}.empedit-form-input::placeholder{color:#fff9;font-weight:500}.empedit-form-input:focus,.empedit-form-select:focus{background:#ffffff26;border-color:#667eea99;box-shadow:0 0 0 3px #667eea1a}.empedit-form-input:disabled,.empedit-form-select:disabled{opacity:.6;cursor:not-allowed}.empedit-form-select{cursor:pointer}.empedit-form-select option{background:#1f2937;color:#fff;padding:12px}.empedit-form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:30px;border-top:2px solid rgba(255,255,255,.2)}.empedit-cancel-btn,.empedit-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:160px}.empedit-cancel-btn{background:#fff3;border-color:#fff6;color:#fff}.empedit-cancel-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.empedit-submit-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98199;color:#fff;box-shadow:0 4px 12px #10b9814d}.empedit-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.empedit-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.empedit-spinner-small{width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empedit-sidebar::-webkit-scrollbar,.empedit-content-area::-webkit-scrollbar{width:8px}.empedit-sidebar::-webkit-scrollbar-track,.empedit-content-area::-webkit-scrollbar-track{background:#ffffff0d}.empedit-sidebar::-webkit-scrollbar-thumb,.empedit-content-area::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.empedit-sidebar::-webkit-scrollbar-thumb:hover,.empedit-content-area::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 1024px){.empedit-sidebar{transform:translate(-100%)}.empedit-sidebar-open{transform:translate(0)}.empedit-main-content,.empedit-content-shifted,.empedit-content-full{margin-left:0}.empedit-form-grid{grid-template-columns:1fr}}@media (max-width: 768px){.empedit-topbar{padding:16px 20px}.empedit-page-title{font-size:20px}.empedit-content-area{padding:20px}.empedit-employee-form-card{padding:24px}.empedit-section-title{font-size:22px}.empedit-form-section-title{font-size:18px}.empedit-form-actions{flex-direction:column}.empedit-cancel-btn,.empedit-submit-btn{width:100%}.empedit-form-grid{grid-template-columns:1fr}}@media (max-width: 480px){.empedit-sidebar{width:100%}.empedit-user-profile{flex-direction:column;text-align:center}.empedit-employee-form-card{padding:20px}.empedit-section-title{font-size:20px;flex-direction:column;gap:8px}.empedit-form-section-title{font-size:16px}}.empedit-employee-form-card{position:relative;z-index:1}[class*=menu]{z-index:9999!important}.empedit-form-section{position:relative;z-index:auto}.emspay-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.emspay-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:emspay-float 8s ease-in-out infinite;z-index:0}.emspay-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:emspay-float 10s ease-in-out infinite reverse;z-index:0}@keyframes emspay-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}@keyframes emspay-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emspay-sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.emspay-sidebar-closed{width:0;border:none;overflow:hidden}.emspay-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.emspay-sidebar-header{text-align:center;margin-bottom:24px}.emspay-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.emspay-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.emspay-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.emspay-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.emspay-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.emspay-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent}.emspay-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.emspay-nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.emspay-nav-icon{font-size:20px}.emspay-sidebar-footer{margin-top:auto}.emspay-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.emspay-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.emspay-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff}.emspay-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.emspay-user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emspay-user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emspay-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emspay-logout-btn:hover{background:#dc262680;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.emspay-logout-icon{font-size:18px}.emspay-main-content{flex:1;min-width:0;overflow-x:hidden;margin-left:280px;transition:all .3s ease;position:relative;z-index:1}.emspay-content-full{margin-left:0}.emspay-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000000d}.emspay-menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emspay-menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.emspay-back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.emspay-back-btn:hover{background:#ffffff59;transform:translate(-2px)}.emspay-page-title{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.emspay-content-area{padding:32px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:24px}.emspay-emp-card{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;padding:28px 32px;display:flex;align-items:center;gap:24px;box-shadow:0 8px 32px #0000001f;animation:emspay-fadeIn .5s ease-out;flex-wrap:wrap}.emspay-emp-avatar-wrap{flex-shrink:0}.emspay-emp-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #f59e0b;object-fit:cover;box-shadow:0 4px 16px #f59e0b4d}.emspay-emp-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#f59e0b26;color:#f59e0b}.emspay-emp-info{flex:1;min-width:0}.emspay-emp-name{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.emspay-emp-position{font-size:14px;color:#6b7280;font-weight:500;margin:0 0 2px}.emspay-emp-dept{font-size:13px;color:#9ca3af;margin:0}.emspay-emp-meta{display:flex;gap:24px;flex-wrap:wrap}.emspay-emp-meta-item{display:flex;flex-direction:column;gap:2px}.emspay-emp-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#9ca3af;font-weight:600}.emspay-emp-meta-val{font-size:14px;font-weight:700;color:#374151}.emspay-emp-status{display:inline-block;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.emspay-emp-status.active{background:#10b981;color:#fff}.emspay-emp-status.resigned{background:#6b7280;color:#fff}.emspay-emp-status.terminated{background:#dc2626;color:#fff}.emspay-filter-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;animation:emspay-fadeIn .5s ease-out}.emspay-cutoff-toggle{display:flex;border-radius:12px;overflow:hidden;border:1.5px solid rgba(255,255,255,.45);flex-shrink:0}.emspay-cutoff-btn{padding:10px 18px;background:#ffffff1f;border:none;color:#fffc;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s;white-space:nowrap}.emspay-cutoff-btn:first-child{border-right:1px solid rgba(255,255,255,.3)}.emspay-cutoff-btn:hover{background:#ffffff38;color:#fff}.emspay-cutoff-btn-active{background:#ffffffe6;color:#f97316;font-weight:700}.emspay-filter-field{display:flex;flex-direction:column;gap:6px}.emspay-filter-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.emspay-date-input{padding:12px 16px;background:#fffffff2;border:2px solid rgba(220,38,38,.35);border-radius:12px;color:#1f2937;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:155px}.emspay-date-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 4px #dc262626}.emspay-search-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:12px;color:#dc2626;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.emspay-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0003}.emspay-search-btn:disabled{opacity:.7;cursor:not-allowed}.emspay-export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff3;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.emspay-export-btn:hover:not(:disabled){background:#ffffff59;transform:translateY(-2px)}.emspay-export-btn:disabled{opacity:.45;cursor:not-allowed}.emspay-settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;background:#ffffff26;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0}.emspay-settings-btn:hover{background:#ffffff59;transform:rotate(30deg)}.emspay-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:emspay-spin .7s linear infinite}@keyframes emspay-spin{to{transform:rotate(360deg)}}.emspay-stats-row{display:flex;gap:16px;flex-wrap:wrap;animation:emspay-fadeIn .5s ease-out}.emspay-stat-card{flex:1;min-width:130px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 20px #00000014;transition:transform .2s ease}.emspay-stat-card:hover{transform:translateY(-3px)}.emspay-stat-card>svg{flex-shrink:0}.emspay-stat-card>div{display:flex;flex-direction:column;gap:2px}.emspay-stat-val{font-size:28px;font-weight:800;line-height:1;color:#111827}.emspay-stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.emspay-stat-total svg{color:#6b7280}.emspay-stat-present svg{color:#10b981}.emspay-stat-absent svg{color:#ef4444}.emspay-stat-late svg{color:#f59e0b}.emspay-stat-leave svg{color:#3b82f6}.emspay-stat-holiday svg{color:#8b5cf6}.emspay-stat-present .emspay-stat-val{color:#10b981}.emspay-stat-absent .emspay-stat-val{color:#ef4444}.emspay-stat-late .emspay-stat-val{color:#f59e0b}.emspay-stat-leave .emspay-stat-val{color:#3b82f6}.emspay-stat-holiday .emspay-stat-val{color:#8b5cf6}.emspay-table-container{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;padding:28px;box-shadow:0 8px 32px #0000001f;overflow-x:auto;animation:emspay-fadeIn .5s ease-out}.emspay-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.emspay-table thead tr{background:linear-gradient(135deg,#6b7280,#4b5563)}.emspay-table th{padding:16px 14px;text-align:left;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.emspay-table th:first-child{border-top-left-radius:10px}.emspay-table th:last-child{border-top-right-radius:10px}.emspay-table tbody tr{background:#fff;transition:all .2s ease}.emspay-table tbody tr:nth-child(2n){background:#f9fafbcc}.emspay-table tbody tr:hover{background:#fef3c780;transform:translate(3px)}.emspay-table td{padding:14px;color:#374151;font-size:14px;font-weight:500;border-bottom:1px solid rgba(229,231,235,.8)}.emspay-table tbody tr:last-child td{border-bottom:none}.emspay-row-empty td{color:silver;background:#f3f4f680}.emspay-add-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #f97316;background:#fff;color:#f97316;cursor:pointer;transition:background .18s,color .18s}.emspay-add-btn:hover{background:#f97316;color:#fff}.emspay-edit-btn{border-color:#3b82f6;color:#3b82f6}.emspay-edit-btn:hover{background:#3b82f6!important;color:#fff!important}.emspay-leave-group{display:flex;flex:1;gap:10px;min-width:0}.emspay-leave-card{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:6px 10px;border-radius:10px;border:1.5px solid;gap:1px;cursor:default;min-width:0}.emspay-leave-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.emspay-leave-value{font-size:18px;font-weight:800;line-height:1.1}.emspay-leave-vl{border-color:#3b82f6;background:#eff6ff;color:#2563eb}.emspay-leave-sl{border-color:#8b5cf6;background:#f5f3ff;color:#7c3aed}.emspay-mob-card-right{display:flex;align-items:center;gap:6px}.emspay-status-badge{display:inline-block;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.emspay-badge-present{background:#4caf50;color:#fff}.emspay-badge-absent{background:#f44336;color:#fff}.emspay-badge-late{background:#ff9800;color:#fff}.emspay-badge-holiday{background:#bdbdbd;color:#333}.emspay-badge-vl{background:#ffeb3b;color:#333}.emspay-badge-sl{background:#2196f3;color:#fff}.emspay-badge-halfday{background:#06b6d4;color:#fff}.emspay-badge-restday{background:#757575;color:#fff}.emspay-badge-incomplete,.emspay-badge-undertime{background:#ff9800;color:#fff}.emspay-row-present td{background:#f1fdf4;color:#1b5e20}.emspay-row-late td{background:#fff8e1;color:#e65100}.emspay-row-vl td{background:#fffde7;color:#795548}.emspay-row-sl td{background:#e3f2fd;color:#0d47a1}.emspay-row-absent td{background:#ffebee;color:#b71c1c}.emspay-row-incomplete td{background:#fff3e0;color:#e65100}.emspay-row-incomplete .emspay-time-missing{color:#ff9800}.emspay-time-missing{color:#f97316;font-weight:700}.emspay-row-restday td{background:#f5f5f5;color:#424242;font-weight:600}.emspay-mob-card-restday{background:#f5f5f5;border-left:4px solid #757575}.emspay-empty-state{text-align:center;padding:60px 20px;color:#9ca3af}.emspay-empty-state h3{font-size:20px;font-weight:700;color:#6b7280;margin:16px 0 8px}.emspay-empty-state p{font-size:14px;color:#9ca3af}.emspay-empty-icon{opacity:.35}.emspay-desktop-only{display:block}.emspay-mobile-only{display:none}.emspay-mob-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f}.emspay-mob-card-empty{background:#f9fafb;border-color:#e5e7eb;opacity:.75}.emspay-mob-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.emspay-mob-card-date{display:block;font-size:15px;font-weight:700;color:#1f2937}.emspay-mob-card-day{display:block;font-size:12px;color:#6b7280;margin-top:2px}.emspay-mob-card-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.emspay-mob-row{display:flex;flex-direction:column;gap:2px}.emspay-mob-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.emspay-mob-value{font-size:14px;font-weight:600;color:#374151}@media (max-width: 768px){.emspay-main-content{margin-left:0;overflow-x:hidden}.emspay-content-area,.emspay-topbar{padding:16px}.emspay-emp-card{padding:20px}.emspay-filter-row{flex-direction:column;align-items:stretch}.emspay-date-input{width:100%}.emspay-desktop-only{display:none}.emspay-mobile-only{display:block}.emspay-stat-card{min-width:100px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 8px;gap:6px}.emspay-stat-card>svg{display:none}.emspay-stat-card>div{align-items:center}.emspay-stat-val{font-size:24px}.emspay-stat-label{font-size:10px}}.emspay-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.emspay-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:emspay-modal-in .2s ease}@keyframes emspay-modal-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.emspay-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #f3f4f6}.emspay-modal-title-group{display:flex;align-items:center;gap:8px;color:#111827}.emspay-modal-title{font-size:16px;font-weight:700;color:#111827}.emspay-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.emspay-modal-close:hover{background:#fee2e2;color:#ef4444}.emspay-modal-date-badge{display:flex;align-items:center;gap:6px;margin:0 20px 4px;padding:8px 14px;background:#eff6ff;border-radius:8px;font-size:13px;font-weight:600;color:#2563eb}.emspay-modal-day-tag{margin-left:4px;font-size:11px;font-weight:700;text-transform:uppercase;background:#2563eb;color:#fff;padding:1px 7px;border-radius:10px;letter-spacing:.04em}.emspay-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.emspay-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.emspay-modal-field{display:flex;flex-direction:column;gap:5px}.emspay-modal-field-full{grid-column:1 / -1}.emspay-modal-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.emspay-modal-input{padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s;background:#f9fafb}.emspay-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.emspay-modal-input:disabled{opacity:.55;cursor:not-allowed}.emspay-modal-select{cursor:pointer}.emspay-modal-input-locked{background:#f0fdf4!important;border-color:#86efac!important;color:#166534!important;font-weight:700;cursor:not-allowed;opacity:1!important}.emspay-modal-input-absent{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important;font-weight:700;cursor:not-allowed;opacity:1!important}.emspay-modal-input-late{background:#fff1f2!important;border-color:#fca5a5!important;color:#b91c1c!important;font-weight:700}.emspay-modal-warn{margin:0;padding:8px 12px;background:#fef9c3;border:1px solid #fde047;border-radius:8px;font-size:12px;font-weight:600;color:#854d0e}.emspay-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid #f3f4f6}.emspay-modal-cancel-btn{padding:9px 20px;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.emspay-modal-cancel-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.emspay-modal-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.emspay-modal-submit-btn:hover:not(:disabled){background:#1d4ed8}.emspay-modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.emspay-modal-grid{grid-template-columns:1fr}}.emspays-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.emspays-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:emspays-float 8s ease-in-out infinite;z-index:0}.emspays-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:emspays-float 10s ease-in-out infinite reverse;z-index:0}@keyframes emspays-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}@keyframes emspays-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.emspays-sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.emspays-sidebar-closed{width:0;border:none;overflow:hidden}.emspays-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.emspays-sidebar-header{text-align:center;margin-bottom:24px}.emspays-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.emspays-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.emspays-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.emspays-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.emspays-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.emspays-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent}.emspays-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.emspays-nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.emspays-nav-icon{font-size:20px}.emspays-sidebar-footer{margin-top:auto}.emspays-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.emspays-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.emspays-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff}.emspays-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.emspays-user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emspays-user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.emspays-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emspays-logout-btn:hover{background:#dc262680;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.emspays-logout-icon{font-size:18px}.emspays-edit-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;margin-left:auto}.emspays-edit-btn:hover{background:#ffffff59;transform:translateY(-2px)}.emspays-edit-btn-cancel{background:#dc262640;border-color:#dc262673}.emspays-edit-btn-cancel:hover{background:#dc262666}.emspays-num-input:disabled,.emspays-ded-field input:disabled{background:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed;opacity:.75}.emspays-day-chip-readonly{cursor:not-allowed;opacity:.75}.emspays-main-content{flex:1;min-width:0;overflow-x:hidden;margin-left:280px;transition:all .3s ease;position:relative;z-index:1}.emspays-content-full{margin-left:0}.emspays-content-shifted{margin-left:280px}.emspays-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #0000000d}.emspays-menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emspays-menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.emspays-back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.emspays-back-btn:hover{background:#ffffff59;transform:translate(-2px)}.emspays-page-title{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px}.emspays-content-area{padding:32px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:24px}.emspays-emp-card{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;padding:28px 32px;display:flex;align-items:center;gap:24px;box-shadow:0 8px 32px #0000001f;animation:emspays-fadeIn .5s ease-out;flex-wrap:wrap}.emspays-emp-avatar-wrap{flex-shrink:0}.emspays-emp-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #f59e0b;object-fit:cover;box-shadow:0 4px 16px #f59e0b4d}.emspays-emp-avatar-placeholder{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f59e0b26;color:#f59e0b;border:3px solid #f59e0b}.emspays-emp-info{flex:1;min-width:0}.emspays-emp-name{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px;text-transform:uppercase}.emspays-emp-position{font-size:14px;color:#6b7280;font-weight:500;margin:0 0 2px}.emspays-emp-dept{font-size:13px;color:#9ca3af;margin:0}.emspays-emp-meta{display:flex;gap:24px;flex-wrap:wrap}.emspays-emp-meta-item{display:flex;flex-direction:column;gap:2px}.emspays-emp-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#9ca3af;font-weight:600}.emspays-emp-meta-val{font-size:14px;font-weight:700;color:#374151}.emspays-emp-status{display:inline-block;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.emspays-emp-status.active{background:#10b981;color:#fff}.emspays-emp-status.inactive{background:#fee2e2;color:#991b1b}.emspays-emp-status.resigned{background:#6b7280;color:#fff}.emspays-emp-status.terminated{background:#dc2626;color:#fff}.emspays-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:emspays-fadeIn .5s ease-out}@media (max-width: 900px){.emspays-settings-grid{grid-template-columns:1fr}}@media (max-width: 600px){.emspays-day-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:visible;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.emspays-day-grid::-webkit-scrollbar{display:none}.emspays-day-chip{flex-shrink:0;min-width:62px;padding:10px 8px}}.emspays-card{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;padding:28px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden}.emspays-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b,#ef4444);border-radius:20px 20px 0 0}.emspays-card-header{display:flex;align-items:flex-start;gap:14px}.emspays-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.emspays-card-icon-orange{background:linear-gradient(135deg,#f59e0b,#ef4444)}.emspays-card-icon-blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.emspays-card-header-text{flex:1}.emspays-card-header-text h3{margin:0 0 3px;font-size:17px;font-weight:700;color:#111827}.emspays-card-sub{margin:0;font-size:12px;color:#9ca3af}.emspays-restday-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;font-size:11px;font-weight:700;border:1px solid #fcd34d;white-space:nowrap}.emspays-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.emspays-day-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;border-radius:14px;border:2px solid #e5e7eb;background:#f9fafb;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;user-select:none;position:relative}.emspays-day-chip:hover{border-color:#f59e0b;background:#fffbeb;transform:translateY(-3px);box-shadow:0 6px 16px #f59e0b38}.emspays-day-chip-active{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fef3c7);box-shadow:0 6px 18px #f59e0b4d}.emspays-day-short{font-size:17px;font-weight:800;color:#374151;line-height:1;transition:color .2s}.emspays-day-chip-active .emspays-day-short{color:#d97706}.emspays-day-abbr{font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;transition:color .2s}.emspays-day-chip-active .emspays-day-abbr{color:#b45309}.emspays-day-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;position:absolute;bottom:8px;animation:emspays-pop .2s ease}@keyframes emspays-pop{0%{transform:scale(0)}70%{transform:scale(1.4)}to{transform:scale(1)}}.emspays-day-checkbox{display:none}.emspays-restday-summary{padding:10px 14px;background:#f59e0b0f;border-radius:10px;border:1px dashed rgba(245,158,11,.3);min-height:38px;display:flex;align-items:center}.emspays-restday-none{font-size:12px;color:#9ca3af;font-style:italic}.emspays-restday-list{font-size:12px;color:#92400e;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.emspays-leave-section{display:flex;flex-direction:column;gap:22px}.emspays-leave-divider{height:1px;background:linear-gradient(90deg,transparent,#e5e7eb 30%,#e5e7eb 70%,transparent)}.emspays-leave-block{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;background:#fafafa;border:1.5px solid #f3f4f6;transition:border-color .2s}.emspays-leave-block:hover{border-color:#e5e7eb}.emspays-leave-vl{border-left:4px solid #3b82f6}.emspays-leave-sl{border-left:4px solid #10b981}.emspays-leave-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#111827}.emspays-leave-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.emspays-leave-icon-vl{background:linear-gradient(135deg,#3b82f6,#6366f1)}.emspays-leave-icon-sl{background:linear-gradient(135deg,#10b981,#059669)}.emspays-leave-balance-pill{margin-left:auto;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.emspays-vl-pill{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.emspays-sl-pill{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.emspays-leave-bar-wrap{height:6px;background:#e5e7eb;border-radius:99px;overflow:hidden}.emspays-leave-bar{height:100%;border-radius:99px;transition:width .5s ease;min-width:0}.emspays-leave-bar-vl{background:linear-gradient(90deg,#3b82f6,#818cf8)}.emspays-leave-bar-sl{background:linear-gradient(90deg,#10b981,#34d399)}.emspays-leave-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.emspays-leave-field{display:flex;flex-direction:column;gap:5px}.emspays-leave-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#9ca3af}.emspays-num-input{padding:11px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:700;color:#1f2937;background:#fff;transition:all .25s ease;width:100%;box-sizing:border-box;text-align:center}.emspays-num-input:focus{outline:none;border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b26}.emspays-num-balance-vl{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.emspays-num-balance-vl:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f626}.emspays-num-balance-sl{border-color:#10b981;background:#f0fdf4;color:#15803d}.emspays-num-balance-sl:focus{border-color:#059669;box-shadow:0 0 0 3px #10b98126}.emspays-save-row{display:flex;justify-content:flex-end;padding-bottom:32px}.emspays-save-btn{display:flex;align-items:center;gap:10px;padding:14px 36px;background:linear-gradient(135deg,#fff,#fef3c7);border:none;border-radius:14px;color:#dc2626;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000001f;letter-spacing:.3px}.emspays-save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #0000002e;background:linear-gradient(135deg,#fff,#fde68a)}.emspays-save-btn:disabled{opacity:.5;cursor:not-allowed}.emspays-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(220,38,38,.3);border-top-color:#dc2626;border-radius:50%;animation:emspays-spin .7s linear infinite;flex-shrink:0}@keyframes emspays-spin{to{transform:rotate(360deg)}}.emspays-card-full{grid-column:1 / -1}.emspays-card-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.emspays-ded-boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.emspays-ded-box{border-radius:14px;border:1.5px solid #e5e7eb;overflow:hidden;background:#fafafa}.emspays-ded-box-title{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#fff;border:none;cursor:pointer;text-align:left;transition:filter .2s ease}.emspays-ded-box-title:hover{filter:brightness(1.1)}.emspays-ded-box-chevron{display:flex;align-items:center;opacity:.85}.emspays-ded-box-basic{background:linear-gradient(90deg,#6b7280,#4b5563)}.emspays-ded-box-gsis{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.emspays-ded-box-pagibig{background:linear-gradient(90deg,#16a34a,#15803d)}.emspays-ded-box-philhealth{background:linear-gradient(90deg,#0891b2,#0e7490)}.emspays-ded-box-gocc{background:linear-gradient(90deg,#7c3aed,#6d28d9)}.emspays-ded-box-suvicco{background:linear-gradient(90deg,#d97706,#b45309)}.emspays-ded-box-fields{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.emspays-ded-field{display:flex;flex-direction:column;gap:4px}.emspays-ded-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#6b7280}.emspays-ded-summary-row{display:flex;justify-content:flex-end;padding-top:4px;border-top:1.5px dashed #e5e7eb}.emspays-ded-summary-box{display:flex;align-items:center;gap:14px;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;padding:12px 20px}.emspays-ded-summary-label{font-size:13px;font-weight:700;color:#dc2626;white-space:nowrap}.emspays-ded-total-input{border-color:#dc2626!important;background:#fff5f5!important;color:#dc2626!important;font-size:17px!important;width:180px!important}.emspays-ded-total-input:focus{box-shadow:0 0 0 3px #dc262626!important}.forgot-password-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.forgot-password-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:500px;box-shadow:0 8px 32px #0003;animation:slideUp .5s ease;position:relative;z-index:10}.forgot-password-header{text-align:center;margin-bottom:40px}.logo-container{margin-bottom:24px}.vm-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forgot-password-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.forgot-password-subtitle{color:#fffffff2;font-size:15px;font-weight:500;line-height:1.6;max-width:400px;margin:0 auto}.forgot-password-form{display:flex;flex-direction:column;gap:24px}.forgot-password-form-group{display:flex;flex-direction:column;gap:8px}.forgot-password-form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.forgot-password-label-icon{font-size:18px}.forgot-password-input-wrapper{position:relative;display:flex;align-items:center}.forgot-password-input-icon{position:absolute;left:16px;font-size:20px;color:#fffc;pointer-events:none;z-index:1}.forgot-password-form-input{width:100%;padding:16px 18px 16px 56px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease;outline:none}.forgot-password-form-input::placeholder{color:#ffffffd9;font-weight:500}.forgot-password-form-input:focus{background:#ffffff26;border-color:#667eea99;box-shadow:0 0 0 3px #667eea1a}.forgot-password-form-input:disabled{opacity:.6;cursor:not-allowed}.submit-btn,.back-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98199;color:#fff;box-shadow:0 4px 12px #10b9814d}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.back-btn{background:#fff3;border-color:#fff6;color:#fff}.back-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.spinner{width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.success-container{text-align:center;padding:20px}.success-icon-wrapper{margin-bottom:24px}.success-icon{font-size:80px;color:#10b981;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.success-message{color:#fffffff2;font-size:16px;font-weight:600;margin-bottom:12px;line-height:1.6}.success-message strong{color:#fff;font-weight:700}.success-info{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:12px;line-height:1.6}.success-note{color:#fffc;font-size:13px;font-weight:500;font-style:italic;margin-bottom:32px;line-height:1.6}.success-details{margin:20px 0;padding:16px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.success-emp{color:#fffffff2;font-size:14px;font-weight:500;margin:0}.success-emp strong{color:#fff;font-weight:700}.forgot-password-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.footer-text{color:#ffffffe6;font-size:14px;font-weight:500}.footer-link{color:#fff;font-weight:700;text-decoration:none;transition:all .3s ease}.footer-link:hover{text-decoration:underline;color:#fbbf24}.page-footer{margin-top:32px;text-align:center;position:relative;z-index:10}.footer-info,.footer-copyright{color:#ffffffe6;font-size:13px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.2)}.footer-info{margin-bottom:8px;font-weight:600}@media (max-width: 768px){.forgot-password-card{padding:40px 30px}.forgot-password-title{font-size:26px}.forgot-password-subtitle{font-size:14px}.vm-logo{width:80px;height:80px}.success-title{font-size:24px}.bg-shape{display:none}}@media (max-width: 480px){.forgot-password-container{padding:16px}.forgot-password-card{padding:32px 24px;border-radius:20px}.forgot-password-title{font-size:22px;flex-direction:column;gap:8px}.title-icon{font-size:32px}.vm-logo{width:70px;height:70px}.forgot-password-input-icon{left:14px;font-size:18px}.forgot-password-form-input{padding:14px 16px 14px 48px;font-size:14px}.forgot-password-form-input::placeholder{color:#ffffffd9}.submit-btn,.back-btn{padding:14px 24px;font-size:14px}.success-icon{font-size:60px}.success-title{font-size:20px}.success-message{font-size:14px}}@media (prefers-color-scheme: dark){.forgot-password-card{background:#0000004d;border-color:#fff3}}.confirm-otp-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.confirm-otp-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:500px;box-shadow:0 8px 32px #0003;animation:slideUp .5s ease;position:relative;z-index:10}.confirm-otp-header{text-align:center;margin-bottom:36px}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.vm-logo{width:90px;height:90px;border-radius:50%;background:#fff3;padding:10px;box-shadow:0 4px 15px #0003}.confirm-otp-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:28px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.title-icon{font-size:36px}.confirm-otp-subtitle{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.2)}.otp-form{display:flex;flex-direction:column;gap:24px}.otp-inputs{display:flex;justify-content:center;gap:12px;margin-bottom:8px}.otp-input{width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:24px;font-weight:700;text-align:center;transition:all .3s ease;outline:none}.otp-input:focus{background:#ffffff26;border-color:#667eeacc;box-shadow:0 0 0 3px #667eea33;transform:scale(1.05)}.otp-input:disabled{opacity:.6;cursor:not-allowed}.verify-btn,.back-btn,.resend-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%}.verify-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.verify-btn:active:not(:disabled){transform:translateY(0)}.verify-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.back-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.back-btn:active:not(:disabled){transform:translateY(0)}.back-btn:disabled{opacity:.6;cursor:not-allowed}.resend-section{text-align:center;padding:12px 0}.resend-timer{color:#ffffffe6;font-size:14px;font-weight:600}.timer-countdown{color:#fbbf24;font-weight:700;font-size:16px}.resend-btn{background:#3b82f633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(59,130,246,.5);padding:12px 24px;width:auto;display:inline-flex}.resend-btn:hover{background:#3b82f64d;border-color:#3b82f6b3;transform:translateY(-2px)}.resend-btn:active{transform:translateY(0)}.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.confirm-otp-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.footer-text{color:#fffc;font-size:13px;line-height:1.6}.page-footer{margin-top:30px;text-align:center;color:#ffffffe6;font-size:14px;font-weight:500}.copyright{margin-top:6px;font-size:12px;color:#ffffffb3}@media (max-width: 768px){.confirm-otp-card{padding:40px 30px}.confirm-otp-title{font-size:26px}.confirm-otp-subtitle{font-size:14px}.vm-logo{width:80px;height:80px}.otp-input{width:50px;height:50px;font-size:20px}.bg-shape{display:none}}@media (max-width: 480px){.confirm-otp-container{padding:16px}.confirm-otp-card{padding:32px 24px;border-radius:20px}.confirm-otp-title{font-size:22px;flex-direction:column;gap:8px}.title-icon{font-size:32px}.vm-logo{width:70px;height:70px}.otp-inputs{gap:8px}.otp-input{width:45px;height:45px;font-size:18px}.verify-btn,.back-btn{padding:14px 24px;font-size:14px}.resend-btn{padding:10px 20px;font-size:14px}}@media (prefers-color-scheme: dark){.confirm-otp-card{background:#0000004d;border-color:#fff3}}.reset-password-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.reset-password-bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:reset-password-float 20s infinite ease-in-out}.reset-password-shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.reset-password-shape-2{width:400px;height:400px;bottom:-150px;right:-150px;animation-delay:7s}.reset-password-shape-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:14s}@keyframes reset-password-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.reset-password-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:550px;box-shadow:0 8px 32px #0003;animation:reset-password-slideUp .5s ease;position:relative;z-index:10}@keyframes reset-password-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.reset-password-header{text-align:center;margin-bottom:32px}.reset-password-logo-container{display:flex;justify-content:center;margin-bottom:20px}.reset-password-vm-logo{width:90px;height:90px;border-radius:50%;background:#fff3;padding:10px;box-shadow:0 4px 15px #0003}.reset-password-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:28px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.reset-password-title-icon{font-size:36px}.reset-password-subtitle{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.2)}.reset-password-form{display:flex;flex-direction:column;gap:20px}.reset-password-form-group{display:flex;flex-direction:column;gap:8px}.reset-password-form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.reset-password-label-icon{font-size:18px}.reset-password-input-wrapper{position:relative;display:flex;align-items:center}.reset-password-input-icon{position:absolute;left:16px;font-size:20px;color:#fffc;pointer-events:none;z-index:1}.reset-password-form-input{width:100%;padding:16px 52px 16px 56px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease;outline:none}.reset-password-form-input::placeholder{color:#ffffffd9;font-weight:500}.reset-password-form-input:focus{background:#ffffff26;border-color:#667eea99;box-shadow:0 0 0 3px #667eea1a}.reset-password-form-input:disabled{opacity:.6;cursor:not-allowed}.reset-password-toggle-password{position:absolute;right:16px;background:transparent;border:none;color:#fffc;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.reset-password-toggle-password:hover:not(:disabled){color:#fff;transform:scale(1.1)}.reset-password-toggle-password:disabled{opacity:.5;cursor:not-allowed}.reset-password-strength-container{display:flex;align-items:center;gap:12px;margin-top:4px}.reset-password-strength-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.reset-password-strength-fill{height:100%;transition:all .3s ease;border-radius:3px}.reset-password-strength-label{font-size:12px;font-weight:700;min-width:70px;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.3)}.reset-password-requirements{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px}.reset-password-requirements-title{color:#fff;font-size:13px;font-weight:700;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.reset-password-requirements-list{list-style:none;display:flex;flex-direction:column;gap:8px}.reset-password-requirements-list li{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:13px;font-weight:500;transition:all .3s ease}.reset-password-check-icon{font-size:16px;flex-shrink:0}.reset-password-requirement-met{color:#22c55e!important;font-weight:600!important}.reset-password-requirement-met .reset-password-check-icon{color:#22c55e}.reset-password-submit-btn,.reset-password-back-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%}.reset-password-submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d;margin-top:8px}.reset-password-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.reset-password-submit-btn:active:not(:disabled){transform:translateY(0)}.reset-password-submit-btn:disabled{opacity:.6;cursor:not-allowed}.reset-password-back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.reset-password-back-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.reset-password-back-btn:active:not(:disabled){transform:translateY(0)}.reset-password-back-btn:disabled{opacity:.6;cursor:not-allowed}.reset-password-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:reset-password-spin .8s linear infinite}@keyframes reset-password-spin{to{transform:rotate(360deg)}}.reset-password-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.reset-password-footer-text{color:#fffc;font-size:13px;line-height:1.6}.reset-password-page-footer{margin-top:30px;text-align:center;color:#ffffffe6;font-size:14px;font-weight:500}.reset-password-copyright{margin-top:6px;font-size:12px;color:#ffffffb3}@media (max-width: 768px){.reset-password-card{padding:40px 30px}.reset-password-title{font-size:26px}.reset-password-subtitle{font-size:14px}.reset-password-vm-logo{width:80px;height:80px}.reset-password-bg-shape{display:none}}@media (max-width: 480px){.reset-password-container{padding:16px}.reset-password-card{padding:32px 24px;border-radius:20px}.reset-password-title{font-size:22px;flex-direction:column;gap:8px}.reset-password-title-icon{font-size:32px}.reset-password-vm-logo{width:70px;height:70px}.reset-password-form-input{padding:14px 48px;font-size:14px}.reset-password-input-icon{left:14px;font-size:18px}.reset-password-toggle-password{right:14px}.reset-password-submit-btn,.reset-password-back-btn{padding:14px 24px;font-size:14px}.reset-password-requirements{padding:14px}.reset-password-requirements-title,.reset-password-requirements-list li{font-size:12px}}@media (prefers-color-scheme: dark){.reset-password-card{background:#0000004d;border-color:#fff3}}.profile-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden;padding:0}.profile-bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.profile-bg-shape{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:float 25s infinite ease-in-out;mix-blend-mode:overlay}.profile-bg-shape.shape-1{width:500px;height:500px;top:-200px;left:-150px;animation-delay:0s;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%)}.profile-bg-shape.shape-2{width:600px;height:600px;bottom:-250px;right:-200px;animation-delay:8s;background:radial-gradient(circle,rgba(118,75,162,.3) 0%,transparent 70%)}.profile-bg-shape.shape-3{width:400px;height:400px;top:40%;left:60%;animation-delay:15s;background:radial-gradient(circle,rgba(240,147,251,.3) 0%,transparent 70%)}.profile-bg-shape.shape-4{width:350px;height:350px;top:60%;left:10%;animation-delay:20s;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%)}@keyframes float{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(50px,-60px) rotate(90deg) scale(1.1)}50%{transform:translate(-30px,40px) rotate(180deg) scale(.9)}75%{transform:translate(40px,50px) rotate(270deg) scale(1.05)}}.profile-top-nav{position:sticky;top:20px;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:16px 40px;margin:20px 40px;background:#ffffff26;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:20px;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.back-to-dashboard{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000001a}.back-to-dashboard:hover{background:#ffffff4d;border-color:#fff9;transform:translate(-5px);box-shadow:0 8px 24px #00000026}.back-to-dashboard:active{transform:translate(-3px) scale(.98)}.nav-logo{display:flex;align-items:center;gap:12px}.nav-logo img{width:45px;height:45px;border-radius:50%;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #00000026;animation:pulse 2s infinite;object-fit:contain;padding:4px;background:#fff3}.nav-logo span{color:#fff;font-size:18px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.5px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #00000026}50%{transform:scale(1.08);box-shadow:0 6px 20px #ffffff4d}}.profile-main-container{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:20px 40px 60px}.profile-hero{position:relative;background:#ffffff1f;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:32px;padding:80px 60px;margin-bottom:40px;border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #00000026;overflow:hidden;animation:heroAppear .8s ease}@keyframes heroAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen;animation:orbFloat 20s infinite ease-in-out}.hero-gradient-orb.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.4) 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.hero-gradient-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(240,147,251,.4) 0%,transparent 70%);bottom:-250px;right:-150px;animation-delay:7s}.hero-gradient-orb.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(118,75,162,.4) 0%,transparent 70%);top:50%;left:50%;animation-delay:14s}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(80px,-100px)}66%{transform:translate(-50px,80px)}}.profile-hero-content{position:relative;z-index:2;display:flex;gap:60px;align-items:center}.profile-avatar-3d{position:relative;width:280px;height:280px;flex-shrink:0;animation:avatarEntrance 1s ease}@keyframes avatarEntrance{0%{opacity:0;transform:scale(.5) rotateY(180deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.avatar-glow{position:absolute;top:50%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(102,126,234,.6) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:glowPulse 3s infinite ease-in-out}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.9}}.avatar-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:3px solid transparent;animation:ringRotate 10s infinite linear}.avatar-ring.ring-1{width:300px;height:300px;transform:translate(-50%,-50%) rotateX(60deg);border-color:#667eea66;animation-duration:8s}.avatar-ring.ring-2{width:330px;height:330px;transform:translate(-50%,-50%) rotateX(60deg);border-color:#f093fb66;animation-duration:12s;animation-direction:reverse}.avatar-ring.ring-3{width:360px;height:360px;transform:translate(-50%,-50%) rotateX(60deg);border-color:#764ba266;animation-duration:15s}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotateX(60deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(60deg) rotate(360deg)}}.profile-avatar-img{position:relative;z-index:5;width:280px;height:280px;border-radius:50%;object-fit:cover;border:8px solid rgba(255,255,255,.5);box-shadow:0 0 0 12px #667eea33,0 20px 60px #0000004d;transition:all .5s cubic-bezier(.175,.885,.32,1.275);animation:avatarFloat 6s infinite ease-in-out}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.profile-avatar-img:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 0 0 16px #667eea4d,0 30px 80px #0006;border-color:#fffc}.profile-img-lightbox{position:fixed;inset:0;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-img-lightbox-img{max-width:90vw;max-height:90vh;border-radius:16px;object-fit:contain;cursor:default;box-shadow:0 40px 100px #0009}.profile-img-lightbox-close{position:fixed;top:20px;right:24px;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s;z-index:10000}.profile-img-lightbox-close:hover{opacity:1}.avatar-actions-floating{position:absolute;bottom:20px;right:10px;display:flex;flex-direction:column;gap:12px;z-index:10}.avatar-floating-btn{width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.5);background:linear-gradient(135deg,#667eeae6,#764ba2e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #667eea66;animation:buttonAppear .8s ease backwards}.avatar-floating-btn.upload-btn{animation-delay:.2s}.avatar-floating-btn.camera-btn{animation-delay:.3s}@keyframes buttonAppear{0%{opacity:0;transform:translate(50px) rotate(180deg)}to{opacity:1;transform:translate(0) rotate(0)}}.avatar-floating-btn:hover{transform:scale(1.15) rotate(10deg);box-shadow:0 12px 36px #667eea99;border-color:#fffc;background:linear-gradient(135deg,#764ba2,#f093fb)}.avatar-floating-btn:active{transform:scale(1.05) rotate(5deg)}.profile-hero-info{flex:1;display:flex;flex-direction:column;gap:24px}.profile-status-float{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981e6,#059669e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 6px 20px #10b98166;width:fit-content;animation:statusBounce 2s infinite ease-in-out}@keyframes statusBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.profile-hero-name{font-size:56px;font-weight:900;color:#fff;line-height:1.2;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.3),0 0 40px rgba(102,126,234,.4);background:linear-gradient(135deg,#fff,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:nameGlow 3s infinite ease-in-out}@keyframes nameGlow{0%,to{text-shadow:0 4px 12px rgba(0,0,0,.3),0 0 40px rgba(102,126,234,.4)}50%{text-shadow:0 4px 12px rgba(0,0,0,.3),0 0 60px rgba(240,147,251,.6)}}.profile-hero-position{font-size:28px;font-weight:700;color:#fffffff2;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2)}.profile-hero-department{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#ffffffe6;text-shadow:0 2px 6px rgba(0,0,0,.2)}.profile-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}.quick-stat-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;border:2px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #0000001a;animation:statCardAppear .6s ease backwards}.quick-stat-card:nth-child(1){animation-delay:.1s}.quick-stat-card:nth-child(2){animation-delay:.2s}.quick-stat-card:nth-child(3){animation-delay:.3s}@keyframes statCardAppear{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.quick-stat-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff40;border-color:#ffffff80;box-shadow:0 12px 32px #0003}.stat-icon-wrapper{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea66;transition:all .3s ease}.quick-stat-card:hover .stat-icon-wrapper{transform:rotate(10deg) scale(1.1);box-shadow:0 6px 20px #667eea99}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.2)}.profile-contact-actions{display:flex;gap:16px;margin-top:10px}.contact-action-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:16px;font-size:16px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #00000026;animation:contactBtnAppear .6s ease backwards}.contact-action-btn.email-btn{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);color:#fff;border-color:#3b82f680;animation-delay:.4s}.contact-action-btn.phone-btn{background:linear-gradient(135deg,#10b981e6,#059669e6);color:#fff;border-color:#10b98180;animation-delay:.5s}@keyframes contactBtnAppear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.contact-action-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 36px #00000040;border-color:#fff9}.contact-action-btn:active{transform:translateY(-3px) scale(1.02)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:32px}.fancy-info-card{position:relative;background:#ffffff1f;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:28px;overflow:hidden;border:2px solid rgba(255,255,255,.25);transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #0000001f;animation:cardAppear .8s ease backwards}.fancy-info-card.personal-card{animation-delay:.1s}.fancy-info-card.contact-card{animation-delay:.2s}.fancy-info-card.address-card{animation-delay:.3s}.fancy-info-card.employment-card{animation-delay:.4s}.fancy-info-card.government-card{animation-delay:.5s}@keyframes cardAppear{0%{opacity:0;transform:translateY(50px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.fancy-info-card:hover{transform:translateY(-10px) scale(1.02);border-color:#fff6;box-shadow:0 20px 60px #0003;background:#ffffff2e}.card-header-fancy{position:relative;display:flex;align-items:center;gap:16px;padding:32px;background:linear-gradient(135deg,#667eea26,#764ba226);border-bottom:2px solid rgba(255,255,255,.2);overflow:hidden}.card-header-fancy:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.card-icon-orb{position:relative;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #0003;transition:all .4s ease}.personal-orb{background:linear-gradient(135deg,#667eea,#764ba2)}.contact-orb{background:linear-gradient(135deg,#f093fb,#f5576c)}.address-orb{background:linear-gradient(135deg,#4facfe,#00f2fe)}.employment-orb{background:linear-gradient(135deg,#43e97b,#38f9d7)}.government-orb{background:linear-gradient(135deg,#fa709a,#fee140)}.fancy-info-card:hover .card-icon-orb{transform:rotate(360deg) scale(1.1);box-shadow:0 12px 36px #0000004d}.card-header-fancy h3{font-size:22px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px}.card-sparkle{position:absolute;color:#fff9;font-size:20px;animation:sparkleFloat 3s infinite ease-in-out}.card-sparkle.sparkle-1{top:15px;right:60px;animation-delay:0s}.card-sparkle.sparkle-2{top:40px;right:30px;animation-delay:1.5s}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-10px) rotate(180deg);opacity:1}}.card-body-fancy{padding:32px;display:flex;flex-direction:column;gap:18px}.info-row-fancy{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 20px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.info-row-fancy:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(5px);box-shadow:0 4px 12px #0000001a}.info-label-fancy{font-size:13px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.8px;flex-shrink:0;min-width:150px}.info-value-fancy{font-size:16px;font-weight:700;color:#fff;text-align:right;word-break:break-word;text-shadow:0 2px 6px rgba(0,0,0,.2)}.info-value-fancy.email-link{color:#60a5fa;text-decoration:none;transition:all .3s ease}.info-value-fancy.email-link:hover{color:#93c5fd;text-decoration:underline}.camera-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .4s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.camera-modal-fancy{background:#ffffff1a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:32px;padding:40px;max-width:900px;width:90%;border:2px solid rgba(255,255,255,.3);box-shadow:0 30px 80px #00000080;animation:modalSlideUp .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.camera-modal-header-fancy{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.camera-modal-header-fancy h3{font-size:28px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.close-camera-fancy{width:50px;height:50px;border-radius:14px;background:#ef444433;border:2px solid rgba(239,68,68,.5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-camera-fancy:hover{background:#ef444466;border-color:#ef4444cc;transform:rotate(90deg) scale(1.1)}.camera-preview-fancy{border-radius:20px;overflow:hidden;margin-bottom:32px;box-shadow:0 12px 40px #0006;border:3px solid rgba(255,255,255,.3)}.webcam-view-fancy{width:100%;height:auto;display:block}.camera-actions-fancy{display:flex;justify-content:center}.capture-btn-fancy{display:flex;align-items:center;gap:14px;padding:18px 40px;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid rgba(255,255,255,.5);border-radius:18px;color:#fff;font-size:18px;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #667eea80}.capture-btn-fancy:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 40px #667eeab3;border-color:#fffc}.capture-btn-fancy:active{transform:translateY(-3px) scale(1.02)}@media (max-width: 1200px){.profile-hero-content{flex-direction:column;align-items:center;text-align:center}.profile-hero-info{align-items:center}.profile-status-float{margin:0 auto}.profile-hero-department{justify-content:center}.profile-contact-actions{justify-content:center;flex-wrap:wrap}.profile-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.profile-top-nav{margin:10px 20px;padding:12px 20px}.nav-logo span{display:none}.profile-main-container{padding:10px 20px 40px}.profile-hero{padding:40px 30px;border-radius:24px}.profile-avatar-3d{width:200px;height:200px}.profile-avatar-img{width:200px;height:200px;border-width:6px}.avatar-ring.ring-1{width:220px;height:220px}.avatar-ring.ring-2{width:240px;height:240px}.avatar-ring.ring-3{width:260px;height:260px}.avatar-floating-btn{width:48px;height:48px}.profile-hero-name{font-size:36px}.profile-hero-position{font-size:22px}.profile-quick-stats{grid-template-columns:1fr;gap:16px}.quick-stat-card{padding:16px 20px;gap:14px}.stat-icon-wrapper{width:48px;height:48px;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:16px;word-break:break-word}.profile-contact-actions{flex-direction:column;width:100%}.contact-action-btn{width:100%;justify-content:center}.profile-info-grid{gap:20px}.card-header-fancy,.card-body-fancy{padding:24px}.info-row-fancy{flex-direction:column;gap:8px}.info-label-fancy{min-width:auto}.info-value-fancy{text-align:left}.camera-modal-fancy{padding:24px}}@media (max-width: 480px){.back-to-dashboard span{display:none}.profile-hero{padding:30px 20px}.profile-hero-content{gap:30px}.profile-avatar-3d{width:160px;height:160px;margin-bottom:52px}.profile-avatar-img{width:160px;height:160px;border-width:4px}.avatar-actions-floating{bottom:-44px;right:50%;transform:translate(50%);flex-direction:row;gap:10px}.avatar-floating-btn{width:40px;height:40px}.avatar-floating-btn svg{font-size:16px}.profile-hero-name{font-size:28px;word-break:break-word}.profile-hero-position{font-size:18px;word-break:break-word}.profile-hero-department{font-size:14px;word-break:break-word}.profile-quick-stats{grid-template-columns:1fr;gap:12px;width:100%}.quick-stat-card{padding:14px 18px;gap:12px;width:100%;min-width:0}.stat-icon-wrapper{width:42px;height:42px;flex-shrink:0}.stat-icon-wrapper svg{font-size:20px}.stat-content{flex:1;min-width:0;overflow:hidden}.stat-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.stat-value{font-size:15px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.profile-contact-actions{width:100%;gap:12px}.contact-action-btn{padding:14px 24px;font-size:14px}.card-header-fancy{padding:20px}.card-icon-orb{width:50px;height:50px}.card-header-fancy h3{font-size:18px}.camera-modal-fancy{padding:20px;width:95%}.camera-modal-header-fancy h3{font-size:20px}.capture-btn-fancy{padding:14px 28px;font-size:16px}}@media (max-width: 375px){.profile-hero{padding:24px 16px}.profile-hero-name{font-size:24px}.profile-hero-position{font-size:16px}.profile-hero-department{font-size:13px}.quick-stat-card{padding:12px 16px;gap:10px}.stat-icon-wrapper{width:38px;height:38px}.stat-icon-wrapper svg{font-size:18px}.stat-label{font-size:9px}.stat-value{font-size:14px}.profile-status-float{padding:8px 16px;font-size:12px;gap:6px}.contact-action-btn{padding:12px 20px;font-size:13px;gap:10px}}@media print{.profile-bg-shapes,.profile-top-nav,.avatar-actions-floating,.profile-contact-actions,.camera-modal-overlay{display:none!important}.profile-page-wrapper{background:#fff}.fancy-info-card{page-break-inside:avoid;border:1px solid #ddd}}.myp-wrapper{min-height:100vh;background:linear-gradient(135deg,#f7971e,#ffd200 40%,#f7971e,#ff6f00);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.myp-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,200,0,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:myp-float 8s ease-in-out infinite;z-index:0}.myp-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(247,151,30,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:myp-float 10s ease-in-out infinite reverse;z-index:0}@keyframes myp-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.myp-sidebar{width:260px;height:100vh;background:#00000047;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.25);box-shadow:4px 0 20px #0000001a;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;transition:width .3s ease}.myp-sidebar-closed{width:0;border:none;overflow:hidden}.myp-sidebar-content{padding:28px 20px;display:flex;flex-direction:column;height:100%;min-width:260px}.myp-sidebar-header{text-align:center;margin-bottom:20px}.myp-sidebar-logo{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:16px;object-fit:contain;padding:6px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:myp-pulse 2.5s infinite}@keyframes myp-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #ffc80080}}.myp-sidebar-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.myp-sidebar-subtitle{font-size:13px;color:#fffc;font-weight:500;text-shadow:0 2px 6px rgba(0,0,0,.4)}.myp-sidebar-divider{height:1px;background:#ffffff2e;margin:16px 0}.myp-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:6px}.myp-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;transition:all .25s ease;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.3)}.myp-nav-item:hover{background:#00000040;transform:translate(4px)}.myp-nav-item-active{background:#00000059;box-shadow:0 4px 12px #0003}.myp-nav-icon{font-size:18px}.myp-sidebar-footer{margin-top:auto}.myp-user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#00000040;border-radius:12px;margin-bottom:10px}.myp-user-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.45);object-fit:cover;flex-shrink:0}.myp-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff}.myp-user-info{display:flex;flex-direction:column;min-width:0;flex:1}.myp-user-name{font-size:13px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.4)}.myp-user-meta{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myp-logout-btn{width:100%;padding:11px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:7px}.myp-logout-btn:hover{background:#ef444459;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.myp-main{flex:1;min-width:0;overflow-x:clip;transition:margin-left .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.myp-main-shifted{margin-left:260px}.myp-main-full{margin-left:0}.myp-topbar{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.25);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 4px 16px #0000001a}.myp-menu-toggle{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:10px;color:#fff;cursor:pointer;display:flex;align-items:center;transition:all .25s ease}.myp-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.myp-topbar-title{font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);flex:1;text-align:center}.myp-hero{position:relative;background:#00000038;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.15);padding:36px 40px;overflow:hidden}.myp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f7971e26,#ffd20014);pointer-events:none}.myp-hero-overlay{display:none}.myp-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.myp-avatar-wrap{position:relative;flex-shrink:0}.myp-avatar{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.5);object-fit:cover;box-shadow:0 6px 24px #0000004d}.myp-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#ffffffb3}.myp-avatar-camera{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.myp-avatar-camera:hover{background:#f7971ecc;transform:scale(1.1)}.myp-avatar-camera:disabled{opacity:.5;cursor:not-allowed}.myp-hero-text{flex:1;min-width:0}.myp-hero-name{font-size:30px;font-weight:800;color:#fff;margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.5);line-height:1.2}.myp-hero-position{font-size:15px;font-weight:600;color:#ffffffd9;margin:0 0 2px}.myp-hero-dept{font-size:13px;color:#ffffffa6;margin:0 0 14px}.myp-hero-badges{display:flex;flex-wrap:wrap;gap:8px}.myp-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 3px rgba(0,0,0,.3)}.myp-badge-active{background:#22c55e4d;border-color:#86efac80}.myp-badge-inactive{background:#ef444440;border-color:#fca5a580}.myp-tabs{display:flex;align-items:center;background:#0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);padding:0 28px;overflow-x:auto;scrollbar-width:none}.myp-tabs::-webkit-scrollbar{display:none}.myp-tab{display:flex;align-items:center;gap:7px;padding:14px 20px;background:none;border:none;color:#ffffff8c;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s ease;position:relative;bottom:-1px}.myp-tab:hover{color:#ffffffd9}.myp-tab-active{color:#fff;border-bottom-color:#ffd200;text-shadow:0 2px 6px rgba(0,0,0,.3)}.myp-content{flex:1;padding:28px 32px;display:flex;flex-direction:column;gap:0}.myp-sections{display:flex;flex-direction:column;gap:16px}.myp-section{background:#0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:22px 26px;box-shadow:0 4px 20px #00000026}.myp-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#ffffff73;margin:0 0 18px;display:flex;align-items:center}.myp-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 28px}.myp-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#ffffff6b;margin:0 0 3px}.myp-field-value{font-size:14px;font-weight:600;color:#fff;margin:0;word-break:break-word}.myp-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:12px;color:#ffffffa6}.myp-coming-icon{color:#ffffff4d;margin-bottom:8px}.myp-coming-soon h3{font-size:22px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}.myp-coming-soon p{font-size:14px;margin:0;color:#ffffff8c}.myp-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.myp-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px;width:90%;max-width:400px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:16px}.myp-modal-title{font-size:18px;font-weight:700;color:#fff;margin:0}.myp-modal-sub{font-size:13px;color:#ffffff80;margin:0}.myp-modal-preview{display:flex;justify-content:center;padding:8px 0}.myp-modal-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.myp-modal-img-placeholder{width:120px;height:120px;border-radius:50%;background:#ffffff14;border:3px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#ffffff4d}.myp-modal-actions{display:flex;gap:10px}.myp-modal-btn-primary{flex:1;padding:12px;background:linear-gradient(135deg,#f7971e,#ffd200);border:none;border-radius:10px;color:#1a1a1a;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .25s ease}.myp-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f7971e66}.myp-modal-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.myp-modal-btn-cancel{padding:12px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.myp-modal-btn-cancel:hover{background:#ffffff26}@media (max-width: 768px){.myp-sidebar{position:fixed;z-index:100}.myp-main-shifted{margin-left:0}.myp-hero{padding:24px 20px}.myp-hero-content{gap:20px}.myp-avatar{width:90px;height:90px}.myp-hero-name{font-size:22px}.myp-content{padding:16px}.myp-fields-grid{grid-template-columns:1fr 1fr}.myp-tabs{padding:0 12px}.myp-tab{padding:12px 14px;font-size:13px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.dashboard-wrapper{display:flex;min-height:100vh;position:relative}.sidebar{position:fixed;left:0;top:0;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);transition:all .3s ease;z-index:100;overflow-y:auto;box-shadow:4px 0 20px #0000001a}.sidebar-open{width:280px}.sidebar-closed{width:80px}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:20px}.sidebar-logo:hover{transform:scale(1.05)}.sidebar-title{margin-top:12px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:opacity .3s ease}.sidebar-subtitle{font-size:13px;color:#fffc;margin-top:4px;text-shadow:0 1px 3px rgba(0,0,0,.2);transition:opacity .3s ease}.sidebar-closed .sidebar-title,.sidebar-closed .sidebar-subtitle{opacity:0;pointer-events:none}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;text-decoration:none;color:#fff;font-weight:500;transition:all .3s ease;white-space:nowrap}.nav-item:hover{background:#fff3;transform:translate(5px)}.nav-item-active{background:#ffffff40;box-shadow:0 4px 12px #00000026}.nav-icon{font-size:22px;min-width:22px}.sidebar-closed .nav-item span{opacity:0;pointer-events:none}.user-info{display:flex;flex-direction:column;flex:1}.user-name{font-size:14px;color:#fff;font-weight:600}.user-role{font-size:12px;color:#fffc}.sidebar-closed .user-info{opacity:0;pointer-events:none}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#ef44444d;transform:translateY(-2px)}.logout-icon{font-size:20px}.sidebar-closed .logout-btn span{opacity:0;pointer-events:none}.main-content{flex:1;transition:all .3s ease;display:flex;flex-direction:column}.content-shifted{margin-left:280px}.content-full{margin-left:80px}.topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 30px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.page-title{font-size:26px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.create-app-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#10b98140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(16,185,129,.4);border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.create-app-btn:hover{background:#10b98159;border-color:#10b98199;transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.content-area{flex:1;padding:30px;overflow-y:auto}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;animation:fadeIn .6s ease-out;justify-items:center}.app-card{width:280px;height:380px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000002e}.app-card-gradient{height:180px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:0 0 50% 50%/0 0 20% 20%}.app-icon-large{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:float 3s ease-in-out infinite}.app-card-content{flex:1;background:#fff;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.app-card-header{display:flex;flex-direction:column;gap:4px}.app-icon{width:56px;height:56px;background:#ffffff40;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0000001a}.app-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.status-icon.active{color:#00ff62;background:#00ffd573;padding:6px;border-radius:50%}.status-icon.disabled{color:#ef4444;background:#ef444426;padding:6px;border-radius:50%}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#00ffd573;color:#03030357;border:1px solid rgba(16,185,67,.4)}.status-disabled{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.app-card-body{flex:1;display:flex;flex-direction:column;gap:8px}.app-name{font-size:16px;font-weight:800;color:#111827;margin:0;text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.app-code{font-size:12px;font-weight:600;color:#6b7280;margin:0;text-transform:uppercase}.app-type{font-size:13px;font-weight:500;color:#ffffffbf;margin:0}.app-description{font-size:13px;color:#6b7280;line-height:1.5;margin:0;flex:1}.app-card-body{flex:1;display:flex;flex-direction:column;gap:12px}.status-badge-small{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;background:#f3f4f6;color:#1f2937;max-width:100%}.status-badge-small.active{background:#d1fae5;color:#065f46}.status-badge-small.disabled,.status-badge-small.inactive{background:#fee2e2;color:#991b1b}.app-card-footer{display:flex;gap:12px;margin-top:auto}.launch-app-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;text-transform:uppercase;letter-spacing:.5px;flex:1}.launch-app-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.launch-app-btn.disable-variant{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 4px 12px #dc26264d}.launch-app-btn.disable-variant:hover{box-shadow:0 6px 16px #dc262666}.launch-app-btn.enable-variant{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a4d}.launch-app-btn.enable-variant:hover{box-shadow:0 6px 16px #16a34a66}.app-actions{display:flex;gap:12px}.app-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.disable-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.disable-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d}.enable-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.enable-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#ffffff80;margin-bottom:20px}.empty-state h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.empty-state p{font-size:16px;color:#fffc;max-width:400px;margin-bottom:24px}.create-first-app-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#10b98140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(16,185,129,.4);border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.create-first-app-btn:hover{background:#10b98159;border-color:#10b98199;transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.search-filter-container{margin-bottom:32px;display:flex;flex-direction:column;gap:16px;animation:slideDown .4s ease}.search-box{position:relative;display:flex;align-items:center;background:#fff3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:14px 20px;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.search-box:focus-within{border-color:#fff9;background:#ffffff40;box-shadow:0 6px 20px #00000026}.search-icon{font-size:22px;color:#fffc;margin-right:12px;min-width:22px}.search-input{flex:1;border:none;outline:none;background:transparent;color:#1f2937;font-size:15px;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.search-input::placeholder{color:#1f293799}.clear-search-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:12px}.clear-search-btn:hover{background:#ffffff4d;transform:scale(1.1)}.filter-chip{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffd9;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-chip:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.filter-chip.active{background:#ffffff59;border-color:#fff9;color:#fff;box-shadow:0 4px 12px #00000026}.clear-search-btn-large{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;margin-top:8px}.clear-search-btn-large:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.apps-section{margin-bottom:40px}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.2)}.section-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);margin:0 0 8px}.section-icon{font-size:28px}.section-subtitle{font-size:14px;color:#fffc;margin:0;padding-left:40px}.offcanvas-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .3s ease}.offcanvas-request{position:fixed;top:0;right:-100%;width:35%;min-width:400px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-4px 0 20px #0003;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.offcanvas-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.request-form{display:flex;flex-direction:column;gap:20px}.request-form-group{display:flex;flex-direction:column;gap:8px}.request-label{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.request-input,.request-textarea{width:100%;padding:12px 16px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.request-textarea{resize:vertical;min-height:80px}.request-input::placeholder,.request-textarea::placeholder{color:#1f293799}.request-input:focus,.request-textarea:focus{border-color:#fff9;background:#ffffff59;box-shadow:0 0 0 4px #ffffff1a}.request-input:disabled,.request-textarea:disabled{opacity:.6;cursor:not-allowed}.request-info-box{padding:16px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:12px;margin-top:8px}.request-info-text{font-size:13px;color:#fff;line-height:1.6;margin:0}.request-info-text strong{font-weight:700}.offcanvas-footer{display:flex;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.2);background:#ffffff1a}.cancel-request-btn,.submit-request-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-request-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.cancel-request-btn:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.submit-request-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.submit-request-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.cancel-request-btn:disabled,.submit-request-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.content-area::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.content-area::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.content-area::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width: 1024px){.apps-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.offcanvas-request{width:45%;min-width:350px}}@media (max-width: 768px){.sidebar-open{width:100%}.sidebar-closed{width:0;padding:0;border:none}.content-shifted,.content-full{margin-left:0}.page-title{font-size:20px}.create-app-btn span{display:none}.apps-grid{grid-template-columns:1fr;gap:16px}.content-area{padding:20px}.topbar{padding:16px 20px}.search-box{padding:12px 16px}.search-input{font-size:14px}.filter-chips{gap:8px}.filter-chip{padding:8px 16px;font-size:13px}.section-title{font-size:20px}.section-icon{font-size:24px}.section-subtitle{font-size:13px;padding-left:36px}.offcanvas-request{width:100%;min-width:100%}.offcanvas-header{padding:20px}.offcanvas-title{font-size:20px}.offcanvas-body{padding:20px}.offcanvas-footer{flex-direction:column;padding:20px}.cancel-request-btn,.submit-request-btn{width:100%}}@media (max-width: 480px){.app-card{padding:20px}.app-name{font-size:18px}.app-actions{flex-direction:column}.app-action-btn{padding:10px 16px;font-size:13px}.request-input,.request-textarea{padding:10px 14px;font-size:13px}.request-label{font-size:13px}.request-info-text{font-size:12px}}.dtr-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.dtr-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:float 8s ease-in-out infinite;z-index:0}.dtr-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:float 10s ease-in-out infinite reverse;z-index:0}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent}.user-info{display:flex;flex-direction:column}.user-name{color:#fff;font-size:14px;font-weight:600}.user-role{color:#fffc;font-size:12px}.dtr-container{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);padding:20px;animation:fadeIn .5s ease-in}.dtr-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dtr-header-content{display:flex;flex-direction:column;gap:10px}.dtr-title-section{display:flex;align-items:center;gap:15px}.dtr-header-icon{font-size:48px;color:#fff;animation:pulse 2s ease-in-out infinite}.dtr-title{font-size:42px;font-weight:800;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.dtr-subtitle{font-size:18px;color:#ffffffe6;margin:0 0 0 63px}.dtr-content{animation:slideDown .6s ease-out}@media (min-width: 1890px){.dtr-content{margin-top:-650px;padding:30px}}@media (min-width: 1025px) and (max-width: 1880px){.dtr-content{margin-top:-650px;padding:30px}}@media (min-width: 768px) and (max-width: 1024px){.dtr-content{margin-top:-650px;padding:30px}}@media (min-width: 481px) and (max-width: 767px){.dtr-content{margin-top:-650px;padding:30px}}@media (min-width: 380px) and (max-width: 480px){.dtr-content{margin-top:-640px;padding:30px}}.dtr-upload-section{margin-bottom:30px}.dtr-upload-area{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:3px dashed rgba(102,126,234,.5);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 4px 16px #0000001a}.dtr-upload-area:hover{border-color:#667eea;background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.dtr-upload-area.drag-active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.02)}.dtr-upload-icon{font-size:60px;color:#667eea;animation:float 3s ease-in-out infinite}.dtr-upload-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.dtr-upload-text{font-size:15px;color:#6b7280;margin:0;text-align:center}.dtr-uploaded-file{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 20px;border-radius:30px;margin-top:10px}.dtr-file-name{color:#fff;font-weight:600;font-size:14px}.dtr-clear-file-btn{background:#fff3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;font-size:16px}.dtr-clear-file-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.dtr-selector-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:30px;box-shadow:0 4px 16px #0000001a;animation:slideDown .5s ease-out}.dtr-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.dtr-selector-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.dtr-selector-wrapper{display:flex;gap:15px;flex-wrap:wrap}.dtr-employee-select{flex:1;min-width:250px;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-weight:600;color:#1f2937;background:#fff;cursor:pointer;transition:all .3s ease;outline:none}.dtr-employee-select:hover{border-color:#667eea}.dtr-employee-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dtr-employee-select option{padding:10px}.dtr-search-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;margin-bottom:30px;box-shadow:0 4px 16px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.dtr-search-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background:#f3f4f6;border-radius:12px;padding:0 15px}.dtr-search-icon{font-size:20px;color:#6366f1;flex-shrink:0}.dtr-search-input{flex:1;padding:12px 12px 12px 8px;border:none;background:transparent;font-size:15px;color:#1f2937;font-weight:500;outline:none}.dtr-search-input::placeholder{color:#9ca3af}.dtr-employee-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:20px;font-weight:600;font-size:14px;white-space:nowrap}.dtr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff}.dtr-loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.dtr-loading p{font-size:16px;font-weight:500}.dtr-tables-container{display:flex;flex-direction:column;gap:30px}.dtr-employee-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);animation:slideDown .5s ease-out}.dtr-employee-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.dtr-employee-info{flex:1}.dtr-employee-name{font-size:24px;font-weight:700;color:#fff;margin:0 0 5px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.dtr-employee-period{font-size:14px;color:#ffffffe6;margin:0;font-weight:500}.dtr-download-btn{display:flex;align-items:center;gap:8px;background:#fff;color:#667eea;border:none;padding:12px 24px;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.dtr-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026;background:#f8f9ff}.dtr-download-btn svg{font-size:18px}.dtr-table-wrapper{overflow-x:auto;padding:30px}.dtr-table{width:100%;border-collapse:collapse}.dtr-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.dtr-table th{padding:15px 12px;text-align:left;font-weight:700;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #d1d5db}.dtr-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.dtr-table tbody tr:hover{background-color:#f9fafb}.dtr-table td{padding:14px 12px;font-size:14px;color:#1f2937;font-weight:500}.dtr-table .day-cell{font-weight:700;color:#667eea}.dtr-table .undertime-cell{color:#dc2626;font-weight:600}.dtr-table tfoot{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.dtr-total-row td{padding:18px 12px;font-weight:700;border-top:2px solid #d1d5db}.dtr-total-label{text-align:right;color:#374151;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.dtr-total-value{color:#dc2626;font-size:16px}.dtr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#fff;text-align:center}.dtr-empty-icon{font-size:80px;opacity:.5;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.dtr-empty-state h3{font-size:24px;font-weight:700;margin:0 0 10px}.dtr-empty-state p{font-size:16px;opacity:.9;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 768px){.dtr-container{padding:15px}.dtr-header{padding:20px}.dtr-title{font-size:32px}.dtr-subtitle{font-size:16px;margin-left:0}.dtr-upload-area{padding:30px 20px}.dtr-upload-icon{font-size:48px}.dtr-upload-title{font-size:20px}.dtr-upload-text{font-size:14px}.dtr-selector-wrapper{flex-direction:column}.dtr-search-wrapper,.dtr-employee-select{width:100%;min-width:100%}.dtr-selector-header{flex-direction:column;align-items:flex-start}.dtr-search-container{flex-direction:column;align-items:stretch}.dtr-search-wrapper{min-width:100%}.dtr-employee-count{text-align:center}.dtr-employee-header{flex-direction:column;align-items:flex-start}.dtr-download-btn{width:100%;justify-content:center}.dtr-employee-name{font-size:20px}.dtr-table-wrapper{padding:20px 15px}.dtr-table{font-size:12px}.dtr-table th,.dtr-table td{padding:10px 8px;font-size:12px}}.offcanvas-reason-section{padding:20px 24px;background:#ffffff1a;border-top:1px solid rgba(255,255,255,.2)}.reason-label{display:block;font-size:15px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.reason-textarea{width:100%;padding:14px 16px;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:#fffffff2;color:#1f2937;resize:vertical;outline:none;transition:all .3s ease}.reason-textarea::placeholder{color:#1f293780}.reason-textarea:focus{border-color:#fff9;background:#fff;box-shadow:0 0 0 4px #ffffff1a}.char-counter{font-size:12px;color:#fffc;margin-top:6px;text-align:right}.cancel-btn,.approve-action-btn,.reject-action-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px}.cancel-btn{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.approve-action-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.approve-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.reject-action-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.reject-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media (max-width: 480px){.offcanvas-header{padding:20px}.offcanvas-title{font-size:18px}.offcanvas-body{padding:16px}.offcanvas-footer{flex-direction:column;padding:16px}.cancel-btn,.approve-action-btn,.reject-action-btn{width:100%}}.filter-section{margin-bottom:24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:20px;pointer-events:none}.search-input{width:100%;padding:14px 16px 14px 48px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:15px;font-weight:500;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:#fff9;background:#ffffff40;box-shadow:0 4px 12px #0000001a}.filter-chip{padding:10px 20px;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.filter-chip:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.filter-chip.active{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#fff;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.filter-section{padding:16px}.filter-chips{gap:8px}.filter-chip{padding:8px 16px;font-size:13px}}.application-details-section{background:#ffffff1a;border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.2)}.section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;font-weight:600;color:#fffc;min-width:120px}.detail-value{font-size:14px;font-weight:500;color:#fff;text-align:right;flex:1}.document-card{background:#fffffff2;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.document-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.document-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.document-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.document-info{flex:1}.document-title{font-size:16px;font-weight:700;color:#1f2937;margin:0}.document-subtitle{font-size:13px;color:#6b7280;margin:2px 0 0}.document-preview{margin-top:12px;display:flex;flex-direction:column;gap:12px}.document-image{width:100%;height:200px;object-fit:cover;border-radius:8px;border:2px solid rgba(0,0,0,.1)}.view-document-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.view-document-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.no-document{font-size:14px;color:#6b7280;font-style:italic;padding:12px;text-align:center;background:#0000000d;border-radius:8px}.suspend-action-btn,.revoke-action-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.revoke-action-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.revoke-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.cancel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.modal-icon-warning{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;margin-bottom:16px;box-shadow:0 8px 20px #fbbf244d}.modal-business-name{font-size:18px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:20px;padding:12px;background:linear-gradient(135deg,#fbbf241a,#ef44441a);border-radius:8px;border:1px solid rgba(251,191,36,.3)}.modal-cancel-btn,.modal-suspend-btn{padding:12px 32px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}@media (max-width: 768px){.confirmation-modal{width:95%;max-width:none}.modal-header-confirm,.modal-body-confirm,.modal-footer-confirm{padding-left:20px;padding-right:20px}.modal-footer-confirm{flex-direction:column}.modal-cancel-btn,.modal-suspend-btn{width:100%;justify-content:center}}.modal-revoke-btn{padding:12px 32px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modal-suspend-btn:disabled,.modal-revoke-btn:disabled,.modal-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-suspend-btn:disabled:hover,.modal-revoke-btn:disabled:hover,.modal-cancel-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}.activate-action-btn{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.activate-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.modal-activate-btn{padding:12px 32px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.modal-activate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-activate-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}.filters-section{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.filter-row{display:flex;gap:16px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.search-filter{flex:1;min-width:250px}.search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#a200ff;box-shadow:0 0 0 3px #a200ff1a}.category-filter{min-width:250px;flex:1}.category-select{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.select__control{border:2px solid #e5e7eb!important;border-radius:10px!important;padding:4px;transition:all .3s ease!important;box-shadow:none!important}.select__control:hover{border-color:#a200ff!important}.select__control--is-focused{border-color:#a200ff!important;box-shadow:0 0 0 3px #a200ff1a!important}.select__option--is-focused{background-color:#a200ff1a!important}.select__option--is-selected{background-color:#a200ff!important}.clear-filters-btn{padding:12px 24px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:10px;color:#dc2626;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;white-space:nowrap}.clear-filters-btn:hover{background:#ef444433;border-color:#dc2626;transform:translateY(-2px)}.filter-info{font-size:13px;color:#6b7280;font-weight:500}.filter-info span{background:#a200ff1a;padding:6px 12px;border-radius:8px;color:#a200ff;font-weight:600}.clickable-row{cursor:pointer}.clickable-row:hover{background:#a200ff14!important}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#00ffaa9f;color:#003122;border:1px solid rgba(16,185,129,.2)}.status-inactive{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.edit-btn{color:#f59e0b}.edit-btn:hover{background:#f59e0b1a;transform:scale(1.1)}.delete-btn{color:#ef4444}.delete-btn:hover{background:#ef44441a;transform:scale(1.1)}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px}.topbar{padding:16px 20px;flex-wrap:wrap}.page-title{font-size:20px;width:100%;margin-bottom:12px}.add-product-btn{width:100%;justify-content:center}.table-container{padding:16px;overflow-x:auto}.products-table{min-width:1000px}}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.modal-content{background:#1a1a2e;border-radius:32px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #0009,0 10px 30px #a200ff4d;border:1px solid rgba(162,0,255,.2);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-btn{position:absolute;top:20px;right:20px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.modal-close-btn:hover{background:#000000b3;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0000004d}.modal-close-btn:active{transform:rotate(90deg) scale(.95)}.modal-body{padding:50px 40px 40px;max-height:calc(90vh - 40px);overflow-y:auto;overflow-x:hidden}.product-title{text-align:center;font-size:24px;font-weight:700;color:#fff;margin:10px 0 15px;letter-spacing:-.5px}.dark-card-container{background:#1e1e3299;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:28px;border:1px solid rgba(162,0,255,.2);box-shadow:inset 0 1px #ffffff0d}.product-image-circle{width:140px;height:140px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a200ff,#c300ff);padding:4px;box-shadow:0 0 40px #a200ff99,0 0 80px #a200ff66,0 10px 30px #00000080;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 40px #a200ff99,0 0 80px #a200ff66,0 10px 30px #00000080}50%{box-shadow:0 0 60px #a200ffcc,0 0 100px #a200ff99,0 10px 30px #00000080}}.image-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(162,0,255,.4) 0%,transparent 70%);filter:blur(20px);z-index:-1}.product-image-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid white;background:#fff;box-shadow:inset 0 2px 8px #0000001a}.image-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#94a3b8;border:4px solid white}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a200ff,#c300ff);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8b00e0,#ab00e0)}.detail-grid{display:flex;flex-direction:column;gap:20px}.detail-section{background:transparent;border-radius:0;padding:0;border:none;box-shadow:none;transition:none;position:relative;overflow:visible}.detail-section:before{display:none}.detail-section:hover{box-shadow:none;transform:none}.detail-section:hover:before{opacity:0}.detail-section h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#ffffffe6;padding-bottom:10px;border-bottom:1px solid rgba(162,0,255,.3);letter-spacing:-.2px}.detail-item{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.detail-item:hover{padding-left:0}.detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-item.full-width{grid-column:auto}.detail-label{font-size:13px;font-weight:600;color:#ffffff80;min-width:140px;text-align:left;flex-shrink:0}.detail-value{font-size:14px;color:#fffffff2;font-weight:500;line-height:1.5;text-align:left;width:auto;flex:1}.url-value,.token-value{word-break:break-all;font-family:Courier New,monospace;background:#0000004d;padding:8px 12px;border-radius:8px;border:1px solid rgba(162,0,255,.2);font-size:11px;color:#ffffffb3;line-height:1.5;box-shadow:inset 0 1px 2px #0000004d;transition:all .3s ease;text-align:left;width:auto}.url-value:hover,.token-value:hover{border-color:#a200ff;box-shadow:inset 0 1px 2px #0000004d,0 0 0 2px #a200ff26}.image-preview{margin-top:16px;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;max-width:100%;box-shadow:0 4px 12px #00000014;transition:all .3s ease;background:#f8fafc}.image-preview:hover{border-color:#a200ff;box-shadow:0 8px 24px #a200ff26;transform:scale(1.02)}.image-preview img{width:100%;height:auto;display:block;object-fit:contain;max-height:450px;background:#fff}.image-error{padding:60px 40px;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#94a3b8;font-weight:500;border-radius:12px}.image-error p{margin:0;font-size:15px}@media (max-width: 768px){.detail-grid{gap:16px}.modal-content{max-width:100%;max-height:100vh;border-radius:0;border:none}.product-title{font-size:20px}.modal-body{padding:40px 24px 24px}.dark-card-container{padding:20px}.detail-item{flex-direction:column;align-items:flex-start;gap:6px}.detail-label{min-width:auto}}@media (max-width: 600px){.product-image-circle{width:120px;height:120px}.product-title{font-size:18px;margin:16px 0 24px}.modal-body{padding:36px 20px 20px}.dark-card-container{padding:16px}.detail-section h3{font-size:14px}}.product-management-offcanvas-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;animation:fadeIn .3s ease-out}.product-management-offcanvas{position:fixed!important;top:0!important;right:0!important;width:500px;height:100vh;background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:-8px 0 40px #0003;z-index:1101;display:flex!important;flex-direction:column;transform:translate(0)!important;animation:slideInRight .4s cubic-bezier(.4,0,.2,1);visibility:visible!important;opacity:1!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.product-management-offcanvas .offcanvas-header{padding:32px 32px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);box-shadow:0 4px 20px #7c3aed4d;position:relative;overflow:hidden}.product-management-offcanvas .offcanvas-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.product-management-offcanvas .offcanvas-header h3{margin:0;font-size:26px;font-weight:700;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}.product-management-offcanvas .offcanvas-close-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.product-management-offcanvas .offcanvas-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:rotate(90deg) scale(1.05);box-shadow:0 4px 15px #0003}.product-management-offcanvas .offcanvas-body{flex:1;padding:32px;overflow-y:auto;background:linear-gradient(to bottom,rgba(248,249,250,.5) 0%,transparent 100%)}.product-management-offcanvas .offcanvas-body::-webkit-scrollbar{width:8px}.product-management-offcanvas .offcanvas-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.product-management-offcanvas .offcanvas-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px}.product-management-offcanvas .offcanvas-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6d28d9,#9333ea)}.product-management-offcanvas .form-group{margin-bottom:24px;animation:slideUp .5s ease-out;animation-fill-mode:both}.product-management-offcanvas .form-group:nth-child(1){animation-delay:.05s}.product-management-offcanvas .form-group:nth-child(2){animation-delay:.1s}.product-management-offcanvas .form-group:nth-child(3){animation-delay:.15s}.product-management-offcanvas .form-group:nth-child(4){animation-delay:.2s}.product-management-offcanvas .form-group:nth-child(5){animation-delay:.25s}.product-management-offcanvas .form-group:nth-child(6){animation-delay:.3s}.product-management-offcanvas .form-group:nth-child(7){animation-delay:.35s}.product-management-offcanvas .form-group:nth-child(8){animation-delay:.4s}.product-management-offcanvas .form-group:nth-child(9){animation-delay:.45s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-management-offcanvas .form-group label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:1.2px}.product-management-offcanvas .form-input,.product-management-offcanvas .form-textarea{width:100%;padding:14px 18px;border:2px solid transparent;border-radius:14px;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 2px 8px #0000000a;font-weight:500;color:#1f2937}.product-management-offcanvas .form-input:hover:not([readonly]),.product-management-offcanvas .form-textarea:hover{box-shadow:0 4px 12px #7c3aed1a;border-color:#7c3aed33}.product-management-offcanvas .form-input:focus,.product-management-offcanvas .form-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed1a,0 4px 16px #7c3aed33;transform:translateY(-1px)}.product-management-offcanvas .form-input[readonly]{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#9ca3af;cursor:not-allowed;font-style:italic;border-color:transparent}.product-management-offcanvas .form-textarea{resize:vertical;min-height:100px;line-height:1.6}.product-management-offcanvas .offcanvas-footer{padding:24px 32px 32px;display:flex;gap:16px;background:linear-gradient(to top,rgba(248,249,250,.8) 0%,transparent 100%);border-top:1px solid rgba(0,0,0,.05)}.product-management-offcanvas .offcanvas-btn{flex:1;padding:16px 28px;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;letter-spacing:.3px;position:relative;overflow:hidden}.product-management-offcanvas .offcanvas-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.product-management-offcanvas .offcanvas-btn:hover:before{width:300px;height:300px}.product-management-offcanvas .disable-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.product-management-offcanvas .disable-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ef444466}.product-management-offcanvas .disable-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.product-management-offcanvas .enable-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.product-management-offcanvas .enable-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #10b98166}.product-management-offcanvas .enable-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.product-management-offcanvas .close-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 12px #6b72804d}.product-management-offcanvas .close-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6b728066}.product-management-offcanvas .close-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}@media (max-width: 768px){.product-management-offcanvas{width:100%}}.table-qr-container{display:inline-flex;padding:8px;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.table-qr-container:hover{transform:scale(1.1);box-shadow:0 4px 12px #7c3aed4d;border-color:#7c3aed}.qr-code-container{display:inline-flex;padding:12px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.qr-code-container:hover{transform:scale(1.05);box-shadow:0 8px 24px #7c3aed4d;border-color:#7c3aed}.qr-code-container:active{transform:scale(.98)}.qr-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.qr-modal-content{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;padding:48px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.qr-modal-close-btn{position:absolute;top:20px;right:20px;background:#0000000d;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1f2937;transition:all .3s cubic-bezier(.4,0,.2,1)}.qr-modal-close-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:rotate(90deg)}.qr-modal-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:32px;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-code-large{padding:24px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #7c3aed33;margin-bottom:24px;border:3px solid #7c3aed}.qr-modal-id{font-size:16px;font-weight:600;color:#6b7280;font-family:Courier New,monospace;letter-spacing:1px;padding:12px 24px;background:#7c3aed0d;border-radius:12px;border:1px solid rgba(124,58,237,.2)}@media (max-width: 768px){.qr-modal-content{padding:32px 24px}.qr-code-large{padding:16px}.qr-modal-title{font-size:24px;margin-bottom:24px}}.departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;animation:fadeIn .6s ease-out;justify-items:center}.dept-card{width:280px;height:380px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001f;transition:all .3s ease;display:flex;flex-direction:column;margin:0 auto}.dept-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0003}.dept-card-gradient{width:100%;height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:0 0 40px 40px}.dept-icon-large{color:#fff;font-size:48px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dept-card-content{padding:24px 20px;flex:1;display:flex;flex-direction:column;gap:8px}.dept-name{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;margin:0}.dept-code{font-size:12px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;margin:0}.dept-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0;flex:1}.dept-card-footer{margin-top:auto;padding:0 20px 20px}.dept-view-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#a200ff,#c300ff);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #a200ff4d}.dept-view-btn:hover{background:linear-gradient(135deg,#80d,#b000ff);transform:translateY(-2px);box-shadow:0 6px 16px #a200ff66}@media (max-width: 1024px){.departments-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px}.topbar{padding:16px 20px}.page-title{font-size:20px}.departments-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){.content-area{padding:16px}.topbar{padding:12px 16px}.page-title{font-size:18px}.dept-card{padding:20px}.dept-name{font-size:18px}}.sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);flex:1}.add-product-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px}.add-product-btn:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.table-container{background:#fffffff2;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0000001f;animation:fadeIn .6s ease-out}.table-wrapper{overflow-x:auto;border-radius:12px}.products-table{width:100%;border-collapse:collapse;font-size:14px}.products-table thead{background:linear-gradient(135deg,#a200ff,#c300ff)}.products-table thead tr th{padding:16px 12px;text-align:left;color:#fff;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.products-table thead tr th:first-child{border-top-left-radius:12px}.products-table thead tr th:last-child{border-top-right-radius:12px}.products-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.products-table tbody tr:hover{background:#a200ff0d}.products-table tbody tr:last-child{border-bottom:none}.products-table tbody tr td{padding:16px 12px;color:#374151;font-size:13px}.products-table tbody tr td:first-child{font-weight:600;color:#a200ff}.no-data{text-align:center;padding:48px 24px!important;color:#9ca3af;font-size:14px;font-style:italic}.action-buttons{display:flex;gap:8px;align-items:center}.action-btn{padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent}.view-btn{color:#3b82f6}.view-btn:hover{background:#3b82f61a;transform:scale(1.1)}@media (max-width: 1024px){.table-container{padding:20px}.products-table{font-size:13px}}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px}.topbar{padding:16px 20px;flex-wrap:wrap}.page-title{font-size:20px;width:100%;margin-bottom:12px}.add-product-btn{width:100%;justify-content:center}.table-container{padding:16px;overflow-x:auto}.products-table{min-width:600px}}@media (max-width: 480px){.content-area{padding:16px}.topbar{padding:12px 16px}.page-title{font-size:18px}.table-container{padding:12px}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#a200ff,#c300ff);border-radius:24px 24px 0 0}.modal-title{font-size:24px;font-weight:700;color:#fff;margin:0}.modal-close-btn{background:#fff3;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-form{padding:32px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.required{color:#ef4444}.form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;color:#374151;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-input:focus{outline:none;border-color:#a200ff;box-shadow:0 0 0 3px #a200ff1a}.form-input::placeholder{color:#9ca3af}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.btn-cancel{padding:12px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{border-color:#d1d5db;background:#f9fafb;color:#374151}.btn-submit{padding:12px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#a200ff,#c300ff);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #a200ff4d}.btn-submit:hover{background:linear-gradient(135deg,#80d,#b000ff);transform:translateY(-2px);box-shadow:0 6px 16px #a200ff66}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){.modal-content{width:95%;max-width:none}.modal-header{padding:20px 24px}.modal-title{font-size:20px}.modal-form{padding:24px}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.dashboard-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.dashboard-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:float 8s ease-in-out infinite;z-index:0}.dashboard-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:float 10s ease-in-out infinite reverse;z-index:0}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.sidebar-header{text-align:center;margin-bottom:24px}.sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.sidebar-divider{height:1px;background:#fff3;margin:20px 0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer}.nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.nav-icon{font-size:20px}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn:hover{background:#dc262680;border-color:#dc2626b3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.logout-icon{font-size:18px}.main-content{flex:1;margin-left:280px;transition:all .3s ease;position:relative;z-index:1}.topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.topbar-stats{margin-left:auto;display:flex;gap:12px}.stat-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff40;border-radius:10px;color:#fff;font-weight:600;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-area{padding:32px;min-height:calc(100vh - 80px)}.applications-container{animation:fadeIn .6s ease-out}.filter-section{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:none;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#6b7280;font-size:20px;pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;background:#fff;color:#1f2937}.search-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.search-input::placeholder{color:#9ca3af}.filter-chips{display:flex;gap:12px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-chip:hover{background:#ffffff26;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filter-chip.active{background:#ffffff40;border-color:#fff;color:#fff;box-shadow:0 4px 16px #ffffff4d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.applications-table{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.applications-table thead{background:linear-gradient(135deg,#f59e0b,#dc2626)}.applications-table thead th{padding:18px 16px;text-align:left;color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.applications-table tbody tr{border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.applications-table tbody tr:hover{background:#fbbf2414}.applications-table tbody td{padding:16px;color:#374151;font-size:14px}.business-name-cell{display:flex;flex-direction:column;gap:4px}.business-name-cell strong{font-size:15px;color:#1f2937}.business-type{font-size:12px;color:#6b7280}.contact-cell{display:flex;flex-direction:column;gap:4px}.contact-cell .email{font-size:12px;color:#6b7280}.status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:flex;gap:8px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:18px}.view-btn{background:#3b82f626;color:#3b82f6}.view-btn:hover{background:#3b82f640;transform:scale(1.1)}.approve-btn{background:#10b98126;color:#10b981}.approve-btn:hover{background:#10b98140;transform:scale(1.1)}.reject-btn{background:#ef444426;color:#ef4444}.reject-btn:hover{background:#ef444440;transform:scale(1.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeIn .6s ease-out}.empty-icon{color:#fff9;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-state h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.empty-state p{font-size:16px;color:#ffffffe6;font-weight:500}@media (max-width: 1400px){.applications-table{overflow-x:auto}.applications-table table{min-width:1200px}}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px}.topbar{padding:16px 20px}.page-title{font-size:20px}.topbar-stats{display:none}}@media (max-width: 480px){.content-area{padding:16px}.topbar{padding:12px 16px}.page-title{font-size:18px}.applications-table{border-radius:16px}}.offcanvas-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}.offcanvas-documents{position:fixed;top:0;right:-600px;width:600px;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:-4px 0 20px #0000004d;z-index:1000;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1)}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff1a}.offcanvas-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.offcanvas-close{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.offcanvas-close:hover{background:#ffffff4d;transform:scale(1.05)}.offcanvas-body{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.offcanvas-body::-webkit-scrollbar{width:8px}.offcanvas-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.offcanvas-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.offcanvas-body::-webkit-scrollbar-thumb:hover{background:#fff6}.application-details-section{background:#ffffff1a;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2)}.section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:start;padding:16px 20px;margin-bottom:12px;background:#ffffff14;border-radius:8px;gap:16px;border:1px solid rgba(255,255,255,.15)}.detail-row:last-child{margin-bottom:0}.detail-label{font-size:13px;font-weight:600;color:#fffc;min-width:140px;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.detail-value{font-size:14px;font-weight:500;color:#fff;text-align:right;flex:1;word-wrap:break-word}.offcanvas-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.2);background:#ffffff1a}.cancel-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff}.cancel-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.approve-action-btn,.reject-action-btn,.suspend-action-btn,.revoke-action-btn,.reactivate-action-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.approve-action-btn,.reactivate-action-btn{background:linear-gradient(135deg,#10b981,#059669)}.approve-action-btn:hover,.reactivate-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.reject-action-btn,.revoke-action-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.reject-action-btn:hover,.revoke-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.suspend-action-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.suspend-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}@media (max-width: 768px){.offcanvas-documents{width:100%;right:-100%}}@media (max-width: 480px){.offcanvas-header{padding:20px}.offcanvas-title{font-size:18px}.offcanvas-body{padding:16px}.offcanvas-footer{flex-direction:column;padding:16px}.cancel-btn{width:100%}}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:fadeIn .2s ease-out}.image-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1f2937;border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:10001;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.image-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.image-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0}.image-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-modal-close:hover{background:#fff3;transform:scale(1.05)}.image-modal-body{padding:24px;overflow:auto;display:flex;align-items:center;justify-content:center}.image-modal-body::-webkit-scrollbar{width:8px;height:8px}.image-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.image-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.image-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.full-image{max-width:100%;max-height:calc(90vh - 120px);object-fit:contain;border-radius:8px}@media (max-width: 768px){.image-modal{width:95%;max-height:95vh}.image-modal-header{padding:16px 20px}.image-modal-title{font-size:18px}.image-modal-body{padding:16px}.full-image{max-height:calc(95vh - 100px)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .2s ease-out}.confirmation-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0000004d;z-index:9999;width:90%;max-width:500px;animation:modalSlideIn .3s ease-out}.modal-header-confirm{padding:32px 32px 24px;text-align:center;border-bottom:2px solid rgba(251,191,36,.2)}.modal-icon-success{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-bottom:16px;box-shadow:0 8px 20px #10b98166}.modal-icon-danger{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;margin-bottom:16px;box-shadow:0 8px 20px #ef444466}.modal-icon-warning{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;margin-bottom:16px;box-shadow:0 8px 20px #fbbf2466}.modal-header-confirm h3{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-body-confirm{padding:24px 32px}.modal-business-name{font-size:18px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:20px;padding:12px;border-radius:8px}.modal-business-name.activate{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3)}.modal-business-name.revoke{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid rgba(239,68,68,.3)}.modal-success-note{background:linear-gradient(135deg,#10b98126,#0596691a);border-left:4px solid #10b981;padding:16px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.6;color:#4b5563}.modal-success-note strong{color:#059669;display:block;margin-bottom:8px;font-size:15px}.modal-warning-note{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-left:4px solid #fbbf24;padding:16px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.6;color:#4b5563}.modal-warning-note strong{color:#f59e0b;display:block;margin-bottom:8px;font-size:15px}.modal-danger-note{background:linear-gradient(135deg,#ef444426,#dc26261a);border-left:4px solid #ef4444;padding:16px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.6;color:#4b5563}.modal-danger-note strong{color:#dc2626;display:block;margin-bottom:8px;font-size:15px}.modal-confirm-text{text-align:center;font-size:16px;font-weight:500;color:#374151;margin:0}.modal-confirm-text.danger{color:#dc2626;font-weight:600}.reject-reason-section{margin:20px 0}.reject-reason-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.reject-reason-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;resize:vertical;min-height:100px;transition:all .3s ease}.reject-reason-textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.reject-reason-textarea::placeholder{color:#9ca3af}.modal-footer-confirm{padding:20px 32px 32px;display:flex;gap:12px;justify-content:center}.modal-cancel-btn,.modal-activate-btn,.modal-revoke-btn,.modal-suspend-btn{padding:12px 32px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.modal-cancel-btn{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(156,163,175,.4);color:#4b5563}.modal-cancel-btn:hover{background:#fff;border-color:#9ca3af99;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.modal-activate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.modal-activate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.modal-revoke-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.modal-revoke-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.modal-suspend-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 12px #fbbf244d}.modal-suspend-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.modal-cancel-btn:disabled,.modal-activate-btn:disabled,.modal-revoke-btn:disabled,.modal-suspend-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-cancel-btn:disabled:hover,.modal-activate-btn:disabled:hover,.modal-revoke-btn:disabled:hover,.modal-suspend-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}@media (max-width: 768px){.confirmation-modal{width:95%;max-width:none}.modal-header-confirm,.modal-body-confirm,.modal-footer-confirm{padding-left:20px;padding-right:20px}.modal-footer-confirm{flex-direction:column}.modal-cancel-btn,.modal-activate-btn,.modal-revoke-btn{width:100%;justify-content:center}}.dashboard-wrapper{min-height:100vh;background:#0d0d1a;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.dashboard-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(123,47,247,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(0,210,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(247,47,123,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.dashboard-wrapper:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(123,47,247,.12) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-100px;animation:orb-float 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:280px;height:100vh;background:#0d0d1ae6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(123,47,247,.2);box-shadow:4px 0 40px #7b2ff71a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.sidebar-closed{width:0;border:none;overflow:hidden}.sidebar-content{padding:28px 20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-header{text-align:center;margin-bottom:20px}.sidebar-logo{width:90px;height:90px;border-radius:50%;border:2px solid rgba(123,47,247,.5);box-shadow:0 0 20px #7b2ff74d,0 0 60px #7b2ff71a;margin-bottom:16px;object-fit:contain;padding:8px;background:#ffffff0d;cursor:pointer;transition:all .3s ease}.sidebar-logo:hover{box-shadow:0 0 30px #7b2ff780,0 0 80px #7b2ff733;transform:scale(1.03)}.sidebar-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px;letter-spacing:.3px}.sidebar-subtitle{font-size:12px;color:#7b2ff7e6;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(123,47,247,.4),transparent);margin:16px 0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#ffffff8c;text-decoration:none;font-weight:500;font-size:14px;transition:all .25s ease;background:transparent;cursor:pointer;position:relative;overflow:hidden;border:1px solid transparent}.nav-item:hover{color:#fff;transform:translate(4px);background:#7b2ff714;border-color:#7b2ff726}.nav-item-active{color:#fff;background:linear-gradient(135deg,#7b2ff740,#00d2ff1a);border:1px solid rgba(123,47,247,.35);box-shadow:0 4px 20px #7b2ff726}.nav-icon{font-size:18px}.sidebar-footer{margin-top:auto}.user-profile{display:flex;align-items:center;gap:10px;padding:12px;background:#7b2ff714;border:1px solid rgba(123,47,247,.15);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .25s ease}.user-profile:hover{background:#7b2ff726;border-color:#7b2ff74d}.user-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(123,47,247,.5);object-fit:cover;flex-shrink:0}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#7b2ff726;color:#7b2ff7e6;flex-shrink:0;width:38px;height:38px;border-radius:50%}.user-info{display:flex;flex-direction:column;flex:1;min-width:0}.user-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#fff6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444e6;font-weight:600;font-size:13px;cursor:pointer;transition:all .25s ease;font-family:Inter,Segoe UI,sans-serif}.logout-btn:hover{background:#ef44442e;border-color:#ef444480;color:#ff6b6b;transform:translateY(-1px)}.logout-icon{font-size:17px}.main-content{flex:1;margin-left:280px;transition:all .3s ease;position:relative;z-index:1;min-height:100vh}.content-full{margin-left:0}.topbar{background:#0d0d1abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(123,47,247,.15);padding:16px 32px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50}.menu-toggle{background:#7b2ff71f;border:1px solid rgba(123,47,247,.25);border-radius:10px;padding:9px;cursor:pointer;color:#a855f7e6;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.menu-toggle:hover{background:#7b2ff738;box-shadow:0 0 12px #7b2ff733}.page-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#c084fc,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.topbar-stats{margin-left:auto}.stat-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#7b2ff71a;border:1px solid rgba(123,47,247,.2);border-radius:20px;color:#c084fce6;font-weight:700;font-size:13px}.content-area{padding:28px 32px;min-height:calc(100vh - 64px)}.esundo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;animation:fadeSlideUp .5s ease both}.esundo-stat-card{background:#ffffff08;border-radius:18px;padding:20px 22px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.06);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.esundo-stat-card:hover{transform:translateY(-3px)}.esundo-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.esundo-stat-info{display:flex;flex-direction:column;gap:2px}.esundo-stat-num{font-size:28px;font-weight:800;line-height:1;letter-spacing:-1px}.esundo-stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;opacity:.65}.esundo-stat-total{border-color:#6366f140;box-shadow:0 4px 24px #6366f114}.esundo-stat-total:hover{box-shadow:0 8px 32px #6366f133}.esundo-stat-total .esundo-stat-icon{background:#6366f11f;color:#818cf8}.esundo-stat-total .esundo-stat-num,.esundo-stat-total .esundo-stat-label{color:#818cf8}.esundo-stat-pending{border-color:#f59e0b40;box-shadow:0 4px 24px #f59e0b0f}.esundo-stat-pending:hover{box-shadow:0 8px 32px #f59e0b2e}.esundo-stat-pending .esundo-stat-icon{background:#f59e0b1f;color:#fbbf24}.esundo-stat-pending .esundo-stat-num,.esundo-stat-pending .esundo-stat-label{color:#fbbf24}.esundo-stat-approved{border-color:#10b98140;box-shadow:0 4px 24px #10b9810f}.esundo-stat-approved:hover{box-shadow:0 8px 32px #10b9812e}.esundo-stat-approved .esundo-stat-icon{background:#10b9811f;color:#34d399}.esundo-stat-approved .esundo-stat-num,.esundo-stat-approved .esundo-stat-label{color:#34d399}.esundo-stat-rejected{border-color:#ef444440;box-shadow:0 4px 24px #ef44440f}.esundo-stat-rejected:hover{box-shadow:0 8px 32px #ef44442e}.esundo-stat-rejected .esundo-stat-icon{background:#ef44441f;color:#f87171}.esundo-stat-rejected .esundo-stat-num,.esundo-stat-rejected .esundo-stat-label{color:#f87171}.applications-container{animation:fadeSlideUp .5s ease .1s both}.filter-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 16px;transition:all .25s ease;flex:1;min-width:200px;max-width:340px}.search-box:focus-within{border-color:#7b2ff773;background:#7b2ff70d;box-shadow:0 0 0 3px #7b2ff714}.search-icon{color:#ffffff40;font-size:17px;flex-shrink:0;transition:color .2s ease}.search-box:focus-within .search-icon{color:#a855f7cc}.search-input{flex:1;border:none;outline:none;font-size:13px;color:#e2e8f0;background:transparent;font-family:Inter,Segoe UI,sans-serif;font-weight:500}.search-input::placeholder{color:#ffffff2e}.filter-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-left:auto}.filter-chip{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff6;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,Segoe UI,sans-serif;white-space:nowrap}.filter-chip:hover{border-color:#7b2ff74d;background:#7b2ff712;color:#ffffffbf}.filter-chip.active{background:#7b2ff72e;border-color:#7b2ff773;color:#c084fc;box-shadow:0 2px 10px #7b2ff71f}.applications-table{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden}.applications-table table{width:100%;border-collapse:collapse}.applications-table thead{background:linear-gradient(135deg,#7b2ff74d,#6366f133);border-bottom:1px solid rgba(123,47,247,.2)}.applications-table thead th{padding:16px 18px;text-align:left;color:#c084fcd9;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px}.applications-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s ease}.applications-table tbody tr:last-child{border-bottom:none}.applications-table tbody tr:hover{background:#7b2ff70f}.applications-table tbody td{padding:16px 18px;color:#ffffffb3;font-size:14px;vertical-align:middle}.business-name-cell{display:flex;flex-direction:column;gap:3px}.business-name-cell strong{font-size:14px;font-weight:700;color:#e2e8f0}.business-type{font-size:12px;color:#ffffff4d}.status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.action-buttons{display:flex;gap:6px}.action-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;cursor:pointer;transition:all .25s ease;font-size:17px}.view-btn{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.view-btn:hover{background:#6366f133;color:#a5b4fc;box-shadow:0 0 12px #6366f140;transform:scale(1.08)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;animation:fadeSlideUp .6s ease}.empty-icon{color:#7b2ff74d;margin-bottom:20px}.empty-state h3{font-size:24px;font-weight:700;color:#ffffffb3;margin-bottom:8px}.empty-state p{font-size:14px;color:#ffffff4d}.offcanvas-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999}.offcanvas-documents{position:fixed;top:0;right:-620px;width:580px;height:100vh;background:#0f0f1e;border-left:1px solid rgba(123,47,247,.2);box-shadow:-8px 0 60px #7b2ff726;z-index:1000;display:flex;flex-direction:column;transition:right .4s cubic-bezier(.4,0,.2,1)}.offcanvas-open{right:0}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(123,47,247,.15);background:linear-gradient(135deg,#7b2ff71f,#6366f10f);flex-shrink:0}.offcanvas-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin:0;background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.offcanvas-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:7px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.offcanvas-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.offcanvas-body{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.offcanvas-body::-webkit-scrollbar{width:4px}.offcanvas-body::-webkit-scrollbar-track{background:transparent}.offcanvas-body::-webkit-scrollbar-thumb{background:#7b2ff74d;border-radius:4px}.offcanvas-body::-webkit-scrollbar-thumb:hover{background:#7b2ff780}.esundo-detail-section{background:transparent;border:none;border-radius:0;padding:0}.esundo-section-title{font-size:11px;font-weight:700;color:#c084fccc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px;text-shadow:none}.esundo-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(123,47,247,.3),transparent)}.esundo-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent}.esundo-detail-row:last-child{border-bottom:none}.esundo-detail-label{font-size:12px;font-weight:600;color:#ffffff59;min-width:130px;text-transform:uppercase;letter-spacing:.5px}.esundo-detail-value{font-size:14px;font-weight:600;color:#e2e8f0;text-align:right;flex:1}.esundo-docs-gallery{display:flex;flex-wrap:nowrap;gap:12px;padding:4px 2px 12px;overflow-x:auto;overflow-y:visible;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.esundo-docs-gallery::-webkit-scrollbar{display:none}.esundo-doc-card{flex-shrink:0;width:160px;display:flex;flex-direction:column;gap:8px;background:#7b2ff70f;border:1px solid rgba(123,47,247,.18);border-radius:12px;padding:10px;transition:border-color .2s ease}.esundo-doc-card:hover{border-color:#7b2ff766}.esundo-doc-label{font-size:10px;font-weight:700;color:#c084fcb3;text-transform:uppercase;letter-spacing:.8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.esundo-doc-image{width:100%;height:110px;object-fit:cover;border-radius:8px;border:1px solid rgba(123,47,247,.2);cursor:pointer;transition:all .25s ease;display:block}.esundo-doc-image:hover{border-color:#7b2ff780;box-shadow:0 0 16px #7b2ff740;transform:scale(1.02)}.esundo-doc-view-btn{display:flex;align-items:center;justify-content:center;padding:5px 8px;background:#7b2ff71a;border:1px solid rgba(123,47,247,.25);border-radius:6px;color:#c084fc;font-size:11px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Inter,Segoe UI,sans-serif;white-space:nowrap}.esundo-doc-view-btn:hover{background:#7b2ff733;border-color:#7b2ff773;box-shadow:0 0 10px #7b2ff733}.esundo-doc-missing{font-size:11px;color:#ffffff40;font-style:italic;padding:8px 6px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:8px;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.esundo-approval-form{display:flex;flex-direction:column;gap:12px}.esundo-form-label{font-size:12px;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.esundo-form-textarea{width:100%;padding:12px 14px;font-size:13px;font-family:Inter,Segoe UI,sans-serif;border:1px solid rgba(123,47,247,.2);border-radius:12px;background:#ffffff08;color:#e2e8f0;resize:vertical;outline:none;transition:all .25s ease;min-height:90px}.esundo-form-textarea::placeholder{color:#fff3}.esundo-form-textarea:focus{border-color:#7b2ff780;background:#7b2ff70a;box-shadow:0 0 0 3px #7b2ff714}.esundo-approval-actions{display:flex;gap:10px}.esundo-approve-btn,.esundo-reject-btn{flex:1;padding:12px 18px;font-size:13px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:7px;font-family:Inter,Segoe UI,sans-serif}.esundo-approve-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 16px #10b98140}.esundo-approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.esundo-reject-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 16px #ef444440}.esundo-reject-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ef444466}.esundo-approve-btn:disabled,.esundo-reject-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.img-modal-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeSlideUp .2s ease}.img-modal-content{background:#112;border:1px solid rgba(123,47,247,.25);border-radius:18px;overflow:hidden;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 32px 80px #000000b3,0 0 40px #7b2ff71a}.img-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:#7b2ff714;flex-shrink:0}.img-modal-title{font-size:14px;font-weight:700;color:#c084fc;text-transform:uppercase;letter-spacing:.8px}.img-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.img-modal-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.img-modal-body{overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000004d}.img-modal-img{max-width:80vw;max-height:calc(90vh - 70px);object-fit:contain;border-radius:10px}@media (max-width: 1280px){.esundo-stats{grid-template-columns:repeat(2,1fr)}.applications-table{overflow-x:auto}.applications-table table{min-width:800px}}@media (max-width: 768px){.sidebar{width:0}.sidebar-open{width:280px}.main-content{margin-left:0}.content-area{padding:20px 16px}.topbar{padding:14px 16px}.page-title{font-size:18px}.topbar-stats{display:none}.esundo-stats{grid-template-columns:repeat(2,1fr)}.offcanvas-documents{width:100%;right:-100%}}@media (max-width: 480px){.esundo-stats{grid-template-columns:1fr 1fr;gap:10px}.esundo-approval-actions{flex-direction:column}.filter-chips{gap:6px}}.empdata-qr-generator-container{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#ef4444);padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.empdata-bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:empdata-float 20s infinite ease-in-out}.empdata-shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.empdata-shape-2{width:400px;height:400px;bottom:-150px;right:-150px;animation-delay:7s}.empdata-shape-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:14s}@keyframes empdata-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.empdata-page-header{position:relative;z-index:10;margin-bottom:24px}.empdata-header-content{max-width:1400px;margin:0 auto;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px 40px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:24px;align-items:center}.empdata-logo-section{display:flex;align-items:center;gap:20px}.empdata-logo{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #00000026;object-fit:contain;padding:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:empdata-pulse 2s infinite}@keyframes empdata-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empdata-title-group{color:#fff}.empdata-main-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.empdata-tagline{font-size:16px;font-weight:600;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.empdata-star{color:#fbbf24;font-size:16px;animation:empdata-twinkle 2s infinite}@keyframes empdata-twinkle{0%,to{opacity:1}50%{opacity:.6}}.empdata-highlight{color:#ef4444;font-weight:900}.empdata-search-section{width:100%;max-width:600px;text-align:center}.empdata-search-input{width:100%;padding:14px 20px;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:15px;background:#fff3;color:#fff;font-family:inherit;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px}.empdata-search-input::placeholder{color:#ffffffb3}.empdata-search-input:focus{outline:none;border-color:#fff9;background:#ffffff40}.empdata-record-count{font-size:13px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.1)}.empdata-record-count strong{font-weight:700}.empdata-content-wrapper{position:relative;z-index:10;flex:1;display:flex;justify-content:center;align-items:flex-start}.empdata-table-container{width:100%;max-width:1400px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000026;animation:empdata-slideUp .5s ease-out}@keyframes empdata-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.empdata-loading-state,.empdata-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.empdata-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #fbbf24;border-radius:50%;animation:empdata-spin 1s linear infinite;margin-bottom:20px}@keyframes empdata-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empdata-loading-state p{font-size:16px;color:#666}.empdata-error-state p{font-size:16px;color:#ef4444;font-weight:600}.empdata-table-scroll{overflow-x:auto;border-radius:12px}.empdata-employee-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.empdata-employee-table thead{background:linear-gradient(90deg,#fbbf24,#ef4444)}.empdata-employee-table thead th{padding:16px 20px;text-align:left;color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none}.empdata-employee-table thead th:first-child{border-top-left-radius:12px}.empdata-employee-table thead th:last-child{border-top-right-radius:12px}.empdata-employee-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.empdata-employee-table tbody tr:hover{background:#fef9f3;box-shadow:0 2px 8px #fbbf241a}.empdata-employee-table tbody tr:last-child{border-bottom:none}.empdata-employee-table tbody td{padding:18px 20px;color:#333;font-size:14px}.empdata-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:20px 0}.empdata-pagination-btn{padding:10px 20px;background:#fff;border:2px solid #fbbf24;border-radius:8px;color:#ef4444;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.empdata-pagination-btn:hover:not(:disabled){background:#fbbf24;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.empdata-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.empdata-pagination-numbers{display:flex;gap:6px;align-items:center}.empdata-pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#666;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.empdata-pagination-number:hover{border-color:#fbbf24;color:#ef4444}.empdata-pagination-number.empdata-active{background:linear-gradient(90deg,#fbbf24,#ef4444);border-color:transparent;color:#fff;box-shadow:0 4px 12px #fbbf244d}.empdata-emp-id{font-weight:700;color:#ef4444;font-family:Courier New,monospace}.empdata-qr-cell{text-align:center}.empdata-qr-wrapper{display:inline-flex;cursor:pointer;padding:8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid transparent}.empdata-qr-wrapper:hover{transform:scale(1.1);box-shadow:0 4px 16px #fbbf244d;border-color:#fbbf24}.empdata-date-cell{color:#666;font-size:13px}.empdata-no-data{text-align:center;padding:60px 20px!important;color:#999;font-size:15px;font-style:italic}.empdata-qr-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:empdata-fadeIn .3s ease-out}@keyframes empdata-fadeIn{0%{opacity:0}to{opacity:1}}.empdata-qr-modal-content{background:#fff;border-radius:24px;padding:40px;max-width:450px;width:90vw;box-shadow:0 20px 60px #0000004d;position:relative;animation:empdata-slideUp .3s ease-out}.empdata-qr-modal-close-btn{position:absolute;top:16px;right:16px;background:#ef44441a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;font-size:24px;transition:all .2s;line-height:1}.empdata-qr-modal-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.empdata-qr-modal-body{display:flex;flex-direction:column;align-items:center;text-align:center}.empdata-qr-modal-title{font-size:24px;font-weight:700;background:linear-gradient(90deg,#fbbf24,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px}.empdata-qr-code-large{width:390px;height:390px;padding:20px;background:#fafafa;border-radius:50%;margin-bottom:20px;border:3px solid #fbbf24;display:flex;align-items:center;justify-content:center}.empdata-qr-modal-id{font-size:13px;font-weight:600;color:#666;font-family:Courier New,monospace;letter-spacing:.5px;padding:10px 20px;background:#f5f5f5;border-radius:8px;word-break:break-all;max-width:100%}.empdata-image-upload-cell{padding:12px 20px!important}.empdata-image-dropzone{width:100px;height:100px;border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fafafa;transition:all .3s ease;position:relative}.empdata-image-dropzone.empdata-drag-over{border-color:#fbbf24;background:#fef9f3;transform:scale(1.05);box-shadow:0 4px 12px #fbbf244d}.empdata-upload-loader{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center}.empdata-spinner-small{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #fbbf24;border-radius:50%;animation:empdata-spin .8s linear infinite}.empdata-upload-loader-text{font-size:10px;color:#666;font-weight:600}.empdata-upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.empdata-file-input{display:none}.empdata-upload-label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:10px;width:100%;height:100%;justify-content:center;border-radius:10px;transition:all .2s ease}.empdata-upload-label:hover{background:#fbbf241a}.empdata-upload-icon{font-size:28px}.empdata-upload-text{font-size:11px;color:#666;font-weight:600;text-align:center}.empdata-image-preview-wrapper{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}.empdata-uploaded-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.empdata-remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003}.empdata-remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}@media (max-width: 968px){.empdata-header-content{flex-direction:column;gap:24px;padding:24px}.empdata-logo-section{flex-direction:column;text-align:center}.empdata-search-section{max-width:100%}.empdata-table-container{padding:20px}.empdata-employee-table{font-size:13px}.empdata-employee-table thead th,.empdata-employee-table tbody td{padding:12px 10px}}@media (max-width: 768px){.empdata-qr-generator-container{padding:10px}.empdata-logo{width:60px;height:60px}.empdata-main-title{font-size:22px}.empdata-tagline{font-size:14px}.empdata-employee-table{font-size:12px}.empdata-qr-wrapper svg{width:40px!important;height:40px!important}.empdata-image-dropzone{width:80px;height:80px}.empdata-upload-icon{font-size:24px}.empdata-upload-text{font-size:10px}}@media (max-width: 640px){.empdata-table-scroll{overflow-x:unset}.empdata-employee-table{border-spacing:0}.empdata-employee-table thead{display:none}.empdata-employee-table tbody tr{display:block;background:#fff;border-radius:20px;margin-bottom:28px;box-shadow:0 4px 6px -1px #00000012,0 10px 24px -4px #fbbf241f;overflow:hidden;border-top:4px solid transparent;border-image:linear-gradient(90deg,#fbbf24,#ef4444) 1;border-image-slice:1;position:relative}.empdata-employee-table tbody tr:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#fbbf24,#ef4444);border-radius:20px 20px 0 0}.empdata-employee-table tbody tr{border-top:none;border-image:none}.empdata-employee-table tbody tr:hover{box-shadow:0 8px 16px -2px #0000001a,0 16px 32px -4px #fbbf2433;transform:translateY(-2px);transition:all .25s ease}.empdata-employee-table tbody td:first-child{background:linear-gradient(135deg,#fff8ec,#fff1f1);padding:14px 16px;font-size:15px;font-weight:700;color:#1a1a1a;border-bottom:2px solid #fde68a}.empdata-employee-table tbody td:first-child:before{color:#f59e0b;font-size:9px;font-weight:800;letter-spacing:1px}.empdata-employee-table tbody td{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;font-size:14px;min-height:44px;color:#333;border-bottom:1px solid;border-image:linear-gradient(to right,#fde68a 0%,#fca5a5 60%,transparent 100%) 1}.empdata-employee-table tbody td:last-child{border-bottom:none}.empdata-employee-table tbody td:nth-child(2n){background:#fffdf7}.empdata-employee-table tbody td:before{content:attr(data-label);font-weight:700;color:#f59e0b;font-size:10px;text-transform:uppercase;letter-spacing:.7px;flex-shrink:0;margin-right:12px;min-width:80px}.empdata-image-upload-cell,.empdata-qr-cell{align-items:center}.empdata-image-dropzone{width:72px;height:72px;flex-shrink:0}.empdata-pagination{flex-wrap:wrap;gap:8px;padding:16px 0}.empdata-pagination-numbers{flex-wrap:wrap;justify-content:center}.empdata-pagination-btn{padding:8px 16px;font-size:13px}.empdata-qr-modal-content{padding:24px 20px}.empdata-qr-code-large{width:min(280px,75vw);height:min(280px,75vw)}}@media (max-width: 480px){.empdata-table-container{padding:12px}.empdata-qr-modal-content{padding:20px 16px}.empdata-qr-code-large{width:min(240px,70vw);height:min(240px,70vw)}.empdata-image-dropzone{width:60px;height:60px}.empdata-upload-icon{font-size:20px}.empdata-upload-text{font-size:9px}.empdata-remove-image-btn{width:20px;height:20px;font-size:14px}}.qr-generator-container{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#ef4444);padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden}.page-header{position:relative;z-index:10;margin-bottom:24px}.header-content{max-width:1400px;margin:0 auto;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px 40px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:24px;align-items:center}.logo-section{display:flex;align-items:center;gap:20px}.logo{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #00000026;object-fit:contain;padding:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s infinite}.title-group{color:#fff}.main-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.tagline{font-size:16px;font-weight:600;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.star{color:#fbbf24;font-size:16px;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.highlight{color:#ef4444;font-weight:900}.search-section{width:100%;max-width:600px;text-align:center}.search-input{width:100%;padding:14px 20px;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:15px;background:#fff3;color:#fff;font-family:inherit;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px}.search-input::placeholder{color:#ffffffb3}.search-input:focus{outline:none;border-color:#fff9;background:#ffffff40}.record-count{font-size:13px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.1)}.record-count strong{font-weight:700}.content-wrapper{position:relative;z-index:10;flex:1;display:flex;justify-content:center;align-items:flex-start}.table-container{width:100%;max-width:1400px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000026;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #fbbf24;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{font-size:16px;color:#666}.error-state p{font-size:16px;color:#ef4444;font-weight:600}.table-scroll{overflow-x:auto;border-radius:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:20px 0}.pagination-btn{padding:10px 20px;background:#fff;border:2px solid #fbbf24;border-radius:8px;color:#ef4444;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.pagination-btn:hover:not(:disabled){background:#fbbf24;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;gap:6px;align-items:center}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#666;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.pagination-number:hover{border-color:#fbbf24;color:#ef4444}.pagination-number.active{background:linear-gradient(90deg,#fbbf24,#ef4444);border-color:transparent;color:#fff;box-shadow:0 4px 12px #fbbf244d}.employee-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.employee-table thead{background:linear-gradient(90deg,#fbbf24,#ef4444)}.employee-table thead th{padding:16px 20px;text-align:left;color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none}.employee-table thead th:first-child{border-top-left-radius:12px}.employee-table thead th:last-child{border-top-right-radius:12px}.employee-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.employee-table tbody tr:hover{background:#fef9f3;box-shadow:0 2px 8px #fbbf241a}.employee-table tbody tr:last-child{border-bottom:none}.employee-table tbody td{padding:18px 20px;color:#333;font-size:14px}.emp-id{font-weight:700;color:#ef4444;font-family:Courier New,monospace}.qr-cell{text-align:center}.qr-wrapper{display:inline-flex;cursor:pointer;padding:8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid transparent}.qr-wrapper:hover{transform:scale(1.1);box-shadow:0 4px 16px #fbbf244d;border-color:#fbbf24}.date-cell{color:#666;font-size:13px}.no-data{text-align:center;padding:60px 20px!important;color:#999;font-size:15px;font-style:italic}.qr-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-content{background:#fff;border-radius:24px;padding:40px;max-width:450px;width:90vw;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease-out}.qr-modal-close-btn{position:absolute;top:16px;right:16px;background:#ef44441a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;font-size:24px;transition:all .2s;line-height:1}.qr-modal-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.qr-modal-body{display:flex;flex-direction:column;align-items:center;text-align:center}.qr-modal-title{font-size:24px;font-weight:700;background:linear-gradient(90deg,#fbbf24,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px}.qr-code-large{width:390px;height:390px;padding:20px;background:#fafafa;border-radius:50%;margin-bottom:20px;border:3px solid #fbbf24;display:flex;align-items:center;justify-content:center}.qr-modal-id{font-size:13px;font-weight:600;color:#666;font-family:Courier New,monospace;letter-spacing:.5px;padding:10px 20px;background:#f5f5f5;border-radius:8px;word-break:break-all;max-width:100%}@media (max-width: 968px){.header-content{flex-direction:column;gap:24px;padding:24px}.logo-section{flex-direction:column;text-align:center}.search-section{max-width:100%}.table-container{padding:20px}.employee-table{font-size:13px}.employee-table thead th,.employee-table tbody td{padding:12px 10px}}@media (max-width: 768px){.qr-generator-container{padding:10px}.logo{width:60px;height:60px}.main-title{font-size:22px}.tagline{font-size:14px}.employee-table{font-size:12px}.qr-wrapper svg{width:40px!important;height:40px!important}}@media (max-width: 480px){.table-container{padding:12px}.employee-table thead th,.employee-table tbody td{padding:10px 6px}.qr-modal-content{padding:24px}}.image-upload-cell{padding:12px 20px!important}.image-dropzone{width:100px;height:100px;border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fafafa;transition:all .3s ease;position:relative}.image-dropzone.drag-over{border-color:#fbbf24;background:#fef9f3;transform:scale(1.05);box-shadow:0 4px 12px #fbbf244d}.upload-loader{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center}.spinner-small{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #fbbf24;border-radius:50%;animation:spin .8s linear infinite}.upload-loader-text{font-size:10px;color:#666;font-weight:600}.upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:10px;width:100%;height:100%;justify-content:center;border-radius:10px;transition:all .2s ease}.upload-label:hover{background:#fbbf241a}.upload-icon{font-size:28px}.upload-text{font-size:11px;color:#666;font-weight:600;text-align:center}.image-preview-wrapper{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden}.uploaded-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}@media (max-width: 768px){.image-dropzone{width:80px;height:80px}.upload-icon{font-size:24px}.upload-text{font-size:10px}}@media (max-width: 480px){.image-dropzone{width:60px;height:60px}.upload-icon{font-size:20px}.upload-text{font-size:9px}.remove-image-btn{width:20px;height:20px;font-size:14px}}.imss-nav-cards-grid{display:flex;flex-wrap:nowrap;gap:14px;padding:16px 16px 32px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:360px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.imss-nav-cards-grid::-webkit-scrollbar{display:none}.imss-scroll-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:4px 0 16px;margin-top:12px}.imss-scroll-dot{width:8px;height:8px;border-radius:50%;background:#ffffff59;transition:all .3s ease;flex-shrink:0}.imss-scroll-dot-active{width:24px;border-radius:4px;background:#fffffff2;box-shadow:0 2px 8px #0003}.imss-nav-card{flex-shrink:0;width:210px;min-height:340px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#11998e,#20bf6b,#26de81);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #11998e4d;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.imss-nav-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #11998e66}.imss-nav-card-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000a6)}.imss-nav-card-body{position:relative;z-index:1;padding:12px 14px 16px;color:#fff;width:100%}.imss-nav-card-icon{color:#ffffffd9;margin-bottom:8px}.imss-nav-card-label{display:block;font-size:11px;font-weight:700;color:#ffffffb3;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.imss-nav-card-title{font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.4);word-break:break-word;color:#fff}.imss-nav-card-desc{font-size:12px;color:#ffffffd9;margin:0;line-height:1.4}.imss-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imss-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imss-float 8s ease-in-out infinite;z-index:0}.imss-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imss-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imss-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imss-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.imss-sidebar-closed{width:0;border:none;overflow:hidden}.imss-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.imss-sidebar-header{text-align:center;margin-bottom:24px}.imss-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:imss-pulse 2s infinite}@keyframes imss-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #11998e66}}.imss-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.imss-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imss-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imss-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imss-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imss-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.imss-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imss-nav-icon{font-size:20px}.imss-sidebar-footer{margin-top:auto}.imss-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imss-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imss-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imss-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imss-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imss-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imss-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imss-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imss-logout-icon{font-size:18px}.imss-main-content{flex:1;min-width:0;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.imss-content-shifted{margin-left:280px}.imss-content-full{margin-left:0}.imss-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.imss-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.imss-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.imss-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4);flex:1;text-align:center}.imss-content-area{flex:1;padding:32px}.imss-table-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 40px #0003;overflow:hidden;max-width:100%;box-sizing:border-box}.imss-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:28px}.imss-settings-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden;transition:all .3s ease}.imss-settings-card:hover{box-shadow:0 8px 28px #0000002e;transform:translateY(-2px)}.imss-card-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.2);background:#0003}.imss-card-header-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.imss-icon-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.imss-icon-warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.imss-icon-purple{background:linear-gradient(135deg,#4776e6,#8e54e9)}.imss-icon-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.imss-card-title{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imss-card-body{padding:24px}.imss-card-hint{font-size:13px;color:#fffc;margin-bottom:16px;line-height:1.6}.imss-add-row{display:flex;gap:10px;margin-bottom:16px}.imss-text-input{flex:1;padding:10px 14px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.imss-text-input::placeholder{color:#fff9}.imss-text-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.imss-select-input{width:100%;padding:10px 14px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;outline:none;cursor:pointer;transition:all .3s ease}.imss-select-input option{background:#11998e}.imss-select-input:hover{background:#ffffff26}.imss-add-row-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.imss-add-row-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #11998e66}.imss-item-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.imss-item-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.15);transition:background .2s}.imss-item-row:hover{background:#0000004d}.imss-item-label{flex:1;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.4)}.imss-inline-input{flex:1;padding:6px 10px;background:#0006;border:2px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;font-size:14px;outline:none}.imss-empty-row{color:#ffffff80;font-size:13px;text-align:center;padding:12px}.imss-icon-btn{width:30px;height:30px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.imss-edit-btn{background:#667eea4d;color:#fff}.imss-edit-btn:hover{background:#667eea99}.imss-delete-btn{background:#ef44444d;color:#fff}.imss-delete-btn:hover{background:#ef444499}.imss-save-btn{background:#11998e66;color:#fff}.imss-save-btn:hover{background:#11998eb3}.imss-cancel-btn{background:#9ca3af4d;color:#fff}.imss-cancel-btn:hover{background:#9ca3af80}.imss-reorder-info-box{display:flex;flex-direction:column;gap:16px}.imss-reorder-info-item{display:flex;flex-direction:column;gap:8px}.imss-reorder-label{font-size:12px;color:#ffffffbf;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.imss-reorder-redirect-btn-wrap{margin-top:4px}.imss-redirect-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.imss-redirect-btn:hover{background:#ffffff26;transform:translate(4px)}.imss-user-roles-grid{display:flex;flex-direction:column;gap:10px}.imss-role-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.imss-role-admin{background:#667eea33}.imss-role-contributor{background:#11998e33}.imss-role-reader{background:#9ca3af33}.imss-role-icon{width:40px;height:40px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.imss-role-info{display:flex;flex-direction:column;gap:2px}.imss-role-info strong{font-size:14px;color:#fff;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.4)}.imss-role-info span{font-size:12px;color:#ffffffbf}@media (max-width: 768px){.imss-settings-grid{grid-template-columns:1fr}.imss-content-area{padding:16px}.imss-topbar{padding:16px 20px}.imss-content-shifted{margin-left:0}}.imscat-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imscat-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imscat-float 8s ease-in-out infinite;z-index:0}.imscat-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imscat-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imscat-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imscat-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.imscat-sidebar-closed{width:0;border:none;overflow:hidden}.imscat-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.imscat-sidebar-header{text-align:center;margin-bottom:24px}.imscat-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:imscat-pulse 2s infinite}@keyframes imscat-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #667eea66}}.imscat-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.imscat-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imscat-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imscat-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imscat-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imscat-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.imscat-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d}.imscat-nav-icon{font-size:20px}.imscat-sidebar-footer{margin-top:auto}.imscat-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imscat-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imscat-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imscat-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imscat-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscat-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscat-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imscat-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imscat-logout-icon{font-size:18px}.imscat-main-content{flex:1;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.imscat-content-shifted{margin-left:280px}.imscat-content-full{margin-left:0}.imscat-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.imscat-menu-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imscat-menu-toggle:hover{background:#ffffff40;transform:scale(1.05)}.imscat-page-title{font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0}.imscat-content-area{padding:32px;flex:1}.imscat-table-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 40px #0003;overflow:hidden;max-width:100%;box-sizing:border-box}.imscat-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.imscat-search-box{display:flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;flex:1;max-width:380px}.imscat-search-icon{color:#9ca3af;font-size:18px;flex-shrink:0}.imscat-search-input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;width:100%}.imscat-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.imscat-add-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px #11998e66}.imscat-table-wrapper{display:none;overflow-x:auto}.imscat-table{width:100%;border-collapse:collapse;font-size:14px}.imscat-table thead tr{background:linear-gradient(135deg,#11998e,#38ef7d)}.imscat-table thead th{padding:14px 20px;text-align:left;font-weight:700;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.imscat-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.imscat-table tbody tr:hover{background:#f9fafb}.imscat-table tbody td{padding:14px 20px;color:#374151;vertical-align:middle}.imscat-name-cell{font-weight:600;color:#1a1a2e!important}.imscat-desc-cell{color:#6b7280!important;max-width:300px}.imscat-view-more-btn{background:none;border:none;padding:0;color:#11998e;font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline;margin-left:2px}.imscat-view-more-btn:hover{color:#20bf6b}.imscat-created-by-cell{font-weight:600;color:#374151!important;white-space:nowrap}.imscat-date-cell{color:#6b7280!important;white-space:nowrap;font-size:13px}.imscat-empty-row{text-align:center!important;color:#9ca3af!important;padding:48px 20px!important;font-style:italic}.imscat-actions-cell{display:flex;gap:8px;align-items:center}.imscat-edit-btn,.imscat-delete-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.imscat-edit-btn{background:#eff6ff;color:#3b82f6}.imscat-edit-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.imscat-delete-btn{background:#fef2f2;color:#ef4444}.imscat-delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.imscat-table-footer{padding:14px 24px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280;font-weight:500}.imscat-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.imscat-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;box-shadow:0 24px 80px #00000059;overflow:hidden;animation:imscat-modal-in .25s ease}.imscat-modal-sm{max-width:400px}@keyframes imscat-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.imscat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#11998e,#38ef7d)}.imscat-modal-header-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.imscat-modal-header h3{font-size:18px;font-weight:700;color:#fff;margin:0}.imscat-modal-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.imscat-modal-close:hover{background:#ffffff59}.imscat-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.imscat-form-group{display:flex;flex-direction:column;gap:6px}.imscat-form-group label{font-size:13px;font-weight:600;color:#374151}.imscat-required{color:#ef4444}.imscat-input,.imscat-textarea{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#374151;outline:none;transition:border-color .2s ease;font-family:inherit;width:100%;box-sizing:border-box}.imscat-input:focus,.imscat-textarea:focus{border-color:#11998e;box-shadow:0 0 0 3px #11998e26}.imscat-textarea{resize:vertical}.imscat-delete-msg{color:#374151;font-size:15px;line-height:1.6;margin:0}.imscat-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #f3f4f6}.imscat-cancel-btn{padding:10px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.imscat-cancel-btn:hover:not(:disabled){background:#e5e7eb}.imscat-save-btn{padding:10px 24px;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.imscat-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.imscat-danger-btn{padding:10px 24px;background:#ef4444;border:none;border-radius:10px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.imscat-danger-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.imscat-cancel-btn:disabled,.imscat-save-btn:disabled,.imscat-danger-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.imscat-exp-container{display:flex;gap:14px;padding:16px 16px 32px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:360px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.imscat-exp-container::-webkit-scrollbar{display:none}.imscat-exp-card{flex-shrink:0;width:210px;min-height:340px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#11998e,#20bf6b,#26de81);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #11998e4d;transition:transform .2s ease,box-shadow .2s ease}.imscat-exp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #11998e66}.imscat-exp-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000a6)}.imscat-exp-body{position:relative;z-index:1;padding:12px 14px 16px;color:#fff;width:100%}.imscat-exp-num{font-size:11px;font-weight:700;color:#ffffffb3;letter-spacing:.5px;display:block;margin-bottom:4px}.imscat-exp-title{font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.4);word-break:break-word}.imscat-exp-desc{font-size:12px;color:#ffffffd9;margin:0 0 6px;line-height:1.4}.imscat-exp-meta{font-size:11px;color:#ffffffb3;margin:2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.imscat-exp-actions{display:flex;gap:8px;margin-top:10px}.imscat-exp-edit-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ffffff40;color:#fff;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.imscat-exp-edit-btn:hover{background:#fff6}.imscat-exp-delete-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ef444466;color:#fff;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.imscat-exp-delete-btn:hover{background:#ef4444a6}.imscat-exp-empty{color:#ffffffb3;font-size:14px;padding:20px;align-self:center}@media (max-width: 768px){.imscat-content-area{padding:12px}.imscat-topbar{padding:14px 16px;gap:8px}.imscat-page-title{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:center}.imscat-toolbar{flex-direction:column;align-items:stretch}.imscat-search-box{max-width:100%}.imscat-add-btn{justify-content:center}.imscat-content-shifted{margin-left:0}.imscat-main-content{overflow-x:hidden;max-width:100vw}.imscat-table-card{overflow:visible;border-radius:16px}.imscat-table-wrapper{display:none}.imscat-exp-container{display:flex}}.imscat-select__control{border:1.5px solid #e5e7eb!important;border-radius:10px!important;min-height:44px!important;box-shadow:none!important;font-size:14px!important;cursor:pointer!important;transition:border-color .2s ease,box-shadow .2s ease!important;background:#fff!important}.imscat-select__control:hover,.imscat-select__control--is-focused{border-color:#11998e!important;box-shadow:0 0 0 3px #11998e26!important}.imscat-select__value-container{padding:2px 12px!important}.imscat-select__single-value{color:#374151!important;font-size:14px!important;font-weight:500!important}.imscat-select__placeholder{color:#9ca3af!important;font-size:14px!important}.imscat-select__input-container{color:#374151!important;font-size:14px!important}.imscat-select__indicator-separator{background-color:#e5e7eb!important}.imscat-select__dropdown-indicator,.imscat-select__clear-indicator{color:#9ca3af!important;padding:6px!important}.imscat-select__dropdown-indicator:hover,.imscat-select__clear-indicator:hover{color:#11998e!important}.imscat-select__menu{border-radius:10px!important;border:1.5px solid #e5e7eb!important;box-shadow:0 8px 24px #0000001a!important;z-index:9999!important;background:#fff!important}.imscat-select__menu-list{padding:4px!important}.imscat-select__option{font-size:14px!important;color:#374151!important;padding:10px 14px!important;border-radius:8px!important;cursor:pointer!important;background:transparent!important;transition:background .15s ease}.imscat-select__option:hover,.imscat-select__option--is-focused{background:#11998e14!important;color:#11998e!important}.imscat-select__option--is-selected{background:#11998e26!important;color:#11998e!important;font-weight:600!important}.imscat-select__no-options-message{color:#9ca3af!important;font-size:13px!important}.imscat-add-modal{background:transparent!important;overflow:hidden}.imscat-add-modal .imscat-modal-header{background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border-bottom:1px solid rgba(255,255,255,.2);border-radius:16px 16px 0 0}.imscat-add-modal .imscat-modal-header h3{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.imscat-add-modal .imscat-modal-close{background:#0000004d;border:2px solid rgba(255,255,255,.4);color:#fff}.imscat-add-modal .imscat-modal-close:hover{background:#00000073;border-color:#ffffffa6}.imscat-add-modal .imscat-modal-body{background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border-radius:0;padding:24px 28px}.imscat-add-modal .imscat-form-group label{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscat-add-modal .imscat-required{color:#ffd6d6}.imscat-add-modal .imscat-input,.imscat-add-modal .imscat-textarea{background:#0000004d;border:2px solid rgba(255,255,255,.4);color:#fff;font-weight:600}.imscat-add-modal .imscat-input::placeholder,.imscat-add-modal .imscat-textarea::placeholder{color:#ffffffbf;font-weight:500}.imscat-add-modal .imscat-input:focus,.imscat-add-modal .imscat-textarea:focus{background:#0006;border-color:#ffffffa6;box-shadow:0 0 0 3px #ffffff1f}.imscat-add-modal .imscat-modal-footer{background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border-top:1px solid rgba(255,255,255,.2);border-radius:0 0 16px 16px}.imscat-add-modal .imscat-cancel-btn{background:#00000040;color:#fff;border:2px solid rgba(255,255,255,.35)}.imscat-add-modal .imscat-cancel-btn:hover{background:#00000061;border-color:#ffffff8c}.imscat-add-modal .imscat-save-btn{background:#00000059;color:#fff;border:2px solid rgba(255,255,255,.45);font-weight:700}.imscat-add-modal .imscat-save-btn:hover{background:#00000080;border-color:#ffffffa6}.imscat-add-select__control{background:#0000004d!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:10px!important;min-height:44px!important;box-shadow:none!important;cursor:pointer!important;transition:all .3s ease!important}.imscat-add-select__control:hover,.imscat-add-select__control--is-focused{background:#0006!important;border-color:#ffffffa6!important;box-shadow:0 0 0 3px #ffffff1f!important}.imscat-add-select__value-container{padding:2px 12px!important}.imscat-add-select__single-value{color:#fff!important;font-size:14px!important;font-weight:600!important}.imscat-add-select__placeholder{color:#fffc!important;font-size:14px!important;font-weight:500!important}.imscat-add-select__input-container{color:#fff!important;font-size:14px!important;font-weight:600!important}.imscat-add-select__indicator-separator{background-color:#ffffff4d!important}.imscat-add-select__dropdown-indicator,.imscat-add-select__clear-indicator{color:#ffffffb3!important}.imscat-add-select__dropdown-indicator:hover,.imscat-add-select__clear-indicator:hover{color:#fff!important}.imscat-add-select__menu{background:#11998e!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 24px #0006!important;z-index:9999!important}.imscat-add-select__menu-list{padding:4px!important}.imscat-add-select__option{background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:500!important;padding:10px 14px!important;border-radius:8px!important;cursor:pointer!important}.imscat-add-select__option:hover,.imscat-add-select__option--is-focused{background:#ffffff26!important}.imscat-add-select__option--is-selected{background:#ffffff40!important;font-weight:700!important}.imscat-add-select__no-options-message{color:#ffffffb3!important;font-size:13px!important}.imscat-exp-badge{display:inline-block;padding:3px 10px;background:#ffffff40;border:1px solid rgba(255,255,255,.45);border-radius:20px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}.imscat-modal-header-left{display:flex;align-items:center;gap:8px;color:#fff}.imscat-detail-badge{display:inline-block;width:fit-content;padding:4px 14px;background:#ffffff40;border:1px solid rgba(255,255,255,.45);border-radius:20px;font-size:12px;font-weight:700;color:#fff;letter-spacing:.6px;text-transform:uppercase;margin-bottom:0}.imscat-detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.imscat-detail-label{font-size:11px;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px}.imscat-detail-value{font-size:14px;font-weight:600;color:#fff;line-height:1.5}.imscat-detail-divider{border:none;border-top:1px solid rgba(255,255,255,.2);margin:8px 0 14px}.imsuom-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imsuom-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imsuom-float 8s ease-in-out infinite;z-index:0}.imsuom-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imsuom-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imsuom-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imsuom-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.imsuom-sidebar-closed{width:0;border:none;overflow:hidden}.imsuom-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.imsuom-sidebar-header{text-align:center;margin-bottom:24px}.imsuom-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:imsuom-pulse 2s infinite}@keyframes imsuom-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #11998e66}}.imsuom-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.imsuom-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imsuom-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imsuom-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imsuom-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imsuom-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.imsuom-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imsuom-nav-icon{font-size:20px}.imsuom-sidebar-footer{margin-top:auto}.imsuom-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imsuom-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imsuom-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imsuom-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imsuom-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsuom-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsuom-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imsuom-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imsuom-logout-icon{font-size:18px}.imsuom-main-content{flex:1;min-width:0;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.imsuom-content-shifted{margin-left:280px}.imsuom-content-full{margin-left:0}.imsuom-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.imsuom-menu-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imsuom-menu-toggle:hover{background:#ffffff40;transform:scale(1.05)}.imsuom-page-title{font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0}.imsuom-content-area{padding:32px;flex:1}.imsuom-table-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 40px #0003;overflow:hidden}.imsuom-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.imsuom-search-box{display:flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;flex:1;max-width:380px}.imsuom-search-icon{color:#9ca3af;font-size:18px;flex-shrink:0}.imsuom-search-input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;width:100%}.imsuom-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.imsuom-add-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px #11998e66}.imsuom-table-wrapper{display:none;overflow-x:auto}.imsuom-table{width:100%;border-collapse:collapse;font-size:14px}.imsuom-table thead tr{background:linear-gradient(135deg,#11998e,#38ef7d)}.imsuom-table thead th{padding:14px 20px;text-align:left;font-weight:700;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.imsuom-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.imsuom-table tbody tr:hover{background:#f0fdf4}.imsuom-table tbody td{padding:14px 20px;color:#374151;vertical-align:middle}.imsuom-name-cell{font-weight:600;color:#1a1a2e!important}.imsuom-code-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.imsuom-empty-row{text-align:center!important;color:#9ca3af!important;padding:48px 20px!important;font-style:italic}.imsuom-table-footer{padding:14px 24px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280;font-weight:500}.imsuom-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.imsuom-modal{background:transparent;border-radius:20px;width:100%;max-width:460px;box-shadow:0 24px 80px #00000059;overflow:hidden;animation:imsuom-modal-in .25s ease}@keyframes imsuom-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.imsuom-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f)}.imsuom-modal-header h3{font-size:18px;font-weight:700;color:#fff;margin:0}.imsuom-modal-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.imsuom-modal-close:hover{background:#ffffff59}.imsuom-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f)}.imsuom-form-group{display:flex;flex-direction:column;gap:6px}.imsuom-form-group label{font-size:13px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imsuom-required{color:#ffd6d6}.imsuom-input{padding:10px 14px;border:2px solid rgba(255,255,255,.4);border-radius:10px;font-size:14px;font-weight:600;color:#fff;background:#0000004d;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;width:100%;box-sizing:border-box;text-transform:uppercase}.imsuom-input::placeholder{color:#ffffffbf;font-weight:500}.imsuom-input:focus{background:#0006;border-color:#ffffffa6;box-shadow:0 0 0 3px #ffffff1f}.imsuom-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f)}.imsuom-cancel-btn{padding:10px 20px;background:#00000040;border:2px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.imsuom-cancel-btn:hover:not(:disabled){background:#00000061;border-color:#ffffff8c}.imsuom-save-btn{padding:10px 24px;background:#00000059;border:2px solid rgba(255,255,255,.45);border-radius:10px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.imsuom-save-btn:hover:not(:disabled){background:#00000080;border-color:#ffffffa6;transform:translateY(-1px)}.imsuom-cancel-btn:disabled,.imsuom-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.imsuom-actions-cell{display:flex;gap:8px;align-items:center}.imsuom-edit-btn{display:flex;align-items:center;justify-content:center;background:#e8f5e9;color:#11998e;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;transition:background .2s,transform .15s}.imsuom-edit-btn:hover{background:#b2dfdb;transform:translateY(-1px)}.imsuom-delete-btn{display:flex;align-items:center;justify-content:center;background:#fdecea;color:#e53935;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;transition:background .2s,transform .15s}.imsuom-delete-btn:hover{background:#ffcdd2;transform:translateY(-1px)}.imsuom-modal-header-danger{background:linear-gradient(135deg,#e53935,#ef5350)}.imsuom-modal-sm{max-width:420px}.imsuom-delete-msg{color:#444;line-height:1.6;margin:0}.imsuom-danger-btn{padding:10px 24px;border:none;border-radius:8px;background:linear-gradient(135deg,#e53935,#ef5350);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .2s,transform .15s}.imsuom-danger-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.imsuom-danger-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.imsuom-exp-container{display:flex;gap:14px;padding:16px 16px 8px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:340px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.imsuom-exp-container::-webkit-scrollbar{display:none}.imsuom-exp-card{flex-shrink:0;width:210px;min-height:320px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#11998e,#20bf6b,#26de81);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #11998e4d;transition:transform .2s ease,box-shadow .2s ease}.imsuom-exp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #11998e66}.imsuom-exp-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000a6)}.imsuom-exp-body{position:relative;z-index:1;padding:12px 14px 16px;color:#fff;width:100%}.imsuom-exp-num{font-size:11px;font-weight:700;color:#ffffffb3;letter-spacing:.5px;display:block;margin-bottom:4px}.imsuom-exp-title{font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.4);word-break:break-word}.imsuom-exp-code-badge{display:inline-block;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:.5px;margin-bottom:8px;border:1px solid rgba(255,255,255,.3)}.imsuom-exp-meta{font-size:11px;color:#ffffffb3;margin:2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.imsuom-exp-actions{display:flex;gap:8px;margin-top:10px}.imsuom-exp-edit-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ffffff40;color:#fff;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.imsuom-exp-edit-btn:hover{background:#fff6}.imsuom-exp-delete-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#ef444466;color:#fff;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.imsuom-exp-delete-btn:hover{background:#ef4444a6}.imsuom-exp-empty{color:#ffffffb3;font-size:14px;padding:20px;align-self:center}.imsuom-scroll-dots{display:none;justify-content:center;align-items:center;gap:8px;padding:4px 0 12px}.imsuom-scroll-dot{width:8px;height:8px;border-radius:50%;background:#ffffff59;transition:all .3s ease;flex-shrink:0}.imsuom-scroll-dot-active{width:24px;border-radius:4px;background:#fffffff2;box-shadow:0 2px 8px #0003}@media (max-width: 768px){.imsuom-content-area{padding:12px}.imsuom-topbar{padding:16px 20px}.imsuom-toolbar{flex-direction:column;align-items:stretch}.imsuom-search-box{max-width:100%}.imsuom-add-btn{justify-content:center}.imsuom-content-shifted{margin-left:0}.imsuom-main-content{max-width:100vw}.imsuom-table-card{overflow:visible;border-radius:16px;padding:0}.imsuom-table-wrapper,.imsuom-table-footer{display:none}.imsuom-exp-container,.imsuom-scroll-dots{display:flex}}@keyframes imsuom-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.imsuom-skeleton{background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e,#ffffff14 75%);background-size:800px 100%;animation:imsuom-shimmer 1.4s infinite linear;border-radius:8px}.imsuom-skeleton-toolbar{display:flex;align-items:center;gap:12px;padding:0 0 16px}.imsuom-skeleton-search{height:40px;width:260px;border-radius:10px}.imsuom-skeleton-btn{height:40px;width:110px;border-radius:10px}.imsuom-skeleton-card{flex-shrink:0;width:210px;min-height:200px;border-radius:20px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);padding:20px 16px;display:flex;flex-direction:column;gap:12px}.imsuom-skeleton-num{height:14px;width:40px;border-radius:6px}.imsuom-skeleton-title{height:20px;width:140px;border-radius:6px}.imsuom-skeleton-desc{height:12px;width:180px;border-radius:6px}.imsuom-skeleton-short{width:110px}.imsinvtype-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imsinvtype-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imsinvtype-float 8s ease-in-out infinite;z-index:0}.imsinvtype-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imsinvtype-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imsinvtype-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imsinvtype-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.imsinvtype-sidebar-closed{width:0;border:none;overflow:hidden}.imsinvtype-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.imsinvtype-sidebar-header{text-align:center;margin-bottom:24px}.imsinvtype-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:imsinvtype-pulse 2s infinite}@keyframes imsinvtype-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #667eea66}}.imsinvtype-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.imsinvtype-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imsinvtype-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imsinvtype-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imsinvtype-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imsinvtype-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.imsinvtype-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d}.imsinvtype-nav-icon{font-size:20px}.imsinvtype-sidebar-footer{margin-top:auto}.imsinvtype-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imsinvtype-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imsinvtype-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imsinvtype-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imsinvtype-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsinvtype-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsinvtype-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imsinvtype-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imsinvtype-logout-icon{font-size:18px}.imsinvtype-main-content{flex:1;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.imsinvtype-content-shifted{margin-left:280px}.imsinvtype-content-full{margin-left:0}.imsinvtype-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.imsinvtype-menu-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imsinvtype-menu-toggle:hover{background:#ffffff40;transform:scale(1.05)}.imsinvtype-page-title{font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0}.imsinvtype-content-area{padding:32px;flex:1}.imsinvtype-table-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 40px #0003;overflow:hidden;max-width:100%;box-sizing:border-box}.imsinvtype-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;gap:16px;flex-wrap:wrap}.imsinvtype-search-box{display:flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;flex:1;max-width:380px}.imsinvtype-search-icon{color:#9ca3af;font-size:18px;flex-shrink:0}.imsinvtype-search-input{border:none;background:transparent;outline:none;font-size:14px;color:#374151;width:100%}.imsinvtype-table-wrapper{display:none;overflow-x:auto}.imsinvtype-table{width:100%;border-collapse:collapse;font-size:14px}.imsinvtype-table thead tr{background:linear-gradient(135deg,#11998e,#38ef7d)}.imsinvtype-table thead th{padding:14px 20px;text-align:left;font-weight:700;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.imsinvtype-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.imsinvtype-table tbody tr:hover{background:#f9fafb}.imsinvtype-table tbody td{padding:14px 20px;color:#374151;vertical-align:middle}.imsinvtype-name-cell{font-weight:600;color:#1a1a2e!important}.imsinvtype-desc-cell{color:#6b7280!important;max-width:320px}.imsinvtype-view-more-btn{background:none;border:none;padding:0;color:#11998e;font-weight:600;font-size:13px;cursor:pointer;text-decoration:underline;margin-left:2px}.imsinvtype-view-more-btn:hover{color:#20bf6b}.imsinvtype-created-by-cell{font-weight:600;color:#374151!important;white-space:nowrap}.imsinvtype-date-cell{color:#6b7280!important;white-space:nowrap;font-size:13px}.imsinvtype-empty-row{text-align:center!important;color:#9ca3af!important;padding:48px 20px!important;font-style:italic}.imsinvtype-table-footer{padding:14px 24px;border-top:1px solid #e5e7eb;font-size:13px;color:#6b7280;font-weight:500}.imsinvtype-exp-container{display:flex;gap:14px;padding:16px 16px 32px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:360px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}.imsinvtype-exp-container::-webkit-scrollbar{display:none}.imsinvtype-exp-card{flex-shrink:0;width:210px;min-height:340px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#11998e,#20bf6b,#26de81);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #11998e4d;transition:transform .2s ease,box-shadow .2s ease}.imsinvtype-exp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #11998e66}.imsinvtype-exp-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000a6)}.imsinvtype-exp-body{position:relative;z-index:1;padding:12px 14px 16px;color:#fff;width:100%}.imsinvtype-exp-num{font-size:11px;font-weight:700;color:#ffffffb3;letter-spacing:.5px;display:block;margin-bottom:4px}.imsinvtype-exp-title{font-size:15px;font-weight:700;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.4);word-break:break-word}.imsinvtype-exp-desc{font-size:12px;color:#ffffffd9;margin:0 0 6px;line-height:1.4}.imsinvtype-exp-meta{font-size:11px;color:#ffffffb3;margin:2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.imsinvtype-exp-empty{color:#ffffffb3;font-size:14px;padding:20px;align-self:center}@media (max-width: 768px){.imsinvtype-content-area{padding:12px}.imsinvtype-topbar{padding:14px 16px;gap:8px}.imsinvtype-page-title{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:center}.imsinvtype-toolbar{flex-direction:column;align-items:stretch}.imsinvtype-search-box{max-width:100%}.imsinvtype-content-shifted{margin-left:0}.imsinvtype-main-content{overflow-x:hidden;max-width:100vw}.imsinvtype-table-card{overflow:visible;border-radius:16px}.imsinvtype-table-wrapper{display:none}.imsinvtype-exp-container{display:flex}}.imsinvtype-modal-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.imsinvtype-modal{background:linear-gradient(155deg,#0a6b5e,#11855a,#0f7a48);border-radius:20px;width:100%;max-width:480px;box-shadow:0 24px 80px #00000080;overflow:hidden;animation:imsinvtype-modal-in .25s ease;border:1.5px solid rgba(255,255,255,.25)}@keyframes imsinvtype-modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.imsinvtype-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#11998e,#38ef7d)}.imsinvtype-modal-header-left{display:flex;align-items:center;gap:10px;color:#fff}.imsinvtype-modal-header-left h3{font-size:18px;font-weight:700;color:#fff;margin:0}.imsinvtype-modal-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.imsinvtype-modal-close:hover{background:#ffffff59}.imsinvtype-modal-body{padding:24px;display:flex;flex-direction:column;gap:14px}.imsinvtype-detail-row{display:flex;flex-direction:column;gap:4px}.imsinvtype-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#ffffffa6}.imsinvtype-detail-value{font-size:15px;font-weight:600;color:#fff;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imsinvtype-detail-divider{height:1px;background:#fff3;margin:4px 0}.imsinvtype-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.2)}.imsinvtype-close-btn{padding:10px 24px;background:#fff3;border:1.5px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.imsinvtype-close-btn:hover{background:#ffffff59;transform:translateY(-1px)}.imsinvtype-exp-card{cursor:pointer}.imsinvtype-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.imsinvtype-add-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease,transform .15s ease}.imsinvtype-add-btn:hover{opacity:.88;transform:translateY(-1px)}.imsinvtype-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.imsinvtype-form-group label{font-size:13px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsinvtype-required{color:#ffd6d6}.imsinvtype-input,.imsinvtype-textarea{padding:10px 14px;background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease;font-family:inherit;width:100%;box-sizing:border-box}.imsinvtype-input::placeholder,.imsinvtype-textarea::placeholder{color:#ffffffbf;font-weight:500}.imsinvtype-input:focus,.imsinvtype-textarea:focus{background:#0006;border-color:#ffffffa6;box-shadow:0 0 0 3px #ffffff1f}.imsinvtype-textarea{resize:vertical}.imsinvtype-save-btn{padding:10px 22px;background:#00000059;color:#fff;border:2px solid rgba(255,255,255,.45);border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.imsinvtype-save-btn:hover:not(:disabled){background:#00000080;border-color:#ffffffa6}.imsinvtype-save-btn:disabled{opacity:.6;cursor:not-allowed}.error-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#ef4444);padding:20px;position:relative;overflow:hidden}.error-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:500px;box-shadow:0 8px 32px #0003;animation:slideUp .5s ease;position:relative;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.error-header{text-align:center;margin-bottom:40px}.error-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.error-tagline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.error-content{text-align:center}.error-icon{font-size:120px;font-weight:900;color:#fffffff2;text-shadow:0 4px 16px rgba(0,0,0,.3);margin-bottom:24px;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-message{color:#fff;font-size:28px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.error-description{color:#ffffffe6;font-size:16px;margin-bottom:32px;line-height:1.6}.back-home-btn{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:12px;padding:14px 32px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.back-home-btn:hover{background:#ffffff59;border-color:#fff9;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.back-home-btn:active{transform:translateY(0)}@media (max-width: 768px){.error-card{padding:40px 30px}.error-logo{width:100px;height:100px}.error-title{font-size:26px}.tagline-text{font-size:18px}.error-icon{font-size:80px}.error-message{font-size:24px}.error-description{font-size:14px}}@media (max-width: 480px){.error-card{padding:30px 20px}.error-logo{width:80px;height:80px}.error-title{font-size:22px}.tagline-text,.star{font-size:16px}.error-icon{font-size:60px}.error-message{font-size:20px}.back-home-btn{padding:12px 24px;font-size:14px}}.qr-generator-container{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#ef4444);padding:40px 20px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.shape-2{width:400px;height:400px;bottom:-150px;right:-150px;animation-delay:7s}.shape-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.qr-generator-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1200px;width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0003;min-height:600px;position:relative;z-index:10}.left-panel{background:linear-gradient(135deg,#fbbf24,#ef4444);padding:50px 40px;display:flex;flex-direction:column;color:#fff}.header-section{margin-bottom:40px;text-align:center}.login-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-title{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.login-tagline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}.star{color:#fbbf24;font-size:20px;animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.tagline-text{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.highlight-red{color:#ef4444;font-weight:900}.icon-wrapper{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-icon{width:40px;height:40px;color:#fff}.qr-title{font-size:32px;font-weight:700;margin:0 0 10px;color:#fff}.qr-subtitle{font-size:16px;opacity:.9;margin:0;font-weight:300}.input-section{flex:1;display:flex;flex-direction:column}.input-label{display:block;margin-bottom:12px;font-size:15px;font-weight:500;opacity:.95}.qr-input{width:100%;padding:16px;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:15px;background:#ffffff26;color:#fff;resize:none;font-family:inherit;transition:all .3s;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qr-input::placeholder{color:#fff9}.qr-input:focus{outline:none;border-color:#fff9;background:#fff3}.generate-btn{width:100%;margin-top:20px;padding:16px;background:#fff;color:#ef4444;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fbbf2466}.generate-btn:disabled{background:#ffffff4d;color:#fff9;cursor:not-allowed}.btn-icon{font-size:18px}.right-panel{background:#f8f9fa;padding:50px 40px;display:flex;flex-direction:column}.output-section{flex:1;display:flex;flex-direction:column}.output-title{font-size:24px;font-weight:600;color:#333;margin:0 0 30px}.qr-display-section{display:flex;flex-direction:column;align-items:center;animation:fadeIn .4s ease-in;flex:1;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-code-wrapper{padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:20px}.qr-info{margin-bottom:20px;width:100%;max-width:280px}.qr-text-preview{font-size:13px;color:#666;text-align:center;word-break:break-all;margin:0;padding:12px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.download-btn{padding:14px 32px;background:linear-gradient(135deg,#fbbf24,#ef4444);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fbbf2466}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999}.empty-icon{width:100px;height:100px;opacity:.3;margin-bottom:20px}.empty-text{font-size:18px;font-weight:600;color:#666;margin:0 0 8px}.empty-subtext{font-size:14px;color:#999;margin:0}@media (max-width: 968px){.qr-generator-wrapper{grid-template-columns:1fr}.left-panel,.right-panel{padding:40px 30px}}.dms-dashboard-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 30%,#f093fb 70%,#f5576c);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.dms-dashboard-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:dms-float 8s ease-in-out infinite;z-index:0}.dms-dashboard-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(245,87,108,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:dms-float 10s ease-in-out infinite reverse;z-index:0}@keyframes dms-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.dms-sidebar{width:280px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.dms-sidebar-closed{width:0;border:none;overflow:hidden}.dms-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.dms-sidebar-header{text-align:center;margin-bottom:24px}.dms-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:dms-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.dms-sidebar-logo{cursor:pointer}.dms-sidebar-logo:hover{transform:scale(1.05)}.dms-sidebar-logo:active{transform:scale(.95)}}@keyframes dms-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #667eea66}}.dms-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dms-sidebar-subtitle{font-size:14px;color:#ffffffe6;font-weight:500}.dms-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.dms-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.dms-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer}.dms-nav-item:hover{background:#fff3;color:#fff;transform:translate(4px)}.dms-nav-item-active{background:#ffffff40;color:#fff;box-shadow:0 4px 12px #0000001a}.dms-nav-icon{font-size:20px}.dms-sidebar-footer{margin-top:auto}.dms-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff26;border-radius:12px;margin-bottom:12px}.dms-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.dms-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.dms-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.dms-user-name{color:#fff;font-size:14px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dms-user-role{color:#fffc;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.dms-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#dc26264d;border:1.5px solid rgba(220,38,38,.5);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dms-logout-btn:hover{background:#dc262680;border-color:#dc2626b3;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dms-logout-icon{font-size:18px}.dms-main-content{flex:1;margin-left:280px;transition:all .3s ease;position:relative;z-index:1}.dms-content-full{margin-left:0}.dms-topbar{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.dms-menu-toggle{background:#ffffff40;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:10px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dms-menu-toggle:hover{background:#ffffff59;transform:scale(1.05)}.dms-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);flex:1}.dms-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dms-upload-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.dms-upload-btn:active{transform:translateY(0)}.dms-content-area{padding:32px;min-height:calc(100vh - 80px)}.dms-table-container{background:#fff;border-radius:20px;padding:0;box-shadow:0 8px 24px #0000001f;overflow:hidden;animation:dms-fadeIn .6s ease-out}@keyframes dms-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dms-table-header-modern{padding:20px 24px;background:#fffffff2;border-radius:12px 12px 0 0;margin-bottom:0;border-bottom:2px solid rgba(102,126,234,.2)}.dms-table-header-modern h3{margin:0 0 16px;font-size:20px;font-weight:700;color:#1f2937}.dms-table-controls{display:flex;gap:16px;align-items:center;justify-content:space-between}.dms-search-box{flex:1;min-width:200px;max-width:400px}.dms-search-input{width:100%;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.dms-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dms-items-count{font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap}.dms-table-wrapper{overflow-x:auto}.dms-documents-table{width:100%;border-collapse:collapse;min-width:600px}.dms-documents-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.dms-documents-table thead tr th{padding:16px 20px;text-align:left;font-weight:700;font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:none}.dms-documents-table thead tr th:first-child{border-radius:12px 0 0;width:60px;text-align:center}.dms-documents-table thead tr th:last-child{border-radius:0 12px 0 0;text-align:center}.dms-documents-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.dms-documents-table tbody tr:hover{background:#667eea0d;transform:scale(1.01)}.dms-documents-table tbody tr:last-child{border-bottom:none}.dms-documents-table tbody tr td{padding:16px 20px;font-size:14px;color:#374151;vertical-align:middle}.dms-text-center{text-align:center;font-weight:700;color:#667eea}.dms-doc-id-cell{min-width:150px}.dms-doc-id-cell strong{display:block;color:#1f2937;font-size:13px}.dms-timestamp-small{font-size:11px;color:#9ca3af;margin-top:4px}.dms-size-cell{font-weight:600;color:#6b7280}.dms-status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dms-status-approved{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.dms-status-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.3)}.dms-status-rejected{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.dms-status-reviewing{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.dms-status-active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.dms-access-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dms-access-public{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.3)}.dms-access-private{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.dms-file-type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.3);letter-spacing:.5px}.dms-action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.dms-action-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:transparent}.dms-view-btn{color:#3b82f6;background:#3b82f61a}.dms-view-btn:hover{background:#3b82f633;transform:scale(1.1)}.dms-edit-btn{color:#10b981;background:#10b9811a}.dms-edit-btn:hover{background:#10b98133;transform:scale(1.1)}.dms-access-btn{color:#8b5cf6;background:#8b5cf61a}.dms-access-btn:hover{background:#8b5cf633;transform:scale(1.1)}.dms-no-data{text-align:center;padding:40px 20px;color:#9ca3af;font-weight:500;font-style:italic}.dms-desktop-only{display:block!important}.dms-mobile-only{display:none!important}.dms-mobile-cards-view{flex-direction:column;gap:16px;padding:16px 12px;background:#fffffff2;border-radius:0 0 12px 12px}.dms-mobile-doc-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.dms-mobile-doc-card:active{transform:scale(.98)}.dms-mobile-card-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dms-doc-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.dms-mobile-doc-number{font-size:16px;font-weight:700;color:#fff;margin:0}.dms-mobile-doc-id{font-size:11px;color:#ffffffe6;font-family:Courier New,monospace;word-break:break-all}.dms-mobile-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.dms-mobile-info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.dms-mobile-info-row:last-child{border-bottom:none}.dms-mobile-label{font-size:13px;color:#6b7280;font-weight:500}.dms-mobile-value{font-size:14px;color:#1f2937;font-weight:600;text-align:right}.dms-mobile-timestamp{background:#f9fafb;padding:8px 12px;border-radius:6px;margin-top:4px}.dms-mobile-timestamp .dms-mobile-value{font-size:12px;font-weight:500;color:#6b7280}.dms-mobile-card-footer{padding:12px 16px;background:#f9fafb;display:flex;gap:10px}.dms-mobile-action-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.dms-mobile-view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.dms-mobile-view-btn:active{transform:scale(.95)}.dms-mobile-edit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.dms-mobile-edit-btn:active{transform:scale(.95)}.dms-mobile-access-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.dms-mobile-access-btn:active{transform:scale(.95)}.dms-no-data-mobile{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px;font-weight:500}.dms-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:dms-fadeIn .3s ease-out}.dms-upload-overlay{animation:dms-fadeIn .2s ease-out}.dms-modal-content{background:#fff;border-radius:20px;width:90%;max-width:700px;max-height:80vh;box-shadow:0 20px 60px #0000004d;animation:dms-slideUp .3s ease-out;display:flex;flex-direction:column}.dms-upload-modal{max-width:600px;animation:dms-scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes dms-scaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dms-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;flex-shrink:0}.dms-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dms-modal-close-btn{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dms-modal-close-btn:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.1)}.dms-modal-body{padding:28px 28px 16px;overflow-y:auto;flex:1}.dms-doc-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dms-doc-info-item{background:#f9fafb;padding:16px;border-radius:12px;border:1px solid #e5e7eb}.dms-info-label{display:block;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dms-info-value{display:block;font-size:16px;font-weight:700;color:#1f2937;word-wrap:break-word}.dms-info-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dms-upload-form{display:flex;flex-direction:column;gap:24px}.dms-form-group{display:flex;flex-direction:column;gap:8px}.dms-form-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:4px}.dms-required{color:#ef4444;font-weight:700}.dms-form-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fff}.dms-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dms-form-select{cursor:pointer}.dms-file-name-display{padding:12px 16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;border-radius:10px;font-size:14px;display:flex;align-items:center;gap:8px}.dms-file-name-display strong{color:#374151;font-weight:600}.dms-file-upload-wrapper{position:relative}.dms-file-input{position:absolute;opacity:0;width:0;height:0}.dms-file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;border:2px dashed #cbd5e1;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .3s ease}.dms-file-upload-label:hover{border-color:#667eea;background:#667eea0d}.dms-file-upload-label svg{color:#667eea}.dms-file-upload-text{font-size:14px;font-weight:600;color:#1f2937;text-align:center}.dms-file-upload-hint{font-size:12px;color:#9ca3af;text-align:center}.dms-file-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dms-file-item{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px}.dms-file-item-icon{color:#6b7280;flex-shrink:0}.dms-file-item-name{flex:1;border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-size:13px;background:#fff;color:#1f2937;min-width:0}.dms-file-item-name:focus{outline:none;border-color:#3b82f6}.dms-file-item-info{font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.dms-file-item-remove{background:none;border:none;cursor:pointer;color:#ef4444;display:flex;align-items:center;padding:2px;border-radius:4px;flex-shrink:0;transition:background .15s}.dms-file-item-remove:hover{background:#fee2e2}.dms-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 20px 20px;flex-shrink:0}.dms-btn-cancel{padding:10px 24px;border:2px solid #d1d5db;background:#fff;color:#6b7280;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.dms-btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dms-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.dms-btn-upload{padding:10px 24px;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #10b9814d}.dms-btn-upload:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.dms-btn-upload:active:not(:disabled){transform:translateY(0)}.dms-btn-upload:disabled{opacity:.6;cursor:not-allowed;transform:none}.dms-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dms-spin .8s linear infinite}@keyframes dms-spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.dms-table-container{padding:0}}@media (max-width: 768px){.dms-sidebar{width:0}.dms-sidebar-open{width:280px}.dms-main-content{margin-left:0}.dms-content-area{padding:20px 16px}.dms-topbar{padding:16px 20px}.dms-page-title{font-size:20px}.dms-upload-btn{padding:8px 12px;font-size:13px}.dms-upload-btn span{display:none}.dms-desktop-only{display:none!important}.dms-mobile-only{display:flex!important}.dms-table-header-modern{padding:16px}.dms-table-controls{flex-direction:column;align-items:stretch}.dms-search-box{min-width:100%;max-width:100%}.dms-items-count{text-align:center;font-size:12px}}@media (max-width: 480px){.dms-content-area{padding:16px 12px}.dms-topbar{padding:12px 16px;gap:12px}.dms-page-title{font-size:16px}.dms-upload-btn{padding:8px;min-width:40px}.dms-modal-content{width:95%;max-height:90vh}.dms-upload-modal{max-width:95%;max-height:90vh}.dms-modal-header{padding:16px;flex-shrink:0}.dms-modal-header h3{font-size:18px}.dms-modal-body{padding:16px;overflow-y:auto}.dms-modal-footer{padding:16px;flex-direction:column;flex-shrink:0}.dms-btn-cancel,.dms-btn-upload{width:100%;justify-content:center}.dms-file-upload-label{padding:24px 16px}.dms-doc-info-grid{grid-template-columns:1fr}.dms-form-group{margin-bottom:16px}}@media (max-width: 375px){.dms-modal-content{width:96%;max-height:95vh;height:auto}.dms-upload-modal{max-width:96%;max-height:95vh;height:auto}.dms-modal-header{padding:14px;flex-shrink:0}.dms-modal-header h3{font-size:16px}.dms-modal-body{padding:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;max-height:calc(95vh - 120px)}.dms-modal-footer{padding:14px;flex-shrink:0;position:sticky;bottom:0;background:#f9fafb;border-top:1px solid #e5e7eb}.dms-form-group{margin-bottom:14px}.dms-form-label{font-size:13px;margin-bottom:6px}.dms-form-input,.dms-form-select{font-size:14px;padding:10px 12px}}.dms-document-viewer-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.dms-document-viewer-container{width:95%;height:95%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.dms-document-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.dms-viewer-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:600}.dms-viewer-title svg{color:#fbbf24}.dms-viewer-actions{display:flex;gap:12px;align-items:center}.dms-viewer-download-btn{background:#22c55e33;border:2px solid rgba(34,197,94,.4);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.dms-viewer-download-btn:hover{background:#22c55e59;border-color:#22c55e99;transform:scale(1.05)}.dms-viewer-close-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.dms-viewer-close-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.dms-document-viewer-body{flex:1;padding:16px;overflow:hidden}.dms-viewer-body-split{display:flex;gap:12px;padding:12px}.dms-viewer-file-list{width:220px;min-width:180px;background:#00000040;border-radius:10px;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0}.dms-viewer-file-list-header{padding:10px 14px;font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.1)}.dms-viewer-file-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);transition:background .15s ease;border-radius:0}.dms-viewer-file-item:hover{background:#ffffff1a}.dms-viewer-file-active{background:#ffffff2e!important;border-left:3px solid #fbbf24}.dms-viewer-file-icon{color:#fbbf24;margin-top:2px;flex-shrink:0}.dms-viewer-file-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.dms-viewer-file-name{font-size:12px;color:#fff;font-weight:500;word-break:break-all;line-height:1.3}.dms-viewer-file-size{font-size:11px;color:#ffffff80}.dms-viewer-content-panel{flex:1;overflow:hidden;border-radius:10px;background:#0000001a;display:flex;flex-direction:column}.dms-viewer-file-count{display:block;font-size:12px;font-weight:400;color:#fff9;margin-top:2px}.dms-document-iframe{width:100%;flex:1;border:none;border-radius:10px;background:#fff;display:block}.dms-image-viewer{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px;overflow:auto}.dms-document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #0000004d}.dms-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center}.dms-viewer-error p{font-size:18px;margin-bottom:20px;font-weight:500}.dms-download-link{padding:12px 32px;background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease}.dms-download-link:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px)}.dms-btn-view-document{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.dms-btn-view-document:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.dms-btn-view-document:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}@media (max-width: 768px){.dms-document-viewer-container{width:100%;height:100%;border-radius:0}.dms-document-viewer-header{padding:16px 20px}.dms-viewer-title{font-size:14px;gap:8px}.dms-viewer-title svg{width:20px;height:20px}.dms-viewer-actions{gap:8px}.dms-viewer-download-btn{width:40px;height:40px}.dms-viewer-body-split{flex-direction:column;padding:8px;gap:8px}.dms-viewer-file-list{width:100%;max-height:120px;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;background:#0003}.dms-viewer-file-list-header{display:none}.dms-viewer-file-item{min-width:140px;border-bottom:none;border-right:1px solid rgba(255,255,255,.06)}.dms-viewer-content-panel{flex:1;min-height:0}}.dms-offcanvas-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;animation:dms-fade-in .3s ease}.dms-offcanvas-access{position:fixed;top:0;right:-100%;width:40%;min-width:450px;height:100vh;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);box-shadow:-4px 0 20px #0003;z-index:999;transition:right .3s ease;display:flex;flex-direction:column}.dms-offcanvas-open{right:0}.dms-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff1a}.dms-offcanvas-title{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.dms-offcanvas-close{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.dms-offcanvas-close:hover{background:#ffffff4d;transform:scale(1.05)}.dms-offcanvas-doc-info{padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2)}.dms-doc-info-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.dms-doc-info-value{font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dms-offcanvas-search{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.2)}.dms-search-input-wrapper{position:relative;display:flex;align-items:center}.dms-search-icon{position:absolute;left:14px;font-size:20px;color:#1f293780;pointer-events:none}.dms-search-input{width:100%;padding:12px 16px 12px 44px;font-size:14px;border:2px solid rgba(255,255,255,.3);border-radius:12px;transition:all .3s ease;outline:none;background:#fffffff2;color:#1f2937;font-weight:500}.dms-search-input::placeholder{color:#1f293780}.dms-search-input:focus{border-color:#fff9;background:#fff;box-shadow:0 0 0 4px #ffffff1a}.dms-offcanvas-filters{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff0d}.dms-filters-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dms-filters-left{display:flex;align-items:center;gap:8px}.dms-filter-icon{color:#fff}.dms-filters-label{font-size:14px;font-weight:600;color:#fff}.dms-clear-all-filters-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.dms-clear-all-filters-btn:hover{background:#ef44444d;transform:translateY(-1px)}.dms-filters-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.dms-access-type-toggle-inline{display:flex;align-items:center;gap:10px;margin-left:auto;padding:4px 12px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.dms-filter-dropdown-wrapper{position:relative}.dms-filter-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.dms-filter-dropdown-trigger:hover{background:#fff3;transform:translateY(-1px)}.dms-filter-active{background:#8b5cf64d;border-color:#8b5cf699}.dms-filter-count{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff4d;border-radius:50%;font-size:11px;font-weight:700}.dms-filter-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 4px 20px #0003;z-index:1000;animation:dms-fade-in .2s ease}.dms-filter-dropdown-header{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.dms-filter-dropdown-title{font-size:13px;font-weight:700;color:#1f2937}.dms-filter-dropdown-body{padding:8px;max-height:250px;overflow-y:auto}.dms-filter-dropdown-body::-webkit-scrollbar{width:6px}.dms-filter-dropdown-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.dms-filter-dropdown-body::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.dms-filter-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.dms-filter-option:hover{background:#8b5cf61a}.dms-filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.dms-filter-option-label{flex:1;font-size:13px;font-weight:600;color:#1f2937}.dms-filter-option-count{font-size:12px;font-weight:600;color:#6b7280}.dms-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dms-filter-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#8b5cf640;border:1px solid rgba(139,92,246,.5);border-radius:20px;color:#fff;font-size:12px;font-weight:600}.dms-filter-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.dms-filter-chip-remove:hover{background:#ffffff4d;transform:scale(1.1)}.dms-access-type-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2)}.dms-access-type-label{font-size:12px;font-weight:600;color:#fff6;transition:all .3s ease;white-space:nowrap}.dms-access-type-reader.dms-access-type-active{color:#fffffff2;text-shadow:0 0 8px rgba(255,255,255,.5)}.dms-access-type-admin.dms-access-type-active{color:#59d102;text-shadow:0 0 8px rgba(89,209,2,.5)}.dms-toggle-switch{font-size:14px;position:relative;display:inline-block;width:3.5em;height:2em;cursor:pointer;flex-shrink:0}.dms-toggle-switch input{opacity:0;width:0;height:0}.dms-toggle-slider{position:absolute;cursor:pointer;inset:0;background:#fff;border-radius:50px;overflow:hidden;transition:all .4s cubic-bezier(.215,.61,.355,1)}.dms-toggle-slider:before{position:absolute;content:"";height:1.4em;width:1.4em;right:.3em;bottom:.3em;transform:translate(150%);background-color:#59d102;border-radius:inherit;transition:all .4s cubic-bezier(.215,.61,.355,1)}.dms-toggle-slider:after{position:absolute;content:"";height:1.4em;width:1.4em;left:.3em;bottom:.3em;background-color:#ccc;border-radius:inherit;transition:all .4s cubic-bezier(.215,.61,.355,1)}.dms-toggle-switch input:focus+.dms-toggle-slider{box-shadow:0 0 1px #59d102}.dms-toggle-switch input:checked+.dms-toggle-slider:before{transform:translateY(0)}.dms-toggle-switch input:checked+.dms-toggle-slider:after{transform:translate(-150%)}.dms-offcanvas-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.2)}.dms-select-all-btn{padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.dms-select-all-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.dms-selected-count{font-size:13px;font-weight:600;color:#fff;padding:6px 12px;background:#8b5cf64d;border-radius:20px;border:1px solid rgba(139,92,246,.5)}.dms-offcanvas-body{flex:1;padding:20px 24px;overflow-y:auto}.dms-offcanvas-body::-webkit-scrollbar{width:8px}.dms-offcanvas-body::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.dms-offcanvas-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.dms-offcanvas-body::-webkit-scrollbar-thumb:hover{background:#fff6}.dms-users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:300px}.dms-users-list{display:flex;flex-direction:column;gap:10px}.dms-user-item{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.dms-user-item:hover{background:#ffffff26;border-color:#fff6;transform:translate(4px)}.dms-user-selected{background:#8b5cf640;border-color:#8b5cf699}.dms-user-selected:hover{background:#8b5cf64d;border-color:#8b5cf6b3}.dms-user-checkbox{display:flex;align-items:center;justify-content:center}.dms-user-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#8b5cf6}.dms-user-info{flex:1;display:flex;flex-direction:column;gap:4px}.dms-user-name{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dms-user-details{font-size:13px;font-weight:600;color:#fffc}.dms-user-email{font-size:12px;font-weight:500;color:#ffffffb3}.dms-user-check-icon{font-size:24px;color:#8b5cf6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dms-no-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.dms-no-users-icon{color:#ffffff4d;margin-bottom:16px}.dms-no-users p{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}.dms-no-users small{font-size:13px;font-weight:500;color:#ffffffb3}.dms-offcanvas-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.2);background:#ffffff1a}.dms-cancel-access-btn{padding:12px 24px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.dms-cancel-access-btn:hover{background:#fff3;transform:translateY(-2px)}.dms-apply-access-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf666}.dms-apply-access-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}@media (max-width: 768px){.dms-offcanvas-access{width:90%;min-width:unset}.dms-offcanvas-header{padding:20px}.dms-offcanvas-title{font-size:18px}.dms-offcanvas-search,.dms-offcanvas-filters,.dms-offcanvas-actions,.dms-offcanvas-body{padding:16px 20px}.dms-access-type-toggle-inline{width:100%;justify-content:center;margin-left:0;margin-top:8px}.dms-filter-dropdown-menu{min-width:200px}.dms-viewer-download-btn svg{width:20px;height:20px}.dms-viewer-close-btn{width:40px;height:40px}.dms-viewer-close-btn svg{width:24px;height:24px}.dms-document-viewer-body{padding:12px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.register-otp-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.register-otp-bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:register-otp-float 20s infinite ease-in-out}.register-otp-shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.register-otp-shape-2{width:400px;height:400px;bottom:-150px;right:-150px;animation-delay:7s}.register-otp-shape-3{width:250px;height:250px;top:50%;right:-50px;animation-delay:14s}@keyframes register-otp-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.register-otp-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:24px;padding:50px;width:100%;max-width:500px;box-shadow:0 8px 32px #0003;animation:register-otp-slideUp .5s ease;position:relative;z-index:10}@keyframes register-otp-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.register-otp-header{text-align:center;margin-bottom:36px}.register-otp-logo-container{display:flex;justify-content:center;margin-bottom:20px}.register-otp-vm-logo{width:90px;height:90px;border-radius:50%;background:#fff3;padding:10px;box-shadow:0 4px 15px #0003}.register-otp-title{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:28px;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.register-otp-title-icon{font-size:36px}.register-otp-subtitle{color:#ffffffe6;font-size:15px;font-weight:500;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.2)}.register-otp-form{display:flex;flex-direction:column;gap:24px}.register-otp-inputs{display:flex;justify-content:center;gap:12px;margin-bottom:8px}.register-otp-input{width:60px;height:60px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:24px;font-weight:700;text-align:center;transition:all .3s ease;outline:none}.register-otp-input:focus{background:#ffffff26;border-color:#667eeacc;box-shadow:0 0 0 3px #667eea33;transform:scale(1.05)}.register-otp-input:disabled{opacity:.6;cursor:not-allowed}.register-otp-verify-btn,.register-otp-back-btn,.register-otp-resend-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;width:100%}.register-otp-verify-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.register-otp-verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.register-otp-verify-btn:active:not(:disabled){transform:translateY(0)}.register-otp-verify-btn:disabled{opacity:.6;cursor:not-allowed}.register-otp-back-btn{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3)}.register-otp-back-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.register-otp-back-btn:active:not(:disabled){transform:translateY(0)}.register-otp-back-btn:disabled{opacity:.6;cursor:not-allowed}.register-otp-resend-section{text-align:center;padding:12px 0}.register-otp-resend-timer{color:#ffffffe6;font-size:14px;font-weight:600}.register-otp-timer-countdown{color:#fbbf24;font-weight:700;font-size:16px}.register-otp-resend-btn{background:#3b82f633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(59,130,246,.5);padding:12px 24px;width:auto;display:inline-flex}.register-otp-resend-btn:hover{background:#3b82f64d;border-color:#3b82f6b3;transform:translateY(-2px)}.register-otp-resend-btn:active{transform:translateY(0)}.register-otp-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:register-otp-spin .8s linear infinite}@keyframes register-otp-spin{to{transform:rotate(360deg)}}.register-otp-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.register-otp-footer-text{color:#fffc;font-size:13px;line-height:1.6}.register-otp-page-footer{margin-top:30px;text-align:center;color:#ffffffe6;font-size:14px;font-weight:500}.register-otp-copyright{margin-top:6px;font-size:12px;color:#ffffffb3}@media (max-width: 768px){.register-otp-card{padding:40px 30px}.register-otp-title{font-size:26px}.register-otp-subtitle{font-size:14px}.register-otp-vm-logo{width:80px;height:80px}.register-otp-input{width:50px;height:50px;font-size:20px}.register-otp-bg-shape{display:none}}@media (max-width: 480px){.register-otp-container{padding:16px}.register-otp-card{padding:32px 24px;border-radius:20px}.register-otp-title{font-size:22px;flex-direction:column;gap:8px}.register-otp-title-icon{font-size:32px}.register-otp-vm-logo{width:70px;height:70px}.register-otp-inputs{gap:8px}.register-otp-input{width:45px;height:45px;font-size:18px}.register-otp-verify-btn,.register-otp-back-btn{padding:14px 24px;font-size:14px}.register-otp-resend-btn{padding:10px 20px;font-size:14px}}@media (prefers-color-scheme: dark){.register-otp-card{background:#0000004d;border-color:#fff3}}.ims-dashboard-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.ims-dashboard-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:ims-float 8s ease-in-out infinite;z-index:0}.ims-dashboard-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:ims-float 10s ease-in-out infinite reverse;z-index:0}@keyframes ims-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.ims-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.ims-sidebar-closed{width:0;border:none;overflow:hidden}.ims-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.ims-sidebar-header{text-align:center;margin-bottom:24px}.ims-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:ims-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes ims-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #11998e66}}.ims-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.ims-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.ims-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.ims-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.ims-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.ims-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.ims-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.ims-nav-icon{font-size:20px}.ims-sidebar-footer{margin-top:auto}.ims-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px}.ims-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover}.ims-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.ims-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.ims-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ims-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.ims-logout-icon{font-size:18px}.ims-main-content{flex:1;min-width:0;overflow-x:clip;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.ims-content-shifted{margin-left:280px}.ims-content-full{margin-left:0}.ims-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.ims-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ims-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.ims-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4);flex:1;text-align:center}.ims-add-btn{background:linear-gradient(135deg,#11998e,#38ef7d);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #11998e4d}.ims-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11998e66}.ims-content-area{flex:1;padding:32px}.ims-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.ims-stat-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;min-height:140px}.ims-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.ims-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.ims-stat-primary .ims-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.ims-stat-warning .ims-stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.ims-stat-danger .ims-stat-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.ims-stat-success .ims-stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.ims-stat-content{min-width:0;overflow:hidden;width:100%}.ims-stat-content h3{font-size:clamp(16px,2.5vw,28px);font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 2px 8px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-align:center}.ims-stat-content p{font-size:13px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center}.ims-table-container{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.ims-table-header-modern{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.ims-filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;gap:12px}.ims-filter-toggle h3{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.ims-filter-toggle-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.ims-items-count-inline{font-size:12px;color:#ffffffb3;font-weight:600;background:#00000040;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.ims-filter-chevron{color:#fffc;transition:transform .3s ease;flex-shrink:0}.ims-filter-chevron-open{transform:rotate(90deg)}.ims-table-controls-collapsible{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .3s ease;padding-top:0}.ims-table-controls-collapsible.ims-filters-open{max-height:300px;opacity:1;padding-top:16px}.ims-table-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ims-search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.ims-search-icon{position:absolute;left:12px;font-size:18px;color:#fff9}.ims-search-input{width:100%;padding:12px 12px 12px 40px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease}.ims-search-input::placeholder{color:#fffc;font-weight:500}.ims-search-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.ims-filter-select{padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:all .3s ease}.ims-filter-select option{background:#11998e;color:#fff}.ims-filter-select:hover{background:#ffffff26}.ims-items-count{padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:13px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-table-wrapper{overflow-x:auto}.ims-items-table{width:100%;border-collapse:collapse}.ims-items-table thead{background:#0000004d}.ims-items-table th{padding:16px;text-align:left;font-size:14px;font-weight:700;color:#fff;border-bottom:2px solid rgba(255,255,255,.3);white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-items-table tbody tr{background:#00000026;transition:all .2s ease}.ims-items-table tbody tr:hover{background:#00000040}.ims-items-table tbody tr.ims-row-warning{background:#fbbf241a}.ims-items-table tbody tr.ims-row-warning:hover{background:#fbbf2426}.ims-items-table tbody tr.ims-row-danger{background:#ef44441a}.ims-items-table tbody tr.ims-row-danger:hover{background:#ef444426}.ims-items-table td{padding:16px;color:#fff;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.4)}.ims-text-center{text-align:center}.ims-item-name{font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5)}.ims-quantity{font-weight:700;font-size:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-category-badge{display:inline-block;padding:6px 12px;background:#0006;border:2px solid rgba(255,255,255,.3);border-radius:20px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-status-in-stock{background:#22c55e4d;color:#fff;border:2px solid rgba(34,197,94,.6)}.ims-status-low-stock{background:#fbbf244d;color:#fff;border:2px solid rgba(251,191,36,.6)}.ims-status-out-of-stock{background:#ef44444d;color:#fff;border:2px solid rgba(239,68,68,.6)}.ims-action-buttons{display:flex;gap:8px;justify-content:center}.ims-action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff}.ims-adjust-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.3)}.ims-adjust-btn:hover{background:#3b82f64d;transform:translateY(-2px)}.ims-edit-btn{background:#fbbf2433;border:1px solid rgba(251,191,36,.3)}.ims-edit-btn:hover{background:#fbbf244d;transform:translateY(-2px)}.ims-delete-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3)}.ims-delete-btn:hover:not(:disabled){background:#ef44444d;transform:translateY(-2px)}.ims-delete-btn:disabled{opacity:.5;cursor:not-allowed}.ims-empty-state{padding:48px 24px;text-align:center;color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.ims-desktop-only{display:block}.ims-mobile-only{display:none}.ims-mobile-card{background:#00000040;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:16px;margin-bottom:16px}.ims-mobile-card.ims-card-warning{background:#fbbf241a;border-color:#fbbf244d}.ims-mobile-card.ims-card-danger{background:#ef44441a;border-color:#ef44444d}.ims-mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.ims-mobile-card-header h4{font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-mobile-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.ims-mobile-row{display:flex;justify-content:space-between;align-items:center}.ims-mobile-label{font-size:13px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4)}.ims-mobile-value{font-size:14px;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-mobile-card-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.ims-mobile-btn{flex:1;padding:10px;border-radius:8px;border:none;color:#fff;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.ims-mobile-btn.ims-adjust-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.3)}.ims-mobile-btn.ims-edit-btn{background:#fbbf2433;border:1px solid rgba(251,191,36,.3)}.ims-mobile-btn.ims-delete-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3)}.ims-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ims-modal-content{background:linear-gradient(155deg,#0a6b5e,#11855a,#0f7a48);border-radius:16px;width:100%;max-width:600px;max-height:90vh;box-shadow:0 24px 80px #00000080;border:1.5px solid rgba(255,255,255,.25);animation:ims-modal-slide-in .3s ease;display:flex;flex-direction:column;overflow:hidden}.ims-modal-content.ims-modal-small{max-width:450px}@keyframes ims-modal-slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.ims-modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:16px 16px 0 0;flex-shrink:0}.ims-modal-header h3{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.ims-modal-close{background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.ims-modal-close:hover{background:#0006;border-color:#fff9}.ims-modal-form{padding:24px 32px;flex:1;overflow-y:auto;background:transparent}.ims-modal-form::-webkit-scrollbar{width:8px}.ims-modal-form::-webkit-scrollbar-track{background:#0003;border-radius:10px}.ims-modal-form::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;transition:all .3s ease}.ims-modal-form::-webkit-scrollbar-thumb:hover{background:#ffffff80}.ims-form-group{margin-bottom:20px}.ims-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.ims-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-form-group input,.ims-form-group select,.ims-form-group textarea{width:100%;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease}.ims-form-group input::placeholder,.ims-form-group textarea::placeholder{color:#fffc;font-weight:500}.ims-form-group input:focus,.ims-form-group select:focus,.ims-form-group textarea:focus{background:#0006;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.ims-form-group select option{background:#11998e;color:#fff}.ims-current-stock{padding:16px;background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:10px;margin-bottom:20px}.ims-current-stock p{color:#fff;font-size:14px;margin:0;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-current-stock strong{font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-view-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff8c;margin:0 0 2px}.ims-view-value{font-size:14px;font-weight:500;color:#fff;margin:0;word-break:break-word}.ims-modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:flex-end;gap:12px;background:transparent;flex-shrink:0;border-radius:0 0 16px 16px}.ims-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ims-btn-primary{background:#ffffffe6;color:#11998e}.ims-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.ims-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ims-btn-secondary{background:#0000004d;color:#fff;border:2px solid rgba(255,255,255,.4)}.ims-btn-secondary:hover:not(:disabled){background:#0006;border-color:#fff9}@media (max-width: 768px){.ims-sidebar{width:0}.ims-sidebar-open{width:280px}.ims-content-shifted,.ims-content-full{margin-left:0}.ims-topbar{padding:16px 20px}.ims-page-title{font-size:18px}.ims-add-btn span{display:none}.ims-content-area{padding:20px 16px}.ims-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ims-stat-card{min-height:120px;padding:16px 12px}.ims-table-container{overflow:visible}.ims-desktop-only{display:none!important}.ims-mobile-only{display:block}.ims-table-controls{flex-direction:column;align-items:stretch}.ims-search-box,.ims-filter-select{width:100%}.ims-modal-content{max-width:100%}.ims-modal-header,.ims-modal-form{padding:20px}.ims-modal-footer>*{margin-right:20px}.ims-modal-footer>*:last-child{margin-right:20px}.ims-form-row{grid-template-columns:1fr}}@media (max-width: 480px){.ims-stat-card{min-height:120px;padding:16px 12px}.ims-stat-icon{width:48px;height:48px;font-size:24px}.ims-mobile-card-footer{flex-direction:column}.ims-mobile-btn{width:100%}}.ims-item-image{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.ims-item-image:hover{transform:scale(1.1);border-color:#fff9;box-shadow:0 4px 12px #0000004d}.ims-no-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffff80;text-align:center}.ims-mobile-no-image{width:100%;max-width:300px;height:200px;border-radius:12px}.ims-mobile-image-container{width:100%;margin-bottom:12px;display:flex;justify-content:center}.ims-mobile-item-image{width:100%;max-width:300px;height:200px;object-fit:cover;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.ims-mobile-item-image:hover{transform:scale(1.02);border-color:#fff9;box-shadow:0 8px 24px #0006}.ims-image-modal-content{background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:20px;max-width:90vw;max-height:90vh;position:relative;animation:ims-modal-slide-in .3s ease}.ims-image-modal-content .ims-modal-close{position:absolute;top:10px;right:10px;z-index:10}.ims-fullsize-image{max-width:100%;max-height:80vh;width:auto;height:auto;display:block;border-radius:12px;object-fit:contain}.ims-lightbox-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}.ims-lightbox-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;font-size:28px;line-height:1;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ims-lightbox-btn:hover{background:#ffffff4d}.ims-lightbox-counter{color:#ffffffd9;font-size:14px;font-weight:600;min-width:48px;text-align:center}.ims-view-section{margin-bottom:16px}.ims-view-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c;margin-bottom:8px}.ims-file-gallery{display:flex;flex-wrap:wrap;gap:8px}.ims-gallery-thumb{width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.25);cursor:pointer;flex-shrink:0;transition:border-color .2s,transform .15s}.ims-gallery-thumb:hover{border-color:#ffffffb3;transform:scale(1.05)}.ims-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ims-image-uploader{width:100%;min-height:250px;border:3px dashed rgba(255,255,255,.3);border-radius:16px;background:#0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ims-image-uploader:hover{border-color:#ffffff80;background:#0000004d;transform:scale(1.01)}.ims-image-uploader.ims-dragging{border-color:#fff;background:#38ef7d33;transform:scale(1.02);box-shadow:0 0 30px #38ef7d4d}.ims-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#fff}.ims-upload-placeholder svg{margin-bottom:16px;opacity:.8;animation:ims-float 3s ease-in-out infinite}.ims-upload-text{font-size:16px;font-weight:700;color:#fff;margin:8px 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-upload-subtext{font-size:14px;font-weight:500;color:#fffc;margin:0 0 12px}.ims-upload-actions{display:flex;gap:10px;margin:8px 0 12px;flex-wrap:wrap;justify-content:center}.ims-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:2px solid rgba(255,255,255,.6);background:#ffffff26;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .1s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ims-upload-btn:hover{background:#ffffff4d;border-color:#ffffffe6;transform:translateY(-1px)}.ims-camera-btn{background:#00c89633;border-color:#00dcaab3}.ims-camera-btn:hover{background:#00c89666;border-color:#00dcaa}.ims-upload-info{font-size:12px;color:#fff9;padding:6px 12px;background:#0000004d;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.ims-cards-container{display:flex;flex-wrap:nowrap;gap:16px;padding:16px 16px 32px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:400px;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.ims-cards-container::-webkit-scrollbar{display:none}.ims-inv-card{flex-shrink:0;width:200px;height:420px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#11998e,#20bf6b,#26de81);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #11998e4d;transition:transform .2s ease,box-shadow .2s ease}.ims-inv-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #11998e73}.ims-inv-card-low-stock{border-color:#fbbf2499;box-shadow:0 8px 32px #fbbf2440}.ims-inv-card-out-of-stock{border-color:#ef444499;box-shadow:0 8px 32px #ef444440}.ims-inv-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000a6);pointer-events:none}.ims-inv-expand-btn{position:absolute;top:12px;right:12px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s;z-index:2}.ims-inv-expand-btn:hover{background:#fff6}.ims-inv-desc{position:relative;z-index:1;padding:0 14px 14px;width:100%;color:#fff}.ims-inv-desc .ims-status-badge{display:inline-block;margin-bottom:6px;font-size:10px;padding:3px 10px}.ims-inv-name{font-size:15px;font-weight:700;line-height:1.25;margin:0 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.7);word-break:break-word}.ims-inv-details{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.ims-inv-sub{font-size:11px;color:#ffffffd1;margin:0;line-height:1.4}.ims-inv-sub strong{color:#fff}.ims-inv-actions{display:flex;gap:6px}.ims-inv-actions .ims-action-btn{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:opacity .2s,transform .1s}.ims-inv-actions .ims-action-btn:hover{opacity:.85;transform:scale(1.08)}@media (max-width: 768px){.ims-cards-container{min-height:340px;padding:12px 4px 24px;gap:12px}.ims-inv-card{width:165px;height:360px}}@media (max-width: 480px){.ims-cards-container{min-height:300px}.ims-inv-card{width:150px;height:320px}}.ims-image-preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.ims-upload-preview{max-width:100%;max-height:220px;border-radius:12px;object-fit:contain;box-shadow:0 8px 24px #0000004d;animation:ims-modal-slide-in .3s ease}.ims-remove-image{position:absolute;top:24px;right:24px;background:#ef4444e6;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.ims-remove-image:hover{background:#ef4444;transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #ef444480}.ims-select__control{background:#0000004d!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:10px!important;min-height:46px!important;box-shadow:none!important;cursor:pointer;transition:all .3s ease}.ims-select__control:hover,.ims-select__control--is-focused{background:#0006!important;border-color:#fff9!important;box-shadow:0 0 0 3px #ffffff1a!important}.ims-select__value-container{padding:2px 14px!important}.ims-select__single-value{color:#fff!important;font-size:14px!important;font-weight:600!important}.ims-select__placeholder{color:#fffc!important;font-size:14px!important;font-weight:500!important}.ims-select__input-container{color:#fff!important;font-size:14px!important;font-weight:600!important}.ims-select__indicator-separator{background-color:#ffffff4d!important}.ims-select__dropdown-indicator,.ims-select__clear-indicator{color:#ffffffb3!important;padding:6px!important}.ims-select__dropdown-indicator:hover,.ims-select__clear-indicator:hover{color:#fff!important}.ims-select__menu{background:#11998e!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 24px #0006!important;z-index:9999!important}.ims-select__menu-list{padding:4px!important}.ims-select__option{background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:500!important;padding:10px 14px!important;border-radius:8px!important;cursor:pointer!important;transition:background .2s ease}.ims-select__option:hover,.ims-select__option--is-focused{background:#ffffff26!important}.ims-select__option--is-selected{background:#ffffff40!important;font-weight:700!important}.ims-select__no-options-message{color:#ffffffb3!important;font-size:13px!important}.vms-dashboard-wrapper{min-height:100vh;background:linear-gradient(135deg,#0c1f48,#1a3a6e 30%,#1e5fa0 70%,#2d82c7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.vms-dashboard-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(30,95,160,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:vms-float 8s ease-in-out infinite;z-index:0}.vms-dashboard-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(45,130,199,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:vms-float 10s ease-in-out infinite reverse;z-index:0}@keyframes vms-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.vms-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.vms-sidebar-closed{width:0;border:none;overflow:hidden}.vms-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%}.vms-sidebar-header{text-align:center;margin-bottom:24px}.vms-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:vms-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes vms-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #2d82c766}}.vms-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.vms-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vms-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.vms-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.vms-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.vms-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.vms-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vms-nav-icon{font-size:20px}.vms-sidebar-footer{margin-top:auto}.vms-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px}.vms-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.vms-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.vms-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.vms-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vms-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vms-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.vms-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.vms-logout-icon{font-size:18px}.vms-main-content{flex:1;min-width:0;overflow-x:clip;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.vms-content-shifted{margin-left:280px}.vms-content-full{margin-left:0}.vms-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.vms-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.vms-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.vms-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4);flex:1;text-align:center}.vms-add-btn{background:linear-gradient(135deg,#1e5fa0,#2d82c7);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #1e5fa04d;white-space:nowrap}.vms-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e5fa080}.vms-content-area{flex:1;padding:32px}.vms-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.vms-stat-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;min-height:140px}.vms-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.vms-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.vms-stat-primary .vms-stat-icon{background:linear-gradient(135deg,#1e5fa0,#2d82c7)}.vms-stat-warning .vms-stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.vms-stat-success .vms-stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.vms-stat-info .vms-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.vms-stat-content{min-width:0;overflow:hidden;width:100%}.vms-stat-content h3{font-size:clamp(16px,2.5vw,28px);font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 2px 8px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-align:center}.vms-stat-content p{font-size:13px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center}.vms-table-container{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.vms-table-header-modern{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.vms-filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;gap:12px}.vms-filter-toggle h3{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vms-filter-toggle-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.vms-items-count-inline{font-size:12px;color:#ffffffb3;font-weight:600;background:#00000040;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.vms-filter-chevron{color:#fffc;transition:transform .3s ease;flex-shrink:0}.vms-filter-chevron-open{transform:rotate(90deg)}.vms-table-controls-collapsible{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .3s ease;padding-top:0}.vms-table-controls-collapsible.vms-filters-open{max-height:300px;opacity:1;padding-top:16px}.vms-table-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vms-search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.vms-search-icon{position:absolute;left:12px;font-size:18px;color:#fff9}.vms-search-input{width:100%;padding:12px 12px 12px 40px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease}.vms-search-input::placeholder{color:#fffc;font-weight:500}.vms-search-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.vms-filter-select{padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:all .3s ease}.vms-filter-select option{background:#1e5fa0;color:#fff}.vms-filter-select:hover{background:#ffffff26}.vms-cards-container{display:flex;flex-wrap:nowrap;gap:16px;padding:16px 16px 32px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:400px;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.vms-cards-container::-webkit-scrollbar{display:none}.vms-visitor-card{flex-shrink:0;width:200px;height:420px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#1e3a6e,#2a5fa8,#3d82c8);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #1e5fa059;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.vms-visitor-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #1e5fa080}.vms-visitor-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000b3);pointer-events:none}.vms-visitor-no-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff3;padding-bottom:120px}.vms-visitor-desc{position:relative;z-index:1;padding:0 14px 14px;width:100%;color:#fff}.vms-visitor-badge{display:inline-block;margin-bottom:6px;font-size:10px;padding:3px 10px;background:#2d82c780;border:1px solid rgba(255,255,255,.5);border-radius:20px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.vms-visitor-name{font-size:15px;font-weight:700;line-height:1.25;margin:0 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.7);word-break:break-word}.vms-visitor-details{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.vms-visitor-sub{font-size:11px;color:#ffffffd9;margin:0;line-height:1.4;display:flex;align-items:center;gap:4px}.vms-visitor-sub strong{color:#fff}.vms-visitor-actions{display:flex;gap:6px}.vms-action-btn{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:opacity .2s,transform .1s;color:#fff}.vms-view-btn{background:#2d82c766;border:1px solid rgba(45,130,199,.6)}.vms-view-btn:hover{opacity:.85;transform:scale(1.08)}.vms-empty-state{padding:48px 24px;text-align:center;color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vms-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vms-modal-content{background:linear-gradient(155deg,#0c2a5c,#1a4a8a,#1e5fa0);border-radius:16px;width:100%;max-width:600px;max-height:90vh;box-shadow:0 24px 80px #00000080;border:1.5px solid rgba(255,255,255,.25);animation:vms-modal-slide-in .3s ease;display:flex;flex-direction:column;overflow:hidden}@keyframes vms-modal-slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.vms-modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e5fa0,#2d82c7);border-radius:16px 16px 0 0;flex-shrink:0}.vms-modal-header h3{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}.vms-modal-close{background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease}.vms-modal-close:hover{background:#0006;border-color:#fff9}.vms-modal-form{padding:24px 32px;flex:1;overflow-y:auto;background:transparent}.vms-modal-form::-webkit-scrollbar{width:8px}.vms-modal-form::-webkit-scrollbar-track{background:#0003;border-radius:10px}.vms-modal-form::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.vms-modal-form::-webkit-scrollbar-thumb:hover{background:#ffffff80}.vms-form-group{margin-bottom:20px}.vms-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.vms-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vms-form-group input,.vms-form-group select,.vms-form-group textarea{width:100%;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease;font-family:inherit;resize:vertical}.vms-form-group input::placeholder,.vms-form-group textarea::placeholder{color:#fffc;font-weight:500}.vms-form-group input:focus,.vms-form-group select:focus,.vms-form-group textarea:focus{background:#0006;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.vms-image-uploader{width:100%;min-height:220px;border:3px dashed rgba(255,255,255,.3);border-radius:16px;background:#0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.vms-image-uploader:hover{border-color:#ffffff80;background:#0000004d}.vms-image-uploader.vms-dragging{border-color:#fff;background:#2d82c733;box-shadow:0 0 30px #2d82c74d}.vms-image-uploader.vms-has-image{cursor:default;min-height:280px}.vms-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#fff9}.vms-upload-text{font-size:15px;font-weight:700;color:#fff;margin:12px 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vms-upload-subtext{font-size:13px;font-weight:500;color:#ffffffb3;margin:0 0 16px}.vms-upload-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.vms-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:2px solid rgba(255,255,255,.6);background:#ffffff26;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.vms-upload-btn:hover{background:#ffffff4d;border-color:#ffffffe6;transform:translateY(-1px)}.vms-camera-btn{background:#2d82c740;border-color:#2d82c7b3}.vms-camera-btn:hover{background:#2d82c766}.vms-image-preview-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.vms-upload-preview{max-width:100%;max-height:240px;object-fit:contain;border-radius:10px;border:2px solid rgba(255,255,255,.3)}.vms-remove-image-btn{position:absolute;top:8px;right:8px;background:#ef4444b3;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.vms-remove-image-btn:hover{background:#ef4444e6}.vms-view-photo{display:flex;justify-content:center;margin-bottom:20px}.vms-view-photo-img{width:140px;height:180px;object-fit:cover;border-radius:12px;border:3px solid rgba(255,255,255,.4);box-shadow:0 8px 24px #0006}.vms-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:8px}.vms-view-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff8c;margin:0 0 2px}.vms-view-value{font-size:14px;font-weight:500;color:#fff;margin:0;word-break:break-word}.vms-modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:flex-end;gap:12px;background:transparent;flex-shrink:0}.vms-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;text-shadow:0 2px 4px rgba(0,0,0,.3)}.vms-btn-primary{background:#ffffffe6;color:#1e5fa0}.vms-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.vms-btn-primary:disabled{opacity:.6;cursor:not-allowed}.vms-btn-secondary{background:#0000004d;color:#fff;border:2px solid rgba(255,255,255,.4)}.vms-btn-secondary:hover:not(:disabled){background:#0006;border-color:#fff9}.vms-btn-danger{background:#b41e1eb3;color:#fff;border:2px solid rgba(255,80,80,.5)}.vms-btn-danger:hover:not(:disabled){background:#c82828d9;border-color:#ff6464b3}@media (max-width: 768px){.vms-sidebar{width:0}.vms-sidebar-open{width:280px}.vms-content-shifted,.vms-content-full{margin-left:0}.vms-topbar{padding:16px 20px}.vms-page-title{font-size:18px}.vms-add-btn span{display:none}.vms-content-area{padding:20px 16px}.vms-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.vms-stat-card{min-height:120px;padding:16px 12px}.vms-table-controls{flex-direction:column;align-items:stretch}.vms-search-box,.vms-filter-select{width:100%}.vms-cards-container{min-height:340px;padding:12px 4px 24px;gap:12px}.vms-visitor-card{width:165px;height:360px}.vms-modal-content{max-width:100%}.vms-modal-header,.vms-modal-form{padding:20px}.vms-form-row,.vms-view-grid{grid-template-columns:1fr}}@media (max-width: 480px){.vms-stats-grid{grid-template-columns:repeat(2,1fr)}.vms-stat-icon{width:48px;height:48px;font-size:24px}.vms-visitor-card{width:150px;height:320px}}.vms-select__control{background:#0000004d!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:10px!important;min-height:46px!important;box-shadow:none!important;cursor:pointer;transition:all .3s ease}.vms-select__control:hover,.vms-select__control--is-focused{background:#0006!important;border-color:#fff9!important;box-shadow:0 0 0 3px #ffffff1a!important}.vms-select__value-container{padding:2px 14px!important}.vms-select__single-value{color:#fff!important;font-size:14px!important;font-weight:600!important}.vms-select__placeholder{color:#fffc!important;font-size:14px!important;font-weight:500!important}.vms-select__input-container{color:#fff!important;font-size:14px!important;font-weight:600!important}.vms-select__indicator-separator{background-color:#ffffff4d!important}.vms-select__dropdown-indicator,.vms-select__clear-indicator{color:#ffffffb3!important;padding:6px!important}.vms-select__dropdown-indicator:hover,.vms-select__clear-indicator:hover{color:#fff!important}.vms-select__menu{background:#1e5fa0!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 24px #0006!important;z-index:9999!important}.vms-select__menu-list{padding:4px!important}.vms-select__option{background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:500!important;padding:10px 14px!important;border-radius:8px!important;cursor:pointer!important;transition:background .2s ease}.vms-select__option:hover,.vms-select__option--is-focused{background:#ffffff26!important}.vms-select__option--is-selected{background:#ffffff40!important;font-weight:700!important}.vms-vcard{flex-shrink:0;width:200px;height:420px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#1e3a6e,#2a5fa8,#3d82c8);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #1e5fa059;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;background-size:cover;background-position:center top}.vms-vcard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #1e5fa080}.vms-vcard-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000bf);pointer-events:none}.vms-vcard-no-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff3;padding-bottom:140px}.vms-vcard-expand-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:8px;background:#00000073;border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s,transform .1s}.vms-vcard-expand-btn:hover{background:#000000a6;transform:scale(1.1)}.vms-vcard-desc{position:relative;z-index:1;padding:0 14px 14px;width:100%;color:#fff}.vms-vcard-name{font-size:14px;font-weight:700;line-height:1.2;margin:0 0 2px;text-shadow:0 2px 8px rgba(0,0,0,.7);word-break:break-word}.vms-vcard-details{display:flex;flex-direction:column;gap:2px;margin:6px 0 10px}.vms-vcard-sub{font-size:11px;color:#ffffffd9;margin:0;line-height:1.4;display:flex;align-items:center;gap:4px}.vms-vcard-sub strong{color:#fff}.vms-vcard-status{display:inline-block;margin-top:4px;font-size:10px;padding:3px 10px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;width:fit-content}.vms-vcard-status-pending{background:#f59e0b4d;border:1px solid rgba(245,158,11,.7);color:#fde68a}.vms-vcard-status-approved{background:#10b98140;border:1px solid rgba(16,185,129,.6);color:#6ee7b7}.vms-vcard-status-rejected{background:#ef444440;border:1px solid rgba(239,68,68,.6);color:#fca5a5}.vms-vcard-status-unknown{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.vms-vcard-actions{display:flex;gap:6px}.vms-vcard-action-btn{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:opacity .2s,transform .1s;color:#fff}.vms-vcard-view-btn{background:#2d82c766;border:1px solid rgba(45,130,199,.6)!important}.vms-vcard-view-btn:hover{opacity:.85;transform:scale(1.08)}.vms-photo-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.vms-photo-lightbox-close{position:absolute;top:20px;right:20px;background:#00000080;border:2px solid rgba(255,255,255,.4);border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.vms-photo-lightbox-close:hover{background:#000000b3;border-color:#ffffffb3}.vms-photo-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;border:2px solid rgba(255,255,255,.2);box-shadow:0 24px 80px #000000b3;cursor:default}@media (max-width: 768px){.vms-vcard{width:165px;height:360px}}@media (max-width: 480px){.vms-vcard{width:150px;height:320px}}.vms-select__no-options-message{color:#ffffffb3!important;font-size:13px!important}.vmsvisitor-wrapper{min-height:100vh;background:linear-gradient(135deg,#0c1f48,#1a3a6e 30%,#1e5fa0 70%,#2d82c7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.vmsvisitor-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(30,95,160,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:vmsvisitor-float 8s ease-in-out infinite;z-index:0}.vmsvisitor-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(45,130,199,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:vmsvisitor-float 10s ease-in-out infinite reverse;z-index:0}@keyframes vmsvisitor-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.vmsvisitor-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.vmsvisitor-sidebar-closed{width:0;border:none;overflow:hidden}.vmsvisitor-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.vmsvisitor-sidebar-header{text-align:center;margin-bottom:24px}.vmsvisitor-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.vmsvisitor-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.vmsvisitor-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vmsvisitor-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.vmsvisitor-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.vmsvisitor-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;text-shadow:0 2px 4px rgba(0,0,0,.4)}.vmsvisitor-nav-item:hover{background:#0000004d;transform:translate(4px)}.vmsvisitor-nav-item-active{background:#0006;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vmsvisitor-nav-icon{font-size:20px}.vmsvisitor-sidebar-footer{margin-top:auto}.vmsvisitor-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px}.vmsvisitor-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.vmsvisitor-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.vmsvisitor-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.vmsvisitor-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vmsvisitor-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vmsvisitor-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.vmsvisitor-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.vmsvisitor-logout-icon{font-size:18px}.vmsvisitor-main{flex:1;min-width:0;overflow-x:clip;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.vmsvisitor-content-shifted{margin-left:280px}.vmsvisitor-content-full{margin-left:0}.vmsvisitor-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.vmsvisitor-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.vmsvisitor-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.vmsvisitor-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6);flex:1;text-align:center}.vmsvisitor-back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.vmsvisitor-back-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.vmsvisitor-content-area{flex:1;padding:32px;display:flex;justify-content:center}.vmsvisitor-form-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:40px;width:100%;max-width:780px;box-shadow:0 8px 32px #0003}.vmsvisitor-section{margin-bottom:32px}.vmsvisitor-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.vmsvisitor-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.vmsvisitor-form-group{margin-bottom:20px}.vmsvisitor-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vmsvisitor-form-group input,.vmsvisitor-form-group textarea{width:100%;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease;font-family:inherit;resize:vertical}.vmsvisitor-form-group input::placeholder,.vmsvisitor-form-group textarea::placeholder{color:#ffffffb3;font-weight:500}.vmsvisitor-form-group input:focus,.vmsvisitor-form-group textarea:focus{background:#0006;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.vmsvisitor-image-uploader{width:100%;min-height:220px;border:3px dashed rgba(255,255,255,.3);border-radius:16px;background:#0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.vmsvisitor-image-uploader:hover{border-color:#ffffff80;background:#0000004d}.vmsvisitor-image-uploader.vmsvisitor-dragging{border-color:#fff;background:#2d82c733;box-shadow:0 0 30px #2d82c74d}.vmsvisitor-image-uploader.vmsvisitor-has-image{cursor:default;min-height:280px}.vmsvisitor-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#fff9}.vmsvisitor-upload-text{font-size:15px;font-weight:700;color:#fff;margin:12px 0 4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vmsvisitor-upload-subtext{font-size:13px;color:#ffffffb3;margin:0 0 16px}.vmsvisitor-upload-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.vmsvisitor-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:2px solid rgba(255,255,255,.6);background:#ffffff26;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.vmsvisitor-upload-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.vmsvisitor-camera-btn{background:#2d82c740;border-color:#2d82c7b3}.vmsvisitor-camera-btn:hover{background:#2d82c766}.vmsvisitor-image-preview-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:16px}.vmsvisitor-upload-preview{max-width:100%;max-height:260px;object-fit:contain;border-radius:10px;border:2px solid rgba(255,255,255,.3)}.vmsvisitor-remove-image-btn{position:absolute;top:8px;right:8px;background:#ef4444b3;border:2px solid rgba(255,255,255,.5);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.vmsvisitor-remove-image-btn:hover{background:#ef4444e6}.vmsvisitor-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15);margin-top:8px}.vmsvisitor-btn{padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.vmsvisitor-btn-primary{background:#ffffffe6;color:#1e5fa0}.vmsvisitor-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.vmsvisitor-btn-primary:disabled{opacity:.6;cursor:not-allowed}.vmsvisitor-btn-secondary{background:#0000004d;color:#fff;border:2px solid rgba(255,255,255,.4)}.vmsvisitor-btn-secondary:hover{background:#0006;border-color:#fff9}.vmsvisitor-select__control{background:#0000004d!important;border:2px solid rgba(255,255,255,.4)!important;border-radius:10px!important;min-height:46px!important;box-shadow:none!important;cursor:pointer;transition:all .3s ease}.vmsvisitor-select__control:hover,.vmsvisitor-select__control--is-focused{background:#0006!important;border-color:#fff9!important;box-shadow:0 0 0 3px #ffffff1a!important}.vmsvisitor-select__value-container{padding:2px 14px!important}.vmsvisitor-select__single-value{color:#fff!important;font-size:14px!important;font-weight:600!important}.vmsvisitor-select__placeholder{color:#fffc!important;font-size:14px!important;font-weight:500!important}.vmsvisitor-select__input-container{color:#fff!important;font-size:14px!important;font-weight:600!important}.vmsvisitor-select__indicator-separator{background-color:#ffffff4d!important}.vmsvisitor-select__dropdown-indicator,.vmsvisitor-select__clear-indicator{color:#ffffffb3!important;padding:6px!important}.vmsvisitor-select__dropdown-indicator:hover,.vmsvisitor-select__clear-indicator:hover{color:#fff!important}.vmsvisitor-select__menu{background:#1e5fa0!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 24px #0006!important;z-index:9999!important}.vmsvisitor-select__menu-list{padding:4px!important}.vmsvisitor-select__option{background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:500!important;padding:10px 14px!important;border-radius:8px!important;cursor:pointer!important;transition:background .2s ease}.vmsvisitor-select__option:hover,.vmsvisitor-select__option--is-focused{background:#ffffff26!important}.vmsvisitor-select__option--is-selected{background:#ffffff40!important;font-weight:700!important}.vmsvisitor-select__no-options-message{color:#ffffffb3!important;font-size:13px!important}@media (max-width: 768px){.vmsvisitor-sidebar{width:0}.vmsvisitor-sidebar-open{width:280px}.vmsvisitor-content-shifted,.vmsvisitor-content-full{margin-left:0}.vmsvisitor-topbar{padding:16px 20px}.vmsvisitor-page-title{font-size:18px}.vmsvisitor-back-btn span{display:none}.vmsvisitor-content-area{padding:20px 16px}.vmsvisitor-form-card{padding:24px 20px}.vmsvisitor-form-row{grid-template-columns:1fr}.vmsvisitor-form-actions{flex-direction:column-reverse}.vmsvisitor-btn{width:100%;justify-content:center}}.vmsrep-wrapper{min-height:100vh;background:#02081a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow-x:clip}.vmsrep-wrapper:before{content:"";position:fixed;top:-15%;right:-8%;width:680px;height:680px;background:radial-gradient(circle,rgba(0,212,255,.06) 0%,transparent 65%);border-radius:50%;animation:vmsrep-orb-float 14s ease-in-out infinite;pointer-events:none;z-index:0}.vmsrep-wrapper:after{content:"";position:fixed;bottom:-15%;left:5%;width:520px;height:520px;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 65%);border-radius:50%;animation:vmsrep-orb-float 18s ease-in-out infinite reverse;pointer-events:none;z-index:0}@keyframes vmsrep-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-28px,38px) scale(1.04)}66%{transform:translate(22px,-28px) scale(.97)}}.vmsrep-sidebar{width:280px;height:100vh;background:#02081ae0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(0,212,255,.1);box-shadow:4px 0 40px #0009;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.vmsrep-sidebar-closed{width:0;border:none;overflow:hidden}.vmsrep-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;min-width:280px}.vmsrep-sidebar-content::-webkit-scrollbar{width:3px}.vmsrep-sidebar-content::-webkit-scrollbar-track{background:transparent}.vmsrep-sidebar-content::-webkit-scrollbar-thumb{background:#00d4ff2e;border-radius:3px}.vmsrep-sidebar-header{text-align:center;margin-bottom:24px}.vmsrep-sidebar-logo{width:100px;height:100px;border-radius:50%;border:2px solid rgba(0,212,255,.28);box-shadow:0 0 28px #00d4ff1f,0 4px 20px #00000080;margin-bottom:16px;object-fit:contain;padding:8px;background:#00d4ff0a;cursor:pointer;transition:box-shadow .3s,border-color .3s}.vmsrep-sidebar-logo:hover{box-shadow:0 0 44px #00d4ff40,0 4px 20px #00000080;border-color:#00d4ff80}.vmsrep-sidebar-title{font-size:1rem;font-weight:800;margin-bottom:4px;background:linear-gradient(90deg,#00d4ff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.vmsrep-sidebar-subtitle{color:#fff6;font-size:.73rem;letter-spacing:.5px;text-transform:uppercase}.vmsrep-sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.18),transparent);margin:16px 0}.vmsrep-sidebar-nav{display:flex;flex-direction:column;gap:4px}.vmsrep-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;color:#ffffff8c;text-decoration:none;font-size:.88rem;transition:all .2s;border:1px solid transparent}.vmsrep-nav-item:hover{background:#00d4ff12;color:#fff;border-color:#00d4ff1f}.vmsrep-nav-item-active{background:#00d4ff1a;color:#00d4ff;border-color:#00d4ff33;font-weight:600}.vmsrep-nav-icon{font-size:1.1rem}.vmsrep-sidebar-footer{margin-top:auto}.vmsrep-user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#00d4ff08;border:1px solid rgba(0,212,255,.08);cursor:pointer;margin-bottom:12px;transition:all .2s}.vmsrep-user-profile:hover{background:#00d4ff12;border-color:#00d4ff29}.vmsrep-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,212,255,.25);flex-shrink:0}.vmsrep-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#00d4ff12;color:#00d4ff99}.vmsrep-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.vmsrep-user-name{color:#fff;font-size:.82rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vmsrep-user-role{color:#fff6;font-size:.72rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vmsrep-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#ef444424;color:#fc8181;border:1px solid rgba(239,68,68,.22);border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s}.vmsrep-logout-btn:hover{background:#ef444447;color:#fff;border-color:#ef444473}.vmsrep-main{flex:1;min-height:100vh;min-width:0;max-width:100%;overflow-x:hidden;transition:margin-left .3s ease;display:flex;flex-direction:column;position:relative;z-index:1}.vmsrep-main-shifted{margin-left:280px}.vmsrep-main-full{margin-left:0}.vmsrep-topbar{display:flex;align-items:center;gap:16px;padding:18px 28px;background:#02081ad1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,212,255,.09);position:sticky;top:0;z-index:50;box-shadow:0 4px 24px #00000080}.vmsrep-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.35),rgba(59,130,246,.35),transparent)}.vmsrep-menu-toggle{background:#00d4ff12;border:1px solid rgba(0,212,255,.18);color:#00d4ff;border-radius:8px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.vmsrep-menu-toggle:hover{background:#00d4ff24;box-shadow:0 0 14px #00d4ff2e}.vmsrep-page-title{font-size:1.3rem;font-weight:800;background:linear-gradient(90deg,#00d4ff,#3b82f6 55%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.4px}.vmsrep-content-area{padding:28px;display:flex;flex-direction:column;gap:24px}.vmsrep-filter-card{background:#030a1cbf;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(0,212,255,.1);border-radius:20px;padding:26px;box-shadow:0 8px 40px #00000080,inset 0 1px #00d4ff0d;position:relative;overflow:hidden}.vmsrep-filter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),rgba(59,130,246,.5),transparent);border-radius:20px 20px 0 0}.vmsrep-filter-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}.vmsrep-filter-header-left{display:flex;align-items:center;gap:8px;color:#00d4ff;font-size:.92rem;font-weight:700;letter-spacing:.3px}.vmsrep-mode-switcher{display:flex;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px;flex-wrap:wrap}.vmsrep-mode-btn{padding:5px 16px;border-radius:9px;border:none;background:transparent;color:#ffffff73;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.3px;white-space:nowrap}.vmsrep-mode-btn:hover{color:#fffc}.vmsrep-mode-btn-active{background:#00d4ff24;color:#00d4ff;box-shadow:0 0 10px #00d4ff24}.vmsrep-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:22px}.vmsrep-field{display:flex;flex-direction:column;gap:7px}.vmsrep-field-wide{grid-column:span 2}.vmsrep-label{color:#00d4ffa6;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.9px}.vmsrep-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#fff;padding:9px 12px;font-size:.88rem;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.vmsrep-input::placeholder{color:#ffffff38}.vmsrep-input:focus{border-color:#00d4ff61;background:#00d4ff0a;box-shadow:0 0 0 3px #00d4ff12}.vmsrep-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#fff;padding:9px 12px;font-size:.88rem;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.vmsrep-select:focus{border-color:#00d4ff61;background:#00d4ff0a;box-shadow:0 0 0 3px #00d4ff12}.vmsrep-select option{background:#06101e;color:#fff}.vmsrep-select__control{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;box-shadow:none!important;min-height:40px!important;transition:all .2s!important;cursor:pointer!important}.vmsrep-select__control--is-focused{border-color:#00d4ff61!important;background:#00d4ff0a!important;box-shadow:0 0 0 3px #00d4ff12!important}.vmsrep-select__single-value{color:#fff!important;font-size:.88rem;font-weight:600;white-space:normal!important;overflow:visible!important;word-break:break-word}.vmsrep-select__placeholder{color:#ffffff38!important;font-size:.88rem}.vmsrep-select__input-container{color:#fff!important}.vmsrep-select__value-container{flex-wrap:wrap!important;padding:4px 10px!important}.vmsrep-select__menu{background:#060f22!important;border:1px solid rgba(0,212,255,.18)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 20px 60px #000000bf!important;z-index:9999!important}.vmsrep-select__menu-list::-webkit-scrollbar{width:4px}.vmsrep-select__menu-list::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:4px}.vmsrep-select__option{background:transparent!important;color:#ffffffb8!important;font-size:.87rem;white-space:normal!important;word-break:break-word;padding:9px 14px!important}.vmsrep-select__option--is-focused{background:#00d4ff17!important;color:#7ee8ff!important}.vmsrep-select__option--is-selected{background:#00d4ff29!important;color:#00d4ff!important;font-weight:700}.vmsrep-select__indicator-separator{background:#ffffff14!important}.vmsrep-select__dropdown-indicator,.vmsrep-select__clear-indicator{color:#00d4ff59!important;transition:color .2s}.vmsrep-select__dropdown-indicator:hover,.vmsrep-select__clear-indicator:hover{color:#00d4ff!important}.vmsrep-filter-actions{display:flex;gap:12px;flex-wrap:wrap}.vmsrep-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:10px;font-size:.88rem;font-weight:700;border:none;cursor:pointer;transition:all .25s;letter-spacing:.3px}.vmsrep-btn:disabled{opacity:.45;cursor:not-allowed}.vmsrep-btn-primary{background:linear-gradient(135deg,#006b8f,#0096c7);color:#fff;border:1px solid rgba(0,212,255,.3);box-shadow:0 4px 18px #0096c740}.vmsrep-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0096c7,#00d4ff);box-shadow:0 6px 28px #00d4ff59;transform:translateY(-1px)}.vmsrep-btn-secondary{background:#ffffff0a;color:#ffffffb3;border:1px solid rgba(255,255,255,.12)}.vmsrep-btn-secondary:hover:not(:disabled){background:#ffffff17;color:#fff}.vmsrep-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vmsrep-stat-card{background:#030a1cbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.vmsrep-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 36px #00000073}.vmsrep-stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--stat-accent, #00d4ff);border-radius:0 0 16px 16px;opacity:.75}.vmsrep-stat-icon-box{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(var(--stat-accent-rgb, 0,212,255),.1);border:1px solid rgba(var(--stat-accent-rgb, 0,212,255),.18);color:var(--stat-accent, #00d4ff);font-size:1.3rem;flex-shrink:0}.vmsrep-stat-body{display:flex;flex-direction:column;gap:3px;min-width:0}.vmsrep-stat-value{font-size:1.65rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px}.vmsrep-stat-label{font-size:.7rem;font-weight:600;color:#ffffff61;text-transform:uppercase;letter-spacing:.7px}.vmsrep-charts-section{display:flex;flex-direction:column;gap:20px}.vmsrep-charts-main-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.vmsrep-charts-row{display:flex;flex-wrap:wrap;gap:20px}.vmsrep-chart-card{background:#030a1cbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.08);border-radius:20px;padding:22px 26px;flex:1;min-width:0;position:relative;overflow:hidden}.vmsrep-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.38),transparent);border-radius:20px 20px 0 0}.vmsrep-chart-main{width:100%;flex:unset}.vmsrep-chart-pie-card{flex:1 1 300px;min-width:260px;max-width:360px}.vmsrep-chart-title{color:#ffffffe0;font-size:.82rem;font-weight:700;margin-bottom:18px;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:8px}.vmsrep-chart-title:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,#00d4ff,#3b82f6);border-radius:3px;flex-shrink:0}.vmsrep-results-card{background:#030a1cbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.08);border-radius:20px;overflow:hidden;position:relative}.vmsrep-results-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.38),rgba(139,92,246,.38),transparent);border-radius:20px 20px 0 0}.vmsrep-results-header{padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vmsrep-view-toggle{display:flex;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px}.vmsrep-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;border:none;background:transparent;color:#fff6;cursor:pointer;transition:all .2s}.vmsrep-view-btn:hover{color:#fff;background:#ffffff14}.vmsrep-view-btn-active{background:#00d4ff26;color:#00d4ff;box-shadow:0 0 8px #00d4ff26}.vmsrep-visitor-cards-scroll{background:linear-gradient(to right,rgba(3,10,28,1) 0%,transparent 32px) left center,linear-gradient(to left,rgba(3,10,28,1) 0%,transparent 32px) right center,radial-gradient(farthest-side at 0% 50%,rgba(0,212,255,.16),transparent) 0 center,radial-gradient(farthest-side at 100% 50%,rgba(0,212,255,.16),transparent) 100% center;background-repeat:no-repeat;background-size:32px 100%,32px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll}.vmsrep-visitor-cards{display:flex;flex-wrap:nowrap;gap:16px;padding:20px 24px 28px;overflow-x:auto;overflow-y:visible;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.vmsrep-visitor-cards::-webkit-scrollbar{display:none}.vmsrep-visitor-card{flex:0 0 260px;min-height:380px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;border-top:3px solid var(--card-accent, #00d4ff)}.vmsrep-visitor-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000080,0 0 0 1px var(--card-accent, #00d4ff)}.vmsrep-vc-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#02081a2e,#02081a73 45%,#02081aeb);pointer-events:none;z-index:1}.vmsrep-vc-no-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff0f;font-size:72px;z-index:0;background:linear-gradient(135deg,#ffffff05,rgba(var(--card-accent-rgb, 0,212,255),.05))}.vmsrep-vc-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:14px}.vmsrep-vc-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0}.vmsrep-vc-body{margin-top:auto;padding-top:12px}.vmsrep-visitor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, #00d4ff);border-radius:16px 16px 0 0;opacity:.7}.vmsrep-visitor-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0006;border-color:rgba(var(--card-accent, 0,212,255),.25)}.vmsrep-vc-date{font-size:.72rem;color:#ffffffa6;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.vmsrep-vc-name{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.9)}.vmsrep-vc-fields{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.vmsrep-vc-row{display:flex;align-items:baseline;gap:8px;font-size:.8rem}.vmsrep-vc-label{color:#00d4ffcc;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;flex-shrink:0;min-width:90px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.vmsrep-vc-val{color:#ffffffe6;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.8)}.vmsrep-vc-times{display:flex;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.vmsrep-vc-time-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.8)}.vmsrep-vc-time-label{font-size:.65rem;font-weight:700;color:#00d4ffe6;letter-spacing:.5px;background:#00d4ff1f;border:1px solid rgba(0,212,255,.25);border-radius:4px;padding:1px 6px}.vmsrep-results-title{color:#fff;font-size:.92rem;font-weight:700;display:flex;align-items:center;gap:10px}.vmsrep-results-count{background:#00d4ff1a;color:#00d4ff;border:1px solid rgba(0,212,255,.22);border-radius:20px;padding:2px 12px;font-size:.76rem;font-weight:700;letter-spacing:.3px}.vmsrep-empty{padding:56px 24px;text-align:center;color:#ffffff4d;font-size:.88rem}.vmsrep-table-wrap{overflow-x:auto;cursor:grab;background:linear-gradient(to right,rgba(3,10,28,1) 0%,transparent 24px) left center,linear-gradient(to left,rgba(3,10,28,1) 0%,transparent 24px) right center,radial-gradient(farthest-side at 0% 50%,rgba(0,212,255,.18),transparent) 0 center,radial-gradient(farthest-side at 100% 50%,rgba(0,212,255,.18),transparent) 100% center;background-repeat:no-repeat;background-size:24px 100%,24px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll;-webkit-overflow-scrolling:touch}.vmsrep-table-dragging{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.vmsrep-table-wrap::-webkit-scrollbar{height:4px}.vmsrep-table-wrap::-webkit-scrollbar-track{background:transparent}.vmsrep-table-wrap::-webkit-scrollbar-thumb{background:#00d4ff2e;border-radius:4px}.vmsrep-table{width:100%;border-collapse:collapse;font-size:.82rem}.vmsrep-table thead tr{border-bottom:1px solid rgba(0,212,255,.1);background:#00d4ff08}.vmsrep-table th{padding:12px 16px;color:#00d4ff8c;text-align:left;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.vmsrep-table td{padding:12px 16px;color:#ffffffc7;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}.vmsrep-table tbody tr{transition:background .15s;position:relative}.vmsrep-table tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--row-accent, transparent);opacity:0;transition:opacity .15s}.vmsrep-table tbody tr:hover{background:#00d4ff0a}.vmsrep-table tbody tr:hover:before{opacity:1}.vmsrep-status-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vmsrep-status-pending{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.vmsrep-status-completed{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}@media (max-width: 1300px){.vmsrep-chart-pie-card{flex:1 1 100%;max-width:unset}}@media (max-width: 1024px){.vmsrep-charts-main-row{flex-direction:column}.vmsrep-chart-pie-card{flex:unset;max-width:unset;width:100%;min-width:unset}}@media (max-width: 900px){.vmsrep-stats-strip{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 768px){.vmsrep-sidebar{width:0}.vmsrep-sidebar-open{width:280px}.vmsrep-main-shifted{margin-left:0}.vmsrep-content-area{padding:16px;gap:16px}.vmsrep-filter-grid{grid-template-columns:1fr 1fr}.vmsrep-field-wide{grid-column:span 2}.vmsrep-chart-card{width:100%;min-width:unset}.vmsrep-stat-value{font-size:1.35rem}}@media (max-width: 480px){.vmsrep-filter-grid{grid-template-columns:1fr}.vmsrep-field-wide{grid-column:span 1}.vmsrep-stats-strip{grid-template-columns:1fr 1fr;gap:10px}.vmsrep-stat-card{padding:14px 16px}.vmsrep-content-area{padding:12px;gap:14px}.vmsrep-filter-card{padding:18px 16px}.vmsrep-mode-btn{padding:5px 10px;font-size:.74rem}}.imscreate-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imscreate-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imscreate-float 8s ease-in-out infinite;z-index:0}.imscreate-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imscreate-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imscreate-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imscreate-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.imscreate-sidebar-closed{width:0;border:none;overflow:hidden}.imscreate-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.imscreate-sidebar-header{text-align:center;margin-bottom:24px}.imscreate-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:imscreate-pulse 2s infinite;display:block;margin-left:auto;margin-right:auto}@keyframes imscreate-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #667eea66}}.imscreate-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imscreate-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4);text-align:center}.imscreate-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center;margin:0}.imscreate-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imscreate-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imscreate-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.imscreate-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d}.imscreate-nav-icon{font-size:20px;flex-shrink:0}.imscreate-sidebar-footer{margin-top:auto}.imscreate-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imscreate-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imscreate-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imscreate-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imscreate-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscreate-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscreate-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imscreate-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imscreate-logout-icon{font-size:18px}.imscreate-main-content{flex:1;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.imscreate-content-shifted{margin-left:280px}.imscreate-content-full{margin-left:0}.imscreate-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.imscreate-menu-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imscreate-menu-toggle:hover{background:#ffffff40;transform:scale(1.05)}.imscreate-page-title{font-size:22px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0}.imscreate-content-area{flex:1;padding:32px;overflow-y:auto}.imscreate-step-header{margin-bottom:28px}.imscreate-step-title{font-size:20px;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);margin:0 0 6px}.imscreate-step-subtitle{font-size:14px;color:#ffffffd9;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreate-back-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;transition:all .25s ease;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreate-back-btn:hover{background:#ffffff40;transform:translate(-3px)}.imscreate-back-row{margin-top:28px}.imscreate-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.imscreate-type-card{position:relative;border-radius:20px;background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #0003;cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;min-height:200px}.imscreate-type-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 36px #0000004d}.imscreate-type-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.imscreate-type-card-body{position:relative;z-index:1;padding:28px 24px;display:flex;flex-direction:column;gap:8px;height:100%}.imscreate-type-code{display:inline-block;background:#fff3;color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.3);width:fit-content;margin-bottom:4px}.imscreate-type-name{font-size:22px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.imscreate-type-desc{font-size:13px;color:#ffffffd9;margin:0;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.25);flex:1}.imscreate-type-cta{font-size:13px;font-weight:700;color:#ffffffe6;margin-top:12px;letter-spacing:.5px}.imscreate-empty-state{background:#ffffff1f;border:1px dashed rgba(255,255,255,.4);border-radius:16px;padding:48px 32px;text-align:center;color:#ffffffe6;font-size:15px;font-weight:500}.imscreate-empty-link{color:#fff;font-weight:700;text-decoration:underline}.imscreate-step2-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.imscreate-type-badge{display:flex;align-items:center;gap:10px;background:#00000040;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 16px}.imscreate-type-badge-code{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fffc;background:#ffffff26;padding:3px 10px;border-radius:20px}.imscreate-type-badge-name{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreate-form-card{background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px;box-shadow:0 8px 32px #0003}.imscreate-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.imscreate-full-width{grid-column:1 / -1}.imscreate-form-group{display:flex;flex-direction:column;gap:8px}.imscreate-label{font-size:13px;font-weight:700;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.3);letter-spacing:.3px}.imscreate-required{color:#fc4}.imscreate-input{background:#00000040;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:11px 14px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s,background .2s;outline:none;width:100%;box-sizing:border-box}.imscreate-input::placeholder{color:#ffffff73}.imscreate-input:focus{border-color:#ffffffb3;background:#00000059}.imscreate-textarea{resize:vertical;min-height:80px}.imscreate-no-options{background:#0003;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:11px 14px;font-size:13px;color:#fffc}.imscreate-select__control{background:#00000040!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:10px!important;box-shadow:none!important;min-height:44px!important;transition:border-color .2s!important}.imscreate-select__control:hover{border-color:#fff9!important}.imscreate-select__control--is-focused{border-color:#ffffffb3!important;background:#00000059!important}.imscreate-select__single-value{color:#fff!important;font-size:14px!important}.imscreate-select__placeholder{color:#ffffff73!important;font-size:14px!important}.imscreate-select__input-container,.imscreate-select__input{color:#fff!important}.imscreate-select__menu{background:#0d6b5e!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:10px!important;box-shadow:0 8px 24px #00000059!important;z-index:999!important}.imscreate-select__option{background:transparent!important;color:#ffffffe6!important;font-size:14px!important;padding:10px 14px!important}.imscreate-select__option--is-focused{background:#ffffff1f!important}.imscreate-select__option--is-selected{background:#fff3!important;font-weight:700!important}.imscreate-select__indicator-separator{background:#fff3!important}.imscreate-select__dropdown-indicator,.imscreate-select__clear-indicator{color:#fff9!important}.imscreate-select__dropdown-indicator:hover,.imscreate-select__clear-indicator:hover{color:#fff!important}.imscreate-dropzone{border:2px dashed rgba(255,255,255,.4);border-radius:14px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:#00000026;transition:border-color .2s,background .2s;text-align:center}.imscreate-dropzone:hover,.imscreate-dropzone-active{border-color:#fffc;background:#00000040}.imscreate-upload-icon{color:#ffffffb3}.imscreate-upload-text{font-size:14px;font-weight:600;color:#ffffffe6;margin:0}.imscreate-upload-hint{font-size:12px;color:#ffffff8c;margin:0}.imscreate-upload-actions{display:flex;gap:10px;margin-top:8px}.imscreate-upload-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;transition:background .2s}.imscreate-upload-btn:hover{background:#ffffff40}.imscreate-image-preview{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.imscreate-preview-img{max-width:100%;max-height:280px;border-radius:12px;border:2px solid rgba(255,255,255,.3);object-fit:contain;box-shadow:0 4px 16px #00000040}.imscreate-remove-img{display:inline-flex;align-items:center;gap:6px;background:#ef444433;border:1px solid rgba(239,68,68,.45);border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:7px 14px;cursor:pointer;transition:background .2s}.imscreate-remove-img:hover{background:#ef444459}.imscreate-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.imscreate-thumb-wrap{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.25);flex-shrink:0}.imscreate-thumb-img{width:100%;height:100%;object-fit:cover}.imscreate-thumb-file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff1a;color:#fffc;font-size:11px}.imscreate-thumb-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background:#ef4444d9;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.imscreate-thumb-remove:hover{background:#dc2626}.imscreate-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.imscreate-cancel-btn{padding:12px 28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.imscreate-cancel-btn:hover:not(:disabled){background:#fff3}.imscreate-cancel-btn:disabled,.imscreate-submit-btn:disabled{opacity:.55;cursor:not-allowed}.imscreate-submit-btn{padding:12px 32px;background:#ffffff38;border:1px solid rgba(255,255,255,.5);border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #0003}.imscreate-submit-btn:hover:not(:disabled){background:#ffffff52;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}@media (max-width: 768px){.imscreate-content-shifted{margin-left:0}.imscreate-content-area{padding:20px 16px}.imscreate-topbar{padding:16px 20px}.imscreate-type-grid,.imscreate-form-grid{grid-template-columns:1fr}.imscreate-full-width{grid-column:1}.imscreate-form-card{padding:20px 16px}.imscreate-page-title{font-size:17px}.imscreate-step2-header{flex-direction:column;align-items:flex-start}}.imscreate-ics-header{background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;box-shadow:0 4px 20px #00000026}.imscreate-ics-number-group{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px}.imscreate-ics-input{font-size:15px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.imscreate-ics-count{display:flex;flex-direction:column;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 20px;min-width:64px}.imscreate-ics-count-num{font-size:26px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.3)}.imscreate-ics-count-label{font-size:11px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1px}.imscreate-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.imscreate-item-card{background:linear-gradient(155deg,#0a7a72,#0f9e58,#13a84f);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000026;transition:box-shadow .2s}.imscreate-item-card:hover{box-shadow:0 6px 20px #0003}.imscreate-item-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.15);background:#00000026;transition:background .2s;-webkit-user-select:none;user-select:none}.imscreate-item-card-header:hover{background:#00000038}.imscreate-item-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.imscreate-item-num{font-size:13px;font-weight:800;color:#fffffff2;background:#ffffff2e;padding:4px 12px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.imscreate-item-name-preview{font-size:14px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreate-item-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.imscreate-item-collapse-hint{font-size:12px;color:#ffffffa6}.imscreate-item-remove-btn{display:inline-flex;align-items:center;gap:5px;background:#ef444433;border:1px solid rgba(239,68,68,.45);border-radius:8px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;transition:background .2s}.imscreate-item-remove-btn:hover{background:#ef444459}.imscreate-item-card-body{padding:20px 20px 24px}.imscreate-add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.4);border-radius:14px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;margin-bottom:20px;letter-spacing:.3px}.imscreate-add-item-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffffb3;transform:translateY(-2px)}.imscreate-add-item-btn:disabled{opacity:.5;cursor:not-allowed}.imscreateppe-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imscreateppe-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imscreateppe-float 8s ease-in-out infinite;z-index:0}.imscreateppe-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imscreateppe-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imscreateppe-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imscreateppe-sidebar{width:280px;height:100vh;background:#00000052;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #00000026;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.imscreateppe-sidebar-closed{width:0;border:none;overflow:hidden}.imscreateppe-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%}.imscreateppe-sidebar-header{text-align:center;margin-bottom:24px}.imscreateppe-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #00000040;margin-bottom:24px;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;animation:imscreateppe-pulse 2s infinite;display:block;margin-left:auto;margin-right:auto}@keyframes imscreateppe-pulse{0%,to{box-shadow:0 4px 20px #00000040}50%{box-shadow:0 4px 30px #11998e66}}.imscreateppe-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imscreateppe-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4);text-align:center}.imscreateppe-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center;margin:0}.imscreateppe-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imscreateppe-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imscreateppe-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.imscreateppe-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d}.imscreateppe-nav-icon{font-size:20px;flex-shrink:0}.imscreateppe-sidebar-footer{margin-top:auto}.imscreateppe-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imscreateppe-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imscreateppe-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imscreateppe-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imscreateppe-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscreateppe-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscreateppe-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imscreateppe-logout-btn:hover{background:#ef444459;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imscreateppe-logout-icon{font-size:18px}.imscreateppe-main-content{flex:1;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.imscreateppe-content-shifted{margin-left:280px}.imscreateppe-content-full{margin-left:0}.imscreateppe-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.imscreateppe-menu-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.imscreateppe-menu-toggle:hover{background:#ffffff40;transform:scale(1.05)}.imscreateppe-page-title{font-size:20px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4);margin:0;display:flex;align-items:center}.imscreateppe-content-area{flex:1;padding:32px;overflow-y:auto}.imscreateppe-step-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.imscreateppe-back-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;padding:10px 18px;cursor:pointer;transition:all .25s ease;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreateppe-back-btn:hover{background:#ffffff40;transform:translate(-3px)}.imscreateppe-type-badge{display:flex;align-items:center;gap:10px;background:#00000040;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:8px 16px}.imscreateppe-type-badge-code{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ffffffd9;background:#ffffff2e;padding:3px 10px;border-radius:20px}.imscreateppe-type-badge-name{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreateppe-par-header{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;box-shadow:0 4px 20px #0003}.imscreateppe-par-number-group{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px}.imscreateppe-ao-group{flex:2;min-width:280px}.imscreateppe-par-input{font-size:15px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.imscreateppe-par-count{display:flex;flex-direction:column;align-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 20px;min-width:64px}.imscreateppe-par-count-num{font-size:26px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.35)}.imscreateppe-par-count-label{font-size:11px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1px}.imscreateppe-items-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.imscreateppe-item-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.25);border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #0003;transition:box-shadow .2s}.imscreateppe-item-card:hover{box-shadow:0 6px 22px #00000047}.imscreateppe-item-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.15);background:#0000002e;transition:background .2s;-webkit-user-select:none;user-select:none}.imscreateppe-item-card-header:hover{background:#00000042}.imscreateppe-item-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.imscreateppe-item-num{font-size:12px;font-weight:800;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.imscreateppe-item-name-preview{font-size:14px;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreateppe-item-type-badge{font-size:12px;font-weight:700;color:#ffd54f;background:#ffd54f26;border:1px solid rgba(255,213,79,.35);border-radius:8px;padding:3px 10px;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.imscreateppe-item-plate-preview{font-size:13px;font-weight:700;color:#fff;background:#11998e33;border:1px solid rgba(56,239,125,.35);border-radius:8px;padding:3px 10px;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.imscreateppe-item-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.imscreateppe-item-collapse-hint{font-size:11px;color:#ffffff8c}.imscreateppe-item-remove-btn{display:inline-flex;align-items:center;gap:4px;background:#ef44442e;border:1px solid rgba(239,68,68,.4);border-radius:7px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;cursor:pointer;transition:background .2s}.imscreateppe-item-remove-btn:hover{background:#ef444452}.imscreateppe-item-card-body{padding:24px;display:flex;flex-direction:column;gap:20px}.imscreateppe-section-label{display:flex;align-items:center;gap:10px;margin-bottom:-8px}.imscreateppe-section-title{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff;padding:4px 12px;background:#11998e40;border:1px solid rgba(56,239,125,.35);border-radius:20px}.imscreateppe-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.imscreateppe-full-width{grid-column:1 / -1}.imscreateppe-form-group{display:flex;flex-direction:column;gap:7px}.imscreateppe-label{font-size:13px;font-weight:700;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.3);letter-spacing:.3px}.imscreateppe-required{color:#ffd54f}.imscreateppe-input{background:#00000047;border:1px solid rgba(255,255,255,.28);border-radius:10px;padding:11px 14px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s,background .2s;outline:none;width:100%;box-sizing:border-box}.imscreateppe-input::placeholder{color:#ffffff6b}.imscreateppe-input:focus{border-color:#38ef7d99;background:#00000061}.imscreateppe-input-mono{font-family:Courier New,Courier,monospace;font-size:13px;letter-spacing:.8px}.imscreateppe-textarea{resize:vertical;min-height:80px}.imscreateppe-no-options{background:#0003;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:11px 14px;font-size:13px;color:#ffffffbf}.imscreateppe-empty-link{color:#38ef7d;font-weight:700;text-decoration:underline}.imscreateppe-select__control{background:#00000047!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;box-shadow:none!important;min-height:44px!important;transition:border-color .2s!important}.imscreateppe-select__control:hover{border-color:#38ef7d80!important}.imscreateppe-select__control--is-focused{border-color:#38ef7da6!important;background:#00000061!important}.imscreateppe-select__single-value{color:#fff!important;font-size:14px!important}.imscreateppe-select__placeholder{color:#ffffff6b!important;font-size:14px!important}.imscreateppe-select__input-container,.imscreateppe-select__input{color:#fff!important}.imscreateppe-select__menu{background:#0a2819f7!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:10px!important;box-shadow:0 8px 24px #0006!important;z-index:999!important}.imscreateppe-select__option{background:transparent!important;color:#ffffffe6!important;font-size:14px!important;padding:10px 14px!important}.imscreateppe-select__option--is-focused{background:#11998e33!important}.imscreateppe-select__option--is-selected{background:#11998e59!important;font-weight:700!important}.imscreateppe-select__indicator-separator{background:#fff3!important}.imscreateppe-select__dropdown-indicator,.imscreateppe-select__clear-indicator{color:#ffffff8c!important}.imscreateppe-select__dropdown-indicator:hover,.imscreateppe-select__clear-indicator:hover{color:#fff!important}.imscreateppe-dropzone{border:2px dashed rgba(255,255,255,.38);border-radius:14px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:#00000026;transition:border-color .2s,background .2s;text-align:center}.imscreateppe-dropzone:hover{border-color:#38ef7d99;background:#00000040}.imscreateppe-upload-icon{color:#ffffffa6}.imscreateppe-upload-text{font-size:14px;font-weight:600;color:#ffffffe6;margin:0}.imscreateppe-upload-hint{font-size:12px;color:#ffffff80;margin:0}.imscreateppe-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.imscreateppe-thumb-wrap{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.22);flex-shrink:0}.imscreateppe-thumb-img{width:100%;height:100%;object-fit:cover}.imscreateppe-thumb-file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff1a;color:#fffc;font-size:11px}.imscreateppe-thumb-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background:#ef4444d9;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.imscreateppe-thumb-remove:hover{background:#dc2626}.imscreateppe-add-item-btn{display:inline-flex;align-items:center;gap:8px;background:#11998e2e;border:2px dashed rgba(56,239,125,.45);border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:14px 24px;cursor:pointer;transition:all .25s ease;width:100%;justify-content:center;margin-bottom:20px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imscreateppe-add-item-btn:hover:not(:disabled){background:#11998e4d;border-color:#38ef7db3;transform:translateY(-2px)}.imscreateppe-add-item-btn:disabled{opacity:.5;cursor:not-allowed}.imscreateppe-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}.imscreateppe-cancel-btn{padding:12px 28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.32);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.imscreateppe-cancel-btn:hover:not(:disabled){background:#fff3}.imscreateppe-cancel-btn:disabled,.imscreateppe-submit-btn:disabled{opacity:.55;cursor:not-allowed}.imscreateppe-submit-btn{padding:12px 32px;background:#11998e4d;border:1px solid rgba(56,239,125,.55);border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #0003}.imscreateppe-submit-btn:hover:not(:disabled){background:#11998e73;transform:translateY(-2px);box-shadow:0 6px 16px #00000047}@media (max-width: 768px){.imscreateppe-content-shifted{margin-left:0}.imscreateppe-content-area{padding:20px 16px}.imscreateppe-topbar{padding:16px 20px}.imscreateppe-form-grid{grid-template-columns:1fr}.imscreateppe-full-width{grid-column:1}.imscreateppe-page-title{font-size:16px}.imscreateppe-step-header{flex-direction:column;align-items:flex-start}.imscreateppe-par-header{flex-direction:column;align-items:stretch}.imscreateppe-par-count{flex-direction:row;justify-content:center;gap:8px}}.vpii-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.vpii-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:vpii-float 8s ease-in-out infinite;z-index:0}.vpii-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:vpii-float 10s ease-in-out infinite reverse;z-index:0}@keyframes vpii-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}@keyframes vpii-card-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.vpii-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.vpii-sidebar-closed{width:0;border:none;overflow:hidden}.vpii-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;min-width:280px}.vpii-sidebar-header{text-align:center;margin-bottom:24px}.vpii-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:vpii-pulse 2s infinite;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes vpii-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #11998e66}}.vpii-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.vpii-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.vpii-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.vpii-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.vpii-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.vpii-nav-item:hover{background:#0000004d;transform:translate(4px)}.vpii-nav-item-active{background:#0006;box-shadow:0 4px 12px #0000004d}.vpii-nav-icon{font-size:20px}.vpii-sidebar-footer{margin-top:auto}.vpii-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.vpii-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.vpii-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.vpii-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.vpii-user-name{font-size:14px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vpii-user-role{font-size:12px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vpii-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.vpii-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.vpii-logout-icon{font-size:18px}.vpii-main{flex:1;min-width:0;overflow-x:clip;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.vpii-main-shifted{margin-left:280px}.vpii-main-full{margin-left:0}.vpii-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.vpii-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.vpii-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.vpii-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6);flex:1;text-align:center}.vpii-back-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 20px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.vpii-back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.vpii-summary-bar{display:flex;align-items:center;justify-content:center;background:#0003;border-bottom:1px solid rgba(255,255,255,.12);padding:16px 32px}.vpii-summary-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:220px;gap:2px}.vpii-summary-num{font-size:22px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.vpii-summary-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.vpii-summary-sep{width:1px;height:36px;background:#ffffff2e;flex-shrink:0;margin:0 24px}.vpii-content{flex:1;padding:32px;display:flex;flex-direction:column;gap:28px}.vpii-empty{text-align:center;color:#ffffffb3;padding:60px 20px;font-size:16px}.vpii-card{background:#00000038;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0f}.vpii-card-in{animation:vpii-card-in .45s ease both}.vpii-hero{position:relative;min-height:160px;background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:space-between;padding:24px 28px;gap:16px}.vpii-accent-vehicle{background-color:#1a3a5c}.vpii-accent-land{background-color:#2d4a1e}.vpii-accent-sep{background-color:#3a2d1a}.vpii-accent-default{background-color:#1a2f3a}.vpii-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000d1,#0006 60%,#00000026)}.vpii-hero-content{position:relative;z-index:1;flex:1;min-width:0}.vpii-hero-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.vpii-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vpii-badge-type.vpii-accent-vehicle{background:#3b82f666;border-color:#93c5fd80}.vpii-badge-type.vpii-accent-land{background:#22c55e4d;border-color:#86efac80}.vpii-badge-type.vpii-accent-sep{background:#f59e0b59;border-color:#fde68a80}.vpii-badge-type.vpii-accent-default{background:#6366f159;border-color:#c4b5fd80}.vpii-badge-cat{background:#38ef7d33;border-color:#38ef7d66}.vpii-hero-name{font-size:26px;font-weight:800;color:#fff;margin:0 0 6px;text-shadow:0 2px 12px rgba(0,0,0,.7);line-height:1.2;word-break:break-word}.vpii-hero-sub{font-size:13px;color:#fff9;margin:0;font-weight:500}.vpii-hero-value-pill{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.vpii-hero-value-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:2px}.vpii-hero-value-num{font-size:30px;font-weight:800;color:#38ef7d;text-shadow:0 2px 12px rgba(56,239,125,.4),0 0 24px rgba(56,239,125,.2);line-height:1}.vpii-quick-strip{display:flex;align-items:center;flex-wrap:wrap;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.09);padding:14px 28px;gap:4px}.vpii-quick-item{display:flex;align-items:center;gap:10px;padding:4px 0;flex:1;min-width:150px}.vpii-quick-icon{color:#38ef7db3;flex-shrink:0}.vpii-quick-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin:0 0 2px}.vpii-quick-value{font-size:14px;font-weight:700;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vpii-quick-sep{width:1px;height:36px;background:#ffffff1f;flex-shrink:0;margin:0 18px}.vpii-card-body{display:flex;flex-direction:column}.vpii-section{padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.07)}.vpii-section:last-child{border-bottom:none}.vpii-section-financial{background:#38ef7d0a}.vpii-section-special{background:#ffffff05}.vpii-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff6;margin:0 0 16px;display:flex;align-items:center}.vpii-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 28px}.vpii-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#ffffff6b;margin:0 0 3px}.vpii-field-value{font-size:14px;font-weight:600;color:#fff;margin:0;word-break:break-word}.vpii-financials-row{display:flex;flex-wrap:wrap;gap:12px}.vpii-fin-box{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 22px;min-width:130px;flex:1}.vpii-fin-box-total{background:#38ef7d1a;border-color:#38ef7d47}.vpii-fin-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff6b;margin:0 0 5px}.vpii-fin-value{font-size:24px;font-weight:800;color:#fff;margin:0;line-height:1}.vpii-fin-total{color:#38ef7d;text-shadow:0 2px 10px rgba(56,239,125,.3)}.vpii-media-section{padding:22px 28px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:20px;background:#0000001a}.vpii-media-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#ffffff6b;margin:0 0 12px;display:flex;align-items:center}.vpii-gallery{display:flex;flex-wrap:wrap;gap:10px}.vpii-thumb{width:100px;height:100px;border-radius:12px;overflow:hidden;cursor:pointer;border:1.5px solid rgba(255,255,255,.18);transition:all .25s ease;position:relative;background:#00000040;flex-shrink:0}.vpii-thumb:hover{border-color:#38ef7d99;transform:scale(1.08);box-shadow:0 6px 20px #0006,0 0 0 2px #38ef7d2e}.vpii-thumb img{width:100%;height:100%;object-fit:cover}.vpii-thumb-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.vpii-thumb:hover .vpii-thumb-overlay{opacity:1}.vpii-thumb-doc{border-color:#ffffff1f}.vpii-thumb-label{position:absolute;bottom:0;left:0;right:0;background:#000000a6;font-size:10px;color:#fff;padding:3px 6px;display:flex;align-items:center;gap:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vpii-lightbox{position:fixed;inset:0;background:#000000ed;z-index:1000;display:flex;align-items:center;justify-content:center}.vpii-lb-img{max-width:90vw;max-height:85vh;border-radius:12px;object-fit:contain;box-shadow:0 8px 40px #0009}.vpii-lb-close{position:absolute;top:16px;right:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;transition:background .2s}.vpii-lb-close:hover{background:#ffffff40}.vpii-lb-prev,.vpii-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:36px;padding:10px 16px;cursor:pointer;border-radius:10px;transition:background .2s}.vpii-lb-prev{left:20px}.vpii-lb-next{right:20px}.vpii-lb-prev:hover,.vpii-lb-next:hover{background:#fff3}.vpii-lb-counter{position:absolute;bottom:20px;color:#ffffffb3;font-size:13px}@media (max-width: 768px){.vpii-sidebar{position:fixed;z-index:100}.vpii-main-shifted{margin-left:0}.vpii-content{padding:16px;gap:16px}.vpii-hero{min-height:130px;padding:16px}.vpii-hero-name{font-size:20px}.vpii-hero-value-num{font-size:22px}.vpii-quick-strip{padding:12px 16px}.vpii-quick-sep{margin:0 10px}.vpii-section{padding:16px}.vpii-fields-grid{grid-template-columns:1fr 1fr}.vpii-summary-bar{padding:12px 16px}.vpii-media-section{padding:16px}}.imsrep-wrapper{min-height:100vh;background:linear-gradient(135deg,#11998e,#38ef7d 30%,#20bf6b 70%,#26de81);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.imsrep-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(17,153,142,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:imsrep-float 8s ease-in-out infinite;z-index:0}.imsrep-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(56,239,125,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:imsrep-float 10s ease-in-out infinite reverse;z-index:0}@keyframes imsrep-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.imsrep-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.imsrep-sidebar-closed{width:0;border:none;overflow:hidden}.imsrep-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;min-width:280px}.imsrep-sidebar-header{text-align:center;margin-bottom:24px}.imsrep-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);margin-bottom:24px;animation:imsrep-pulse 2s infinite;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:block;margin-left:auto;margin-right:auto}@keyframes imsrep-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #11998e66}}.imsrep-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.imsrep-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.imsrep-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.imsrep-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.imsrep-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.imsrep-nav-item:hover{background:#0000004d;transform:translate(4px)}.imsrep-nav-item-active{background:#0006;box-shadow:0 4px 12px #0000004d}.imsrep-nav-icon{font-size:20px}.imsrep-sidebar-footer{margin-top:auto}.imsrep-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.imsrep-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.imsrep-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.imsrep-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.imsrep-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsrep-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsrep-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.imsrep-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.imsrep-logout-icon{font-size:18px}.imsrep-main{flex:1;min-width:0;overflow-x:hidden;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.imsrep-main-shifted{margin-left:280px}.imsrep-main-full{margin-left:0}.imsrep-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.imsrep-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.imsrep-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.imsrep-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6);flex:1;text-align:center}.imsrep-content{flex:1;padding:32px;display:flex;flex-direction:column;gap:20px}.imsrep-filter-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-top:2px solid rgba(56,239,125,.55);border-radius:16px;padding:28px;box-shadow:0 4px 24px #00000026,0 0 50px #38ef7d0a}.imsrep-filter-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}.imsrep-filter-header-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#11998e8c,#38ef7d4d);border:1px solid rgba(56,239,125,.35);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #38ef7d2e}.imsrep-filter-header-text{flex:1}.imsrep-filter-title{font-size:17px;font-weight:800;color:#fff;margin:0 0 3px;letter-spacing:-.2px;text-shadow:0 2px 6px rgba(0,0,0,.3)}.imsrep-filter-subtitle{font-size:12px;color:#ffffff7a;margin:0;font-weight:500}.imsrep-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#ffffff73;margin:0 0 10px;display:flex;align-items:center;gap:8px}.imsrep-section-label:after{content:"";flex:1;height:1px;background:#ffffff1a}.imsrep-date-strip{display:flex;align-items:flex-end;gap:6px;margin-bottom:22px}.imsrep-date-field{flex:1}.imsrep-date-div{font-size:20px;font-weight:700;color:#ffffff40;padding-bottom:11px;flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none}.imsrep-detail-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.imsrep-filter-grid{display:none}.imsrep-form-group{display:flex;flex-direction:column;gap:7px}.imsrep-label{font-size:13px;font-weight:700;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.3)}.imsrep-input{background:#00000047;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .2s,background .2s,box-shadow .2s;outline:none;width:100%;box-sizing:border-box}.imsrep-input::placeholder{color:#ffffff61}.imsrep-input:focus{border-color:#38ef7d80;background:#00000059;box-shadow:0 0 0 3px #38ef7d1f}.imsrep-filter-actions{display:flex;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.imsrep-clear-btn{display:flex;align-items:center;gap:6px;padding:13px 22px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.imsrep-clear-btn:hover{background:#fff3;transform:translateY(-2px)}.imsrep-search-btn{display:flex;align-items:center;gap:8px;padding:13px 32px;background:linear-gradient(135deg,#11998ea6,#38ef7d73);border:1px solid rgba(56,239,125,.6);border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex:1;justify-content:center;box-shadow:0 4px 16px #38ef7d33;letter-spacing:.01em}.imsrep-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#11998ed9,#38ef7da6);transform:translateY(-2px);box-shadow:0 8px 24px #38ef7d59}.imsrep-search-btn:disabled{opacity:.6;cursor:not-allowed}.imsrep-searching{display:flex;align-items:center;justify-content:center;gap:14px;padding:40px;color:#fffc;font-size:15px;font-weight:600}.imsrep-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:imsrep-spin .8s linear infinite}@keyframes imsrep-spin{to{transform:rotate(360deg)}}.imsrep-empty{text-align:center;color:#fff9;padding:72px 20px;font-size:15px;font-weight:500;background:#00000026;border:1px dashed rgba(255,255,255,.2);border-radius:16px;letter-spacing:.02em}.imsrep-stats-bar{display:flex;align-items:center;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:22px 32px;box-shadow:0 4px 20px #00000026,inset 0 1px #ffffff14}.imsrep-stat-item{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.imsrep-stat-value{font-size:30px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.3);letter-spacing:-.5px}.imsrep-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80}.imsrep-stat-sep{width:1px;height:48px;background:#ffffff26;flex-shrink:0;margin:0 8px}.imsrep-stat-text-filter{display:flex;align-items:center;gap:8px;background:#00000040;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;flex:1.5;min-width:0}.imsrep-stat-filter-icon{color:#ffffff80;flex-shrink:0}.imsrep-stat-filter-input{background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-family:inherit;width:100%;min-width:0}.imsrep-stat-filter-input::placeholder{color:#ffffff61}.imsrep-stat-filter-clear{background:none;border:none;cursor:pointer;color:#ffffff73;display:flex;align-items:center;padding:0;flex-shrink:0;transition:color .15s}.imsrep-stat-filter-clear:hover{color:#fff}.imsrep-generate-report-btn{display:flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s,transform .15s;white-space:nowrap}.imsrep-generate-report-btn:hover{background:#ffffff38;transform:scale(1.04)}.imsrep-results-list{display:flex;flex-direction:column;gap:16px}@keyframes imsrep-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.imsrep-result-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-left:5px solid rgba(255,255,255,.4);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:0;box-shadow:0 4px 24px #00000026;animation:imsrep-card-in .45s ease both;opacity:0;transition:transform .25s ease,box-shadow .25s ease}.imsrep-result-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000047}.imsrep-card-ppe{border-left-color:#f59e0b}.imsrep-card-sep{border-left-color:#10b981}.imsrep-card-veh{border-left-color:#60a5fa}.imsrep-card-land{border-left-color:#a78bfa}.imsrep-card-default{border-left-color:#fff6}.imsrep-result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.imsrep-result-title-block{flex:1;min-width:0}.imsrep-result-value-highlight{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;background:#38ef7d1a;border:1px solid rgba(56,239,125,.25);border-radius:14px;padding:12px 20px}.imsrep-result-value-amt{font-size:22px;font-weight:800;color:#38ef7d;line-height:1;text-shadow:0 2px 10px rgba(56,239,125,.4);letter-spacing:-.5px}.imsrep-result-value-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin-top:4px}.imsrep-result-title-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.imsrep-result-name{font-size:20px;font-weight:800;color:#fff;margin:6px 0 0;text-shadow:0 2px 10px rgba(0,0,0,.5);letter-spacing:-.3px;line-height:1.3}.imsrep-badges{display:flex;flex-wrap:wrap;gap:6px}.imsrep-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.4);text-shadow:0 1px 3px rgba(0,0,0,.4);text-transform:uppercase;letter-spacing:.5px}.imsrep-badge-cat{background:#11998e66;border-color:#38ef7d80}.imsrep-fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:4px}.imsrep-field-wide{grid-column:span 2}.imsrep-field{background:#0000002e;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;transition:background .2s ease}.imsrep-field:hover{background:#00000047}.imsrep-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff9;margin:0 0 3px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.imsrep-field-value{font-size:14px;font-weight:600;color:#fff;margin:0;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.4)}.imsrep-field-view-row{display:flex;align-items:center;gap:5px}.imsrep-field-edit-btn{background:none;border:none;cursor:pointer;color:#ffffff40;padding:2px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:color .15s ease}.imsrep-field-edit-btn:hover{color:#38ef7dd9}.imsrep-field-edit-row{display:flex;align-items:center;gap:4px;margin-top:2px}.imsrep-field-edit-row-select{align-items:center}.imsrep-field-edit-row-select>div:first-child{flex:1;min-width:0}.imsrep-field-edit-input{flex:1;background:#00000059;border:1px solid rgba(56,239,125,.45);border-radius:6px;color:#fff;font-size:13px;padding:4px 8px;outline:none;min-width:0}.imsrep-field-save-btn,.imsrep-field-cancel-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;flex-shrink:0;transition:background .15s ease}.imsrep-field-save-btn{color:#38ef7d}.imsrep-field-save-btn:hover{background:#38ef7d26}.imsrep-field-save-btn:disabled{opacity:.5;cursor:not-allowed}.imsrep-field-cancel-btn{color:#ffffff73}.imsrep-field-cancel-btn:hover{background:#ffffff14}.imsrep-files-section{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:6px}.imsrep-files-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff9;margin:0 0 10px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.imsrep-files-gallery{display:flex;flex-wrap:wrap;gap:10px}.imsrep-thumb{width:88px;height:88px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative;background:#0003;flex-shrink:0}.imsrep-thumb:hover{border-color:#ffffffb3;transform:scale(1.06);box-shadow:0 6px 16px #0000004d}.imsrep-thumb img{width:100%;height:100%;object-fit:cover}.imsrep-thumb-doc{border-color:#fff3}.imsrep-thumb-label{position:absolute;bottom:0;left:0;right:0;background:#0009;font-size:10px;color:#fff;padding:3px 5px;display:flex;align-items:center;gap:3px}@keyframes imsrep-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes imsrep-modal-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.imsrep-modal-overlay{position:fixed;inset:0;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:imsrep-modal-fade .2s ease}.imsrep-modal{background:linear-gradient(145deg,#08341ef7,#0c4628f7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);border-top:2px solid rgba(56,239,125,.4);border-radius:20px;width:100%;max-width:800px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 28px 70px #0000008c;animation:imsrep-modal-in .25s ease}.imsrep-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.imsrep-modal-header-info{flex:1;min-width:0}.imsrep-modal-title{font-size:22px;font-weight:800;color:#fff;margin:6px 0 0;letter-spacing:-.3px;text-shadow:0 2px 10px rgba(0,0,0,.4)}.imsrep-modal-header-actions{display:flex;align-items:flex-start;gap:12px;flex-shrink:0}.imsrep-modal-edit-toggle{display:flex;align-items:center;gap:6px;padding:0 14px;height:36px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s,transform .2s;margin-top:2px}.imsrep-modal-edit-toggle:hover{background:#ffffff2e;transform:scale(1.04)}.imsrep-modal-edit-toggle-active{background:#38ef7d38;border-color:#38ef7d8c;color:#38ef7d}.imsrep-modal-edit-toggle-active:hover{background:#38ef7d52}.imsrep-modal-close{width:36px;height:36px;border-radius:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .2s;margin-top:2px}.imsrep-modal-close:hover{background:#fff3;transform:scale(1.08)}.imsrep-modal-body{overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:22px;flex:1}.imsrep-modal-body::-webkit-scrollbar{width:5px}.imsrep-modal-body::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.imsrep-modal-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.imsrep-modal-gallery-section{display:flex;flex-direction:column}.imsrep-modal-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.imsrep-modal-thumb{width:118px;height:118px;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.18);transition:all .25s ease;position:relative;background:#00000040;flex-shrink:0}.imsrep-modal-thumb:hover{border-color:#38ef7d99;transform:scale(1.06);box-shadow:0 8px 24px #0006}.imsrep-modal-thumb img{width:100%;height:100%;object-fit:cover}.imsrep-modal-thumb-overlay{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.imsrep-modal-thumb:hover .imsrep-modal-thumb-overlay{opacity:1}.imsrep-modal-thumb-doc{border-color:#ffffff1f}.imsrep-lightbox{position:fixed;inset:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center}.imsrep-lb-img{max-width:90vw;max-height:85vh;border-radius:10px;object-fit:contain;box-shadow:0 8px 40px #0009}.imsrep-lb-close{position:absolute;top:16px;right:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;transition:background .2s}.imsrep-lb-close:hover{background:#ffffff40}.imsrep-lb-prev,.imsrep-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:36px;padding:10px 16px;cursor:pointer;border-radius:10px;transition:background .2s}.imsrep-lb-prev{left:20px}.imsrep-lb-next{right:20px}.imsrep-lb-prev:hover,.imsrep-lb-next:hover{background:#fff3}.imsrep-lb-counter{position:absolute;bottom:20px;color:#ffffffb3;font-size:13px}.imsrep-cards-scroll-wrapper{position:relative;border-radius:16px;overflow:hidden}.imsrep-cards-scroll-wrapper:before,.imsrep-cards-scroll-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}.imsrep-cards-scroll-wrapper:before{left:0;background:linear-gradient(to right,rgba(10,80,40,.5),transparent)}.imsrep-cards-scroll-wrapper:after{right:0;background:linear-gradient(to left,rgba(10,80,40,.5),transparent)}.imsrep-cards-container{display:flex;flex-wrap:nowrap;gap:16px;padding:8px 20px 28px;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:360px;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.imsrep-cards-container::-webkit-scrollbar{display:none}.imsrep-rep-card{flex-shrink:0;width:210px;height:330px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#11998e,#20bf6b 55%,#26de81);background-size:cover;background-position:center;border:1.5px solid rgba(255,255,255,.3);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 28px #00000038;animation:imsrep-card-in .45s ease both;opacity:0;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.imsrep-rep-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px #00000061}.imsrep-rep-card.imsrep-card-ppe{background:linear-gradient(155deg,#92400e,#d97706 55%,#fbbf24);border-color:#fbbf2480;box-shadow:0 8px 28px #f59e0b47}.imsrep-rep-card.imsrep-card-sep{background:linear-gradient(155deg,#064e3b,#059669 55%,#34d399);border-color:#34d39980;box-shadow:0 8px 28px #10b98147}.imsrep-rep-card.imsrep-card-veh{background:linear-gradient(155deg,#1e3a8a,#2563eb 55%,#93c5fd);border-color:#93c5fd80;box-shadow:0 8px 28px #60a5fa47}.imsrep-rep-card.imsrep-card-land{background:linear-gradient(155deg,#4c1d95,#7c3aed 55%,#c4b5fd);border-color:#c4b5fd80;box-shadow:0 8px 28px #a78bfa47}.imsrep-rep-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000f,#0000 25%,#0000008c 65%,#000000e0);pointer-events:none}.imsrep-rep-top{position:relative;z-index:1;padding:14px 14px 0;display:flex;flex-wrap:wrap;gap:5px}.imsrep-rep-body{position:relative;z-index:1;padding:0 14px 16px;color:#fff}.imsrep-rep-name{font-size:15px;font-weight:800;line-height:1.3;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.7);word-break:break-word}.imsrep-rep-meta-row{display:flex;flex-direction:column;margin-bottom:6px}.imsrep-rep-meta-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff85;line-height:1;margin-bottom:2px}.imsrep-rep-meta-value{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.imsrep-rep-price{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.55);margin-top:8px;border-top:1px solid rgba(255,255,255,.2);padding-top:8px}@media (max-width: 900px){.imsrep-detail-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.imsrep-date-strip{flex-wrap:wrap}.imsrep-date-div{display:none}.imsrep-detail-strip{grid-template-columns:1fr}.imsrep-main-shifted{margin-left:0}.imsrep-content{padding:20px}.imsrep-fields-grid{grid-template-columns:1fr 1fr}.imsrep-field-wide{grid-column:span 2}}.acms-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.acms-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:acms-float 8s ease-in-out infinite;z-index:0}.acms-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:acms-float 10s ease-in-out infinite reverse;z-index:0}@keyframes acms-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.acms-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.acms-sidebar-closed{width:0;border:none;overflow:hidden}.acms-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.acms-sidebar-header{text-align:center;margin-bottom:24px}.acms-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:acms-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes acms-pulse{0%,to{box-shadow:0 4px 20px #0003}50%{box-shadow:0 4px 30px #fbbf2466}}.acms-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.acms-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.acms-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.acms-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.acms-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.acms-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.acms-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.acms-nav-icon{font-size:20px}.acms-sidebar-footer{margin-top:auto}.acms-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.acms-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.acms-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.acms-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.acms-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acms-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acms-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.acms-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.acms-logout-icon{font-size:18px}.acms-main{flex:1;min-width:0;overflow-x:clip;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.acms-main-shifted{margin-left:280px}.acms-main-full{margin-left:0}.acms-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.acms-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.acms-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.acms-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4);flex:1;text-align:center}.acms-add-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#ef4444);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d;white-space:nowrap}.acms-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444473}.acms-content-area{flex:1;padding:32px}.acms-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.acms-stat-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;box-shadow:0 4px 16px #0000001a;transition:all .3s ease;min-height:140px}.acms-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.acms-stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.acms-stat-primary .acms-stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.acms-stat-success .acms-stat-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.acms-stat-warning .acms-stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.acms-stat-info .acms-stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.acms-stat-content{min-width:0;overflow:hidden;width:100%}.acms-stat-content h3{font-size:clamp(16px,2.5vw,28px);font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 2px 8px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-align:center}.acms-stat-content p{font-size:13px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5);text-align:center}.acms-table-container{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.acms-table-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.acms-filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;gap:12px}.acms-filter-toggle h3{font-size:20px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.acms-filter-toggle-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.acms-items-count-inline{font-size:12px;color:#ffffffb3;font-weight:600;background:#00000040;padding:4px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.2);white-space:nowrap}.acms-filter-chevron{color:#fffc;transition:transform .3s ease;flex-shrink:0}.acms-filter-chevron-open{transform:rotate(90deg)}.acms-table-controls-collapsible{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,padding .3s ease;padding-top:0}.acms-table-controls-collapsible.acms-filters-open{max-height:300px;opacity:1;padding-top:16px}.acms-table-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.acms-search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.acms-search-icon{position:absolute;left:12px;font-size:18px;color:#fff9}.acms-search-input{width:100%;padding:12px 12px 12px 40px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease}.acms-search-input::placeholder{color:#fffc;font-weight:500}.acms-search-input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.acms-filter-select{padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:all .3s ease;flex:1}.acms-filter-select option{background:#b45309;color:#fff}.acms-filter-select:hover{background:#ffffff26}.acms-table-scroll{overflow-x:auto}.acms-cards-container{display:flex;flex-wrap:nowrap;gap:16px;padding:16px 16px 32px;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:360px;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.acms-cards-container::-webkit-scrollbar{display:none}.acms-acc-card{flex-shrink:0;width:200px;height:380px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#f59e0b,#ef4444 60%,#dc2626);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:flex-end;box-shadow:0 8px 32px #ef44444d;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.acms-acc-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #ef444473}.acms-acc-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#000000a6);pointer-events:none}.acms-acc-desc{position:relative;z-index:1;padding:0 14px 14px;width:100%;color:#fff}.acms-acc-title{font-size:15px;font-weight:700;line-height:1.25;margin:0 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.7);word-break:break-word}.acms-acc-details{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.acms-acc-sub{font-size:11px;color:#ffffffd1;margin:0;line-height:1.4}.acms-acc-sub strong{color:#fff}@media (max-width: 768px){.acms-cards-container{min-height:300px;padding:12px 4px 24px;gap:12px}.acms-acc-card{width:165px;height:320px}}@media (max-width: 480px){.acms-cards-container{min-height:260px}.acms-acc-card{width:150px;height:290px}}.acms-table{width:100%;border-collapse:collapse}.acms-table thead{background:#0000004d}.acms-table th{padding:16px;text-align:left;font-size:14px;font-weight:700;color:#fff;border-bottom:2px solid rgba(255,255,255,.3);white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acms-table tbody tr{background:#00000026;transition:all .2s ease}.acms-table tbody tr:hover{background:#00000040}.acms-table td{padding:16px;color:#fff;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.2);text-shadow:0 1px 3px rgba(0,0,0,.4)}.acms-td-num{color:#ffffff80!important;font-size:13px!important;width:40px}.acms-td-title{font-weight:700!important;text-shadow:0 2px 6px rgba(0,0,0,.5)!important;max-width:280px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.acms-td-addedby{font-size:13px!important;color:#ffffffb3!important}.acms-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acms-badge-category,.acms-badge-dept{background:#ffffff2e;color:#ffffffe6;border:none;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:8px}.acms-docviewer-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.acms-docviewer-container{background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:14px;width:100%;max-width:900px;height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #0009}.acms-docviewer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff0d;flex-shrink:0}.acms-docviewer-title{font-size:15px;font-weight:700;color:#fff}.acms-docviewer-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#111}.acms-docviewer-iframe{width:100%;height:100%;border:none}.acms-docviewer-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.acms-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.acms-view-btn:hover{background:#ffffff47;border-color:#fff9}.acms-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.acms-modal{background:linear-gradient(135deg,#7c2d12,#991b1b,#78350f);border:1px solid rgba(255,255,255,.2);border-radius:16px;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;box-shadow:0 24px 60px #00000080;color:#fff}.acms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.15)}.acms-modal-title{font-size:18px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.4)}.acms-modal-close{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.acms-modal-close:hover{background:#ffffff47}.acms-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.acms-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.acms-modal-field{display:flex;flex-direction:column;gap:5px}.acms-modal-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#fff9;letter-spacing:.5px;display:flex;align-items:center}.acms-modal-section{display:flex;flex-direction:column;gap:10px}.acms-modal-description{font-size:14px;color:#ffffffd9;line-height:1.6;background:#00000026;border-radius:8px;padding:12px}.acms-modal-docs{display:flex;flex-wrap:wrap;gap:8px}.acms-modal-doc-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.acms-modal-doc-link:hover{background:#ffffff40}.acms-modal-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.acms-modal-img-wrap{border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.2);transition:border-color .2s}.acms-modal-img-wrap:hover{border-color:#fff9}.acms-modal-img{width:100%;height:110px;object-fit:cover;display:block}.acms-empty-state{padding:48px 24px;text-align:center;color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;gap:12px}@media (max-width: 1024px){.acms-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.acms-sidebar{z-index:200}.acms-main-shifted{margin-left:0}.acms-stats-grid{grid-template-columns:1fr 1fr}.acms-content-area{padding:16px}.acms-topbar{padding:14px 16px}.acms-page-title{font-size:16px}.acms-table-controls{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.acms-stats-grid{grid-template-columns:1fr 1fr}}.acmsinsert-wrapper{min-height:100vh;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,#ef4444 70%,#dc2626);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.acmsinsert-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);border-radius:50%;top:-300px;right:-300px;animation:acmsinsert-float 8s ease-in-out infinite;z-index:0}.acmsinsert-wrapper:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-radius:50%;bottom:-250px;left:-250px;animation:acmsinsert-float 10s ease-in-out infinite reverse;z-index:0}@keyframes acmsinsert-float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.acmsinsert-sidebar{width:280px;height:100vh;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);box-shadow:4px 0 20px #0000001a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;overflow-y:auto}.acmsinsert-sidebar-closed{width:0;border:none;overflow:hidden}.acmsinsert-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;min-height:100%;white-space:nowrap}.acmsinsert-sidebar-header{text-align:center;margin-bottom:24px}.acmsinsert-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.acmsinsert-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px rgba(0,0,0,.4)}.acmsinsert-sidebar-subtitle{font-size:14px;color:#fff;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,.5)}.acmsinsert-sidebar-divider{height:1px;background:#fff3;margin:20px 0}.acmsinsert-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.acmsinsert-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease;background:transparent;text-shadow:0 2px 4px rgba(0,0,0,.4)}.acmsinsert-nav-item:hover{background:#0000004d;transform:translate(4px)}.acmsinsert-nav-item-active{background:#0006;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.acmsinsert-nav-icon{font-size:20px}.acmsinsert-sidebar-footer{margin-top:auto}.acmsinsert-user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:12px;margin-bottom:12px;cursor:pointer}.acmsinsert-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.5);object-fit:cover;flex-shrink:0}.acmsinsert-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff;flex-shrink:0}.acmsinsert-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.acmsinsert-user-name{font-size:14px;color:#fff;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acmsinsert-user-role{font-size:12px;color:#fff;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acmsinsert-logout-btn{width:100%;padding:12px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.acmsinsert-logout-btn:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.acmsinsert-logout-icon{font-size:18px}.acmsinsert-main{flex:1;min-width:0;overflow-x:clip;transition:all .3s ease;position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.acmsinsert-content-shifted{margin-left:280px}.acmsinsert-content-full{margin-left:0}.acmsinsert-topbar{background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000001a;position:sticky;top:0;z-index:50}.acmsinsert-menu-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.acmsinsert-menu-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.acmsinsert-page-title{font-size:24px;font-weight:700;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4);flex:1;text-align:center}.acmsinsert-back-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.acmsinsert-back-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.acmsinsert-content-area{flex:1;padding:32px;display:flex;justify-content:center}.acmsinsert-form-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:40px;width:100%;max-width:780px;box-shadow:0 8px 32px #0003}.acmsinsert-section{margin-bottom:32px}.acmsinsert-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}.acmsinsert-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.acmsinsert-form-group{margin-bottom:20px}.acmsinsert-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acmsinsert-form-group input,.acmsinsert-form-group textarea,.acmsinsert-form-group select{width:100%;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;outline:none;transition:all .3s ease;font-family:inherit;resize:vertical;appearance:none}.acmsinsert-form-group input::placeholder,.acmsinsert-form-group textarea::placeholder{color:#ffffffb3;font-weight:500}.acmsinsert-form-group input:focus,.acmsinsert-form-group textarea:focus,.acmsinsert-form-group select:focus{background:#0006;border-color:#fff9;box-shadow:0 0 0 3px #ffffff1a}.acmsinsert-form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;cursor:pointer}.acmsinsert-select__control{background:#00000040!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px!important;box-shadow:none!important;min-height:42px!important;transition:all .2s!important}.acmsinsert-select__control--is-focused{border-color:#f59e0b99!important;background:#00000059!important;box-shadow:0 0 0 3px #f59e0b1f!important}.acmsinsert-select__single-value{color:#fff!important;font-size:.9rem;font-weight:600}.acmsinsert-select__placeholder{color:#fff6!important;font-size:.9rem}.acmsinsert-select__input-container{color:#fff!important}.acmsinsert-select__menu{background:#2d1200!important;border:1px solid rgba(245,158,11,.25)!important;border-radius:10px!important;overflow:hidden!important;box-shadow:0 16px 40px #00000080!important}.acmsinsert-select__option{background:transparent!important;color:#fffc!important;font-size:.88rem}.acmsinsert-select__option--is-focused{background:#f59e0b2e!important;color:#fde68a!important}.acmsinsert-select__option--is-selected{background:#f59e0b4d!important;color:#fde68a!important;font-weight:700}.acmsinsert-select__indicator-separator{background:#ffffff26!important}.acmsinsert-select__dropdown-indicator,.acmsinsert-select__clear-indicator{color:#ffc83c66!important}.acmsinsert-select__dropdown-indicator:hover,.acmsinsert-select__clear-indicator:hover{color:#fbbf24!important}.acmsinsert-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.15);margin-top:8px}.acmsinsert-btn{padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.acmsinsert-btn-primary{background:#ffffffe6;color:#b45309}.acmsinsert-btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.acmsinsert-btn-primary:disabled{opacity:.6;cursor:not-allowed}.acmsinsert-btn-secondary{background:#0000004d;color:#fff;border:2px solid rgba(255,255,255,.4)}.acmsinsert-btn-secondary:hover{background:#0006;border-color:#fff9}.acmsinsert-dropzone{border:2px dashed rgba(255,255,255,.4);border-radius:14px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:#00000026;transition:border-color .2s,background .2s;text-align:center}.acmsinsert-dropzone:hover{border-color:#fffc;background:#00000040}.acmsinsert-upload-icon{color:#ffffffb3}.acmsinsert-upload-text{font-size:14px;font-weight:600;color:#ffffffe6;margin:0}.acmsinsert-upload-hint{font-size:12px;color:#ffffff8c;margin:0}.acmsinsert-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.acmsinsert-thumb-wrap{position:relative;width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.25);flex-shrink:0}.acmsinsert-thumb-img{width:100%;height:100%;object-fit:cover}.acmsinsert-thumb-file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff1a;color:#fffc;font-size:11px}.acmsinsert-thumb-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:none;background:#ef4444d9;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}.acmsinsert-thumb-remove:hover{background:#dc2626}@media (max-width: 768px){.acmsinsert-sidebar{z-index:200}.acmsinsert-content-shifted{margin-left:0}.acmsinsert-content-area{padding:16px}.acmsinsert-topbar{padding:14px 16px}.acmsinsert-page-title{font-size:16px}.acmsinsert-form-card{padding:24px 16px}.acmsinsert-form-actions{flex-direction:column}.acmsinsert-btn{justify-content:center}}@keyframes acmsrep-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.acmsrep-wrapper{min-height:100vh;background:linear-gradient(145deg,#1a0a00,#2d1200,#3d1500 60%,#1a0600);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.acmsrep-wrapper:before,.acmsrep-wrapper:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;animation:acmsrep-orb-float 14s ease-in-out infinite;z-index:0}.acmsrep-wrapper:before{width:520px;height:520px;background:radial-gradient(circle,rgba(245,158,11,.18) 0%,transparent 70%);top:-120px;right:10%}.acmsrep-wrapper:after{width:400px;height:400px;background:radial-gradient(circle,rgba(239,68,68,.14) 0%,transparent 70%);bottom:-80px;left:15%;animation-delay:-6s}.acmsrep-sidebar{width:280px;height:100vh;background:linear-gradient(180deg,#0000008c,#0006);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(255,200,60,.15);box-shadow:4px 0 32px #0006;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.acmsrep-sidebar-closed{width:0;border:none;overflow:hidden}.acmsrep-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;min-width:280px}.acmsrep-sidebar-header{text-align:center;margin-bottom:24px}.acmsrep-sidebar-logo{width:100px;height:100px;border-radius:50%;border:3px solid rgba(245,158,11,.5);box-shadow:0 0 24px #f59e0b33,0 4px 20px #0000004d;margin-bottom:16px;object-fit:contain;padding:8px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:box-shadow .3s ease}.acmsrep-sidebar-logo:hover{box-shadow:0 0 36px #f59e0b66,0 4px 20px #0000004d}.acmsrep-sidebar-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.acmsrep-sidebar-subtitle{color:#ffc850cc;font-size:.78rem;font-weight:600}.acmsrep-sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,200,60,.25),transparent);margin:16px 0}.acmsrep-sidebar-nav{display:flex;flex-direction:column;gap:4px}.acmsrep-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;text-shadow:0 1px 4px rgba(0,0,0,.3);border:1px solid transparent}.acmsrep-nav-item:hover{background:#f59e0b1f;color:#fde68a;border-color:#f59e0b33;transform:translate(4px)}.acmsrep-nav-item-active{background:linear-gradient(135deg,#f59e0b40,#ef444433);color:#fde68a;border-color:#f59e0b66;box-shadow:0 4px 16px #f59e0b26}.acmsrep-nav-icon{font-size:1.1rem;flex-shrink:0}.acmsrep-sidebar-footer{margin-top:auto}.acmsrep-user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#0003;border:1px solid rgba(255,200,60,.18);cursor:pointer;margin-bottom:12px;transition:all .2s}.acmsrep-user-profile:hover{background:#f59e0b1a;border-color:#f59e0b59}.acmsrep-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(245,158,11,.5);flex-shrink:0}.acmsrep-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#f59e0b26;color:#fbbf24}.acmsrep-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.acmsrep-user-name{color:#fff;font-size:.82rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-shadow:0 1px 4px rgba(0,0,0,.4)}.acmsrep-user-role{color:#ffc850b3;font-size:.72rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.acmsrep-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#dc3c3c33;color:#fca5a5;border:1px solid rgba(220,60,60,.35);border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s}.acmsrep-logout-btn:hover{background:#dc3c3c61;color:#fff;box-shadow:0 4px 12px #dc3c3c40}.acmsrep-main{flex:1;min-height:100vh;transition:margin-left .3s ease;display:flex;flex-direction:column;position:relative;z-index:1}.acmsrep-main-shifted{margin-left:280px}.acmsrep-main-full{margin-left:0}.acmsrep-topbar{display:flex;align-items:center;gap:16px;padding:18px 28px;background:#00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(245,158,11,.2);position:sticky;top:0;z-index:50;box-shadow:0 4px 24px #0000004d}.acmsrep-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f59e0b 30%,#ef4444 70%,transparent);opacity:.7}.acmsrep-menu-toggle{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;border-radius:10px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.acmsrep-menu-toggle:hover{background:#f59e0b47;box-shadow:0 4px 12px #f59e0b33}.acmsrep-topbar-text{display:flex;flex-direction:column;gap:1px}.acmsrep-page-title{background:linear-gradient(90deg,#fbbf24,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3rem;font-weight:800;line-height:1.2}.acmsrep-page-subtitle{color:#ffc8508c;font-size:.72rem;font-weight:500;letter-spacing:.5px}.acmsrep-topbar-spacer{flex:1}.acmsrep-topbar-badge{display:flex;align-items:center;gap:6px;padding:5px 14px;background:linear-gradient(135deg,#f59e0b40,#ef444433);border:1px solid rgba(245,158,11,.4);border-radius:20px;color:#fbbf24;font-size:.8rem;font-weight:700;white-space:nowrap}.acmsrep-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:1;background:#00000040;border-bottom:1px solid rgba(255,200,60,.12)}.acmsrep-stat-card{display:flex;align-items:center;gap:14px;padding:18px 24px;position:relative;transition:background .2s ease;border-right:1px solid rgba(255,255,255,.06)}.acmsrep-stat-card:last-child{border-right:none}.acmsrep-stat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0 0;transition:opacity .2s}.acmsrep-stat-gold:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.acmsrep-stat-orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.acmsrep-stat-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.acmsrep-stat-fire:before{background:linear-gradient(90deg,#ec4899,#f43f5e)}.acmsrep-stat-card:hover{background:#ffffff0a}.acmsrep-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acmsrep-stat-gold .acmsrep-stat-icon{background:#f59e0b2e;color:#fbbf24}.acmsrep-stat-orange .acmsrep-stat-icon{background:#f973162e;color:#fb923c}.acmsrep-stat-red .acmsrep-stat-icon{background:#ef44442e;color:#f87171}.acmsrep-stat-fire .acmsrep-stat-icon{background:#ec48992e;color:#f472b6}.acmsrep-stat-body{display:flex;flex-direction:column;gap:2px}.acmsrep-stat-num{font-size:1.6rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}.acmsrep-stat-label{font-size:.72rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.acmsrep-content-area{padding:28px 32px;display:flex;flex-direction:column;gap:24px}.acmsrep-filter-card{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.2);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffc83c1a;transition:border-color .3s}.acmsrep-filter-card:hover{border-color:#f59e0b59}.acmsrep-filter-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:0}.acmsrep-filter-card-header-clickable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:16px}.acmsrep-filter-header-right{display:flex;align-items:center;gap:10px}.acmsrep-filter-chevron{color:#ffc83c99;transition:transform .25s ease;flex-shrink:0}.acmsrep-filter-chevron-open{transform:rotate(180deg)}.acmsrep-filter-collapse{overflow:hidden;max-height:0;transition:max-height .35s ease,opacity .25s ease;opacity:0}.acmsrep-filter-collapse-open{max-height:1200px;opacity:1;padding-top:16px}.acmsrep-filter-header-left{display:flex;align-items:center;gap:10px;color:#fde68a;font-size:1.05rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.4)}.acmsrep-mode-switcher{display:flex;gap:6px;flex-wrap:wrap}.acmsrep-mode-btn{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#ffffff8c;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.3px}.acmsrep-mode-btn:hover{background:#f59e0b26;color:#fde68a;border-color:#f59e0b59}.acmsrep-mode-btn-active{background:linear-gradient(135deg,#f59e0b59,#ef44444d);color:#fde68a;border-color:#f59e0b99;box-shadow:0 2px 10px #f59e0b33}.acmsrep-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:20px}.acmsrep-field{display:flex;flex-direction:column;gap:6px}.acmsrep-label{color:#ffdc64bf;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.acmsrep-input,.acmsrep-select{background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;padding:10px 14px;font-size:.88rem;font-weight:600;outline:none;transition:all .2s;width:100%}.acmsrep-input::placeholder{color:#ffffff4d}.acmsrep-input:focus,.acmsrep-select:focus{border-color:#f59e0b99;background:#00000073;box-shadow:0 0 0 3px #f59e0b1f,0 4px 12px #f59e0b14}.acmsrep-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.acmsrep-select option{background:#2d1200;color:#fff}.acmsrep-select__control{background:#0000004d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;box-shadow:none!important;min-height:40px!important;transition:all .2s!important}.acmsrep-select__control--is-focused{border-color:#f59e0b99!important;background:#00000073!important;box-shadow:0 0 0 3px #f59e0b1f!important}.acmsrep-select__single-value{color:#fff!important;font-size:.88rem;font-weight:600}.acmsrep-select__placeholder{color:#ffffff4d!important;font-size:.88rem}.acmsrep-select__input-container{color:#fff!important}.acmsrep-select__menu{background:#1e0800!important;border:1px solid rgba(245,158,11,.25)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 16px 40px #00000080!important}.acmsrep-select__option{background:transparent!important;color:#fffc!important;font-size:.88rem;transition:background .15s}.acmsrep-select__option--is-focused{background:#f59e0b2e!important;color:#fde68a!important}.acmsrep-select__option--is-selected{background:#f59e0b4d!important;color:#fde68a!important;font-weight:700}.acmsrep-select__indicator-separator{background:#ffffff1f!important}.acmsrep-select__dropdown-indicator,.acmsrep-select__clear-indicator{color:#ffc83c66!important}.acmsrep-select__dropdown-indicator:hover,.acmsrep-select__clear-indicator:hover{color:#fbbf24!important}.acmsrep-filter-actions{display:flex;gap:12px;flex-wrap:wrap}.acmsrep-btn{display:flex;align-items:center;gap:8px;padding:11px 26px;border-radius:12px;font-size:.88rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;letter-spacing:.3px}.acmsrep-btn:disabled{opacity:.5;cursor:not-allowed}.acmsrep-btn-primary{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 4px 16px #f59e0b59,0 2px 8px #ef444440}.acmsrep-btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #f59e0b73,0 4px 12px #ef444459;transform:translateY(-2px)}.acmsrep-btn-primary:active:not(:disabled){transform:translateY(0)}.acmsrep-btn-secondary{background:#ffffff14;color:#ffffffbf;border:1px solid rgba(255,255,255,.18)}.acmsrep-btn-secondary:hover:not(:disabled){background:#ffffff24;color:#fff}.acmsrep-charts-section{display:flex;flex-direction:column;gap:20px}.acmsrep-charts-row{display:flex;flex-wrap:wrap;gap:20px}.acmsrep-chart-card{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.15);border-radius:20px;padding:24px;flex:1;min-width:0;width:100%;box-sizing:border-box;overflow:hidden;box-shadow:0 8px 32px #0000004d;transition:border-color .3s,box-shadow .3s}.acmsrep-chart-card:hover{border-color:#f59e0b4d;box-shadow:0 12px 40px #0006,0 0 0 1px #f59e0b14}.acmsrep-chart-main{width:100%;flex:unset;min-width:unset}.acmsrep-chart-pie-card{max-width:380px;flex:0 0 380px}.acmsrep-chart-title{display:flex;align-items:center;color:#fde68a;font-size:.9rem;font-weight:700;margin-bottom:18px;letter-spacing:.2px}.acmsrep-results-card{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.15);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.acmsrep-results-header{padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.07);background:#0003}.acmsrep-results-title{color:#fde68a;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:10px}.acmsrep-results-count{background:linear-gradient(135deg,#f59e0b40,#ef444433);color:#fbbf24;border:1px solid rgba(245,158,11,.4);border-radius:20px;padding:2px 12px;font-size:.78rem;font-weight:700}.acmsrep-empty{padding:56px 24px;text-align:center;color:#fff6;font-size:.9rem;display:flex;flex-direction:column;align-items:center}.acmsrep-table-wrap{overflow-x:auto}.acmsrep-table{width:100%;border-collapse:collapse;font-size:.84rem}.acmsrep-table thead tr{background:#0003}.acmsrep-table th{padding:14px 16px;color:#ffdc6499;text-align:left;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;border-bottom:1px solid rgba(255,200,60,.1)}.acmsrep-table-row{border-bottom:1px solid rgba(255,255,255,.05);transition:all .18s ease;position:relative}.acmsrep-table-row td{padding:13px 16px;color:#ffffffd1;white-space:nowrap}.acmsrep-table-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--row-accent, #f59e0b);opacity:0;transition:opacity .18s ease;border-radius:0 2px 2px 0}.acmsrep-table-row:hover{background:#f59e0b0f}.acmsrep-table-row:hover:before{opacity:1}.acmsrep-td-num{color:#ffffff4d!important;font-size:.75rem!important;width:40px;font-weight:600}.acmsrep-td-title{font-weight:700!important;color:#fff!important;max-width:280px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:normal!important}.acmsrep-td-secondary{font-size:.78rem!important;color:#ffffff73!important}.acmsrep-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;background:linear-gradient(135deg,#f59e0b33,#ef444426);color:#fbbf24;border:1px solid rgba(245,158,11,.35);border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.acmsrep-view-btn:hover{background:linear-gradient(135deg,#f59e0b59,#ef444447);border-color:#f59e0b99;color:#fff;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-1px)}.acmsrep-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.acmsrep-modal{background:linear-gradient(145deg,#1e0a00,#2d1200 40%,#1a0800);border:1px solid rgba(245,158,11,.3);border-radius:20px;width:100%;max-width:700px;max-height:88vh;overflow-y:auto;box-shadow:0 32px 80px #0009,0 0 0 1px #f59e0b1a;color:#fff}.acmsrep-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 18px;border-bottom:1px solid rgba(245,158,11,.15);background:#0003}.acmsrep-modal-title{font-size:1.1rem;font-weight:800;background:linear-gradient(90deg,#fbbf24,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.acmsrep-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:8px;padding:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.acmsrep-modal-close:hover{background:#ef444440;border-color:#ef444466;color:#fff}.acmsrep-modal-body{padding:22px 26px 26px;display:flex;flex-direction:column;gap:20px}.acmsrep-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.acmsrep-modal-field{display:flex;flex-direction:column;gap:6px}.acmsrep-modal-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#ffc83c8c;letter-spacing:.8px;display:flex;align-items:center}.acmsrep-modal-section{display:flex;flex-direction:column;gap:10px}.acmsrep-modal-description{font-size:14px;color:#fffc;line-height:1.65;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px}.acmsrep-modal-docs{display:flex;flex-wrap:wrap;gap:8px}.acmsrep-modal-doc-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#fbbf24;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.acmsrep-modal-doc-link:hover{background:#f59e0b47;border-color:#f59e0b8c}.acmsrep-modal-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.acmsrep-modal-img-wrap{border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.12);transition:all .2s}.acmsrep-modal-img-wrap:hover{border-color:#f59e0b80;box-shadow:0 8px 24px #0006;transform:scale(1.02)}.acmsrep-modal-img{width:100%;height:110px;object-fit:cover;display:block}.acmsrep-docviewer-overlay{position:fixed;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.acmsrep-docviewer-container{background:linear-gradient(145deg,#0d0500,#1a0800);border:1px solid rgba(245,158,11,.25);border-radius:16px;width:100%;max-width:900px;height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #000000b3,0 0 0 1px #f59e0b14}.acmsrep-docviewer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(245,158,11,.15);background:#0000004d;flex-shrink:0}.acmsrep-docviewer-title{font-size:15px;font-weight:700;color:#fde68a}.acmsrep-docviewer-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0400}.acmsrep-docviewer-iframe{width:100%;height:100%;border:none}.acmsrep-docviewer-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.acmsrep-badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:.73rem;font-weight:700;white-space:nowrap}.acmsrep-badge-category{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.acmsrep-badge-dept{background:#ef44442e;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}@media (max-width: 1100px){.acmsrep-chart-pie-card{max-width:none;flex:1}}@media (max-width: 768px){.acmsrep-sidebar{width:0}.acmsrep-sidebar-open{width:280px}.acmsrep-main-shifted{margin-left:0}.acmsrep-content-area{padding:16px}.acmsrep-filter-grid{grid-template-columns:1fr 1fr}.acmsrep-chart-card{min-width:0;width:100%}.acmsrep-charts-row{flex-direction:column}.acmsrep-stats-strip{grid-template-columns:1fr 1fr}.acmsrep-stat-card{padding:14px 16px}.acmsrep-stat-num{font-size:1.3rem}.acmsrep-table th:nth-child(4),.acmsrep-table td:nth-child(4),.acmsrep-table th:nth-child(5),.acmsrep-table td:nth-child(5),.acmsrep-table th:nth-child(6),.acmsrep-table td:nth-child(6),.acmsrep-table th:nth-child(7),.acmsrep-table td:nth-child(7){display:none}}@media (max-width: 480px){.acmsrep-filter-grid{grid-template-columns:1fr}.acmsrep-chart-card{padding:14px 10px;min-width:0}.acmsrep-charts-section{gap:12px}.acmsrep-table-wrap{overflow-x:auto}.acmsrep-table{font-size:.78rem}.acmsrep-table th,.acmsrep-table-row td{padding:10px 8px}.acmsrep-td-title{max-width:140px}.acmsrep-stats-strip{grid-template-columns:1fr 1fr}.acmsrep-topbar{padding:14px 16px}.acmsrep-page-title{font-size:1.05rem}.acmsrep-page-subtitle{display:none}}.pulse-session-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050d14;z-index:100}.pulse-session-card{display:flex;flex-direction:column;align-items:center;gap:28px;background:#00f5c408;border:1px solid rgba(0,245,196,.15);border-radius:24px;padding:48px 56px;box-shadow:0 0 60px #00f5c40f,0 0 0 1px #00f5c40f;min-width:360px}.pulse-session-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.pulse-session-sub{font-size:.72rem;color:#e0f7f473;letter-spacing:.1em;text-transform:uppercase;margin:0;text-align:center}.pulse-session-group{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.pulse-session-label{font-size:.68rem;font-family:Orbitron,monospace;letter-spacing:.15em;color:#00f5c480;margin:0}.pulse-session-btns{display:flex;gap:12px;width:100%}.pulse-session-btn{flex:1;padding:14px 0;background:#ffffff08;border:1px solid rgba(0,245,196,.2);border-radius:10px;color:#e0f7f499;font-family:Orbitron,monospace;font-size:.82rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.pulse-session-btn:hover{border-color:#00f5c480;color:#00f5c4;background:#00f5c40f}.pulse-session-btn.pss-active-in{background:#00f5c41f;border-color:#00f5c4;color:#00f5c4;box-shadow:0 0 16px #00f5c433}.pulse-session-btn.pss-active-out{background:#ff6b6b1f;border-color:#ff6b6b;color:#ff6b6b;box-shadow:0 0 16px #ff6b6b33}.pulse-session-confirm{width:100%;padding:16px 0;background:#00f5c40d;border:1px solid rgba(0,245,196,.2);border-radius:12px;color:#00f5c459;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;letter-spacing:.2em;cursor:not-allowed;transition:all .25s ease;margin-top:4px}.pulse-session-confirm.psc-ready{background:#00f5c41f;border-color:#00f5c4;color:#00f5c4;cursor:pointer;box-shadow:0 0 24px #00f5c433}.pulse-session-confirm.psc-ready:hover{background:#00f5c433;box-shadow:0 0 36px #00f5c44d}.pulse-root{min-height:100vh;min-width:100vw;background:#050d14;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#e0f7f4;overflow:hidden;position:relative}.pulse-root:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(0,245,196,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(0,188,255,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.pulse-header{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:18px 32px 12px;border-bottom:1px solid rgba(0,245,196,.12);background:#050d14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:4px}.pulse-header-brand{display:flex;align-items:center;gap:16px}.pulse-logo-text{font-family:Orbitron,monospace;font-size:2.2rem;font-weight:900;letter-spacing:.25em;color:#00f5c4;text-shadow:0 0 12px rgba(0,245,196,.8),0 0 30px rgba(0,245,196,.4),0 0 60px rgba(0,245,196,.2)}.pulse-heartbeat-bar{display:flex;align-items:center}.pulse-wave-svg{width:90px;height:20px;opacity:.85;animation:wave-draw 2s ease-in-out infinite}@keyframes wave-draw{0%,to{opacity:.6}50%{opacity:1}}.pulse-header-sub{font-size:.78rem;color:#e0f7f480;letter-spacing:.08em;text-transform:uppercase;margin:0}.pulse-body{position:relative;z-index:2;display:flex;flex:1;gap:24px;padding:24px 32px 28px;align-items:stretch}.pulse-scanner-panel{flex:1.4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#00f5c408;border:1px solid rgba(0,245,196,.1);border-radius:20px;padding:28px 24px 24px;position:relative;overflow:hidden}.pulse-scanner-panel:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(0,245,196,.04) 0%,transparent 60%);pointer-events:none}.pulse-qr-loader{width:220px;height:220px;display:flex;align-items:center;justify-content:center}.qr-spinner{width:48px;height:48px;border:3px solid rgba(0,245,196,.15);border-top-color:#00f5c4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-qr-display{position:relative;display:flex;align-items:center;justify-content:center;padding:32px;border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(0,245,196,.06) 0%,transparent 70%),#060f18;border:1px solid rgba(0,245,196,.18);box-shadow:0 0 0 1px #00f5c414,0 0 40px #00f5c40f;transition:opacity .3s ease,transform .3s ease}.qr-fade-in{opacity:1;transform:scale(1)}.qr-fade-out{opacity:.2;transform:scale(.97)}.qr-corner{position:absolute;width:20px;height:20px;border-color:#00f5c4b3;border-style:solid;border-width:0}.qr-corner.tl{top:12px;left:12px;border-top-width:2.5px;border-left-width:2.5px;border-radius:3px 0 0}.qr-corner.tr{top:12px;right:12px;border-top-width:2.5px;border-right-width:2.5px;border-radius:0 3px 0 0}.qr-corner.bl{bottom:12px;left:12px;border-bottom-width:2.5px;border-left-width:2.5px;border-radius:0 0 0 3px}.qr-corner.br{bottom:12px;right:12px;border-bottom-width:2.5px;border-right-width:2.5px;border-radius:0 0 3px}.pulse-qr-code{display:block;filter:drop-shadow(0 0 14px rgba(0,245,196,.45))}.pulse-qr-badge{position:absolute;top:-18px;right:-18px}.countdown-svg{display:block;filter:drop-shadow(0 0 8px rgba(0,245,196,.4))}.pulse-mode-toggle{display:flex;gap:0;background:#ffffff0a;border:1px solid rgba(0,245,196,.15);border-radius:50px;padding:4px}.mode-btn{padding:8px 28px;border:none;background:transparent;border-radius:50px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#e0f7f466;cursor:pointer;transition:all .25s ease}.mode-btn.active-in{background:#00f5c426;color:#00f5c4;box-shadow:0 0 14px #00f5c440}.mode-btn.active-out{background:#ff6b6b26;color:#ff6b6b;box-shadow:0 0 14px #ff6b6b40}.pulse-session-badge{display:flex;align-items:center;gap:10px;padding:10px 28px;border-radius:50px;border:1px solid #00f5c4;background:#00f5c426;box-shadow:0 0 20px #00f5c440}.pulse-session-badge.psb-out{border-color:#ff6b6b;background:#ff6b6b26;box-shadow:0 0 20px #ff6b6b40}.psb-type{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;letter-spacing:.15em;color:#00f5c4;text-shadow:0 0 10px rgba(0,245,196,.6)}.psb-out .psb-type{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.6)}.psb-sep{color:#e0f7f466;font-size:.8rem}.psb-period{font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;letter-spacing:.15em;color:#00f5c4;text-shadow:0 0 10px rgba(0,245,196,.6)}.psb-out .psb-period{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.6)}.pulse-reselect-btn{background:transparent;border:1px solid rgba(0,245,196,.2);border-radius:50px;color:#00f5c480;font-family:Orbitron,monospace;font-size:.68rem;font-weight:600;letter-spacing:.12em;padding:9px 28px;cursor:pointer;transition:all .2s ease}.pulse-reselect-btn:hover{border-color:#00f5c480;color:#00f5c4;background:#00f5c40f}.qr-mode-in{border-color:#00f5c42e}.qr-mode-out{border-color:#ff6b6b4d;box-shadow:0 0 0 1px #ff6b6b1a,0 0 40px #ff6b6b0f}.qr-mode-out .qr-corner{border-color:#ff6b6bb3}.scan-status-title.mode-out{color:#ff6b6b}.scan-qr-debug{margin-top:10px;font-size:.7rem;color:#00f5c499;letter-spacing:.03em;word-break:break-all;max-width:320px;text-align:center;border:1px dashed rgba(0,245,196,.25);border-radius:6px;padding:6px 10px;-webkit-user-select:all;user-select:all}.qr-debug-label{font-weight:700;color:#00f5c4e6;margin-right:4px}.pulse-scan-status{text-align:center}.scan-status-title{font-family:Orbitron,monospace;font-size:.95rem;font-weight:700;letter-spacing:.12em;color:#e0f7f4;margin:0 0 6px;text-transform:uppercase}.scan-status-sub{font-size:.82rem;color:#e0f7f480;margin:0;letter-spacing:.04em;max-width:320px;word-break:normal;overflow-wrap:break-word}.pulse-info-panel{flex:1;display:flex;flex-direction:column;gap:18px}.pulse-clock-card{background:#00f5c40a;border:1px solid rgba(0,245,196,.12);border-radius:16px;padding:22px 24px 18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.pulse-clock-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,196,.6),transparent)}.clock-date{font-size:.82rem;color:#00f5c4b3;letter-spacing:.1em;font-weight:500}.clock-time-row{display:flex;align-items:flex-end;gap:10px}.clock-time{font-family:Orbitron,monospace;font-size:2.6rem;font-weight:700;color:#e0f7f4;letter-spacing:.04em;line-height:1;text-shadow:0 0 20px rgba(0,245,196,.2)}.clock-meta{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}.clock-ampm{font-family:Orbitron,monospace;font-size:1rem;font-weight:600;color:#00f5c4;letter-spacing:.06em;line-height:1}.clock-tz{font-size:.7rem;color:#e0f7f473;letter-spacing:.08em}.pulse-activity-card{flex:1;background:#00f5c408;border:1px solid rgba(0,245,196,.1);border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:14px;overflow:hidden;position:relative}.pulse-activity-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,196,.4),transparent)}.activity-title{font-family:Orbitron,monospace;font-size:.85rem;font-weight:600;color:#e0f7f4cc;letter-spacing:.1em;margin:0;text-transform:uppercase}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.activity-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#00f5c40a;border:1px solid rgba(0,245,196,.08);border-radius:10px;transition:background .25s;animation:slide-in .35s ease-out}.activity-item:first-child{background:#00f5c414;border-color:#00f5c433}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.activity-dot{width:7px;height:7px;border-radius:50%;background:#00f5c4;box-shadow:0 0 6px #00f5c4b3;flex-shrink:0}.activity-item:first-child .activity-dot{animation:dot-blink 1.2s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:1;box-shadow:0 0 8px #00f5c4e6}50%{opacity:.4;box-shadow:0 0 3px #00f5c44d}}.activity-name{flex:1;font-size:.85rem;font-weight:600;color:#e0f7f4;letter-spacing:.04em}.activity-info{font-size:.78rem;color:#e0f7f48c;white-space:nowrap}.activity-action.action-in{color:#00f5c4;font-weight:600}.activity-action.action-out{color:#ff6b6b;font-weight:600}@media (max-width: 800px){.pulse-body{flex-direction:column;padding:16px}.pulse-logo-text{font-size:1.8rem}.clock-time{font-size:2rem}}.pu-root{min-height:100vh;background:#050d14;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#e0f7f4;overflow:hidden;position:relative}.pu-root:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(0,245,196,.06) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(0,188,255,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.pu-header{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:18px 32px 12px;border-bottom:1px solid rgba(0,245,196,.12);background:#050d14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:4px}.pu-header-brand{display:flex;align-items:center;gap:16px}.pu-logo{font-family:Orbitron,monospace;font-size:2.2rem;font-weight:900;letter-spacing:.25em;color:#00f5c4;text-shadow:0 0 12px rgba(0,245,196,.8),0 0 30px rgba(0,245,196,.4)}.pu-wave{width:90px;height:20px;opacity:.85;animation:wave-anim 2s ease-in-out infinite}@keyframes wave-anim{0%,to{opacity:.6}50%{opacity:1}}.pu-header-sub{font-size:.78rem;color:#e0f7f480;letter-spacing:.08em;text-transform:uppercase;margin:0}.pu-body{position:relative;z-index:2;display:flex;flex:1;gap:24px;padding:24px 32px 28px;align-items:stretch}.pu-camera-panel{flex:1.4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#00f5c408;border:1px solid rgba(0,245,196,.1);border-radius:20px;padding:28px 24px 24px;position:relative}.pu-cam-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#060f18;box-shadow:0 0 0 1px #00f5c426,0 0 30px #00f5c40f}.pu-webcam{width:100%;height:100%;object-fit:cover;display:block}.pu-scan-frame{position:absolute;inset:10%;pointer-events:none}.fc{position:absolute;width:22px;height:22px;border-color:#00f5c499;border-style:solid;border-width:0}.fc.tl{top:0;left:0;border-top-width:3px;border-left-width:3px;border-radius:3px 0 0}.fc.tr{top:0;right:0;border-top-width:3px;border-right-width:3px;border-radius:0 3px 0 0}.fc.bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 3px}.fc.br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 3px}.frame-active .fc{border-color:#00f5c4;filter:drop-shadow(0 0 4px rgba(0,245,196,.7))}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f5c4,transparent);box-shadow:0 0 8px #00f5c499;animation:scan-sweep 2s ease-in-out infinite}@keyframes scan-sweep{0%{top:0%;opacity:1}90%{top:100%;opacity:1}to{top:100%;opacity:0}}.pu-qr-badge{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#050d14d9;border:2px solid rgba(0,245,196,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #00f5c440}.pu-cam-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.cam-error-icon{font-size:2.5rem;color:#ff6b6b}.cam-error-text{font-size:.85rem;color:#e0f7f499}.pu-result-card{width:100%;max-width:400px;border-radius:16px;border:1px solid rgba(0,245,196,.2);padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.result-in{background:#00f5c40f;border-color:#00f5c44d;box-shadow:0 0 30px #00f5c41a}.result-out{background:#ff6b6b0f;border-color:#ff6b6b4d;box-shadow:0 0 30px #ff6b6b1a}.result-error{background:#ff6b6b0f;border-color:#ff6b6b4d;box-shadow:0 0 30px #ff6b6b14}.result-pending{background:#00bcff0d;border-color:#00bcff40;box-shadow:0 0 30px #00bcff14}.result-icon{font-size:3rem;line-height:1}.result-in .result-icon{color:#00f5c4;text-shadow:0 0 16px rgba(0,245,196,.6)}.result-out .result-icon{color:#ff6b6b;text-shadow:0 0 16px rgba(255,107,107,.6)}.result-error .result-icon{color:#ff6b6b}.result-pending .result-icon{color:#00bcff;animation:pending-pulse 1.2s ease-in-out infinite}@keyframes pending-pulse{0%,to{opacity:1}50%{opacity:.4}}.result-label{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;letter-spacing:.12em;margin:0}.result-in .result-label{color:#00f5c4}.result-out .result-label,.result-error .result-label{color:#ff6b6b}.result-pending .result-label{color:#00bcff}.result-msg{font-size:.82rem;color:#e0f7f4b3;text-align:center;margin:0}.result-time{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:600;color:#e0f7f4;margin:0}.result-value{font-size:.7rem;color:#e0f7f466;word-break:break-all;margin:0}.result-hint{font-size:.8rem;color:#e0f7f480;margin:0;text-align:center}.pu-btn{margin-top:8px;padding:10px 28px;border:1px solid rgba(0,245,196,.4);background:#00f5c414;color:#00f5c4;border-radius:50px;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .2s ease}.pu-btn:hover{background:#00f5c42e;box-shadow:0 0 14px #00f5c44d}.pu-btn-upload{border-color:#00bcff66;background:#00bcff12;color:#00bcff;margin-top:10px}.pu-btn-upload:hover{background:#00bcff29;box-shadow:0 0 14px #00bcff4d}.pu-scan-status{text-align:center}.pu-status-title{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;letter-spacing:.12em;color:#e0f7f4;margin:0 0 6px}.pu-status-sub{font-size:.8rem;color:#e0f7f480;margin:0 0 10px}.pu-period-badge{display:inline-block;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;letter-spacing:.12em;padding:4px 12px;border-radius:20px;border:1.5px solid}.badge-am{color:#00f5c4;border-color:#00f5c4;background:#00f5c414}.badge-pm{color:#ffb347;border-color:#ffb347;background:#ffb34714}.pu-info-panel{flex:1;display:flex;flex-direction:column;gap:18px}.pu-clock-card{background:#00f5c40a;border:1px solid rgba(0,245,196,.12);border-radius:16px;padding:22px 24px 18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.pu-clock-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,196,.6),transparent)}.pu-clock-date{font-size:.82rem;color:#00f5c4b3;letter-spacing:.1em;font-weight:500}.pu-clock-row{display:flex;align-items:flex-end;gap:10px}.pu-clock-time{font-family:Orbitron,monospace;font-size:2.6rem;font-weight:700;color:#e0f7f4;line-height:1}.pu-clock-meta{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}.pu-clock-ampm{font-family:Orbitron,monospace;font-size:1rem;font-weight:600;color:#00f5c4;line-height:1}.pu-clock-tz{font-size:.7rem;color:#e0f7f473;letter-spacing:.08em}.pu-instruction-card{flex:1;background:#00f5c408;border:1px solid rgba(0,245,196,.1);border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:14px}.pu-instr-title{font-family:Orbitron,monospace;font-size:.85rem;font-weight:600;color:#e0f7f4cc;letter-spacing:.1em;margin:0}.pu-instr-list{list-style:none;counter-reset:instr;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.pu-instr-list li{counter-increment:instr;display:flex;gap:12px;align-items:flex-start;font-size:.84rem;color:#e0f7f4a6;line-height:1.5}.pu-instr-list li:before{content:counter(instr);flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#00f5c41f;border:1px solid rgba(0,245,196,.3);color:#00f5c4;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace}.pu-instr-list li strong{color:#00f5c4}.pu-portal-btn{position:absolute;top:50%;right:32px;transform:translateY(-50%);padding:8px 18px;border:1px solid rgba(0,245,196,.35);background:#00f5c412;color:#00f5c4;border-radius:50px;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pu-portal-btn:hover{background:#00f5c429;box-shadow:0 0 14px #00f5c447}.pu-sidebar-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100}.pu-sidebar{position:fixed;top:0;right:0;width:340px;height:100vh;background:#080f1a;border-left:1px solid rgba(0,245,196,.15);box-shadow:-6px 0 32px #0000008c;z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.pu-sidebar.sidebar-open{transform:translate(0)}.pu-sb-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid rgba(0,245,196,.1);flex-shrink:0}.pu-sb-title{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#00f5c4;letter-spacing:.12em;text-shadow:0 0 10px rgba(0,245,196,.4)}.pu-sb-close{width:32px;height:32px;border:1px solid rgba(0,245,196,.2);background:#00f5c40f;color:#e0f7f4b3;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pu-sb-close:hover{color:#00f5c4;border-color:#00f5c480;background:#00f5c41f}.pu-sb-nav{flex:1;display:flex;flex-direction:column;padding:12px 0;gap:4px}.pu-sb-nav-item{display:flex;align-items:center;gap:14px;padding:14px 20px;background:transparent;border:none;border-left:2px solid transparent;color:#e0f7f4b3;cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.pu-sb-nav-item:hover{background:#00f5c40d;border-left-color:#00f5c4;color:#e0f7f4}.pu-sb-nav-icon{font-size:1.3rem;flex-shrink:0}.pu-sb-nav-text{flex:1;display:flex;flex-direction:column;gap:2px}.pu-sb-nav-label{font-size:.85rem;font-weight:600;color:inherit}.pu-sb-nav-desc{font-size:.7rem;color:#e0f7f466}.pu-sb-nav-arrow{font-size:1.2rem;color:#00f5c466;flex-shrink:0}.pu-badge{font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:50px;text-transform:uppercase}.badge-approved{background:#00f5c41f;color:#00f5c4;border:1px solid rgba(0,245,196,.3)}.badge-rejected{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.badge-pending{background:#ffb4001a;color:#ffb400;border:1px solid rgba(255,180,0,.3)}.pu-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pu-history-item{background:#00f5c408;border:1px solid rgba(0,245,196,.1);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px}.phi-date{font-size:.76rem;font-weight:600;color:#e0f7f4cc;min-width:80px}.phi-times{flex:1;display:flex;flex-direction:column;gap:2px;font-size:.72rem}.phi-in{color:#00f5c4}.phi-out{color:#ff6b6b}.pu-leave-form{display:flex;flex-direction:column;gap:14px}.plf-group{display:flex;flex-direction:column;gap:5px}.plf-row{display:flex;gap:10px}.plf-row .plf-group{flex:1}.plf-label{font-size:.68rem;font-weight:600;color:#e0f7f480;letter-spacing:.06em;text-transform:uppercase}.plf-select,.plf-input,.plf-textarea{background:#00f5c40a;border:1px solid rgba(0,245,196,.18);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.82rem;padding:8px 10px;outline:none;transition:border-color .2s ease;width:100%;box-sizing:border-box}.plf-select{cursor:pointer}.plf-select option{background:#080f1a;color:#e0f7f4}.plf-textarea{resize:vertical;min-height:68px}.plf-select:focus,.plf-input:focus,.plf-textarea:focus{border-color:#00f5c480;background:#00f5c40f}.plf-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.35);cursor:pointer}.plf-feedback{font-size:.78rem;border-radius:6px;padding:7px 10px;margin:0}.plf-ok{background:#00f5c41a;color:#00f5c4;border:1px solid rgba(0,245,196,.25)}.plf-err{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.25)}.plf-submit{width:100%;justify-content:center;margin-top:0}.pu-leave-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pu-leave-item{background:#00f5c408;border:1px solid rgba(0,245,196,.08);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.pli-top{display:flex;align-items:center;justify-content:space-between}.pli-type{font-size:.82rem;font-weight:600;color:#e0f7f4}.pli-dates{font-size:.72rem;color:#e0f7f473}.pli-reason{font-size:.7rem;color:#e0f7f459;font-style:italic}.pu-credits-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.pu-credit-item{display:flex;flex-direction:column;gap:6px}.pci-top{display:flex;justify-content:space-between;align-items:baseline}.pci-label{font-size:.82rem;font-weight:600;color:#e0f7f4d9}.pci-remaining{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:#00f5c4}.pci-remaining em{font-style:normal;font-size:.62rem;color:#00f5c48c;font-family:Inter,sans-serif}.pci-bar-wrap{height:4px;background:#e0f7f414;border-radius:2px;overflow:hidden}.pci-bar{height:100%;background:linear-gradient(90deg,#00f5c4,#00bcff);border-radius:2px;transition:width .5s ease}.pci-sub{font-size:.66rem;color:#e0f7f44d}@media (max-width: 800px){.pu-body{flex-direction:column;padding:16px}.pu-logo{font-size:1.8rem}.pu-clock-time{font-size:2rem}}@media (max-width: 480px){.pu-sidebar{width:100%}.pu-portal-btn{position:static;transform:none;margin-top:8px}}.par-root{min-height:100vh;background:#050d14;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#e0f7f4;position:relative}.par-root:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(0,245,196,.05) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(0,188,255,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.par-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 32px 14px;border-bottom:1px solid rgba(0,245,196,.12);background:#050d14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.par-header-left{display:flex;align-items:center;gap:20px}.par-logo{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:900;letter-spacing:.25em;color:#00f5c4;text-shadow:0 0 12px rgba(0,245,196,.7),0 0 28px rgba(0,245,196,.35)}.par-title-group{display:flex;flex-direction:column;gap:2px}.par-title{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#e0f7f4;letter-spacing:.08em;margin:0}.par-sub{font-size:.72rem;color:#e0f7f466;letter-spacing:.06em;margin:0}.par-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:16px 32px;flex-wrap:wrap}.par-filter-group{display:flex;flex-direction:column;gap:8px;flex:1}.par-toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.par-filter-toggle{display:flex;align-items:center;gap:8px;background:#00f5c40f;border:1px solid rgba(0,245,196,.22);border-radius:8px;color:#a0c4bf;font-family:Inter,sans-serif;font-size:.82rem;padding:7px 14px;cursor:pointer;transition:border-color .2s,background .2s,color .2s;white-space:nowrap}.par-filter-toggle:hover{border-color:#00f5c473;color:#e0f7f4}.par-toggle-arrow{display:inline-block;transition:transform .2s;font-style:normal}.par-toggle-arrow.pta-open{transform:rotate(180deg)}.par-daterange{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.par-date-input{background:#00f5c40a;border:1px solid rgba(0,245,196,.18);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.82rem;padding:7px 10px;outline:none;transition:border-color .2s,background .2s;color-scheme:dark}.par-date-input:focus{border-color:#00f5c473;background:#00f5c412}.par-date-sep{color:#a0c4bf;font-size:.9rem}.par-date-apply{background:#00f5c41f;border:1px solid rgba(0,245,196,.35);border-radius:8px;color:#00f5c4;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:7px 16px;cursor:pointer;transition:background .2s,border-color .2s}.par-date-apply:hover{background:#00f5c438;border-color:#00f5c4}.par-date-apply:disabled{opacity:.4;cursor:not-allowed}.par-select,.par-search{background:#00f5c40a;border:1px solid rgba(0,245,196,.18);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.82rem;padding:8px 12px;outline:none;transition:border-color .2s ease,background .2s ease}.par-select{cursor:pointer}.par-select option{background:#080f1a;color:#e0f7f4}.par-search{flex:1;min-width:200px}.par-select:focus,.par-search:focus{border-color:#00f5c473;background:#00f5c412}.par-summary{position:relative;z-index:2;display:flex;gap:14px;padding:0 32px 20px;flex-wrap:wrap}.par-sum-card{flex:1;min-width:120px;background:#00f5c40a;border:1px solid rgba(0,245,196,.1);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.par-sum-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,196,.4),transparent)}.par-sum-card.sum-ok{border-color:#00f5c42e}.par-sum-card.sum-ok:after{background:linear-gradient(90deg,transparent,rgba(0,245,196,.55),transparent)}.par-sum-card.sum-absent{border-color:#ff6b6b2e}.par-sum-card.sum-absent:after{background:linear-gradient(90deg,transparent,rgba(255,107,107,.55),transparent)}.par-sum-card.sum-late{border-color:#ffb4002e}.par-sum-card.sum-late:after{background:linear-gradient(90deg,transparent,rgba(255,180,0,.55),transparent)}.sum-absent .psc-value{color:#ff6b6b}.sum-late .psc-value{color:#ffb400}.psc-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;color:#e0f7f473;text-transform:uppercase}.par-table-wrap{position:relative;z-index:2;flex:1;margin:0 32px 32px;background:#00f5c406;border:1px solid rgba(0,245,196,.1);border-radius:16px;overflow:hidden;min-height:200px}.par-state-center{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 24px;font-size:.85rem;color:#e0f7f466}.par-empty{flex-direction:column}.par-spin{width:20px;height:20px;border:2px solid rgba(0,245,196,.2);border-top-color:#00f5c4;border-radius:50%;animation:par-rotate .8s linear infinite;flex-shrink:0}@keyframes par-rotate{to{transform:rotate(360deg)}}.par-table{width:100%;border-collapse:collapse}.par-table thead tr{background:#00f5c40f;border-bottom:1px solid rgba(0,245,196,.14)}.par-table th{padding:12px 18px;font-family:Orbitron,monospace;font-size:.62rem;font-weight:600;letter-spacing:.1em;color:#00f5c4a6;text-align:left;white-space:nowrap}.par-table tbody tr{border-bottom:1px solid rgba(0,245,196,.06);transition:background .15s ease}.par-table tbody tr:last-child{border-bottom:none}.par-table tbody tr:hover{background:#00f5c40a}.par-table tbody tr.par-row-absent{opacity:.55}.par-table td{padding:12px 18px;font-size:.82rem;color:#e0f7f4cc;white-space:nowrap}.par-td-date{font-weight:600;color:#e0f7f4}.par-td-day{color:#e0f7f473;font-size:.75rem}.par-td-empty{color:#e0f7f440!important}.par-td-timein{color:#00f5c4}.par-td-timeout{color:#ff6b6b}.par-td-hours{color:#e0f7f48c;font-size:.78rem}.par-arrow-in,.par-arrow-out{font-size:.65rem;margin-right:4px;opacity:.75}.par-badge{font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:50px;text-transform:uppercase}.par-badge-ok{background:#00f5c41a;color:#00f5c4;border:1px solid rgba(0,245,196,.28)}.par-badge-incomplete{background:#ffb4001a;color:#ffb400;border:1px solid rgba(255,180,0,.28)}.par-badge-late{background:#ff78001a;color:#ff7800;border:1px solid rgba(255,120,0,.28)}.par-badge-absent{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.28)}.par-badge-default{background:#e0f7f40f;color:#e0f7f480;border:1px solid rgba(224,247,244,.12)}.par-cards-scroll{display:none}@media (max-width: 768px){.par-header,.par-toolbar,.par-summary{padding-left:16px;padding-right:16px}.par-table-wrap{display:none}.par-search{min-width:0;width:100%}.par-date-input{width:100%}.par-table{display:none}.par-cards-scroll{display:flex;flex-wrap:nowrap;gap:12px;padding:4px 16px 24px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.par-cards-scroll::-webkit-scrollbar{display:none}.par-att-card{flex-shrink:0;width:180px;min-height:260px;background:#00f5c40a;border:1px solid rgba(0,245,196,.18);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.par-att-card.pac-absent{border-color:#ff6b6b40;background:#ff6b6b0a;opacity:.7}.par-att-card-date{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:#00f5c4;border-bottom:1px solid rgba(0,245,196,.12);padding-bottom:8px;display:flex;justify-content:space-between;align-items:center}.par-att-card-day{font-family:Inter,sans-serif;font-size:.7rem;color:#e0f7f473;font-weight:400}.par-att-card-row{display:flex;justify-content:space-between;align-items:center;gap:4px}.par-att-card-label{font-size:.6rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#00f5c473}.par-att-card-val{font-size:.75rem;font-weight:600;color:#e0f7f4d9;white-space:nowrap}.par-att-card-val.pav-in{color:#00f5c4}.par-att-card-val.pav-out{color:#ff6b6b}.par-att-card-val.pav-empty{color:#e0f7f438}.par-att-card-footer{margin-top:auto;padding-top:8px;border-top:1px solid rgba(0,245,196,.08)}.pac-clickable{cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.pac-clickable:active{transform:scale(.97);background:#00f5c414}}.par-modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.par-modal{background:#0b1622;border:1px solid rgba(0,245,196,.2);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:24px 24px 32px;display:flex;flex-direction:column;gap:20px}.par-modal-header{display:flex;justify-content:space-between;align-items:flex-start}.par-modal-date{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#00f5c4;display:block}.par-modal-day{font-size:.75rem;color:#e0f7f473;margin-top:2px;display:block}.par-modal-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;color:#e0f7f4;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.par-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:14px}.par-modal-field{display:flex;flex-direction:column;gap:6px}.par-modal-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00f5c480}.par-modal-input{background:#00f5c40a;border:1px solid rgba(0,245,196,.2);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.85rem;padding:8px 10px;outline:none;color-scheme:dark;width:100%;box-sizing:border-box;transition:border-color .2s,background .2s}.par-modal-input:focus{border-color:#00f5c480;background:#00f5c412}.par-modal-reason{display:flex;flex-direction:column;gap:6px}.par-modal-select{background:#00f5c40a;border:1px solid rgba(0,245,196,.2);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.85rem;padding:8px 10px;outline:none;color-scheme:dark;width:100%;cursor:pointer;transition:border-color .2s,background .2s}.par-modal-select option{background:#0b1622;color:#e0f7f4}.par-modal-select:focus{border-color:#00f5c480;background:#00f5c412}.par-modal-footer{display:flex;gap:10px}.par-modal-cancel{flex:1;padding:11px;border-radius:10px;border:1px solid rgba(224,247,244,.15);background:transparent;color:#e0f7f48c;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer}.par-modal-submit{flex:2;padding:11px;border-radius:10px;border:none;background:#00f5c426;border:1px solid rgba(0,245,196,.35);color:#00f5c4;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}.par-modal-submit:hover{background:#00f5c440}.plr-root{min-height:100vh;background:#050d14;display:flex;flex-direction:column;font-family:Inter,sans-serif;color:#e0f7f4}.plr-root:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(0,245,196,.05) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(0,188,255,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.plr-header{position:relative;z-index:2;display:flex;align-items:center;padding:18px 32px 14px;border-bottom:1px solid rgba(0,245,196,.12);background:#050d14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plr-header-left{display:flex;align-items:center;gap:20px}.plr-logo{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:900;letter-spacing:.25em;color:#00f5c4;text-shadow:0 0 12px rgba(0,245,196,.7),0 0 28px rgba(0,245,196,.35)}.plr-title-group{display:flex;flex-direction:column;gap:2px}.plr-title{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:#e0f7f4;letter-spacing:.08em;margin:0}.plr-sub{font-size:.72rem;color:#e0f7f466;letter-spacing:.06em;margin:0}.plr-balance-loading{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:16px 32px;font-size:.82rem;color:#e0f7f466}.plr-balance-row{position:relative;z-index:2;display:flex;gap:12px;padding:16px 32px 0;flex-wrap:wrap}.plr-bal-card{flex:1;min-width:130px;background:#00f5c40a;border:1px solid rgba(0,245,196,.1);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.plr-bal-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,196,.45),transparent)}.plr-bal-top{display:flex;justify-content:space-between;align-items:baseline}.plr-bal-type{font-size:.72rem;font-weight:600;color:#e0f7f499;letter-spacing:.06em;text-transform:uppercase}.plr-bal-left{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:#00f5c4}.plr-bal-left em{font-style:normal;font-family:Inter,sans-serif;font-size:.6rem;color:#00f5c48c;margin-left:2px}.plr-bar-wrap{height:3px;background:#e0f7f412;border-radius:2px;overflow:hidden}.plr-bar{height:100%;background:linear-gradient(90deg,#00f5c4,#00bcff);border-radius:2px;transition:width .5s ease}.plr-bal-sub{font-size:.64rem;color:#e0f7f44d}.plr-tabs{position:relative;z-index:2;display:flex;gap:0;padding:20px 32px 0;border-bottom:1px solid rgba(0,245,196,.1)}.plr-tab{padding:10px 24px;background:transparent;border:none;border-bottom:2px solid transparent;color:#e0f7f466;font-family:Orbitron,monospace;font-size:.68rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;margin-bottom:-1px}.plr-tab:hover:not(.plr-tab-active){color:#00f5c499}.plr-tab-active{color:#00f5c4;border-bottom-color:#00f5c4}.plr-body{position:relative;z-index:2;flex:1;padding:28px 32px 32px}.plr-form-wrap{max-width:560px}.plr-form{background:#00f5c408;border:1px solid rgba(0,245,196,.1);border-radius:16px;padding:28px 32px;display:flex;flex-direction:column;gap:18px}.plr-form-header{border-bottom:1px solid rgba(0,245,196,.08);padding-bottom:14px}.plr-form-title{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#00f5c4b3;margin:0}.plr-field{display:flex;flex-direction:column;gap:6px}.plr-field-row{display:flex;gap:14px}.plr-field-row .plr-field{flex:1}.plr-label{font-size:.68rem;font-weight:600;color:#e0f7f480;letter-spacing:.07em;text-transform:uppercase}.plr-select,.plr-input,.plr-textarea{background:#00f5c40a;border:1px solid rgba(0,245,196,.18);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.84rem;padding:10px 12px;outline:none;transition:border-color .2s ease,background .2s ease;width:100%;box-sizing:border-box}.plr-select{cursor:pointer}.plr-select option{background:#080f1a;color:#e0f7f4}.plr-textarea{resize:vertical;min-height:90px}.plr-select:focus,.plr-input:focus,.plr-textarea:focus{border-color:#00f5c473;background:#00f5c412}.plr-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.35);cursor:pointer}.plr-feedback{font-size:.8rem;border-radius:8px;padding:10px 14px;margin:0}.plr-ok{background:#00f5c41a;color:#00f5c4;border:1px solid rgba(0,245,196,.25)}.plr-err{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.25)}.plr-submit-btn{padding:12px 28px;border:1px solid rgba(0,245,196,.35);background:#00f5c41a;color:#00f5c4;border-radius:8px;font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;width:100%}.plr-submit-btn:hover:not(:disabled){background:#00f5c42e;box-shadow:0 0 18px #00f5c440}.plr-submit-btn:disabled{opacity:.5;cursor:not-allowed}.plr-history-wrap{display:flex;flex-direction:column;gap:18px}.plr-summary{display:flex;gap:14px;flex-wrap:wrap}.plr-sum-card{flex:1;min-width:110px;background:#00f5c40a;border:1px solid rgba(0,245,196,.1);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.plr-sum-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,245,196,.4),transparent)}.plr-sum-card.sum-ok:after{background:linear-gradient(90deg,transparent,rgba(0,245,196,.55),transparent)}.plr-sum-card.sum-pending:after{background:linear-gradient(90deg,transparent,rgba(255,180,0,.55),transparent)}.plr-sum-card.sum-rejected:after{background:linear-gradient(90deg,transparent,rgba(255,107,107,.55),transparent)}.psc-value{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;color:#e0f7f4;line-height:1}.sum-ok .psc-value{color:#00f5c4}.sum-pending .psc-value{color:#ffb400}.sum-rejected .psc-value{color:#ff6b6b}.psc-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;color:#e0f7f466;text-transform:uppercase}.plr-search-row{display:flex}.plr-search{background:#00f5c40a;border:1px solid rgba(0,245,196,.18);border-radius:8px;color:#e0f7f4;font-family:Inter,sans-serif;font-size:.82rem;padding:9px 14px;outline:none;transition:border-color .2s ease;width:320px}.plr-search:focus{border-color:#00f5c473;background:#00f5c412}.plr-table-wrap{background:#00f5c405;border:1px solid rgba(0,245,196,.1);border-radius:14px;overflow:hidden;min-height:160px}.plr-table{width:100%;border-collapse:collapse}.plr-table thead tr{background:#00f5c40f;border-bottom:1px solid rgba(0,245,196,.12)}.plr-table th{padding:12px 18px;font-family:Orbitron,monospace;font-size:.6rem;font-weight:600;letter-spacing:.1em;color:#00f5c499;text-align:left;white-space:nowrap}.plr-table tbody tr{border-bottom:1px solid rgba(0,245,196,.05);transition:background .15s ease}.plr-table tbody tr:last-child{border-bottom:none}.plr-table tbody tr:hover{background:#00f5c40a}.plr-table td{padding:12px 18px;font-size:.82rem;color:#e0f7f4bf;white-space:nowrap}.plr-td-type{font-weight:600;color:#e0f7f4}.plr-td-days{color:#e0f7f473}.plr-td-reason{max-width:220px;overflow:hidden;text-overflow:ellipsis;color:#e0f7f473;font-size:.76rem}.plr-td-empty{color:#e0f7f433}.plr-badge{font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:3px 10px;border-radius:50px;text-transform:uppercase}.plr-badge-ok{background:#00f5c41a;color:#00f5c4;border:1px solid rgba(0,245,196,.28)}.plr-badge-pending{background:#ffb4001a;color:#ffb400;border:1px solid rgba(255,180,0,.28)}.plr-badge-rejected{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.28)}.plr-state-center{display:flex;align-items:center;justify-content:center;gap:12px;padding:52px 24px;font-size:.84rem;color:#e0f7f459}.plr-empty{flex-direction:column}.plr-spin{width:18px;height:18px;border:2px solid rgba(0,245,196,.2);border-top-color:#00f5c4;border-radius:50%;animation:plr-rotate .8s linear infinite;flex-shrink:0}@keyframes plr-rotate{to{transform:rotate(360deg)}}@media (max-width: 768px){.plr-header,.plr-balance-row,.plr-tabs,.plr-body{padding-left:16px;padding-right:16px}.plr-field-row{flex-direction:column}.plr-table th:nth-child(4),.plr-table td:nth-child(4),.plr-table th:nth-child(5),.plr-table td:nth-child(5){display:none}.plr-search{width:100%}}.wcms-wrapper{min-height:100vh;background:#0d0d1a;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative}.wcms-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(123,47,247,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(0,210,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(247,47,123,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.wcms-wrapper:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(123,47,247,.12) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-100px;animation:wcms-orb-float 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes wcms-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}.wcms-sidebar{width:280px;height:100vh;background:#0d0d1aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(123,47,247,.3);box-shadow:4px 0 32px #0006;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.wcms-sidebar-closed{width:0;border:none;overflow:hidden}.wcms-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.wcms-sidebar-header{text-align:center;margin-bottom:24px}.wcms-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:wcms-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes wcms-pulse{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 32px #7b2ff780}}.wcms-sidebar-title{color:#e9d5ff;font-size:16px;font-weight:700;margin-bottom:4px}.wcms-sidebar-subtitle{color:#e9d5ff8c;font-size:12px}.wcms-sidebar-divider{height:1px;background:#7b2ff740;margin:20px 0}.wcms-sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.wcms-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#e9d5ffb3;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.wcms-nav-item:hover{background:#7b2ff726;color:#e9d5ff;border-color:#7b2ff740}.wcms-nav-item-active{background:#7b2ff74d;border-color:#7b2ff780;color:#c4b5fd;font-weight:600;box-shadow:0 2px 12px #7b2ff740}.wcms-nav-icon{font-size:18px;flex-shrink:0}.wcms-sidebar-footer{margin-top:auto}.wcms-user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s;margin-bottom:12px}.wcms-user-profile:hover{background:#7b2ff71f}.wcms-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(123,47,247,.5);flex-shrink:0}.wcms-user-avatar-placeholder{background:#7b2ff733;display:flex;align-items:center;justify-content:center;color:#c4b5fd}.wcms-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.wcms-user-name{color:#e9d5ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcms-user-role{color:#c4b5fd8c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcms-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8717126;border:1px solid rgba(248,113,113,.3);border-radius:12px;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.wcms-logout-btn:hover{background:#f8717147;border-color:#f8717180}.wcms-logout-icon{font-size:18px}.wcms-main{flex:1;min-width:0;min-height:100vh;transition:margin-left .3s ease;position:relative;z-index:1;overflow-x:hidden}.wcms-main-shifted{margin-left:280px}.wcms-main-full{margin-left:0}.wcms-topbar{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#0d0d1acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(123,47,247,.2);position:sticky;top:0;z-index:50}.wcms-menu-toggle{background:#7b2ff726;border:1px solid rgba(123,47,247,.3);border-radius:8px;padding:8px;color:#c4b5fd;cursor:pointer;transition:background .2s;flex-shrink:0}.wcms-menu-toggle:hover{background:#7b2ff747}.wcms-page-title{flex:1;font-size:20px;font-weight:700;background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wcms-add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 14px #7b2ff74d}.wcms-add-btn:hover{background:#7b2ff7bf;transform:translateY(-1px);box-shadow:0 6px 20px #7b2ff773}.wcms-content-area{padding:32px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 80px)}.wcms-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.wcms-stat-card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.wcms-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #7b2ff733;border-color:#7b2ff766}.wcms-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wcms-stat-primary .wcms-stat-icon{background:#7b2ff740;color:#c4b5fd}.wcms-stat-success .wcms-stat-icon{background:#22c55e38;color:#86efac}.wcms-stat-warning .wcms-stat-icon{background:#fbbf2433;color:#fde68a}.wcms-stat-info .wcms-stat-icon{background:#00d2ff2e;color:#a5f3fc}.wcms-stat-content h3{color:#fff;font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.wcms-stat-content p{color:#c4b5fda6;font-size:12px}.wcms-table-container{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.2);border-radius:20px;overflow:hidden}.wcms-table-header{padding:20px 24px 0}.wcms-table-header-row{display:flex;align-items:center;gap:12px;padding-bottom:16px}.wcms-view-toggle{display:flex;gap:3px;background:#7b2ff71a;border:1px solid rgba(123,47,247,.25);border-radius:9px;padding:3px;flex-shrink:0}.wcms-view-toggle-btn{background:none;border:none;padding:5px 8px;border-radius:6px;color:#c4b5fd73;cursor:pointer;transition:all .2s;display:flex;align-items:center}.wcms-view-toggle-btn.active{background:#7b2ff759;color:#c4b5fd}.wcms-view-toggle-btn:hover:not(.active){color:#c4b5fdcc}.wcms-filter-toggle{flex:1;width:auto;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;color:#fff;text-align:left}.wcms-filter-toggle h3{font-size:16px;font-weight:700}.wcms-filter-toggle-right{display:flex;align-items:center;gap:12px}.wcms-items-count-inline{font-size:12px;color:#ffffffa6}.wcms-filter-chevron{transition:transform .3s ease;color:#ffffffb3}.wcms-filter-chevron-open{transform:rotate(180deg)}.wcms-table-controls-collapsible{max-height:0;overflow:hidden;transition:max-height .3s ease}.wcms-filters-open{max-height:200px}.wcms-table-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:16px}.wcms-search-box{display:flex;align-items:center;gap:8px;background:#7b2ff714;border:1px solid rgba(123,47,247,.25);border-radius:10px;padding:8px 12px;flex:1;min-width:200px;transition:border-color .2s}.wcms-search-box:focus-within{border-color:#7b2ff78c}.wcms-search-icon{color:#c4b5fd8c;font-size:16px}.wcms-search-input{background:none;border:none;outline:none;color:#fff;font-size:14px;width:100%}.wcms-search-input::placeholder{color:#c4b5fd59}.wcms-filter-select{padding:8px 12px;background:#7b2ff714;border:1px solid rgba(123,47,247,.25);border-radius:10px;color:#e9d5ff;font-size:13px;cursor:pointer;outline:none}.wcms-filter-select option{background:#1a0a3e;color:#fff}.wcms-table-scroll{overflow-x:auto;padding:0 24px 24px}.wcms-table{width:100%;border-collapse:collapse;min-width:600px}.wcms-table th{background:#7b2ff72e;color:#c4b5fdd9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:12px 16px;text-align:left;border-bottom:1px solid rgba(123,47,247,.2)}.wcms-table td{padding:14px 16px;color:#e9d5ffe6;font-size:13px;border-bottom:1px solid rgba(123,47,247,.08);vertical-align:middle}.wcms-table tbody tr:hover td{background:#7b2ff712}.wcms-table-total-row td{background:#7b2ff71f;color:#e9d5ff;font-size:13px;border-top:2px solid rgba(123,47,247,.3);border-bottom:none}.wcms-id-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:11px;font-family:monospace;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wcms-badge-main{background:#7b2ff738;color:#c4b5fd;border:1px solid rgba(123,47,247,.4)}.wcms-badge-sub{background:#00d2ff26;color:#a5f3fc;border:1px solid rgba(0,210,255,.28)}.wcms-weight-value{font-weight:700;color:#86efac;font-size:14px}.wcms-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;background:#7b2ff733;border:1px solid rgba(123,47,247,.3);border-radius:12px;font-size:12px;font-weight:600;color:#c4b5fd;padding:0 8px}.wcms-action-btn{background:#7b2ff726;border:1px solid rgba(123,47,247,.3);border-radius:8px;padding:6px 8px;color:#c4b5fd;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center}.wcms-action-btn:hover{background:#7b2ff74d;color:#e9d5ff;border-color:#7b2ff78c}.wcms-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;color:#c4b5fd99}.wcms-empty-icon{color:#7b2ff759}.wcms-empty-state p{font-size:14px}.wcms-cards-slider{display:flex;flex-wrap:nowrap;gap:14px;padding:16px 24px 32px;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;align-items:flex-end;min-height:340px;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}.wcms-cards-slider::-webkit-scrollbar{display:none}.wcms-slider-card{flex-shrink:0;width:220px;min-height:320px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#3b0764,#7b2ff7 55%,#a855f7);border:1.5px solid rgba(196,181,253,.3);display:flex;align-items:flex-end;box-shadow:0 8px 32px #7b2ff74d;transition:transform .2s ease,box-shadow .2s ease}.wcms-slider-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #7b2ff773}.wcms-slider-card-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#0009)}.wcms-slider-card-body{position:relative;z-index:1;padding:14px 14px 16px;color:#fff;width:100%;display:flex;flex-direction:column;gap:8px}.wcms-slider-card-num{font-size:11px;color:#ffffff73;font-weight:600}.wcms-slider-badge{max-width:100%;font-size:11px;white-space:normal;word-break:break-word}.wcms-slider-card-stats{display:flex;gap:8px;margin-top:4px}.wcms-slider-stat{flex:1;background:#ffffff1a;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.wcms-slider-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#ffffff8c}.wcms-slider-stat-value{font-size:14px;font-weight:700;color:#86efac}.wcms-slider-stat-count{color:#e9d5ff}.wcms-slider-edit-btn{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s;width:100%;justify-content:center}.wcms-slider-edit-btn:hover{background:#ffffff40}.wcms-slider-dots{display:flex;justify-content:center;align-items:center;gap:7px;padding:4px 0 12px}.wcms-slider-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40;transition:all .3s ease;flex-shrink:0}.wcms-slider-dot-active{width:22px;border-radius:4px;background:#c4b5fde6}.wcms-cards-totals-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:10px 24px 20px;border-top:1px solid rgba(123,47,247,.12);font-size:13px;color:#c4b5fdb3}@media (max-width: 767px){.wcms-view-toggle{display:none}.wcms-cards-slider{padding:12px 14px 28px}.wcms-slider-card{width:200px;min-height:290px}}.wcms-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:0 24px 16px}.wcms-record-card{background:#7b2ff712;border:1px solid rgba(123,47,247,.2);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,background .2s}.wcms-record-card:hover{background:#7b2ff721;border-color:#7b2ff766}.wcms-record-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wcms-record-card-types{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.wcms-record-card-types .wcms-id-badge{max-width:100%;font-size:12px}.wcms-record-card-stats{display:flex;gap:8px}.wcms-record-card-stat{flex:1;background:#ffffff0a;border:1px solid rgba(123,47,247,.12);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.wcms-record-card-stat-label{font-size:10px;color:#c4b5fd80;text-transform:uppercase;letter-spacing:.6px}.wcms-record-card-stat-value{font-size:15px;font-weight:700;color:#86efac}.wcms-record-card-stat-count{color:#c4b5fd}.wcms-record-card-footer{display:flex;align-items:center;justify-content:flex-end}.wcms-card-index{font-size:11px;color:#c4b5fd4d}.wcms-cards-totals-bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:12px 24px 20px;border-top:1px solid rgba(123,47,247,.12);font-size:13px;color:#c4b5fdb3}.wcms-cards-totals-bar strong{color:#e9d5ff}@media (max-width: 600px){.wcms-cards-grid{grid-template-columns:1fr 1fr;padding:0 14px 14px}}@media (max-width: 400px){.wcms-cards-grid{grid-template-columns:1fr}}.wcms-modal-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.wcms-modal{background:linear-gradient(160deg,#0d0d1a,#180d38);border:1px solid rgba(123,47,247,.35);border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0009,0 0 40px #7b2ff71f}.wcms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(123,47,247,.2);background:linear-gradient(90deg,#7b2ff726,#00d2ff0f)}.wcms-modal-header h3{color:#e9d5ff;font-size:16px;font-weight:700}.wcms-modal-close{background:#7b2ff71f;border:1px solid rgba(123,47,247,.25);border-radius:8px;padding:6px;color:#c4b5fdcc;cursor:pointer;display:flex;transition:all .2s}.wcms-modal-close:hover{color:#f87171;background:#f871711f;border-color:#f871714d}.wcms-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.wcms-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wcms-form-group{display:flex;flex-direction:column;gap:6px}.wcms-form-group label{color:#c4b5fdd9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wcms-required{color:#f87171}.wcms-input{padding:10px 14px;background:#7b2ff714;border:1px solid rgba(123,47,247,.25);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,background .2s;width:100%}.wcms-input:focus{border-color:#7b2ff7b3;background:#7b2ff71f}.wcms-input::placeholder{color:#c4b5fd4d}.wcms-input option{background:#1a0a3e;color:#fff}.wcms-textarea{resize:vertical;min-height:72px;font-family:inherit}.wcms-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.wcms-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #7b2ff740}.wcms-btn-primary:hover:not(:disabled){background:#7b2ff7bf;transform:translateY(-1px);box-shadow:0 6px 20px #7b2ff766}.wcms-btn-primary:disabled{opacity:.5;cursor:not-allowed}.wcms-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#c4b5fdcc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.wcms-btn-secondary:hover{background:#ffffff1a}.wcms-btn-sm{padding:7px 14px;font-size:13px}@media (max-width: 768px){.wcms-main-shifted{margin-left:0}.wcms-topbar{padding:16px 20px}.wcms-content-area{padding:20px 16px}.wcms-page-title{font-size:16px}.wcms-stats-grid{grid-template-columns:1fr 1fr}.wcms-form-row{grid-template-columns:1fr}.wcms-add-btn span{display:none}}@media (max-width: 480px){.wcms-stats-grid{grid-template-columns:1fr}}.enews-wrapper{min-height:100vh;background:#0d0d1a;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative}.enews-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(123,47,247,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(0,210,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(247,47,123,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.enews-wrapper:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(123,47,247,.12) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-100px;animation:enews-orb-float 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes enews-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}.enews-sidebar{width:280px;height:100vh;background:#0d0d1aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(123,47,247,.3);box-shadow:4px 0 32px #0006;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.enews-sidebar-closed{width:0;border:none;overflow:hidden}.enews-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.enews-sidebar-header{text-align:center;margin-bottom:24px}.enews-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:enews-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes enews-pulse{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 32px #7b2ff780}}.enews-sidebar-title{color:#e9d5ff;font-size:16px;font-weight:700;margin-bottom:4px}.enews-sidebar-subtitle{color:#e9d5ff8c;font-size:12px}.enews-sidebar-divider{height:1px;background:#7b2ff740;margin:20px 0}.enews-sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.enews-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#e9d5ffb3;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.enews-nav-item:hover{background:#7b2ff726;color:#e9d5ff;border-color:#7b2ff740}.enews-nav-item-active{background:#7b2ff74d;border-color:#7b2ff780;color:#c4b5fd;font-weight:600;box-shadow:0 2px 12px #7b2ff740}.enews-nav-icon{font-size:18px;flex-shrink:0}.enews-sidebar-footer{margin-top:auto}.enews-user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s;margin-bottom:12px}.enews-user-profile:hover{background:#7b2ff71f}.enews-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(123,47,247,.5);flex-shrink:0}.enews-user-avatar-placeholder{background:#7b2ff733;display:flex;align-items:center;justify-content:center;color:#c4b5fd}.enews-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.enews-user-name{color:#e9d5ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enews-user-role{color:#c4b5fd8c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enews-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8717126;border:1px solid rgba(248,113,113,.3);border-radius:12px;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.enews-logout-btn:hover{background:#f8717147;border-color:#f8717180}.enews-logout-icon{font-size:18px}.enews-main{flex:1;min-width:0;min-height:100vh;transition:margin-left .3s ease;position:relative;z-index:1;overflow-x:hidden}.enews-main-shifted{margin-left:280px}.enews-main-full{margin-left:0}.enews-topbar{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#0d0d1acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(123,47,247,.2);position:sticky;top:0;z-index:50}.enews-menu-toggle{background:#7b2ff726;border:1px solid rgba(123,47,247,.3);border-radius:8px;padding:8px;color:#c4b5fd;cursor:pointer;transition:background .2s;flex-shrink:0;display:flex;align-items:center}.enews-menu-toggle:hover{background:#7b2ff747}.enews-page-title{flex:1;font-size:20px;font-weight:700;background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enews-add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 14px #7b2ff74d}.enews-add-btn:hover{background:#7b2ff7bf;transform:translateY(-1px);box-shadow:0 6px 20px #7b2ff773}.enews-content-area{padding:32px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 80px)}.enews-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.enews-stat-card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.enews-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #7b2ff733;border-color:#7b2ff766}.enews-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.enews-stat-primary .enews-stat-icon{background:#7b2ff740;color:#c4b5fd}.enews-stat-success .enews-stat-icon{background:#22c55e38;color:#86efac}.enews-stat-warning .enews-stat-icon{background:#fbbf2433;color:#fde68a}.enews-stat-danger .enews-stat-icon{background:#00d2ff2e;color:#a5f3fc}.enews-stat-content h3{color:#fff;font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.enews-stat-content p{color:#c4b5fda6;font-size:12px}.enews-table-container{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.2);border-radius:20px;overflow:hidden}.enews-table-header{padding:20px 24px 0}.enews-filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;background:none;border:none;cursor:pointer;color:#fff;text-align:left}.enews-filter-toggle h3{font-size:16px;font-weight:700}.enews-filter-toggle-right{display:flex;align-items:center;gap:12px}.enews-items-count-inline{font-size:12px;color:#ffffffa6}.enews-filter-chevron{transition:transform .3s ease;color:#ffffffb3}.enews-filter-chevron-open{transform:rotate(180deg)}.enews-table-controls-collapsible{max-height:0;overflow:hidden;transition:max-height .3s ease}.enews-filters-open{max-height:200px}.enews-table-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:16px}.enews-search-box{display:flex;align-items:center;gap:8px;background:#7b2ff714;border:1px solid rgba(123,47,247,.25);border-radius:10px;padding:8px 12px;flex:1;min-width:200px;transition:border-color .2s}.enews-search-box:focus-within{border-color:#7b2ff78c}.enews-search-icon{color:#c4b5fd8c;font-size:16px}.enews-search-input{background:none;border:none;outline:none;color:#fff;font-size:14px;width:100%}.enews-search-input::placeholder{color:#c4b5fd59}.enews-filter-select{padding:8px 12px;background:#7b2ff714;border:1px solid rgba(123,47,247,.25);border-radius:10px;color:#e9d5ff;font-size:13px;cursor:pointer;outline:none}.enews-filter-select option{background:#1a0a3e;color:#fff}.enews-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0 24px 24px}.enews-news-card{background:#7b2ff712;border:1px solid rgba(123,47,247,.2);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column}.enews-news-card:hover{background:#7b2ff721;border-color:#7b2ff766;transform:translateY(-3px);box-shadow:0 8px 28px #7b2ff733}.enews-card-image-wrap{width:100%;height:160px;overflow:hidden;background:#7b2ff714;position:relative}.enews-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.enews-news-card:hover .enews-card-image{transform:scale(1.04)}.enews-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7b2ff759}.enews-card-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}.enews-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.enews-card-title{color:#e9d5ff;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.enews-card-content-preview{color:#c4b5fda6;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.enews-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid rgba(123,47,247,.12)}.enews-card-date{color:#c4b5fd80;font-size:11px}.enews-card-images-count{color:#c4b5fd80;font-size:11px;display:flex;align-items:center;gap:4px}.enews-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.enews-badge-category{background:#7b2ff738;color:#c4b5fd;border:1px solid rgba(123,47,247,.4)}.enews-badge-active{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.enews-badge-inactive{background:#9ca3af26;color:#c4b5fd99;border:1px solid rgba(156,163,175,.2)}.enews-badge-archived{background:#fbbf242e;color:#fde68a;border:1px solid rgba(251,191,36,.3)}.enews-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 32px;color:#c4b5fd99;text-align:center}.enews-empty h3{font-size:18px;color:#c4b5fdcc}.enews-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.enews-modal{background:linear-gradient(135deg,#0d0d1a,#1a0a3e);border:1px solid rgba(123,47,247,.35);border-radius:20px;width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0009}.enews-modal-lg{max-width:780px}.enews-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(123,47,247,.2)}.enews-modal-title{color:#e9d5ff;font-size:18px;font-weight:700}.enews-modal-close{background:#7b2ff726;border:1px solid rgba(123,47,247,.3);color:#c4b5fd;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;transition:background .2s}.enews-modal-close:hover{background:#7b2ff74d}.enews-modal-body{padding:24px;overflow-y:auto;flex:1}.enews-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.enews-form-group{display:flex;flex-direction:column;gap:6px}.enews-form-group-full{grid-column:1 / -1}.enews-form-label{color:#c4b5fdd9;font-size:13px;font-weight:600}.enews-form-input,.enews-form-textarea,.enews-form-select{padding:10px 14px;background:#7b2ff714;border:1px solid rgba(123,47,247,.3);border-radius:10px;color:#e9d5ff;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.enews-form-input::placeholder,.enews-form-textarea::placeholder{color:#c4b5fd59}.enews-form-input:focus,.enews-form-textarea:focus,.enews-form-select:focus{border-color:#7b2ff7a6}.enews-form-textarea{resize:vertical;min-height:120px}.enews-form-select option{background:#1a0a3e;color:#e9d5ff}.enews-image-upload-area{border:2px dashed rgba(123,47,247,.35);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;color:#c4b5fda6;font-size:14px}.enews-image-upload-area:hover{border-color:#7b2ff7a6;background:#7b2ff714}.enews-image-upload-input{display:none}.enews-image-preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.enews-image-preview-wrap{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.enews-image-preview-img{width:100%;height:100%;object-fit:cover}.enews-image-preview-remove{position:absolute;top:3px;right:3px;background:#ef4444d9;border:none;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;line-height:1}.enews-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(123,47,247,.2)}.enews-btn-secondary{padding:10px 20px;background:#ffffff0f;border:1px solid rgba(123,47,247,.3);color:#c4b5fd;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.enews-btn-secondary:hover{background:#7b2ff726}.enews-btn-primary{padding:10px 24px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);color:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #7b2ff74d}.enews-btn-primary:hover:not(:disabled){background:#7b2ff7bf;transform:translateY(-1px);box-shadow:0 6px 20px #7b2ff773}.enews-btn-primary:disabled{opacity:.5;cursor:not-allowed}.enews-detail-section{margin-bottom:20px}.enews-detail-label{color:#c4b5fd99;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.enews-detail-value{color:#e9d5ff;font-size:14px;line-height:1.6}.enews-detail-content{color:#e9d5ffd9;font-size:14px;line-height:1.7;white-space:pre-wrap;background:#7b2ff712;border:1px solid rgba(123,47,247,.18);border-radius:10px;padding:14px}.enews-detail-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.enews-detail-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px}.enews-detail-img-wrap{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid rgba(123,47,247,.3);transition:transform .2s}.enews-detail-img-wrap:hover{transform:scale(1.03)}.enews-detail-img{width:100%;height:100%;object-fit:cover}.enews-status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.enews-status-btn{padding:7px 16px;border-radius:8px;border:1px solid rgba(123,47,247,.25);background:#7b2ff71a;color:#c4b5fdd9;font-size:13px;cursor:pointer;font-weight:500;transition:all .2s}.enews-status-btn:hover:not(:disabled){background:#7b2ff740;color:#e9d5ff}.enews-status-btn:disabled{opacity:.4;cursor:not-allowed}.enews-status-btn-active{background:#22c55e33;border-color:#22c55e59;color:#86efac}.enews-status-btn-inactive{background:#9ca3af26;border-color:#9ca3af40;color:#c4b5fd99}.enews-status-btn-archived{background:#fbbf242e;border-color:#fbbf244d;color:#fde68a}.enews-imgviewer-overlay{position:fixed;inset:0;background:#000000e6;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.enews-imgviewer-img{max-width:90vw;max-height:90vh;border-radius:10px;object-fit:contain;border:1px solid rgba(123,47,247,.3)}.enews-imgviewer-close{position:fixed;top:20px;right:20px;background:#7b2ff74d;border:1px solid rgba(123,47,247,.5);color:#c4b5fd;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center}.enews-rte-wrapper{border:1px solid rgba(123,47,247,.3);border-radius:10px;overflow:hidden;background:#7b2ff714;transition:border-color .2s}.enews-rte-wrapper:focus-within{border-color:#7b2ff7a6}.enews-rte-toolbar{display:flex;align-items:center;gap:2px;padding:8px 10px;background:#00000040;border-bottom:1px solid rgba(123,47,247,.2);flex-wrap:wrap}.enews-rte-btn{background:none;border:1px solid transparent;color:#c4b5fdbf;border-radius:6px;padding:4px 9px;cursor:pointer;font-size:12px;font-weight:700;font-family:inherit;transition:all .15s;min-width:28px;line-height:1;display:flex;align-items:center;justify-content:center;white-space:nowrap}.enews-rte-btn:hover{background:#7b2ff740;border-color:#7b2ff766;color:#c4b5fd}.enews-rte-separator{width:1px;height:20px;background:#7b2ff740;margin:0 4px;flex-shrink:0}.enews-rte-body{min-height:160px;max-height:340px;overflow-y:auto;padding:12px 14px;color:#e9d5ff;font-size:14px;line-height:1.75;outline:none;font-family:Inter,Segoe UI,sans-serif}.enews-rte-body:empty:before{content:attr(data-placeholder);color:#c4b5fd59;pointer-events:none;display:block}.enews-rte-body ul,.enews-rte-body ol{padding-left:24px;margin:6px 0}.enews-rte-body li{margin:2px 0}.enews-rte-body b,.enews-rte-body strong{color:#fff;font-weight:700}.enews-rte-body i,.enews-rte-body em{color:#c4b5fd}.enews-detail-content ul,.enews-detail-content ol{padding-left:24px;margin:6px 0}.enews-detail-content li{margin:3px 0}.enews-detail-content b,.enews-detail-content strong{color:#fff;font-weight:700}.enews-detail-content i,.enews-detail-content em{color:#c4b5fd}@media (max-width: 768px){.enews-main-shifted{margin-left:0}.enews-content-area,.enews-topbar{padding:16px}.enews-cards-grid{grid-template-columns:1fr;padding:0 16px 16px}.enews-stats-grid{grid-template-columns:1fr 1fr}.enews-form-grid,.enews-detail-meta-row{grid-template-columns:1fr}}.wcms-settings-wrapper{min-height:100vh;background:#0d0d1a;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative}.wcms-settings-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(123,47,247,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(0,210,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(247,47,123,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.wcms-settings-wrapper:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(123,47,247,.12) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-100px;animation:wset-orb 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes wset-orb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}.wcms-settings-wrapper .wcms-sidebar{width:280px;height:100vh;background:#0d0d1aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(123,47,247,.3);box-shadow:4px 0 32px #0006;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.wcms-settings-wrapper .wcms-sidebar-closed{width:0;border:none;overflow:hidden}.wcms-settings-wrapper .wcms-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.wcms-settings-wrapper .wcms-sidebar-header{text-align:center;margin-bottom:24px}.wcms-settings-wrapper .wcms-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;object-fit:contain;padding:8px;background:#ffffff1a;cursor:pointer}.wcms-settings-wrapper .wcms-sidebar-title{color:#e9d5ff;font-size:16px;font-weight:700;margin-bottom:4px}.wcms-settings-wrapper .wcms-sidebar-subtitle{color:#e9d5ff8c;font-size:12px}.wcms-settings-wrapper .wcms-sidebar-divider{height:1px;background:#7b2ff740;margin:20px 0}.wcms-settings-wrapper .wcms-sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.wcms-settings-wrapper .wcms-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#e9d5ffb3;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent}.wcms-settings-wrapper .wcms-nav-item:hover{background:#7b2ff726;color:#e9d5ff;border-color:#7b2ff740}.wcms-settings-wrapper .wcms-nav-item-active{background:#7b2ff74d;border-color:#7b2ff780;color:#c4b5fd;font-weight:600;box-shadow:0 2px 12px #7b2ff740}.wcms-settings-wrapper .wcms-nav-icon{font-size:18px;flex-shrink:0}.wcms-settings-wrapper .wcms-sidebar-footer{margin-top:auto}.wcms-settings-wrapper .wcms-user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s;margin-bottom:12px}.wcms-settings-wrapper .wcms-user-profile:hover{background:#7b2ff71f}.wcms-settings-wrapper .wcms-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(123,47,247,.5);flex-shrink:0}.wcms-settings-wrapper .wcms-user-avatar-placeholder{background:#7b2ff733;display:flex;align-items:center;justify-content:center;color:#c4b5fd}.wcms-settings-wrapper .wcms-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.wcms-settings-wrapper .wcms-user-name{color:#e9d5ff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcms-settings-wrapper .wcms-user-role{color:#c4b5fd8c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcms-settings-wrapper .wcms-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8717126;border:1px solid rgba(248,113,113,.3);border-radius:12px;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.wcms-settings-wrapper .wcms-logout-btn:hover{background:#f8717147;border-color:#f8717180}.wcms-settings-wrapper .wcms-logout-icon{font-size:18px}.wcms-settings-wrapper .wcms-main{flex:1;min-width:0;min-height:100vh;transition:margin-left .3s ease;position:relative;z-index:1;overflow-x:hidden}.wcms-settings-wrapper .wcms-main-shifted{margin-left:280px}.wcms-settings-wrapper .wcms-main-full{margin-left:0}.wcms-settings-wrapper .wcms-topbar{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#0d0d1acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(123,47,247,.2);position:sticky;top:0;z-index:50}.wcms-settings-wrapper .wcms-menu-toggle{background:#7b2ff726;border:1px solid rgba(123,47,247,.3);border-radius:8px;padding:8px;color:#c4b5fd;cursor:pointer;transition:background .2s;flex-shrink:0}.wcms-settings-wrapper .wcms-menu-toggle:hover{background:#7b2ff747}.wcms-settings-wrapper .wcms-page-title{flex:1;font-size:20px;font-weight:700;background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wcms-settings-wrapper .wcms-content-area{padding:32px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 80px)}.wcms-settings-tabs{display:flex;gap:8px;flex-wrap:wrap}.wcms-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#7b2ff714;border:1px solid rgba(123,47,247,.2);border-radius:12px;color:#c4b5fdb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.wcms-tab-btn:hover{background:#7b2ff72e;color:#e9d5ff;border-color:#7b2ff766}.wcms-tab-active{background:#7b2ff759;border-color:#7b2ff799;color:#e9d5ff;font-weight:600;box-shadow:0 2px 12px #7b2ff740}.wcms-settings-card{background:#7b2ff70d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.2);border-radius:20px;overflow:visible;max-width:640px}.wcms-settings-card-header{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border-bottom:1px solid rgba(123,47,247,.15);background:linear-gradient(90deg,rgba(123,47,247,.1) 0%,transparent 100%);color:#c4b5fdcc}.wcms-settings-card-header>svg{margin-top:2px;flex-shrink:0}.wcms-settings-card-header h3{color:#e9d5ff;font-size:16px;font-weight:700;margin-bottom:4px}.wcms-settings-card-header p{color:#c4b5fd8c;font-size:13px;line-height:1.4}.wcms-settings-form{padding:24px;display:flex;flex-direction:column;gap:16px}.wcms-settings-form-footer{display:flex;justify-content:flex-end;padding-top:4px}.wcms-info-box{display:flex;align-items:flex-start;gap:10px;margin:0 24px;padding:12px 16px;background:#7b2ff71a;border:1px solid rgba(123,47,247,.25);border-radius:10px;color:#c4b5fdcc;font-size:12px;line-height:1.5}.wcms-info-box svg{flex-shrink:0;margin-top:1px;color:#c4b5fd}.wcms-info-box code{background:#0003;padding:1px 5px;border-radius:4px;font-family:monospace;font-size:11px}.wcms-info-box strong{color:#c4b5fd}.wcms-settings-wrapper .wcms-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wcms-settings-wrapper .wcms-form-group{display:flex;flex-direction:column;gap:6px}.wcms-settings-wrapper .wcms-form-group label{color:#c4b5fdd9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wcms-settings-wrapper .wcms-required{color:#f87171}.wcms-settings-wrapper .wcms-input{padding:10px 14px;background:#7b2ff714;border:1px solid rgba(123,47,247,.25);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,background .2s;width:100%}.wcms-settings-wrapper .wcms-input:focus{border-color:#7b2ff7b3;background:#7b2ff71f}.wcms-settings-wrapper .wcms-input::placeholder{color:#c4b5fd4d}.wcms-settings-wrapper .wcms-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #7b2ff740}.wcms-settings-wrapper .wcms-btn-primary:hover:not(:disabled){background:#7b2ff7bf;transform:translateY(-1px);box-shadow:0 6px 20px #7b2ff766}.wcms-settings-wrapper .wcms-btn-primary:disabled{opacity:.5;cursor:not-allowed}.wcms-emp-dropdown-wrap{position:relative}.wcms-emp-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0f0a28fa;border:1px solid rgba(123,47,247,.3);border-radius:10px;max-height:240px;overflow-y:auto;z-index:300;list-style:none;padding:4px;box-shadow:0 8px 28px #00000073}.wcms-emp-option{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.wcms-emp-option:hover,.wcms-emp-option-active{background:#7b2ff726}.wcms-emp-name{color:#e9d5ff;font-size:13px;font-weight:600}.wcms-emp-meta{color:#c4b5fd80;font-size:11px}.wcms-emp-selected-tag{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:6px 10px;background:#7b2ff726;border:1px solid rgba(123,47,247,.3);border-radius:8px;color:#c4b5fdd9;font-size:12px}.wcms-emp-selected-tag strong{color:#c4b5fd}.wcms-emp-clear{background:none;border:none;color:#c4b5fd73;cursor:pointer;font-size:13px;padding:0 2px;line-height:1;transition:color .15s}.wcms-emp-clear:hover{color:#f87171}.wcms-settings-hub-header{margin-bottom:28px}.wcms-settings-hub-title{font-size:22px;font-weight:800;background:linear-gradient(90deg,#e9d5ff,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px}.wcms-settings-hub-sub{font-size:13px;color:#c4b5fd80;margin:0}.wcms-settings-grid{display:flex;flex-wrap:nowrap;gap:20px;padding:8px 4px 32px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;align-items:stretch}.wcms-settings-grid::-webkit-scrollbar{display:none}.wcmss-slider-dots{display:flex;justify-content:center;align-items:center;gap:7px;padding:4px 0 8px}.wcmss-slider-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40;transition:all .3s ease;flex-shrink:0}.wcmss-slider-dot-active{width:22px;border-radius:4px;background:#c4b5fde6}.wcms-setting-card{flex-shrink:0;width:280px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.22);background:#0d0d1a8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .28s ease;position:relative}.wcms-setting-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(var(--accent-rgb),.22),0 0 0 1px rgba(var(--accent-rgb),.35);border-color:rgba(var(--accent-rgb),.5)}.wcms-setting-card-banner{height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(var(--accent-rgb),.28),#0d0d1ae6 70%)}.wcms-setting-card-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(var(--accent-rgb),.12) 0%,transparent 60%);pointer-events:none}.wcms-setting-card-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(13,13,26,.55),transparent);pointer-events:none}.wcms-setting-card-icon-wrap{position:relative;z-index:1;width:72px;height:72px;border-radius:20px;background:rgba(var(--accent-rgb),.18);border:1px solid rgba(var(--accent-rgb),.35);display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--accent-color);box-shadow:0 0 30px rgba(var(--accent-rgb),.35),0 0 60px rgba(var(--accent-rgb),.12);transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.wcms-setting-card:hover .wcms-setting-card-icon-wrap{transform:scale(1.14);box-shadow:0 0 44px rgba(var(--accent-rgb),.55),0 0 90px rgba(var(--accent-rgb),.2)}.wcms-setting-card-body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:8px}.wcms-setting-card-label{display:inline-block;padding:3px 10px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.28);border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent-color);width:fit-content}.wcms-setting-card-title{font-size:18px;font-weight:700;color:#fff;margin:0;line-height:1.2}.wcms-setting-card-desc{font-size:13px;color:#c4b5fd8c;line-height:1.6;margin:0}.wcms-setting-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:14px;border-top:1px solid rgba(var(--accent-rgb),.1)}.wcms-setting-card-cta{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent-color)}.wcms-setting-card-arrow{font-size:16px;transition:transform .22s ease;display:flex;align-items:center}.wcms-setting-card:hover .wcms-setting-card-arrow{transform:translate(5px)}@media (max-width: 900px){.wcms-settings-grid{gap:16px}.wcms-setting-card{width:260px}}@media (max-width: 768px){.wcms-settings-wrapper .wcms-main-shifted{margin-left:0}.wcms-settings-wrapper .wcms-topbar{padding:16px 20px}.wcms-settings-wrapper .wcms-content-area{padding:20px 16px}.wcms-settings-wrapper .wcms-page-title{font-size:16px}.wcms-settings-wrapper .wcms-form-row{grid-template-columns:1fr}.wcms-settings-card{max-width:100%}.wcms-settings-grid{gap:14px}.wcms-setting-card{width:240px}}.wcms-cs-back-btn{display:flex;align-items:center;gap:6px;background:#7b2ff71f;border:1px solid rgba(123,47,247,.28);color:#c4b5fd;padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.wcms-cs-back-btn:hover{background:#7b2ff738;border-color:#7b2ff773}.wcms-cs-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}.wcms-cs-stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.18);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:transform .2s,border-color .2s}.wcms-cs-stat-card:hover{transform:translateY(-2px);border-color:#7b2ff766}.wcms-cs-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.wcms-cs-stat-icon-total{background:#7b2ff738;color:#c4b5fd}.wcms-cs-stat-icon-active{background:#22c55e2e;color:#86efac}.wcms-cs-stat-icon-inactive{background:#fbbf2426;color:#fde68a}.wcms-cs-stat-info{display:flex;flex-direction:column;gap:2px}.wcms-cs-stat-val{font-size:26px;font-weight:700;color:#fff;line-height:1}.wcms-cs-stat-lbl{font-size:11px;font-weight:600;color:#c4b5fd80;text-transform:uppercase;letter-spacing:.5px}.wcms-cs-table-card{background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(123,47,247,.18);border-radius:16px;overflow:hidden}.wcms-cs-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(123,47,247,.1);flex-wrap:wrap}.wcms-cs-toolbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.wcms-cs-toolbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.wcms-cs-search-box{display:flex;align-items:center;gap:8px;background:#7b2ff712;border:1px solid rgba(123,47,247,.22);border-radius:10px;padding:8px 14px;min-width:0;flex:1;transition:border-color .2s}.wcms-cs-search-box:focus-within{border-color:#7b2ff780}.wcms-cs-search-icon{color:#c4b5fd73;font-size:15px;flex-shrink:0}@media (max-width: 767px){.wcms-cs-toolbar{flex-direction:column;align-items:stretch;gap:10px}.wcms-cs-toolbar-left{width:100%}.wcms-cs-toolbar-right{width:100%;justify-content:flex-end}.wcms-cs-add-btn{width:100%;justify-content:center}}.wcms-cs-search-input{background:none;border:none;outline:none;color:#fff;font-size:14px;width:100%}.wcms-cs-search-input::placeholder{color:#c4b5fd4d}.wcms-cs-count-pill{background:#7b2ff726;border:1px solid rgba(123,47,247,.28);color:#c4b5fd;font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap}.wcms-cs-add-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 4px 14px #7b2ff74d}.wcms-cs-add-btn:hover{opacity:.88;box-shadow:0 6px 20px #7b2ff773;transform:translateY(-1px)}.wcms-cs-table-wrap{overflow-x:auto}.wcms-cs-table{width:100%;border-collapse:collapse}.wcms-cs-table thead tr{background:#7b2ff726}.wcms-cs-table th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#c4b5fdbf;white-space:nowrap}.wcms-cs-table tbody tr{border-top:1px solid rgba(123,47,247,.07);transition:background .15s}.wcms-cs-table tbody tr:hover{background:#7b2ff712}.wcms-cs-table td{padding:13px 16px;font-size:14px;color:#e9d5ffd9;vertical-align:middle}.wcms-cs-source-cell{display:flex;align-items:center;gap:11px}.wcms-cs-source-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7b2ff759,#5a1ec840);border:1px solid rgba(123,47,247,.35);display:flex;align-items:center;justify-content:center;color:#c4b5fd;font-size:15px;flex-shrink:0;font-weight:700;text-transform:uppercase}.wcms-cs-source-name{font-weight:600;color:#fff}.wcms-cs-personnel-cell{display:flex;align-items:center;gap:8px}.wcms-cs-personnel-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#c4b5fd);flex-shrink:0}.wcms-cs-empid{font-size:12px;font-weight:700;background:#7b2ff71a;border:1px solid rgba(123,47,247,.22);color:#c4b5fdbf;padding:3px 9px;border-radius:6px;font-family:monospace;letter-spacing:.5px}.wcms-cs-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:600}.wcms-cs-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.wcms-cs-badge-active{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.22)}.wcms-cs-badge-active:before{background:#86efac}.wcms-cs-badge-inactive{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.wcms-cs-badge-inactive:before{background:#fca5a5}.wcms-cs-empty{text-align:center;color:#c4b5fd59;padding:48px 16px!important;font-size:14px}.wcms-cs-view-toggle{display:flex;gap:3px;background:#7b2ff71a;border:1px solid rgba(123,47,247,.25);border-radius:9px;padding:3px}.wcms-cs-view-btn{background:none;border:none;padding:5px 8px;border-radius:6px;color:#c4b5fd66;cursor:pointer;transition:all .2s;display:flex;align-items:center}.wcms-cs-view-btn.active{background:#7b2ff759;color:#c4b5fd}.wcms-cs-view-btn:hover:not(.active){color:#c4b5fdcc}.wcms-cs-cards-slider{display:flex;flex-wrap:nowrap;gap:14px;padding:8px 4px 32px;overflow-x:auto;overflow-y:visible;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;align-items:flex-end;min-height:320px}.wcms-cs-cards-slider::-webkit-scrollbar{display:none}.wcms-cs-source-card{flex-shrink:0;width:240px;min-height:300px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(155deg,#3b0764,#7b2ff7 55%,#a855f7);border:1.5px solid rgba(196,181,253,.25);display:flex;align-items:flex-end;box-shadow:0 8px 32px #7b2ff74d;transition:transform .2s ease,box-shadow .2s ease}.wcms-cs-source-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #7b2ff773}.wcms-cs-source-card-overlay{position:absolute;inset:0;background:linear-gradient(#0000 20%,#0009)}.wcms-cs-source-card-body{position:relative;z-index:1;padding:14px 14px 16px;width:100%;display:flex;flex-direction:column;gap:8px}.wcms-cs-source-card-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.wcms-cs-source-card-num{font-size:10px;color:#fff6;font-weight:600}.wcms-cs-source-card-name{font-size:15px;font-weight:700;color:#fff;line-height:1.3;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.4)}.wcms-cs-source-card-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffbf}.wcms-cs-source-card-date{font-size:11px;color:#fff6;margin-top:2px}.wcms-cs-slider-dots{display:flex;justify-content:center;align-items:center;gap:7px;padding:4px 0 8px}.wcms-cs-slider-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40;transition:all .3s ease;flex-shrink:0}.wcms-cs-slider-dot-active{width:22px;border-radius:4px;background:#c4b5fde6}.wcms-cs-empty-cards{text-align:center;color:#c4b5fd59;padding:48px 16px;font-size:14px}@media (max-width: 767px){.wcms-cs-view-toggle{display:none}.wcms-cs-source-card{width:210px;min-height:270px}}.wcms-cs-date{font-size:13px;color:#c4b5fd73}.wcms-cs-modal-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;animation:cs-fade-in .18s ease}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cs-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.wcms-cs-modal{background:linear-gradient(160deg,#0d0d1a,#180d38);border:1px solid rgba(123,47,247,.35);border-radius:18px;width:100%;max-width:480px;overflow:visible;box-shadow:0 24px 64px #0009,0 0 40px #7b2ff71f;animation:cs-slide-up .2s ease}.wcms-cs-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(123,47,247,.15);background:linear-gradient(90deg,#7b2ff726,#00d2ff0f);border-radius:18px 18px 0 0}.wcms-cs-modal-header-left{display:flex;align-items:center;gap:12px}.wcms-cs-modal-icon{width:40px;height:40px;border-radius:11px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 14px #7b2ff74d}.wcms-cs-modal-header h3{margin:0;color:#e9d5ff;font-size:16px;font-weight:700}.wcms-cs-modal-header p{margin:2px 0 0;color:#c4b5fd73;font-size:12px}.wcms-cs-modal-close{background:#7b2ff71f;border:1px solid rgba(123,47,247,.25);color:#c4b5fd99;cursor:pointer;padding:6px;border-radius:8px;display:flex;transition:all .15s}.wcms-cs-modal-close:hover{color:#f87171;background:#f871711f;border-color:#f8717140}.wcms-cs-modal-body{padding:24px;overflow:visible}.wcms-cs-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(123,47,247,.12);background:#00000026;border-radius:0 0 18px 18px}.wcms-cs-form{display:flex;flex-direction:column;gap:20px}.wcms-cs-form-group{display:flex;flex-direction:column;gap:7px}.wcms-cs-form-label{font-size:12px;font-weight:700;color:#c4b5fdbf;text-transform:uppercase;letter-spacing:.5px}.wcms-cs-required{color:#f87171}.wcms-cs-input{background:#7b2ff712;border:1px solid rgba(123,47,247,.22);border-radius:10px;padding:10px 14px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box}.wcms-cs-input::placeholder{color:#c4b5fd4d}.wcms-cs-input:focus{border-color:#7b2ff7a6;background:#7b2ff71f}.wcms-cs-emp-dropdown-wrap,.wcms-cs-emp-input-row{position:relative}.wcms-cs-emp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c4b5fd66;font-size:15px;pointer-events:none;z-index:1}.wcms-cs-emp-input{padding-left:36px!important;padding-right:36px!important}.wcms-cs-emp-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#c4b5fd73;font-size:13px;padding:0;line-height:1;transition:color .15s}.wcms-cs-emp-clear:hover{color:#f87171}.wcms-cs-emp-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#0f0a28fa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(123,47,247,.3);border-radius:12px;list-style:none;margin:0;padding:4px 0;z-index:400;max-height:230px;overflow-y:auto;box-shadow:0 12px 36px #00000080}.wcms-cs-emp-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .12s;gap:8px}.wcms-cs-emp-item:hover,.wcms-cs-emp-item-active{background:#7b2ff726}.wcms-cs-emp-name{color:#e9d5ff;font-size:13.5px;font-weight:600}.wcms-cs-emp-meta{color:#c4b5fd73;font-size:12px;white-space:nowrap;font-family:monospace}.wcms-cs-emp-selected-tag{display:inline-flex;align-items:center;gap:5px;margin-top:6px;background:#7b2ff726;border:1px solid rgba(123,47,247,.28);color:#c4b5fd;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.wcms-cs-btn-primary{display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #7b2ff747}.wcms-cs-btn-primary:hover{opacity:.88;box-shadow:0 6px 20px #7b2ff76b;transform:translateY(-1px)}.wcms-cs-btn-primary:disabled{opacity:.5;cursor:not-allowed}.wcms-cs-btn-cancel{padding:10px 20px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#c4b5fdb3;cursor:pointer;font-size:14px;transition:background .2s}.wcms-cs-btn-cancel:hover{background:#ffffff1a}@media (max-width: 768px){.wcms-cs-toolbar{gap:8px}.wcms-cs-modal{max-width:100%}.wcms-cs-stats-row{grid-template-columns:1fr 1fr}}.tow-wrapper{min-height:100vh;background:#0d0d1a;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative}.tow-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(123,47,247,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(0,210,255,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(247,47,123,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.tow-wrapper:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(123,47,247,.12) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-100px;animation:tow-orb-float 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes tow-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}@keyframes tow-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tow-sidebar{width:280px;height:100vh;background:#0d0d1ae6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(123,47,247,.2);box-shadow:4px 0 40px #7b2ff71a;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.tow-sidebar-closed{width:0;border:none;overflow:hidden}.tow-sidebar-content{padding:28px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.tow-sidebar-header{text-align:center;margin-bottom:20px}.tow-sidebar-logo{width:90px;height:90px;border-radius:50%;border:2px solid rgba(123,47,247,.5);box-shadow:0 0 20px #7b2ff74d,0 0 60px #7b2ff71a;margin-bottom:16px;object-fit:contain;padding:8px;background:#ffffff0d;cursor:pointer;transition:all .3s ease}.tow-sidebar-logo:hover{box-shadow:0 0 30px #7b2ff780,0 0 80px #7b2ff733;transform:scale(1.03)}.tow-sidebar-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:2px;letter-spacing:.3px}.tow-sidebar-subtitle{font-size:12px;color:#7b2ff7e6;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.tow-sidebar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(123,47,247,.4),transparent);margin:16px 0}.tow-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.tow-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:#ffffff8c;text-decoration:none;font-weight:500;font-size:14px;transition:all .25s ease;background:transparent;border:1px solid transparent}.tow-nav-item:hover{color:#fff;transform:translate(4px);background:#7b2ff714;border-color:#7b2ff726}.tow-nav-item-active{color:#fff;background:linear-gradient(135deg,#7b2ff740,#00d2ff1a);border:1px solid rgba(123,47,247,.35);box-shadow:0 4px 20px #7b2ff726}.tow-nav-icon{font-size:18px}.tow-sidebar-footer{margin-top:auto}.tow-user-profile{display:flex;align-items:center;gap:10px;padding:12px;background:#7b2ff714;border:1px solid rgba(123,47,247,.15);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .25s ease}.tow-user-profile:hover{background:#7b2ff726;border-color:#7b2ff74d}.tow-user-avatar{width:38px;height:38px;border-radius:50%;border:2px solid rgba(123,47,247,.5);object-fit:cover;flex-shrink:0}.tow-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#7b2ff726;color:#7b2ff7e6;width:38px;height:38px;border-radius:50%;flex-shrink:0}.tow-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.tow-user-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tow-user-role{color:#fff6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tow-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444e6;font-weight:600;font-size:13px;cursor:pointer;transition:all .25s ease;font-family:Inter,Segoe UI,sans-serif}.tow-logout-btn:hover{background:#ef44442e;border-color:#ef444480;color:#ff6b6b;transform:translateY(-1px)}.tow-logout-icon{font-size:17px}.tow-main{flex:1;min-height:100vh;min-width:0;overflow-x:hidden;transition:margin-left .3s ease;position:relative;z-index:1}.tow-main-shifted{margin-left:280px}.tow-main-full{margin-left:0}.tow-topbar{background:#0d0d1abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(123,47,247,.15);padding:16px 32px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50}.tow-menu-toggle{background:#7b2ff71f;border:1px solid rgba(123,47,247,.25);border-radius:10px;padding:9px;cursor:pointer;color:#a855f7e6;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.tow-menu-toggle:hover{background:#7b2ff738;box-shadow:0 0 12px #7b2ff733}.tow-page-title{flex:1;font-size:22px;font-weight:800;background:linear-gradient(135deg,#c084fc,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.tow-back-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;background:#7b2ff71a;border:1px solid rgba(123,47,247,.25);border-radius:10px;color:#c084fce6;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Inter,Segoe UI,sans-serif}.tow-back-btn:hover{background:#7b2ff733;border-color:#7b2ff766;box-shadow:0 0 12px #7b2ff726}.tow-content-area{padding:28px 32px;min-height:calc(100vh - 64px);animation:tow-fade-up .5s ease both}.tow-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px}.tow-stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,47,247,.18);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:transform .2s,border-color .2s}.tow-stat-card:hover{transform:translateY(-2px);border-color:#7b2ff766}.tow-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.tow-stat-icon-total{background:#7b2ff738;color:#c4b5fd}.tow-stat-icon-active{background:#22c55e2e;color:#86efac}.tow-stat-icon-inactive{background:#fbbf2426;color:#fde68a}.tow-stat-info{display:flex;flex-direction:column;gap:2px}.tow-stat-val{font-size:26px;font-weight:700;color:#fff;line-height:1}.tow-stat-lbl{font-size:11px;font-weight:600;color:#c4b5fd80;text-transform:uppercase;letter-spacing:.5px}.tow-table-card{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden}.tow-toolbar{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(123,47,247,.12);flex-wrap:wrap}.tow-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tow-view-toggle{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden}.tow-view-toggle-btn{background:none;border:none;color:#fff6;padding:7px 10px;cursor:pointer;font-size:15px;display:flex;align-items:center;transition:all .2s}.tow-view-toggle-btn:hover{color:#fff}.tow-view-toggle-active{background:#7b2ff74d;color:#c084fc!important;box-shadow:inset 0 0 8px #7b2ff733}@media (max-width: 767px){.tow-view-toggle{display:none}}.tow-search-box{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 16px;transition:all .25s ease;flex:1;min-width:200px;max-width:400px}.tow-search-box:focus-within{border-color:#7b2ff773;background:#7b2ff70d;box-shadow:0 0 0 3px #7b2ff714}.tow-search-icon{color:#ffffff40;font-size:17px;flex-shrink:0;transition:color .2s ease}.tow-search-box:focus-within .tow-search-icon{color:#a855f7cc}.tow-search-input{flex:1;border:none;outline:none;font-size:13px;color:#e2e8f0;background:transparent;font-family:Inter,Segoe UI,sans-serif;font-weight:500}.tow-search-input::placeholder{color:#ffffff2e}.tow-add-btn{display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#7b2ff7cc,#6366f1b3);border:1px solid rgba(123,47,247,.5);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap;font-family:Inter,Segoe UI,sans-serif;box-shadow:0 4px 20px #7b2ff740}.tow-add-btn:hover{background:linear-gradient(135deg,#7b2ff7,#6366f1e6);box-shadow:0 6px 28px #7b2ff766;transform:translateY(-1px)}.tow-table-wrap{overflow-x:auto}.tow-table{width:100%;border-collapse:collapse}.tow-table thead{background:linear-gradient(135deg,#7b2ff74d,#6366f133);border-bottom:1px solid rgba(123,47,247,.2)}.tow-table thead th{padding:16px 18px;text-align:left;color:#c084fcd9;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.tow-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s ease}.tow-table tbody tr:last-child{border-bottom:none}.tow-table tbody tr:hover{background:#7b2ff70f}.tow-table tbody td{padding:16px 18px;color:#ffffffb3;font-size:14px;vertical-align:middle}.tow-empty{text-align:center;padding:48px 16px!important;color:#ffffff4d;font-size:14px}.tow-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:12px;font-weight:600}.tow-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.tow-badge-active{background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.35)}.tow-badge-active:before{background:#4ade80}.tow-badge-inactive{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.tow-badge-inactive:before{background:#fca5a5}.tow-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.tow-modal{background:#0f0f1e;border:1px solid rgba(123,47,247,.3);border-radius:20px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 24px 80px #7b2ff733,0 0 0 1px #7b2ff71a;animation:tow-fade-up .3s ease}.tow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(123,47,247,.15);background:linear-gradient(135deg,#7b2ff71f,#6366f10f)}.tow-modal-header h3{margin:0;font-size:17px;font-weight:800;background:linear-gradient(135deg,#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tow-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;cursor:pointer;padding:6px;display:flex;transition:all .2s ease}.tow-modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.tow-modal-body{padding:24px}.tow-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(123,47,247,.12)}.tow-form-group{display:flex;flex-direction:column;gap:8px}.tow-form-group label{font-size:13px;font-weight:600;color:#ffffffb3;letter-spacing:.2px}.tow-required{color:#f87171}.tow-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;color:#e2e8f0;font-size:14px;outline:none;transition:all .25s ease;width:100%;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif}.tow-input::placeholder{color:#ffffff2e}.tow-input:focus{border-color:#7b2ff780;background:#7b2ff70f;box-shadow:0 0 0 3px #7b2ff71a}.tow-btn-cancel{padding:10px 20px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;font-family:Inter,Segoe UI,sans-serif}.tow-btn-cancel:hover{background:#ffffff14;color:#ffffffe6}.tow-btn-primary{display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#7b2ff7d9,#6366f1bf);border:1px solid rgba(123,47,247,.5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease;font-family:Inter,Segoe UI,sans-serif;box-shadow:0 4px 16px #7b2ff74d}.tow-btn-primary:hover{background:linear-gradient(135deg,#7b2ff7,#6366f1f2);box-shadow:0 6px 24px #7b2ff773;transform:translateY(-1px)}.tow-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.tow-cards-slider{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;padding:4px 2px 12px;margin-top:16px}.tow-cards-slider::-webkit-scrollbar{display:none}.tow-cards-slider:active{cursor:grabbing}.tow-waste-card{flex-shrink:0;width:240px;background:linear-gradient(145deg,#7b2ff72e,#6366f11a);border:1px solid rgba(123,47,247,.25);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s,border-color .2s;-webkit-user-select:none;user-select:none}.tow-waste-card:hover{transform:translateY(-3px);border-color:#7b2ff780;box-shadow:0 8px 32px #7b2ff733}.tow-waste-card-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#7b2ff780,#6366f166);border:2px solid rgba(123,47,247,.4);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#e9d5ff;flex-shrink:0}.tow-waste-card-index{font-size:11px;color:#c4b5fd73;font-weight:600;letter-spacing:.5px}.tow-waste-card-name{font-size:15px;font-weight:700;color:#fff;text-align:center;line-height:1.3;word-break:break-word}.tow-waste-card-meta{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.tow-waste-card-meta-label{font-size:11px;color:#c4b5fd73;text-transform:uppercase;letter-spacing:.5px}.tow-waste-card-meta-value{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.tow-empty-cards{text-align:center;padding:48px 16px;color:#ffffff4d;font-size:14px;margin-top:16px}.tow-slider-dots{display:flex;justify-content:center;gap:6px;padding:4px 0 8px}.tow-slider-dot{width:7px;height:7px;border-radius:50%;background:#ffffff26;transition:all .3s}.tow-slider-dot-active{background:#a855f7;width:20px;border-radius:4px;box-shadow:0 0 6px #a855f780}@media (max-width: 768px){.tow-topbar{padding:14px 20px}.tow-content-area{padding:20px 16px}.tow-toolbar{gap:8px;flex-direction:column;align-items:stretch}.tow-search-box{max-width:100%;min-width:0}.tow-toolbar-actions{justify-content:flex-end}.tow-waste-card{width:220px}}.wcms-st-back-btn{display:flex;align-items:center;gap:6px;background:#7b2ff71f;border:1px solid rgba(123,47,247,.28);color:#c4b5fd;padding:7px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.wcms-st-back-btn:hover{background:#7b2ff738;border-color:#7b2ff773}.wcms-st-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.wcms-st-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#ffffff08;border:1px solid rgba(123,47,247,.18);border-radius:14px;transition:transform .18s,box-shadow .18s}.wcms-st-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7b2ff71f}.wcms-st-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.wcms-st-stat-icon-total{background:#7b2ff738;color:#c4b5fd}.wcms-st-stat-icon-active{background:#22c55e2e;color:#86efac}.wcms-st-stat-icon-inactive{background:#fbbf2426;color:#fde68a}.wcms-st-stat-info{display:flex;flex-direction:column;gap:2px}.wcms-st-stat-val{font-size:26px;font-weight:700;color:#fff;line-height:1}.wcms-st-stat-lbl{font-size:11px;color:#c4b5fd8c;font-weight:500;text-transform:uppercase;letter-spacing:.6px}@media (max-width: 600px){.wcms-st-stats-row{grid-template-columns:1fr 1fr}}.wcms-st-table-card{background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(123,47,247,.18);border-radius:16px}.wcms-st-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(123,47,247,.1);flex-wrap:wrap}.wcms-st-filter-box{display:flex;align-items:center;gap:8px;background:#7b2ff712;border:1px solid rgba(123,47,247,.22);border-radius:10px;padding:8px 14px;min-width:180px;transition:border-color .2s}.wcms-st-filter-box:focus-within{border-color:#7b2ff780}.wcms-st-filter-icon{color:#c4b5fd73;font-size:15px;flex-shrink:0}.wcms-st-filter-select{background:none;border:none;outline:none;color:#e9d5ff;font-size:14px;width:100%;cursor:pointer}.wcms-st-filter-select option{background:#1a0a3e;color:#e9d5ff}.wcms-st-search-box{display:flex;align-items:center;gap:8px;background:#7b2ff712;border:1px solid rgba(123,47,247,.22);border-radius:10px;padding:8px 14px;flex:1;min-width:160px;transition:border-color .2s}.wcms-st-search-box:focus-within{border-color:#7b2ff780}.wcms-st-search-icon{color:#c4b5fd73;font-size:16px;flex-shrink:0}.wcms-st-search-input{background:none;border:none;outline:none;color:#fff;font-size:14px;width:100%}.wcms-st-search-input::placeholder{color:#c4b5fd4d}.wcms-st-add-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 4px 14px #7b2ff747}.wcms-st-add-btn:hover{opacity:.88;box-shadow:0 6px 20px #7b2ff76b;transform:translateY(-1px)}.wcms-st-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.wcms-st-view-toggle{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden}.wcms-st-view-btn{background:none;border:none;color:#fff6;padding:7px 10px;cursor:pointer;font-size:15px;display:flex;align-items:center;transition:all .2s}.wcms-st-view-btn:hover{color:#fff}.wcms-st-view-btn-active{background:#7b2ff74d;color:#c084fc!important;box-shadow:inset 0 0 8px #7b2ff733}@media (max-width: 767px){.wcms-st-view-toggle{display:none}}.wcms-st-table-wrap{overflow-x:auto}.wcms-st-table{width:100%;border-collapse:collapse}.wcms-st-table thead tr{background:#7b2ff726}.wcms-st-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#c4b5fdbf;white-space:nowrap}.wcms-st-table tbody tr{border-top:1px solid rgba(123,47,247,.07);transition:background .15s}.wcms-st-table tbody tr:hover{background:#7b2ff712}.wcms-st-table td{padding:12px 16px;font-size:14px;color:#e9d5ffd9;vertical-align:middle}.wcms-st-empty{text-align:center;color:#c4b5fd59;padding:32px 16px!important;font-size:14px}.wcms-st-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.wcms-st-badge-active{background:#22c55e2e;color:#86efac;border:1px solid rgba(34,197,94,.35)}.wcms-st-badge-inactive{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.wcms-st-modal-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.wcms-st-modal{background:linear-gradient(135deg,#0d0d1a,#180d38);border:1px solid rgba(123,47,247,.25);border-radius:16px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 24px 64px #0009,0 0 40px #7b2ff71a}.wcms-st-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(123,47,247,.15);background:linear-gradient(90deg,rgba(123,47,247,.12) 0%,transparent 100%)}.wcms-st-modal-header h3{margin:0;color:#e9d5ff;font-size:16px}.wcms-st-modal-close{background:#7b2ff71a;border:1px solid rgba(123,47,247,.22);color:#c4b5fd99;cursor:pointer;padding:5px;border-radius:7px;display:flex;transition:all .15s}.wcms-st-modal-close:hover{color:#f87171;background:#f871711f;border-color:#f8717140}.wcms-st-modal-body{padding:22px}.wcms-st-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid rgba(123,47,247,.12);background:#00000026}.wcms-st-form-group{display:flex;flex-direction:column;gap:6px}.wcms-st-form-group label{font-size:13px;font-weight:600;color:#c4b5fdcc}.wcms-st-required{color:#f87171}.wcms-st-input{background:#7b2ff712;border:1px solid rgba(123,47,247,.22);border-radius:10px;padding:10px 14px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box;appearance:auto}.wcms-st-input::placeholder{color:#c4b5fd4d}.wcms-st-input:focus{border-color:#7b2ff7a6;background:#7b2ff71f}select.wcms-st-input option{background:#1a0a3e;color:#e9d5ff}.wcms-st-btn-cancel{padding:9px 18px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#c4b5fdb3;cursor:pointer;font-size:14px;transition:background .2s}.wcms-st-btn-cancel:hover{background:#ffffff1a}.wcms-st-btn-primary{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:#7b2ff78c;border:1px solid rgba(123,47,247,.7);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #7b2ff740}.wcms-st-btn-primary:hover{opacity:.88;box-shadow:0 6px 20px #7b2ff766}.wcms-st-btn-primary:disabled{opacity:.55;cursor:not-allowed}.wcms-st-cards-slider{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;padding:4px 2px 12px;margin-top:16px}.wcms-st-cards-slider::-webkit-scrollbar{display:none}.wcms-st-cards-slider:active{cursor:grabbing}.wcms-st-source-card{flex-shrink:0;width:240px;background:linear-gradient(145deg,#7b2ff72e,#6366f11a);border:1px solid rgba(123,47,247,.25);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s,border-color .2s;-webkit-user-select:none;user-select:none}.wcms-st-source-card:hover{transform:translateY(-3px);border-color:#7b2ff780;box-shadow:0 8px 32px #7b2ff733}.wcms-st-card-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#7b2ff780,#6366f166);border:2px solid rgba(123,47,247,.4);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#e9d5ff;flex-shrink:0}.wcms-st-card-index{font-size:11px;color:#c4b5fd73;font-weight:600;letter-spacing:.5px}.wcms-st-card-name{font-size:15px;font-weight:700;color:#fff;text-align:center;line-height:1.3;word-break:break-word}.wcms-st-card-parent{display:flex;align-items:center;gap:5px;font-size:12px;color:#c4b5fd99;background:#7b2ff71f;border-radius:8px;padding:4px 10px;max-width:100%}.wcms-st-card-parent span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.wcms-st-card-meta{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.wcms-st-card-meta-label{font-size:11px;color:#c4b5fd73;text-transform:uppercase;letter-spacing:.5px}.wcms-st-card-meta-value{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.wcms-st-empty-cards{text-align:center;padding:48px 16px;color:#ffffff4d;font-size:14px;margin-top:16px}.wcms-st-slider-dots{display:flex;justify-content:center;gap:6px;padding:4px 0 8px}.wcms-st-slider-dot{width:7px;height:7px;border-radius:50%;background:#ffffff26;transition:all .3s}.wcms-st-slider-dot-active{background:#a855f7;width:20px;border-radius:4px;box-shadow:0 0 6px #a855f780}@media (max-width: 768px){.wcms-st-toolbar{gap:8px;flex-direction:column;align-items:stretch}.wcms-st-filter-box{min-width:0;width:100%}.wcms-st-search-box{min-width:0}.wcms-st-toolbar-actions{justify-content:flex-end}.wcms-st-source-card{width:220px}}.wcmsr-report-wrapper{display:flex;flex-direction:column;gap:24px}.wcmsr-filter-bar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;background:#ffffff08;border:1px solid rgba(123,47,247,.2);border-radius:16px;padding:20px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wcmsr-filter-group{display:flex;flex-direction:column;gap:6px}.wcmsr-filter-group label{color:#c4b5fdb3;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.wcmsr-filter-actions{display:flex;gap:8px;align-items:center;padding-top:18px}.wcmsr-filter-label{color:#a78bfa;font-size:13px;font-weight:600;margin-left:auto;align-self:center;white-space:nowrap;background:#7b2ff726;border:1px solid rgba(123,47,247,.25);border-radius:8px;padding:6px 14px}.wcmsr-chart-card{background:#ffffff08;border:1px solid rgba(123,47,247,.2);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px 28px;position:relative;z-index:1;transition:border-color .2s ease,box-shadow .2s ease}.wcmsr-chart-card:hover{border-color:#7b2ff759;box-shadow:0 8px 32px #7b2ff71a}.wcmsr-chart-full{width:100%}.wcmsr-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wcmsr-chart-half{min-width:0}@media (max-width: 1100px){.wcmsr-charts-row{grid-template-columns:1fr}}.wcmsr-chart-header{margin-bottom:20px;display:flex;flex-direction:column;gap:4px}.wcmsr-chart-title{color:#e9d5ff;font-size:15px;font-weight:700;margin:0}.wcmsr-chart-subtitle{color:#a78bfaa6;font-size:12px}.wcmsr-tooltip{background:#0a0a16f5;border:1px solid rgba(123,47,247,.45);border-radius:10px;padding:12px 16px;font-size:13px;color:#e9d5ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #00000080;min-width:140px}.wcmsr-tooltip p{margin:3px 0;line-height:1.4}.wcmsr-tooltip-label{color:#c4b5fd;font-weight:700;margin-bottom:8px!important;font-size:13px;border-bottom:1px solid rgba(123,47,247,.2);padding-bottom:6px}.wcmsr-empty{color:#a78bfa80;font-size:14px;text-align:center;padding:60px 20px}.wcmsr-export-btn{display:flex;align-items:center;gap:7px;padding:10px 20px;background:#f72f7b33;border:1px solid rgba(247,47,123,.45);border-radius:10px;color:#fda4af;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 14px #f72f7b2e}.wcmsr-export-btn:hover:not(:disabled){background:#f72f7b59;border-color:#f72f7ba6;transform:translateY(-1px);box-shadow:0 6px 20px #f72f7b52}.wcmsr-export-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes wcmsr-spin{to{transform:rotate(360deg)}}.wcmsr-export-spinner{width:14px;height:14px;border:2px solid rgba(253,164,175,.3);border-top-color:#fda4af;border-radius:50%;display:inline-block;animation:wcmsr-spin .7s linear infinite}.wcmsr-chart-loading{min-height:420px;display:flex;align-items:center;justify-content:center;position:relative}*{margin:0;padding:0;box-sizing:border-box}.eresp-wrapper{min-height:100vh;background:#0d0d1a;font-family:Inter,Segoe UI,sans-serif;display:flex;position:relative}.eresp-wrapper:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(220,38,38,.28) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(251,146,60,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(239,68,68,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.eresp-wrapper:after{content:"";position:fixed;width:500px;height:500px;background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 70%);border-radius:50%;bottom:-200px;right:-100px;animation:eresp-orb-float 12s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes eresp-orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}.eresp-sidebar{width:280px;height:100vh;background:#0d0d1aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(220,38,38,.3);box-shadow:4px 0 32px #0006;transition:all .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.eresp-sidebar-closed{width:0;border:none;overflow:hidden}.eresp-sidebar-content{padding:32px 24px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.eresp-sidebar-header{text-align:center;margin-bottom:24px}.eresp-sidebar-logo{width:120px;height:120px;border-radius:50%;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:24px;animation:eresp-pulse 2s infinite;object-fit:contain;object-position:center;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}@keyframes eresp-pulse{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 4px 32px #dc262680}}.eresp-sidebar-title{color:#fecaca;font-size:16px;font-weight:700;margin-bottom:4px}.eresp-sidebar-subtitle{color:#fca5a58c;font-size:12px}.eresp-sidebar-divider{height:1px;background:#dc262640;margin:20px 0}.eresp-sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.eresp-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#fca5a5b3;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border:1px solid transparent;background:none;cursor:pointer;width:100%;text-align:left}.eresp-nav-item:hover{background:#dc262626;color:#fecaca;border-color:#dc262640}.eresp-nav-item-active{background:#dc26264d;border-color:#dc262680;color:#fca5a5;font-weight:600;box-shadow:0 2px 12px #dc262640}.eresp-nav-icon{font-size:18px;flex-shrink:0}.eresp-sidebar-footer{margin-top:auto}.eresp-user-profile{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s;margin-bottom:12px}.eresp-user-profile:hover{background:#dc26261f}.eresp-user-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(220,38,38,.5);flex-shrink:0}.eresp-user-avatar-placeholder{background:#dc262633;display:flex;align-items:center;justify-content:center;color:#fca5a5}.eresp-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.eresp-user-name{color:#fecaca;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eresp-user-role{color:#fca5a58c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eresp-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8717126;border:1px solid rgba(248,113,113,.3);border-radius:12px;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.eresp-logout-btn:hover{background:#f8717147;border-color:#f8717180}.eresp-logout-icon{font-size:18px}.eresp-main{flex:1;min-width:0;min-height:100vh;transition:margin-left .3s ease;position:relative;z-index:1;overflow-x:hidden}.eresp-main-shifted{margin-left:280px}.eresp-main-full{margin-left:0}.eresp-topbar{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#0d0d1acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,38,38,.2);position:sticky;top:0;z-index:50}.eresp-menu-toggle{background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:8px;color:#fca5a5;cursor:pointer;transition:background .2s;flex-shrink:0;display:flex;align-items:center}.eresp-menu-toggle:hover{background:#dc262647}.eresp-page-title{flex:1;font-size:20px;font-weight:700;background:linear-gradient(90deg,#fca5a5,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eresp-add-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;background:#dc26268c;border:1px solid rgba(220,38,38,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #dc26264d}.eresp-add-btn:hover{background:#dc2626bf;transform:translateY(-1px);box-shadow:0 6px 20px #dc262673}.eresp-content-area{padding:32px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 80px)}.eresp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.eresp-stat-card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.eresp-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #dc262633;border-color:#dc262666}.eresp-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:28px}.eresp-stat-total .eresp-stat-icon{background:#dc262638;color:#fca5a5}.eresp-stat-pending .eresp-stat-icon{background:#eab30833;color:#fde68a}.eresp-stat-active .eresp-stat-icon{background:#fb923c33;color:#fdba74}.eresp-stat-done .eresp-stat-icon{background:#22c55e33;color:#86efac}.eresp-stat-content h3{color:#fff;font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.eresp-stat-content p{color:#fca5a5a6;font-size:12px}.eresp-table-container{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.2);border-radius:20px;overflow:hidden}.eresp-table-header{padding:20px 24px 0}.eresp-table-header-row{display:flex;align-items:center;gap:12px;padding-bottom:16px;flex-wrap:wrap}.eresp-filter-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;color:#fff;text-align:left;min-width:0}.eresp-filter-toggle h3{font-size:16px;font-weight:700}.eresp-filter-toggle-right{display:flex;align-items:center;gap:12px}.eresp-items-count{font-size:12px;color:#ffffffa6}.eresp-filter-chevron{transition:transform .3s ease;color:#ffffffb3}.eresp-filter-chevron-open{transform:rotate(180deg)}.eresp-table-controls-collapsible{max-height:0;overflow:hidden;transition:max-height .3s ease}.eresp-filters-open{max-height:300px}.eresp-table-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:16px}.eresp-search-box{display:flex;align-items:center;gap:8px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:10px;padding:8px 12px;flex:1;min-width:200px;transition:border-color .2s}.eresp-search-box:focus-within{border-color:#dc26268c}.eresp-search-icon{color:#fca5a58c;font-size:16px}.eresp-search-input{background:none;border:none;outline:none;color:#fff;font-size:14px;width:100%}.eresp-search-input::placeholder{color:#fca5a559}.eresp-filter-select{padding:8px 12px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:10px;color:#fecaca;font-size:13px;cursor:pointer;outline:none}.eresp-filter-select option{background:#1a0a0a;color:#fff}.eresp-filter-select:focus{border-color:#dc26268c}.eresp-table-scroll{overflow-x:auto;padding:0 24px 24px}.eresp-table{width:100%;border-collapse:collapse;min-width:700px}.eresp-table th{background:#dc26262e;color:#fca5a5d9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:12px 16px;text-align:left;border-bottom:1px solid rgba(220,38,38,.2)}.eresp-table td{padding:14px 16px;color:#fecacae6;font-size:13px;border-bottom:1px solid rgba(220,38,38,.08);vertical-align:middle}.eresp-table tbody tr:hover td{background:#dc262612}.eresp-type-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.eresp-type-crime{background:#dc262633;color:#fca5a5;border:1px solid rgba(220,38,38,.38)}.eresp-type-flooding{background:#3b82f62e;color:#93c5fd;border:1px solid rgba(59,130,246,.34)}.eresp-type-fire{background:#f973162e;color:#fdba74;border:1px solid rgba(249,115,22,.34)}.eresp-type-accident,.eresp-type-accidents{background:#eab30829;color:#fde68a;border:1px solid rgba(234,179,8,.32)}.eresp-type-earthquake{background:#78350f38;color:#fbbf24;border:1px solid rgba(120,53,15,.4)}.eresp-type-other{background:#a855f729;color:#d8b4fe;border:1px solid rgba(168,85,247,.3)}.eresp-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.eresp-status-pending{background:#eab30829;color:#fde68a;border:1px solid rgba(234,179,8,.3)}.eresp-status-acknowledged{background:#6366f129;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.eresp-status-received{background:#3b82f629;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.eresp-status-intransit{background:#fb923c29;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.eresp-status-responding{background:#ef444429;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.eresp-status-inprogress{background:#fb923c29;color:#fdba74;border:1px solid rgba(251,146,60,.3)}.eresp-status-resolved{background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.28)}.eresp-action-btn{background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:6px 8px;color:#fca5a5;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center}.eresp-action-btn:hover{background:#dc26264d;color:#fecaca;border-color:#dc26268c}.eresp-view-images-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);border-radius:8px;color:#a5b4fc;font-size:12px;cursor:pointer;transition:all .2s}.eresp-view-images-btn:hover{background:#6366f138}.eresp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 32px;color:#fca5a599}.eresp-empty-icon{color:#dc262659}.eresp-empty-state p{font-size:14px}.eresp-modal-overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.eresp-modal{background:linear-gradient(160deg,#0d0d1a,#2d0a0a);border:1px solid rgba(220,38,38,.35);border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0009,0 0 40px #dc26261a}.eresp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(220,38,38,.2);background:linear-gradient(90deg,#dc262626,#fb923c0f)}.eresp-modal-header h3{color:#fecaca;font-size:16px;font-weight:700}.eresp-modal-close{background:#dc26261f;border:1px solid rgba(220,38,38,.25);border-radius:8px;padding:6px;color:#fca5a5cc;cursor:pointer;display:flex;align-items:center;transition:all .2s}.eresp-modal-close:hover{color:#f87171;background:#f871711f;border-color:#f871714d}.eresp-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.eresp-modal-info-box{background:#dc262614;border:1px solid rgba(220,38,38,.18);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.eresp-modal-info-desc{font-size:13.5px;color:#fde8e8;line-height:1.5}.eresp-modal-info-meta{font-size:12px;color:#fca5a580}.eresp-modal-location-link{display:inline-block;margin-top:4px;font-size:12px;color:#fb923c;text-decoration:none;transition:color .15s}.eresp-modal-location-link:hover{color:#fca5a5;text-decoration:underline}.eresp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.eresp-form-group{display:flex;flex-direction:column;gap:6px}.eresp-form-group label{color:#fca5a5d9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.eresp-required{color:#f87171}.eresp-optional{font-weight:400;text-transform:none;letter-spacing:0;font-size:11px;color:#fca5a559}.eresp-input{padding:10px 14px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:border-color .2s,background .2s;width:100%}.eresp-input:focus{border-color:#dc2626b3;background:#dc26261f}.eresp-input::placeholder{color:#fca5a54d}.eresp-input option{background:#1a0a0a;color:#fff}.eresp-textarea{resize:vertical;min-height:72px;font-family:inherit}.eresp-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.eresp-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#dc26268c;border:1px solid rgba(220,38,38,.7);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #dc262640}.eresp-btn-primary:hover:not(:disabled){background:#dc2626bf;transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.eresp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.eresp-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fca5a5cc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.eresp-btn-secondary:hover{background:#ffffff1a}.eresp-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.eresp-lightbox-overlay{position:fixed;inset:0;background:#000000e0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.eresp-lightbox{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:14px}.eresp-lightbox-close{position:absolute;top:-14px;right:-14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;padding:8px;color:#fff;cursor:pointer;display:flex;align-items:center;z-index:10}.eresp-lightbox-img{max-width:100%;max-height:75vh;border-radius:12px;object-fit:contain}.eresp-lightbox-nav{display:flex;align-items:center;gap:18px;color:#fffc;font-size:14px}.eresp-lightbox-nav button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:20px;padding:4px 14px;cursor:pointer;transition:background .2s}.eresp-lightbox-nav button:hover{background:#fff3}.eresp-desktop-only{display:block}.eresp-mobile-only{display:none}.eresp-mobile-cards{flex-direction:column;gap:12px;padding:16px}.eresp-incident-card{background:#ffffff0a;border:1px solid rgba(220,38,38,.2);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.eresp-incident-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.eresp-incident-card-desc{font-size:14px;font-weight:600;color:#fff;margin:0;line-height:1.4}.eresp-incident-card-body{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.eresp-incident-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.eresp-incident-card-label{font-size:11px;font-weight:600;color:#fca5a599;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.eresp-incident-card-value{font-size:12.5px;color:#ffffffd9;text-align:right}.eresp-incident-card-footer{display:flex;gap:8px;flex-wrap:wrap}.eresp-incident-card-respond-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#fca5a5;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.eresp-incident-card-respond-btn:hover{background:#dc262647;border-color:#dc262680}.eresp-incident-card .eresp-view-images-btn{flex:1}@media (max-width: 768px){.eresp-main-shifted{margin-left:0}.eresp-topbar{padding:16px 20px}.eresp-content-area{padding:20px 16px}.eresp-page-title{font-size:16px}.eresp-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.eresp-stat-card{padding:14px 12px;gap:10px;border-radius:12px}.eresp-stat-icon{width:42px;height:42px;border-radius:10px;font-size:20px}.eresp-stat-content h3{font-size:18px}.eresp-stat-content p{font-size:11px}.eresp-form-row{grid-template-columns:1fr}.eresp-add-btn span,.eresp-desktop-only{display:none}.eresp-mobile-only{display:flex}}@media (max-width: 480px){.eresp-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.eresp-stat-card{padding:12px 10px;gap:8px}.eresp-stat-icon{width:36px;height:36px;border-radius:8px;font-size:17px}.eresp-stat-content h3{font-size:16px}.eresp-stat-content p{font-size:10px}}.eresp-h-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.eresp-h-card{background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.eresp-h-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #dc262633;border-color:#dc262666}.eresp-h-card-header{display:flex;align-items:center;justify-content:space-between}.eresp-h-dept-badge{padding:4px 12px;background:#dc262633;border:1px solid rgba(220,38,38,.38);border-radius:20px;font-size:11.5px;font-weight:600;color:#fca5a5}.eresp-h-card-name{font-size:15px;font-weight:700;color:#fde8e8;line-height:1.3}.eresp-h-card-number{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#fb923c}.eresp-h-card-desc{font-size:12.5px;color:#fca5a58c;line-height:1.5}.eresp-h-card-footer{font-size:11px;color:#fca5a54d;border-top:1px solid rgba(220,38,38,.1);padding-top:8px;margin-top:2px}@media (max-width: 480px){.eresp-h-grid{grid-template-columns:1fr}}.eresp-r-chart-container{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.2);border-radius:20px;padding:28px}.eresp-r-chart-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:20px}.eresp-r-total-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px;font-size:13px;color:#fca5a5a6}.eresp-r-total-row strong{color:#fecaca;font-size:15px}.eresp-r-bars{display:flex;flex-direction:column;gap:16px}.eresp-r-bar-row{display:flex;align-items:center;gap:14px}.eresp-r-bar-label{width:100px;font-size:13px;font-weight:500;color:#fca5a5b3;flex-shrink:0}.eresp-r-bar-track{flex:1;height:12px;background:#ffffff12;border-radius:6px;overflow:hidden}.eresp-r-bar-fill{height:100%;border-radius:6px;transition:width .55s ease}.eresp-r-bar-crime{background:linear-gradient(90deg,#ef4444,#b91c1c)}.eresp-r-bar-flooding{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.eresp-r-bar-fire{background:linear-gradient(90deg,#f97316,#c2410c)}.eresp-r-bar-accident,.eresp-r-bar-accidents{background:linear-gradient(90deg,#eab308,#a16207)}.eresp-r-bar-earthquake{background:linear-gradient(90deg,#d97706,#78350f)}.eresp-r-bar-other{background:linear-gradient(90deg,#a855f7,#7e22ce)}.eresp-r-bar-count{width:32px;font-size:13px;font-weight:700;color:#fecaca;text-align:right;flex-shrink:0}.eresp-r-type-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.eresp-r-type-card{border-radius:14px;padding:18px 14px;text-align:center;border:1px solid;display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease}.eresp-r-type-card:hover{transform:translateY(-2px)}.eresp-r-type-card-crime{background:#dc26261a;border-color:#dc262640}.eresp-r-type-card-flooding{background:#3b82f61a;border-color:#3b82f640}.eresp-r-type-card-fire{background:#f973161a;border-color:#f9731640}.eresp-r-type-card-accident,.eresp-r-type-card-accidents{background:#eab3081a;border-color:#eab30840}.eresp-r-type-card-earthquake{background:#78350f24;border-color:#78350f59}.eresp-r-type-card-other{background:#a855f71a;border-color:#a855f740}.eresp-r-type-icon{font-size:24px}.eresp-r-type-icon svg{width:24px;height:24px}.eresp-r-type-num{font-size:28px;font-weight:800;color:#fecaca;line-height:1}.eresp-r-type-label{font-size:11.5px;color:#fca5a58c;font-weight:500}.eresp-r-filter-actions{display:flex;gap:8px;align-items:flex-end;align-self:flex-end}.eresp-r-day-input{max-width:90px}@media (max-width: 767px){.eresp-r-type-cards{grid-template-columns:repeat(3,1fr)}.eresp-r-bar-label{width:72px;font-size:11px}}.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translate(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:32px;outline:none;overflow:hidden;padding:0;width:32px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#eee}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-up .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9 8.41421L12.2929 11.7071C12.6834 12.0976 13.3166 12.0976 13.7071 11.7071C14.0976 11.3166 14.0976 10.6834 13.7071 10.2929L9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L4.29289 10.2929C3.90237 10.6834 3.90237 11.3166 4.29289 11.7071Z' fill='%23333333'/%3E%3C/svg%3E");background-size:18px 18px}.mapboxgl-ctrl button.mapboxgl-ctrl-arrow-down .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 6.29289C4.68342 5.90237 5.31658 5.90237 5.70711 6.29289L9 9.58579L12.2929 6.29289C12.6834 5.90237 13.3166 5.90237 13.7071 6.29289C14.0976 6.68342 14.0976 7.31658 13.7071 7.70711L9.70711 11.7071C9.31658 12.0976 8.68342 12.0976 8.29289 11.7071L4.29289 7.70711C3.90237 7.31658 3.90237 6.68342 4.29289 6.29289Z' fill='%23333333'/%3E%3C/svg%3E");background-size:18px 18px}.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23333' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E");background-size:18px 18px}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-indoor-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.0017 3.0017L4.0017 15.0017L10.0017 15.0017V12.0017H12.0017V15.0017H14.0017L14.0017 3.0017C14.0097 2.86829 13.9894 2.73469 13.9419 2.60973C13.8945 2.48477 13.8211 2.37129 13.7266 2.27678C13.6321 2.18228 13.5186 2.10889 13.3937 2.06147C13.2687 2.01405 13.1351 1.99368 13.0017 2.0017L5.0017 2.0017C4.86829 1.99368 4.73469 2.01405 4.60973 2.06147C4.48477 2.10889 4.37129 2.18228 4.27678 2.27678C4.18228 2.37129 4.10889 2.48477 4.06147 2.60973C4.01405 2.73469 3.99368 2.86829 4.0017 3.0017ZM8.0017 14.0017H6.0017V12.0017H8.0017V14.0017ZM8.0017 10.0017H6.0017L6.0017 8.0017H8.0017V10.0017ZM8.0017 6.0017L6.0017 6.0017V4.0017H8.0017V6.0017ZM12.0017 10.0017H10.0017V8.0017H12.0017V10.0017ZM12.0017 6.0017H10.0017V4.0017L12.0017 4.0017V6.0017Z' fill='%23333333'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}:is(.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-left,.mapboxgl-ctrl-top-left)>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}:is(.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-left,.mapboxgl-ctrl-top-left) .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#eee}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{font-size:16px;font-weight:700;text-align:center}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#ccc;color:#000}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#ccc}.aksyon-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fca5a5cc;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.aksyon-back-btn:hover{background:#dc262626;border-color:#dc26264d;color:#fca5a5}.aksyon-layout{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}@media (max-width: 1024px){.aksyon-layout{grid-template-columns:1fr}}.aksyon-card{background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(220,38,38,.18);border-radius:18px;padding:22px 24px;margin-bottom:16px;position:relative;z-index:1}.aksyon-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fca5a580;margin-bottom:14px}.aksyon-header-card{border-color:#dc262647}.aksyon-header-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.aksyon-incident-title{font-size:22px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:20px}.aksyon-progress{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:4px 0 8px;width:100%}.aksyon-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;position:relative}.aksyon-progress-dot{width:26px;height:26px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:12px;z-index:2;transition:all .3s ease;flex-shrink:0}.aksyon-progress-step-done .aksyon-progress-dot{background:#22c55e33;border-color:#22c55e99;color:#86efac}.aksyon-progress-step-current .aksyon-progress-dot{background:#dc262640;border-color:#dc2626b3;color:#fca5a5;box-shadow:0 0 12px #dc262666}.aksyon-progress-label{font-size:9.5px;font-weight:600;color:#ffffff4d;margin-top:6px;text-align:center;white-space:nowrap}.aksyon-progress-step-done .aksyon-progress-label,.aksyon-progress-step-current .aksyon-progress-label{color:#fca5a5bf}.aksyon-progress-line{position:absolute;top:12px;left:calc(50% + 13px);right:calc(-50% + 13px);height:2px;background:#ffffff14;z-index:1}.aksyon-progress-step:last-child .aksyon-progress-line{display:none}.aksyon-progress-line-done{background:#22c55e66}.aksyon-info-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#fffc;margin-bottom:10px}.aksyon-info-row:last-child{margin-bottom:0}.aksyon-info-icon{color:#fca5a580;flex-shrink:0}.aksyon-muted{color:#fca5a573;font-size:12px}.aksyon-link{color:#93c5fd;text-decoration:none;transition:color .2s}.aksyon-link:hover{color:#bfdbfe;text-decoration:underline}.aksyon-map-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#93c5fd;text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;margin-top:8px;transition:all .2s ease;width:fit-content}.aksyon-map-btn:hover{background:#3b82f638;border-color:#3b82f673;color:#bfdbfe}.aksyon-open-icon{opacity:.6;margin-left:2px}.aksyon-mapbox-wrap{width:100%;height:300px;border-radius:14px;overflow:hidden;margin-top:12px;border:1px solid rgba(220,38,38,.2);position:relative}.aksyon-map-marker{filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));cursor:default}.aksyon-responder-marker{width:34px;height:34px;border-radius:50%;background:#22d3ee33;border:2px solid rgba(34,211,238,.7);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #22d3ee80;animation:responder-pulse 2s infinite}@keyframes responder-pulse{0%,to{box-shadow:0 0 8px #22d3ee66}50%{box-shadow:0 0 18px #22d3eebf}}.aksyon-route-btn{position:absolute;bottom:12px;left:12px;z-index:10;display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:20px;background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.5);color:#93c5fd;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.aksyon-route-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6cc;color:#bfdbfe}.aksyon-route-btn:disabled{opacity:.6;cursor:wait}.aksyon-route-btn-loading{animation:route-btn-pulse 1s ease-in-out infinite}@keyframes route-btn-pulse{0%,to{opacity:.6}50%{opacity:1}}.aksyon-route-info{position:absolute;top:12px;left:12px;z-index:10;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(34,197,94,.4);color:#86efac;font-size:12px;font-weight:600}.aksyon-route-sep{opacity:.4}.aksyon-timeline{display:flex;flex-direction:column;gap:10px}.aksyon-timeline-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffbf}.aksyon-timeline-row .aksyon-muted{min-width:72px}.aksyon-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:4px}.aksyon-img-thumb{border:0;padding:0;cursor:pointer;border-radius:10px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);aspect-ratio:1;transition:transform .2s ease,border-color .2s}.aksyon-img-thumb:hover{transform:scale(1.04);border-color:#dc262666}.aksyon-img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.aksyon-form-card{border-color:#dc262647;position:sticky;top:20px}.aksyon-form-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:6px}.aksyon-form-subtitle{font-size:12.5px;color:#fca5a573;margin-bottom:22px;line-height:1.5}.aksyon-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fca5a5a6;display:block;margin-bottom:8px}.aksyon-form{display:flex;flex-direction:column;gap:18px}.aksyon-textarea{min-height:140px;resize:vertical}.aksyon-form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}.aksyon-submit-btn{flex:1;justify-content:center;font-size:14px;padding:12px 20px}.aksyon-resolved-notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 0 8px;color:#86efac;text-align:center}.aksyon-resolved-notice p{font-size:14px;color:#86efacbf}.aksyon-prev-notes{font-size:13.5px;color:#ffffffa6;line-height:1.7;white-space:pre-wrap;background:#0003;border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.06)}