@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500;600&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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emsdash-user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emsemp-user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}box-shadow: 0 4px 12px rgba(0,0,0,.1); } .app-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.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}}} .form-input{padding:11px 13px;font-size:13px}} *{margin:0;padding:0;box-sizing:border-box}.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{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emspay-user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emspays-user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}}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-header{text-align:center;margin-bottom: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-closed{width:0;border:none;overflow:hidden}.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}.sidebar-footer{margin-top:auto}.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-info{display:flex;flex-direction:column;flex:1;min-width:0}.user-name{color:#fff;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}.content-full{margin-left:0}.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 table{width:100%;border-collapse:collapse}.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-open{right:0}.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}}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imss-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)}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscat-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)}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsuom-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)}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsinvtype-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)}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dms-user-role{color:#fffc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ims-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)}.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);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vms-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)}.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);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.vmsvisitor-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)}.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:linear-gradient(135deg,#0c1f48,#1a3a6e 30%,#1e5fa0 70%,#2d82c7);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.vmsrep-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}.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-header{text-align:center;margin-bottom:24px}.vmsrep-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:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.vmsrep-sidebar-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:4px}.vmsrep-sidebar-subtitle{color:#fff9;font-size:.75rem}.vmsrep-sidebar-divider{height:1px;background:#fff3;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:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .2s ease}.vmsrep-nav-item:hover{background:#ffffff1a;color:#fff}.vmsrep-nav-item-active{background:#4da6f540;color:#fff;border:1px solid rgba(77,166,245,.4)}.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:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;margin-bottom:12px;transition:background .2s}.vmsrep-user-profile:hover{background:#ffffff1a}.vmsrep-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.vmsrep-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#ffffffb3}.vmsrep-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.vmsrep-user-name{color:#fff;font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vmsrep-user-role{color:#ffffff8c;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vmsrep-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#dc3c3c40;color:#ff8080;border:1px solid rgba(220,60,60,.35);border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s}.vmsrep-logout-btn:hover{background:#dc3c3c66;color:#fff}.vmsrep-main{flex:1;min-height:100vh;transition:margin-left .3s ease;display:flex;flex-direction:column}.vmsrep-main-shifted{margin-left:280px}.vmsrep-main-full{margin-left:0}.vmsrep-topbar{display:flex;align-items:center;gap:16px;padding:20px 28px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.15);position:sticky;top:0;z-index:50}.vmsrep-menu-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.vmsrep-menu-toggle:hover{background:#fff3}.vmsrep-page-title{color:#fff;font-size:1.2rem;font-weight:700}.vmsrep-content-area{padding:24px 28px;display:flex;flex-direction:column;gap:24px}.vmsrep-filter-card{background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px}.vmsrep-filter-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.vmsrep-filter-header-left{display:flex;align-items:center;gap:8px;color:#fff;font-size:1rem;font-weight:600}.vmsrep-mode-switcher{display:flex;gap:6px;flex-wrap:wrap}.vmsrep-mode-btn{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff9;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.vmsrep-mode-btn:hover{background:#ffffff1a;color:#fff}.vmsrep-mode-btn-active{background:#4da6f540;color:#4da6f5;border-color:#4da6f580}.vmsrep-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.vmsrep-field{display:flex;flex-direction:column;gap:6px}.vmsrep-label{color:#ffffffb3;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vmsrep-input,.vmsrep-select{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:9px 12px;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;width:100%}.vmsrep-input::placeholder{color:#ffffff59}.vmsrep-input:focus,.vmsrep-select:focus{border-color:#4da6f599;background:#ffffff1f}.vmsrep-select option{background:#1a3a6e;color:#fff}.vmsrep-filter-actions{display:flex;gap:12px;flex-wrap:wrap}.vmsrep-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.vmsrep-btn:disabled{opacity:.6;cursor:not-allowed}.vmsrep-btn-primary{background:linear-gradient(135deg,#1e5fa0,#2d82c7);color:#fff;border:1px solid rgba(77,166,245,.4)}.vmsrep-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d82c7,#4da6f5)}.vmsrep-btn-secondary{background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.25)}.vmsrep-btn-secondary:hover:not(:disabled){background:#00000073}.vmsrep-charts-section{display:flex;flex-direction:column;gap:20px}.vmsrep-charts-row{display:flex;flex-wrap:wrap;gap:20px}.vmsrep-chart-card{background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px 24px;flex:1;min-width:280px}.vmsrep-chart-main{width:100%;flex:unset;min-width:unset;margin-bottom:20px}.vmsrep-chart-wide{flex:2;min-width:400px}.vmsrep-chart-title{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:16px}.vmsrep-results-card{background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden}.vmsrep-results-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.vmsrep-results-title{color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:10px}.vmsrep-results-count{background:#4da6f540;color:#4da6f5;border:1px solid rgba(77,166,245,.3);border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:600}.vmsrep-empty{padding:40px 24px;text-align:center;color:#ffffff80;font-size:.9rem}.vmsrep-table-wrap{overflow-x:auto}.vmsrep-table{width:100%;border-collapse:collapse;font-size:.83rem}.vmsrep-table thead tr{border-bottom:1px solid rgba(255,255,255,.12)}.vmsrep-table th{padding:12px 16px;color:#ffffff8c;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.vmsrep-table td{padding:12px 16px;color:#ffffffd9;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.vmsrep-table tbody tr:hover{background:#ffffff0a}.vmsrep-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.vmsrep-status-pending{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.vmsrep-status-completed{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.35)}@media (max-width: 768px){.vmsrep-sidebar{width:0}.vmsrep-sidebar-open{width:280px}.vmsrep-main-shifted{margin-left:0}.vmsrep-content-area{padding:16px}.vmsrep-filter-grid{grid-template-columns:1fr 1fr}.vmsrep-chart-wide{min-width:unset;flex:unset;width:100%}.vmsrep-chart-card{min-width:unset;width:100%}}@media (max-width: 480px){.vmsrep-filter-grid{grid-template-columns:1fr}}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscreate-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)}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imscreateppe-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)}.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-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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)}}.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;object-position:center;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),0 0 20px rgba(0,0,0,.4)}.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;background:transparent;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.4)}.vpii-nav-item:hover{background:#0000004d;color:#fff;transform:translate(4px)}.vpii-nav-item-active{background:#0006;color:#fff;box-shadow:0 4px 12px #0000004d;text-shadow:0 2px 6px rgba(0,0,0,.5)}.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;justify-content: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),0 0 30px rgba(0,0,0,.4);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-content{flex:1;padding:32px;display:flex;flex-direction:column;gap:20px}.vpii-empty{text-align:center;color:#ffffffb3;padding:60px 20px;font-size:16px}.vpii-card{background:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:24px;box-shadow:0 4px 16px #0000001a}.vpii-card-header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.vpii-item-name{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.vpii-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.4);margin-right:6px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.vpii-badge-cat{background:#11998e66;border-color:#38ef7d80}.vpii-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px 28px}.vpii-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff9;margin:0 0 4px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.vpii-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)}.vpii-files-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff9;margin:0 0 12px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.vpii-files-gallery{display:flex;flex-wrap:wrap;gap:12px}.vpii-thumb{width:96px;height:96px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative;background:#0003}.vpii-thumb:hover{border-color:#ffffffb3;transform:scale(1.06);box-shadow:0 6px 16px #0000004d}.vpii-thumb img{width:100%;height:100%;object-fit:cover}.vpii-thumb-doc{border-color:#fff3}.vpii-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}.vpii-lightbox{position:fixed;inset:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center}.vpii-lb-img{max-width:90vw;max-height:85vh;border-radius:10px;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-fields-grid{grid-template-columns:1fr 1fr}.vpii-content{padding:20px}}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.imsrep-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)}.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:2px solid rgba(255,255,255,.3);border-radius:16px;padding:28px}.imsrep-filter-heading{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.4);padding:4px 12px;background:#11998e40;border:1px solid rgba(56,239,125,.35);border-radius:20px;display:inline-block}.imsrep-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}.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,.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}.imsrep-input::placeholder{color:#ffffff6b}.imsrep-input:focus{border-color:#38ef7d99;background:#00000061}.imsrep-filter-actions{display:flex;gap:10px;align-items:flex-end}.imsrep-clear-btn{display:flex;align-items:center;gap:6px;padding:11px 18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);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:#ffffff38;transform:translateY(-2px)}.imsrep-search-btn{display:flex;align-items:center;gap:6px;padding:11px 24px;background:#11998e59;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;white-space:nowrap;flex:1;justify-content:center;box-shadow:0 4px 12px #0003}.imsrep-search-btn:hover:not(:disabled){background:#11998e80;transform:translateY(-2px);box-shadow:0 6px 16px #00000047}.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:#ffffffb3;padding:60px 20px;font-size:16px}.imsrep-result-count{font-size:13px;color:#ffffffb3;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.4)}.imsrep-results-list{display:flex;flex-direction:column;gap:16px}.imsrep-result-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;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 16px #0000001a}.imsrep-result-title-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}.imsrep-result-name{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.5);width:100%}.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(auto-fill,minmax(200px,1fr));gap:14px 28px}.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-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}.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}@media (max-width: 900px){.imsrep-filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.imsrep-filter-grid{grid-template-columns:1fr}.imsrep-main-shifted{margin-left:0}.imsrep-content{padding:20px}.imsrep-fields-grid{grid-template-columns:1fr 1fr}}*{margin:0;padding:0;box-sizing:border-box}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acms-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)}.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);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.5)}.acmsinsert-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)}.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-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}}.acmsrep-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}.acmsrep-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}.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(255,255,255,.4);box-shadow:0 4px 20px #0003;margin-bottom:16px;object-fit:contain;padding:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.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:#ffffffb3;font-size:.78rem;font-weight:600}.acmsrep-sidebar-divider{height:1px;background:#fff3;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:#ffffffbf;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;text-shadow:0 1px 4px rgba(0,0,0,.3)}.acmsrep-nav-item:hover{background:#00000040;color:#fff;transform:translate(4px)}.acmsrep-nav-item-active{background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #0003}.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,255,255,.15);cursor:pointer;margin-bottom:12px;transition:background .2s}.acmsrep-user-profile:hover{background:#0000004d}.acmsrep-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.4);flex-shrink:0}.acmsrep-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff26;color:#fff}.acmsrep-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.acmsrep-user-name{color:#fff;font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.4)}.acmsrep-user-role{color:#ffffffa6;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acmsrep-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#dc3c3c40;color:#ff9090;border:1px solid rgba(220,60,60,.4);border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s}.acmsrep-logout-btn:hover{background:#dc3c3c66;color:#fff}.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:20px 28px;background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:50}.acmsrep-menu-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.acmsrep-menu-toggle:hover{background:#ffffff40}.acmsrep-page-title{color:#fff;font-size:1.3rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}.acmsrep-content-area{padding:24px 28px;display:flex;flex-direction:column;gap:24px}.acmsrep-filter-card{background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px}.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:#ffffffb3;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 .3s 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:8px;color:#fff;font-size:1rem;font-weight:600;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 14px;border-radius:20px;border:1px solid rgba(255,255,255,.25);background:#0003;color:#ffffffa6;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.acmsrep-mode-btn:hover{background:#00000059;color:#fff}.acmsrep-mode-btn-active{background:#f59e0b4d;color:#fbbf24;border-color:#f59e0b8c}.acmsrep-filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.acmsrep-field{display:flex;flex-direction:column;gap:6px}.acmsrep-label{color:#ffffffbf;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.acmsrep-input,.acmsrep-select{background:#00000040;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;padding:9px 12px;font-size:.88rem;font-weight:600;outline:none;transition:border-color .2s,background .2s;width:100%}.acmsrep-input::placeholder{color:#fff6}.acmsrep-input:focus,.acmsrep-select:focus{border-color:#fbbf2499;background:#00000059}.acmsrep-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;cursor:pointer}.acmsrep-select option{background:#7a2d00;color:#fff}.acmsrep-select__control{background:#00000040!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:8px!important;box-shadow:none!important;min-height:38px!important}.acmsrep-select__control--is-focused{border-color:#fbbf2499!important;background:#00000059!important}.acmsrep-select__single-value{color:#fff!important;font-size:.88rem;font-weight:600}.acmsrep-select__placeholder{color:#fff6!important;font-size:.88rem}.acmsrep-select__input-container{color:#fff!important}.acmsrep-select__menu{background:#7a2d00!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important}.acmsrep-select__option{background:#7a2d00!important;color:#fff!important;font-size:.88rem}.acmsrep-select__option--is-focused{background:#fbbf2433!important}.acmsrep-select__option--is-selected{background:#fbbf2459!important;font-weight:700}.acmsrep-select__indicator-separator{background:#fff3!important}.acmsrep-select__dropdown-indicator,.acmsrep-select__clear-indicator{color:#ffffff80!important}.acmsrep-select__dropdown-indicator:hover,.acmsrep-select__clear-indicator:hover{color:#fff!important}.acmsrep-filter-actions{display:flex;gap:12px;flex-wrap:wrap}.acmsrep-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 .2s}.acmsrep-btn:disabled{opacity:.6;cursor:not-allowed}.acmsrep-btn-primary{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:1px solid rgba(251,191,36,.4);box-shadow:0 4px 12px #ef44444d}.acmsrep-btn-primary:hover:not(:disabled){box-shadow:0 6px 18px #ef444473;transform:translateY(-1px)}.acmsrep-btn-secondary{background:#0000004d;color:#fff;border:1px solid rgba(255,255,255,.3)}.acmsrep-btn-secondary:hover:not(:disabled){background:#00000073}.acmsrep-charts-section{display:flex;flex-direction:column;gap:20px}.acmsrep-charts-row{display:flex;flex-wrap:wrap;gap:20px}.acmsrep-chart-card{background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:20px 24px;flex:1;min-width:0;width:100%;box-sizing:border-box;overflow:hidden}.acmsrep-chart-main{width:100%;flex:unset;min-width:unset}.acmsrep-chart-title{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:16px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.acmsrep-results-card{background:#00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden}.acmsrep-results-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.acmsrep-results-title{color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:10px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.acmsrep-results-count{background:#f59e0b40;color:#fbbf24;border:1px solid rgba(245,158,11,.4);border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:600}.acmsrep-empty{padding:40px 24px;text-align:center;color:#ffffff8c;font-size:.9rem}.acmsrep-table-wrap{overflow-x:auto}.acmsrep-table{width:100%;border-collapse:collapse;font-size:.83rem}.acmsrep-table thead tr{border-bottom:1px solid rgba(255,255,255,.15)}.acmsrep-table th{padding:12px 16px;color:#fff9;text-align:left;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.acmsrep-table td{padding:12px 16px;color:#ffffffe0;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.acmsrep-table tbody tr:hover{background:#00000026}.acmsrep-td-num{color:#fff6!important;font-size:.78rem!important;width:40px}.acmsrep-td-title{font-weight:700!important;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acmsrep-td-secondary{font-size:.78rem!important;color:#ffffff8c!important}.acmsrep-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}.acmsrep-view-btn:hover{background:#ffffff47;border-color:#fff9}.acmsrep-modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.acmsrep-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}.acmsrep-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.15)}.acmsrep-modal-title{font-size:18px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.4)}.acmsrep-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}.acmsrep-modal-close:hover{background:#ffffff47}.acmsrep-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.acmsrep-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.acmsrep-modal-field{display:flex;flex-direction:column;gap:5px}.acmsrep-modal-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#fff9;letter-spacing:.5px;display:flex;align-items:center}.acmsrep-modal-section{display:flex;flex-direction:column;gap:10px}.acmsrep-modal-description{font-size:14px;color:#ffffffd9;line-height:1.6;background:#00000026;border-radius:8px;padding:12px}.acmsrep-modal-docs{display:flex;flex-wrap:wrap;gap:8px}.acmsrep-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;cursor:pointer;transition:background .2s}.acmsrep-modal-doc-link:hover{background:#ffffff40}.acmsrep-modal-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.acmsrep-modal-img-wrap{border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.2);transition:border-color .2s}.acmsrep-modal-img-wrap:hover{border-color:#fff9}.acmsrep-modal-img{width:100%;height:110px;object-fit:cover;display:block}.acmsrep-docviewer-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.acmsrep-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}.acmsrep-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}.acmsrep-docviewer-title{font-size:15px;font-weight:700;color:#fff}.acmsrep-docviewer-body{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#111}.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 10px;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.acmsrep-badge-category{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.acmsrep-badge-dept{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}@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-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:12px 8px;min-width:0}.acmsrep-charts-section{gap:12px}.acmsrep-table-wrap{overflow-x:hidden}.acmsrep-table{font-size:.78rem}.acmsrep-table th,.acmsrep-table td{padding:10px 8px;white-space:normal}.acmsrep-td-title{max-width:140px}}.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%}}