@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #0f172a;--accent: #4f46e5;--accent-soft: #818cf8;--accent-glow: rgba(79, 70, 229, .4);--bg: #f8fafc;--text-main: #1e293b;--text-sub: #64748b;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, .7);--transition: all .4s cubic-bezier(.23, 1, .32, 1);--shadow-sm: 0 10px 25px -5px rgba(0, 0, 0, .05);--shadow-md: 0 20px 40px -12px rgba(0, 0, 0, .1);--shadow-lg: 0 50px 100px -20px rgba(0, 0, 0, .12);--shadow-accent: 0 20px 40px -10px var(--accent-glow)}.signin-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg);font-family:Plus Jakarta Sans,sans-serif;padding:2rem;position:relative;overflow:hidden}.bg-blur-elements .orb{position:absolute;filter:blur(90px);z-index:0;opacity:.5;border-radius:50%;animation:float 20s infinite alternate ease-in-out}.orb-1{width:550px;height:550px;background:radial-gradient(circle at 30% 30%,var(--accent),var(--primary));top:-15%;left:-10%;animation-duration:25s}.orb-2{width:450px;height:450px;background:radial-gradient(circle at 70% 70%,var(--primary),var(--accent-soft));bottom:-10%;right:-5%;animation-duration:30s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(3%,3%) scale(1.1)}}.signin-glass-card{width:100%;max-width:1100px;min-height:650px;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--glass-border);border-radius:48px;display:flex;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff80 inset;z-index:1;overflow:hidden;transition:var(--transition)}.signin-glass-card:hover{box-shadow:var(--shadow-lg),0 0 0 2px #fffc inset}.branding-section{flex:1;background:var(--primary);padding:4rem 3rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.branding-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:.3;animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-wrapper{background:#fff!important;width:60px;height:60px;padding:10px;border-radius:16px;box-shadow:0 10px 25px #0003;transition:var(--transition);display:flex;align-items:center;justify-content:center;color:var(--primary)!important}.logo-wrapper svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.logo-wrapper:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 20px 40px var(--accent-glow)}.brand-name{font-size:1.6rem;font-weight:800;margin-top:1.2rem;display:block;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--accent-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-text span{background:linear-gradient(135deg,var(--accent-soft),#fff 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-hero{color:#cbd5e1;font-size:1.05rem;line-height:1.7;margin-bottom:3rem;max-width:90%}.feature-stack{display:flex;flex-direction:column;gap:1rem}.feature-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);padding:1.2rem 1.5rem;border-radius:30px;display:flex;align-items:center;gap:14px;transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-pill:hover{background:#ffffff26;transform:translateY(-6px) scale(1.02);border-color:#ffffff4d;box-shadow:0 15px 25px -10px #0000004d}.feature-pill i,.feature-pill svg{color:var(--accent-soft);filter:drop-shadow(0 5px 10px rgba(79,70,229,.3))}.branding-footer p{color:#94a3b8;font-size:.85rem;opacity:.8}.form-section{flex:1.2;padding:4rem 4rem 4rem 3.5rem;display:flex;flex-direction:column;justify-content:center}.form-title-block h2{font-size:2.5rem;font-weight:800;color:var(--primary);margin-bottom:.3rem;letter-spacing:-.02em}.form-title-block p{color:var(--text-sub);margin-bottom:2.5rem;font-size:1rem;font-weight:500}.floating-group{position:relative;margin-bottom:1.5rem}.input-label{display:block;font-size:.9rem;font-weight:700;color:var(--primary);margin-bottom:8px;margin-left:4px}.input-container{position:relative}.input-container input{width:100%;padding:1.2rem 3.5rem;border:2px solid #e2e8f0;border-radius:24px;font-size:1rem;font-weight:600;transition:var(--transition);outline:none;background:#fff;color:var(--text-main);box-shadow:var(--shadow-sm)}.input-container input:hover{border-color:#cbd5e1}.input-container input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 6px #4f46e526,var(--shadow-sm);transform:scale(1.02)}.input-container input::-moz-placeholder{color:#a0aec0;font-weight:500;opacity:.8}.input-container input::placeholder{color:#a0aec0;font-weight:500;opacity:.8}.field-icon{position:absolute;left:1.3rem;top:50%;transform:translateY(-50%);color:var(--text-sub);transition:var(--transition);pointer-events:none;z-index:1}.input-container:focus-within .field-icon{color:var(--accent);transform:translateY(-50%) scale(1.1)}.eye-btn{position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-sub);cursor:pointer;z-index:2;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.eye-btn:hover{color:var(--accent);background:#4f46e51a;transform:translateY(-50%) scale(1.1)}.form-aux-options{display:flex;justify-content:space-between;align-items:center;margin:1.8rem 0 2.2rem;font-size:.95rem;font-weight:600}.custom-checkbox{display:flex;align-items:center;cursor:pointer;color:var(--text-sub);gap:8px}.custom-checkbox input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.custom-checkbox .label-text{transition:var(--transition)}.custom-checkbox:hover .label-text{color:var(--text-main)}.forgot-link{color:var(--accent);text-decoration:none;font-weight:700;transition:var(--transition);position:relative;padding-bottom:2px}.forgot-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:var(--transition)}.forgot-link:hover{color:var(--primary)}.forgot-link:hover:after{width:100%}.prime-btn{width:100%;padding:1.3rem;background:linear-gradient(135deg,var(--primary) 0%,#1e293b 100%);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.prime-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.prime-btn:hover:not(:disabled):before{width:300px;height:300px}.prime-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent) 0%,var(--accent-soft) 100%);transform:translateY(-4px);box-shadow:var(--shadow-accent)}.prime-btn:active:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px -8px var(--accent-glow)}.prime-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-top:2.2rem;color:var(--text-sub);font-weight:500}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:800;margin-left:5px;position:relative;transition:var(--transition)}.auth-switch a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.error-toast{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;padding:1rem 1.2rem;border-radius:20px;border-left:6px solid #dc2626;margin-bottom:1.8rem;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 8px 20px -5px #dc262633;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.loader{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s infinite linear}.animate-fadeIn{animation:fadeIn .8s cubic-bezier(.23,1,.32,1) forwards}@media (max-width: 1000px){.signin-glass-card{max-width:950px}.branding-section{padding:3rem 2rem}.hero-text{font-size:3rem}.form-section{padding:3rem 3rem 3rem 2.5rem}}@media (max-width: 900px){.signin-glass-card{flex-direction:column;max-width:500px;min-height:auto}.branding-section{display:none}.form-section{padding:3rem 2.5rem}}@media (max-width: 540px){.signin-wrapper{padding:1rem}.signin-glass-card{border-radius:32px}.form-section{padding:2.5rem 1.8rem}.form-title-block h2{font-size:2rem}.input-container input{padding:1rem 3rem;font-size:.95rem}.field-icon{left:1.2rem}.eye-btn{right:1.2rem}.prime-btn{padding:1.1rem;font-size:1rem}}@media (max-width: 375px){.signin-wrapper{padding:.5rem}.signin-glass-card{border-radius:24px}.form-section{padding:2rem 1.2rem}.form-title-block h2{font-size:1.8rem}.form-title-block p{font-size:.9rem}.form-aux-options{flex-direction:column;align-items:flex-start;gap:12px}}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{pointer-events:auto;min-width:320px;max-width:450px;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;align-items:center;padding:16px;gap:12px;border:1px solid #f1f5f9;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}.toast-enter{transform:translate(0);opacity:1}.toast-exit{transform:translate(20px);opacity:0}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-item{animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex-grow:1;font-size:14px;font-weight:500;color:#1e293b;line-height:1.4}.toast-close{flex-shrink:0;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#f1f5f9;color:#64748b}.toast-success{border-left:4px solid #22c55e}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}:root{--primary: #0f172a;--accent: #4f46e5;--accent-soft: #818cf8;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-sub: #64748b;--transition: all .4s cubic-bezier(.23, 1, .32, 1)}.signup-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg);font-family:Plus Jakarta Sans,sans-serif;padding:2rem;position:relative;overflow:hidden}.bg-blur-elements .orb{position:absolute;filter:blur(80px);z-index:0;opacity:.4;border-radius:50%}.orb-1{width:500px;height:500px;background:var(--accent);top:-10%;right:-5%}.orb-2{width:400px;height:400px;background:var(--primary);bottom:-5%;left:-5%}.signup-glass-card{width:100%;max-width:1100px;min-height:680px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:40px;display:flex;box-shadow:0 50px 100px -20px #0000001f;z-index:1;overflow:hidden}.branding-section{flex:1;background:var(--primary);padding:3.5rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.branding-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);opacity:.05}.logo-wrapper{background:var(--accent);width:-moz-fit-content;width:fit-content;padding:12px;border-radius:16px;box-shadow:0 10px 20px #4f46e54d}.brand-name{font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin-top:1rem;display:block}.hero-text{font-size:3.2rem;font-weight:800;line-height:1;margin-bottom:1.5rem}.hero-text span{background:linear-gradient(90deg,var(--accent-soft),#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub-hero{color:#94a3b8;font-size:1.1rem;margin-bottom:2.5rem;max-width:80%}.feature-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem 1.2rem;border-radius:20px;margin-bottom:1rem;display:flex;align-items:center;gap:12px;transition:var(--transition)}.feature-pill:hover{background:#ffffff1a;transform:translate(10px)}.form-section{flex:1.2;padding:3.5rem 4rem;display:flex;flex-direction:column;justify-content:center}.form-title-block h2{font-size:2.2rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.form-title-block p{color:var(--text-sub);margin-bottom:2.5rem}.input-container{position:relative;margin-bottom:1.2rem}.input-container input{width:100%;padding:1.1rem 1.1rem 1.1rem 3.5rem;border:2px solid #e2e8f0;border-radius:18px;font-size:1rem;font-weight:600;transition:var(--transition);outline:none}.field-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-sub);transition:var(--transition)}.input-container input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #4f46e51a}.input-container input:focus+.field-icon{color:var(--accent)}.modern-select{width:100%;padding:1.1rem 1.1rem 1.1rem 3.5rem;border:2px solid #e2e8f0;border-radius:18px;font-size:1rem;font-weight:600;transition:var(--transition);outline:none;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.modern-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #4f46e51a}.strength-indicator{margin-top:-.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.bar-bg{flex:1;height:6px;background:#f1f5f9;border-radius:10px;overflow:hidden}.bar-fill{height:100%;transition:.6s ease}.strength-indicator span{font-size:.75rem;font-weight:800;text-transform:uppercase}.prime-btn{width:100%;padding:1.2rem;background:var(--primary);color:#fff;border:none;border-radius:20px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:var(--transition);margin-top:1rem}.prime-btn:hover:not(:disabled){background:var(--accent);transform:translateY(-4px);box-shadow:0 20px 40px -10px #4f46e566}.auth-switch{text-align:center;margin-top:2rem;color:var(--text-sub);font-weight:500}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:800}.error-toast{background:#fef2f2;color:#dc2626;padding:1rem;border-radius:14px;border-left:4px solid #dc2626;margin-bottom:1.5rem;font-weight:600;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .8s ease-out forwards}.eye-btn{position:absolute;right:1.2rem;background:none;border:none;color:var(--text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--transition);z-index:2;top:50%;transform:translateY(-50%)}.eye-btn:hover{color:var(--accent);transform:translateY(-50%) scale(1.1)}.input-container input:focus~.eye-btn{color:var(--text-main)}.loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 950px){.signup-glass-card{flex-direction:column;max-width:500px}.branding-section{display:none}.form-section{padding:3rem 2rem}}@media (max-width: 540px){.signup-wrapper{padding:1rem}.signup-glass-card{border-radius:24px;min-height:auto}.form-section{padding:2rem 1.5rem}.form-title-block h2{font-size:1.8rem}.input-container input{padding:1rem 3rem;font-size:.95rem}.field-icon{left:1rem}.eye-btn{right:1rem}.prime-btn{padding:1rem;font-size:1rem}.strength-indicator{flex-direction:column;align-items:flex-start;gap:8px}.bar-bg{width:100%}}@media (max-width: 375px){.signup-wrapper{padding:.5rem}.signup-glass-card{border-radius:20px}.form-section{padding:1.5rem 1rem}.form-title-block h2{font-size:1.6rem}.form-title-block p{font-size:.9rem;margin-bottom:2rem}}@media (max-width: 768px){.mobile-menu-btn{display:flex!important;position:fixed!important;top:16px!important;left:16px!important;z-index:1100!important;align-items:center;justify-content:center;border:none;border-radius:12px;padding:10px;background:#4f46e5;color:#fff;box-shadow:0 4px 12px #0000001a}}@media (max-width: 768px){.sidebar{position:fixed!important;left:0!important;transform:translate(-100%)!important;top:0!important;height:100vh!important;width:280px!important;z-index:99999!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:10px 0 30px #0003!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0f172a99!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9998!important;animation:fadeIn .2s ease forwards}.main-content,main{margin-left:0!important;margin-right:0!important;width:100%!important;padding:70px 16px 16px!important;min-width:100%!important;position:relative;z-index:1}.right-panel{position:relative!important;width:100%!important;height:auto!important;margin-top:24px!important;border-left:none!important;border-top:1px solid #e2e8f0!important;padding:24px 16px!important;display:block!important;box-shadow:none!important}.table-container,table-wrapper{overflow-x:auto!important;width:100%!important;margin-bottom:20px}table{display:table!important;min-width:600px!important;font-size:13px!important}table th,table td{padding:12px 10px!important}.stats-grid,[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:16px!important}[style*="display: grid"][style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}header,.header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.header-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}h1{font-size:22px!important}h2{font-size:18px!important}h3{font-size:16px!important}.modal,[style*="width: 520px"],[style*="width: 450px"]{width:95%!important;max-width:95vw!important;padding:24px 16px!important}.modal-form .row,.row{flex-direction:column!important;gap:12px!important}}@media (min-width: 769px) and (max-width: 1100px){.sidebar{width:240px!important}.main-content,main{margin-left:240px!important;margin-right:0!important}.right-panel{display:none!important}.stats-grid,[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){main,.main-content{padding:60px 12px 12px!important}.metric-card,.stat-card{padding:16px!important}.metric-value{font-size:1.3rem!important}}@media (min-width: 1101px){main,.main-content{margin-left:280px!important;margin-right:0!important}body:has(.right-panel) main,body:has(.right-panel) .main-content{margin-right:320px!important}body:has(.sidebar.collapsed) main,body:has(.sidebar.collapsed) .main-content{margin-left:24px!important}body:has(.right-panel.collapsed) main,body:has(.right-panel.collapsed) .main-content{margin-right:24px!important}}.hidden-scrollbar::-webkit-scrollbar{display:none}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 1100px){.sidebar-toggle-btn{display:none!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUp .3s ease-out}.modal-header{padding:24px 24px 16px;display:flex;align-items:center;justify-content:space-between}.modal-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.modal-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:10px;transition:all .2s}.modal-close:hover{background:#f8fafc;color:#64748b}.modal-body{padding:0 24px 24px}.modal-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px}.modal-message{font-size:15px;color:#64748b;line-height:1.6}.modal-footer{padding:20px 24px;background:#f8fafc;display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-confirm{border:none;color:#fff}.bg-primary,.btn-primary{background:#4f46e5}.btn-primary:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d}.bg-danger,.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--fin-primary: #4f46e5;--fin-primary-dark: #312e81;--fin-primary-light: #f5f3ff;--fin-secondary: #6366f1;--fin-success: #10b981;--fin-warning: #f59e0b;--fin-danger: #ef4444;--fin-bg: #f8fafc;--fin-sidebar-bg: linear-gradient(180deg, #1e1b4b 0%, #312e81 100%);--fin-card-bg: #ffffff;--fin-text-main: #0f172a;--fin-text-muted: #64748b;--fin-border: #e2e8f0;--fin-shadow-sm: 0 1px 3px rgba(0,0,0,.1);--fin-shadow-md: 0 10px 25px -5px rgba(0,0,0,.05);--fin-shadow-lg: 0 20px 50px -12px rgba(0,0,0,.1);--fin-radius: 16px;--sidebar-width: 280px}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--fin-bg);color:var(--fin-text-main)}.finance-dashboard{display:flex;min-height:100vh;position:relative}.fin-orb{position:fixed;border-radius:50%;z-index:0;filter:blur(80px);pointer-events:none}.fin-orb-1{width:500px;height:500px;background:#6366f11a;top:-100px;left:-100px}.fin-orb-2{width:400px;height:400px;background:#0ea5e91a;bottom:-50px;right:-50px}.fin-sidebar{width:var(--sidebar-width);background:var(--fin-sidebar-bg);color:#fff;display:flex;flex-direction:column;padding:32px 20px;position:fixed;top:0;left:0;height:100vh;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.fin-sidebar.collapsed{transform:translate(-100%)!important}.fin-logo-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:0 12px}.fin-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--fin-primary),var(--fin-secondary));border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px -4px #6366f166}.fin-logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#fff}.fin-logo-accent{color:#a5b4fc}.fin-role-badge{background:#ffffff0d;border-radius:12px;padding:12px 16px;margin-bottom:32px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:14px;position:relative;border:1px solid rgba(255,255,255,.1)}.fin-live-dot{width:8px;height:8px;background:var(--fin-success);border-radius:50%;position:absolute;right:16px;box-shadow:0 0 10px var(--fin-success);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.fin-nav{flex:1;display:flex;flex-direction:column;gap:6px}.fin-nav-btn{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:none;cursor:pointer;background:transparent;color:#ffffffb3;font-weight:600;font-size:15px;transition:all .2s ease;position:relative}.fin-nav-btn:hover{background:#ffffff0d;color:#fff}.fin-nav-btn.active{background:#ffffff1a;color:#fff}.fin-active-indicator{position:absolute;left:0;width:4px;height:24px;background:#fff;border-radius:0 4px 4px 0}.fin-nav-badge{margin-left:auto;background:var(--fin-danger);color:#fff;font-size:11px;padding:2px 8px;border-radius:20px}.fin-logout-btn{display:flex;align-items:center;gap:12px;padding:14px;color:var(--fin-danger);background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.fin-logout-btn:hover{background:var(--fin-danger);color:#fff}.fin-main{flex:1;margin-left:var(--sidebar-width);padding:40px;position:relative;z-index:10}.fin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.fin-header h1{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--fin-text-main);margin-bottom:4px}.fin-user-name{color:var(--fin-primary);font-weight:700}.fin-header-actions{display:flex;align-items:center;gap:16px}.fin-date-badge{background:#fff;padding:10px 20px;border-radius:30px;border:1px solid var(--fin-border);font-size:14px;font-weight:700;color:var(--fin-text-main);display:flex;align-items:center;gap:10px;box-shadow:var(--fin-shadow-sm)}.fin-add-btn{background:var(--fin-primary);color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;box-shadow:0 10px 20px -5px #6366f14d}.fin-add-btn:hover{background:var(--fin-primary-dark);transform:translateY(-2px)}.fin-section-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.fin-search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--fin-border);padding:8px 16px;border-radius:12px;flex:1;min-width:250px;transition:all .2s}.fin-search-box:focus-within{border-color:var(--fin-primary);box-shadow:0 0 0 4px var(--fin-primary-light)}.fin-search-box input{border:none;outline:none;width:100%;font-size:14px;font-weight:600;color:var(--fin-text-main);background:transparent}.fin-filter-select{padding:10px 16px;border-radius:12px;border:1px solid var(--fin-border);background:#fff;font-weight:700;font-size:14px;color:var(--fin-text-main);outline:none;cursor:pointer}.fin-action-icons{display:flex;gap:8px}.fin-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--fin-border);background:#fff;color:var(--fin-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.fin-icon-btn:hover{background:var(--fin-primary-light);color:var(--fin-primary);border-color:var(--fin-primary)}.fin-icon-btn.del:hover{background:#fee2e2;color:var(--fin-danger);border-color:var(--fin-danger)}.fin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.fin-metric-card{background:var(--fin-card-bg);padding:24px;border-radius:var(--fin-radius);border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-md);transition:all .3s ease}.fin-metric-card:hover{transform:translateY(-5px);box-shadow:var(--fin-shadow-lg);border-color:var(--fin-primary)}.fin-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fin-metric-label{font-size:13px;font-weight:700;color:var(--fin-text-muted);text-transform:uppercase;letter-spacing:.05em}.fin-metric-icon-wrap{width:48px;height:48px;border-radius:14px;background:var(--fin-primary-light);color:var(--fin-primary);display:flex;align-items:center;justify-content:center}.fin-metric-value{font-size:1.75rem;font-weight:800;color:var(--fin-text-main);margin-bottom:12px}.fin-metric-trend{font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.fin-trend-up{background:#dcfce7;color:#059669}.fin-trend-down{background:#fee2e2;color:#dc2626}.fin-chart-card{background:var(--fin-card-bg);padding:32px;border-radius:24px;border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-md);margin-bottom:32px}.fin-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.fin-chart-header h3{font-weight:800;font-size:1.25rem;color:var(--fin-text-main)}.fin-chart-legends{display:flex;gap:20px}.fin-chart-legends span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--fin-text-muted)}.fin-legend{width:12px;height:12px;border-radius:4px}.fin-legend-rev{background:var(--fin-primary)}.fin-legend-exp{background:var(--fin-border)}.fin-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:240px;padding-top:20px;gap:12px}.fin-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.fin-bar-col{width:100%;display:flex;justify-content:center;align-items:flex-end;gap:4px;height:200px}.fin-bar{width:24px;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease}.fin-bar-rev{background:var(--fin-primary)}.fin-bar-exp{background:var(--fin-border)}.fin-bar:hover{filter:brightness(1.1)}.fin-bar:hover .fin-bar-tip{opacity:1;visibility:visible}.fin-bar-tip{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--fin-text-main);color:#fff;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;opacity:0;visibility:hidden;transition:.2s;white-space:nowrap}.fin-bar-label{font-size:12px;font-weight:700;color:var(--fin-text-muted)}.fin-section-header{margin-bottom:24px}.fin-section-header h2{font-size:1.5rem;font-weight:800;color:var(--fin-text-main)}.fin-table-wrap{background:var(--fin-card-bg);border-radius:24px;border:1px solid var(--fin-border);box-shadow:var(--fin-shadow-md);overflow-x:auto}.fin-table{width:100%;border-collapse:collapse;min-width:800px}.fin-table th{padding:20px 24px;background:var(--fin-bg);color:var(--fin-text-muted);font-size:12px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--fin-border)}.fin-table td{padding:20px 24px;border-bottom:1px solid var(--fin-border)}.fin-cell{display:flex;align-items:center;gap:16px}.fin-avatar{width:40px;height:40px;border-radius:12px;background:var(--fin-primary-light);color:var(--fin-primary);display:flex;align-items:center;justify-content:center}.fin-name{font-weight:700;color:var(--fin-text-main);font-size:14px}.fin-sub{font-size:12px;color:var(--fin-text-muted)}.fin-bonus{color:var(--fin-success);font-weight:800}.fin-deduct{color:var(--fin-danger);font-weight:800}.fin-badge{padding:6px 12px;border-radius:30px;font-size:11px;font-weight:800;text-transform:uppercase}.fin-badge-paid{background:#dcfce7;color:#059669}.fin-badge-pending{background:#fef9c3;color:#a16207}.fin-badge-overdue{background:#fee2e2;color:#dc2626}.fin-mobile-toggle{display:none;position:fixed;top:20px;right:20px;z-index:1100;width:48px;height:48px;border-radius:14px;background:var(--fin-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 16px #6366f14d;align-items:center;justify-content:center}.fin-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950}.fin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.fin-form-modal{background:#fff;padding:40px;border-radius:32px;width:100%;max-width:500px;box-shadow:var(--fin-shadow-lg);position:relative;animation:modalSlide .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1100px){.fin-sidebar{transform:translate(-100%)}.fin-sidebar.open{transform:translate(0)}.fin-main{margin-left:0}.fin-mobile-toggle{display:flex}.fin-sidebar.open+.fin-sidebar-overlay{display:block}}@media (max-width: 768px){.fin-main{padding:80px 24px 24px}.fin-header{flex-direction:column;align-items:flex-start}.fin-header-actions{width:100%;justify-content:space-between}.fin-metrics-grid{grid-template-columns:1fr}.fin-chart-header{flex-direction:column;align-items:flex-start;gap:16px}.fin-bar{width:16px}}.fin-animate{animation:fadeIn .5s ease}.fin-expense-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px}.fin-expense-card{background:var(--fin-card-bg);border:1px solid var(--fin-border);border-radius:20px;padding:24px;box-shadow:var(--fin-shadow-md);display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.fin-expense-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--fin-primary);opacity:.8}.fin-expense-card.utilities:before{background:var(--fin-primary)}.fin-expense-card.maintenance:before{background:var(--fin-warning)}.fin-expense-card.supplies:before{background:var(--fin-success)}.fin-expense-card.events:before{background:#c084fc}.fin-expense-card.other:before{background:#64748b}.fin-expense-card:hover{transform:translateY(-5px);box-shadow:var(--fin-shadow-lg);border-color:var(--fin-primary)}.fin-expense-main{flex:1;padding-right:16px}.fin-expense-category{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--fin-primary-light);color:var(--fin-primary);margin-bottom:12px}.fin-expense-card.utilities .fin-expense-category{background:#f5f3ff;color:#6366f1}.fin-expense-card.maintenance .fin-expense-category{background:#fffbeb;color:#d97706}.fin-expense-card.supplies .fin-expense-category{background:#ecfdf5;color:#10b981}.fin-expense-card.events .fin-expense-category{background:#fdf4ff;color:#c084fc}.fin-expense-card.other .fin-expense-category{background:#f1f5f9;color:#64748b}.fin-expense-title{font-size:1.05rem;font-weight:800;color:var(--fin-text-main);margin-bottom:6px;line-height:1.4}.fin-expense-date{font-size:12px;color:var(--fin-text-muted);display:flex;align-items:center;gap:4px;font-weight:600}.fin-expense-amount{font-size:1.35rem;font-weight:800;color:var(--fin-text-main);letter-spacing:-.02em}.fin-expense-delete-btn{background:#fef2f2;color:var(--fin-danger);border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;margin-top:12px}.fin-expense-delete-btn:hover{background:var(--fin-danger);color:#fff;transform:scale(1.05)}.fin-receipt-card{background:#fff;border:1px solid var(--fin-border);border-radius:20px;padding:40px;max-width:650px;margin:0 auto;box-shadow:0 4px 30px #00000005;font-family:Plus Jakarta Sans,sans-serif;color:var(--fin-text-main);position:relative;overflow:hidden}.fin-receipt-org{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--fin-border);padding-bottom:24px;margin-bottom:24px}.fin-receipt-logo{width:50px;height:50px;background:linear-gradient(135deg,var(--fin-primary) 0%,var(--fin-secondary) 100%);color:#fff;font-weight:800;font-size:18px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -4px #6366f14d}.fin-receipt-org-info h4{font-size:1.15rem;font-weight:800;color:var(--fin-text-main);margin-bottom:4px}.fin-receipt-org-info p{font-size:12px;color:var(--fin-text-muted);margin:2px 0 0;font-weight:600}.fin-receipt-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.fin-receipt-title h2{font-size:1.4rem;font-weight:800;color:var(--fin-primary);letter-spacing:-.02em;margin:0}.fin-receipt-no{font-size:12px;font-weight:700;background:var(--fin-primary-light);color:var(--fin-primary);padding:6px 12px;border-radius:30px}.fin-receipt-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;padding:20px;border-radius:16px;margin-bottom:28px;border:1px solid #f1f5f9}.fin-receipt-info div{font-size:13px;color:var(--fin-text-muted);font-weight:600}.fin-receipt-info strong{color:var(--fin-text-main);font-weight:700}.fin-receipt-table{width:100%;border-collapse:collapse;margin-bottom:30px}.fin-receipt-table th{text-align:left;font-size:12px;font-weight:800;text-transform:uppercase;color:var(--fin-text-muted);border-bottom:2px solid var(--fin-border);padding:12px 8px;letter-spacing:.05em}.fin-receipt-table td{padding:16px 8px;font-size:14px;color:var(--fin-text-main);border-bottom:1px solid #f1f5f9;font-weight:600}.fin-receipt-table .fin-total-row td{border-top:2px solid var(--fin-border);border-bottom:none;font-size:15px;color:var(--fin-text-main);padding-top:20px}.fin-receipt-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px}.fin-signature{display:flex;flex-direction:column;align-items:flex-start}.fin-paid-stamp{display:inline-flex;align-items:center;background:#ecfdf5;color:#10b981;border:2px solid #10b981;padding:8px 16px;border-radius:12px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-10deg);box-shadow:0 4px 12px #10b98126}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:11000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner-circle{border-radius:50%;animation:spin 1s linear infinite}.spinner-text{font-size:14px;font-weight:600;color:#4f46e5;letter-spacing:.5px}.spinner-inline{display:flex;justify-content:center;align-items:center;padding:20px}:root{--hr-primary: #4f46e5;--hr-primary-dark: #312e81;--hr-primary-light: #eef2ff;--hr-bg: #f8fafc;--hr-sidebar-bg: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--hr-card-bg: #ffffff;--hr-text-main: #0f172a;--hr-text-muted: #64748b;--hr-border: #e2e8f0;--hr-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05);--sidebar-width: 280px}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--hr-bg);color:var(--hr-text-main)}.hr-container{display:flex;min-height:100vh;position:relative}.hr-sidebar{width:var(--sidebar-width);background:var(--hr-sidebar-bg);color:#e2e8f0;position:fixed;height:100vh;z-index:1000;left:0;top:0;display:flex;flex-direction:column;padding:32px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.hr-sidebar.closed{transform:translate(-100%)}.hr-logo-section{margin-bottom:32px;padding:0 12px}.hr-logo-text{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-1px}.hr-logo-accent{color:#a5b4fc}.hr-nav{flex:1;display:flex;flex-direction:column;gap:6px}.hr-nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;color:#cbd5e1;cursor:pointer;transition:.2s all;font-weight:600;font-size:15px}.hr-nav-item:hover{background:#ffffff0d;color:#fff}.hr-nav-item.active{background:#4f46e566;color:#fff;box-shadow:0 4px 15px #0000001a}.hr-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;display:none}@media (max-width: 1024px){.hr-sidebar.open+.hr-sidebar-overlay{display:block}}.hr-main{flex:1;margin-left:var(--sidebar-width);transition:all .3s ease}.hr-main.full-width{margin-left:0}.hr-header{position:sticky;top:0;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hr-border);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;z-index:30}.hr-header-left{display:flex;align-items:center;gap:16px}.hr-header-right{display:flex;align-items:center;gap:20px}.hr-user-pill{display:flex;align-items:center;gap:10px;background:#fff;padding:6px 12px;border-radius:30px;border:1px solid var(--hr-border)}.hr-content{padding:32px;max-width:1600px;margin:0 auto}.hr-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.hr-card{background:#fff;border-radius:20px;border:1px solid var(--hr-border);padding:24px;box-shadow:var(--hr-shadow);transition:all .3s ease}.hr-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.hr-metric-icon-box{background:var(--hr-primary-light);width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--hr-primary)}.hr-metric-value{font-size:1.75rem;font-weight:800;color:var(--hr-text-main);margin-bottom:4px}.hr-metric-label{color:var(--hr-text-muted);font-size:14px;font-weight:600}.hr-table-container{overflow-x:auto;border-radius:12px;background:#fff}.hr-table{width:100%;border-collapse:collapse;min-width:600px}.hr-table th{text-align:left;padding:16px;background:var(--hr-bg);color:var(--hr-text-muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--hr-border)}.hr-table td{padding:16px;border-bottom:1px solid var(--hr-border);color:var(--hr-text-main);font-size:14px;font-weight:500}.hr-badge{padding:4px 12px;border-radius:30px;font-size:11px;font-weight:800;text-transform:uppercase}.hr-badge-active{background:#dcfce7;color:#15803d}.hr-badge-leave{background:#fef3c7;color:#b45309}.hr-badge-terminated{background:#fee2e2;color:#b91c1c}@media (max-width: 1024px){.hr-main{margin-left:0}.hr-sidebar{transform:translate(-100%)}.hr-sidebar.open{transform:translate(0)}.hr-header{padding:12px 16px}.hr-content{padding:16px}}@media (max-width: 768px){.hr-metrics-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.hr-header-right{gap:8px}.hr-user-pill{padding:4px 8px}.hr-user-pill span{display:none}.hr-card{padding:16px}.hr-metric-value{font-size:1.5rem}}.hr-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.hr-form-modal{background:#fff;border-radius:24px;padding:32px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.5)}.hr-form-title{font-size:1.5rem;font-weight:800;color:var(--hr-text-main)}.hr-form-grid{display:grid;grid-template-columns:1fr;gap:20px}.hr-form-field{display:flex;flex-direction:column;gap:8px}.hr-metric-label{font-size:.75rem;font-weight:800;color:var(--hr-primary);text-transform:uppercase;letter-spacing:.05em}.hr-form-input,.hr-form-select{padding:14px 16px;border:1px solid var(--hr-border);border-radius:12px;font-family:inherit;font-size:.95rem;color:var(--hr-text-main);background:#f8fafc;transition:all .2s}.hr-form-input:focus,.hr-form-select:focus{outline:none;border-color:var(--hr-primary);box-shadow:0 0 0 4px #4f46e51a;background:#fff}.hr-modal-cancel{padding:14px 24px;border:1px solid var(--hr-border);background:#fff;color:var(--hr-text-muted);border-radius:12px;font-weight:700;cursor:pointer;flex:1;transition:.2s}.hr-modal-cancel:hover{background:#f1f5f9;color:var(--hr-text-main)}.hr-modal-confirm{padding:14px 24px;border:none;background:var(--hr-sidebar-bg);color:#fff;border-radius:12px;font-weight:700;cursor:pointer;flex:2;transition:.2s;box-shadow:0 4px 12px #312e814d}.hr-modal-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #312e8166}.hr-animate{animation:hrModalSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes hrModalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--reg-primary: #4f46e5;--reg-primary-dark: #3730a3;--reg-bg: #f8fafc;--reg-sidebar: #0f172a;--reg-text-main: #1e293b;--reg-text-muted: #64748b;--white: #ffffff}.dashboard-container{display:flex;min-height:100vh;background:var(--reg-bg);font-family:Inter,sans-serif;color:var(--reg-text-main)}.sidebar{width:280px;background:var(--reg-sidebar);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:1000;transition:transform .35s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{transform:translate(-100%)!important}.sidebar-toggle-btn{transition:transform .2s}.sidebar-toggle-btn:hover{transform:scale(1.1);color:#fff!important}.sidebar-header{padding:32px 24px}.logo{display:flex;align-items:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;color:#fff}.logo-icon{background:var(--reg-primary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.nav-links{padding:24px 16px;flex:1}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;color:#94a3b8;font-weight:600;font-size:.95rem;margin-bottom:4px;cursor:pointer;transition:.2s;white-space:nowrap}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--reg-primary);color:#fff;box-shadow:0 4px 12px #4f46e533}.sidebar-bottom{padding:20px 16px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;color:#f87171;font-weight:700;font-size:.95rem;cursor:pointer;border-radius:12px;transition:.2s;font-family:inherit}.logout-btn:hover{background:#ef44441a}.sidebar-footer{text-align:center;font-size:.7rem;color:#475569;margin-top:12px}.main-content{flex:1;padding:32px 48px}.header-left{display:flex;align-items:center;gap:16px}.header-title{font-size:1.4rem;font-weight:800;color:var(--reg-text-main)}.mobile-menu-btn{background:transparent;border:none;cursor:pointer;color:var(--reg-primary);display:flex;align-items:center;justify-content:center}.header-right{display:flex;align-items:center;gap:20px}.user-pill{display:flex;align-items:center;gap:8px;background:#fff;padding:6px 16px 6px 6px;border-radius:50px;border:1px solid #f1f5f9}.user-name{font-weight:700;font-size:.85rem;color:var(--reg-text-main)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.metric-card{background:#fff;padding:24px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px #00000005}.metric-info h4{font-size:.75rem;color:var(--reg-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:700}.metric-number{font-size:2.2rem;font-weight:800;color:var(--reg-text-main)}.metric-icon{width:52px;height:52px;background:#eff6ff;color:#3b82f6;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.section{background:#fff;padding:32px;border-radius:24px;box-shadow:0 10px 30px #00000005;margin-bottom:32px;border:1px solid #f1f5f9}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{font-size:1.3rem;font-weight:800;color:var(--reg-text-main)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:16px;background:#f8fafc;font-size:.75rem;color:var(--reg-text-muted);font-weight:800;text-transform:uppercase;letter-spacing:1.2px;border-bottom:1px solid #edf2f7}.data-table td{padding:20px 16px;border-bottom:1px solid #f1f5f9;font-size:.95rem;font-weight:500}.id-cell{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--reg-primary);background:#f5f3ff;padding:4px 10px;border-radius:8px}.name-cell{font-weight:700;color:var(--reg-text-main)}.status-badge{padding:6px 14px;border-radius:30px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.status-success{background:#dcfce7;color:#166534}.status-warning{background:#fef3c7;color:#92400e}.status-danger{background:#fee2e2;color:#991b1b}.status-info{background:#e0f2fe;color:#075985}.actions-cell{display:flex;gap:10px}.action-icon{background:#f8fafc;border:1px solid #e2e8f0;padding:8px;border-radius:10px;color:var(--reg-text-muted);cursor:pointer;transition:.2s}.action-icon:hover{background:var(--reg-primary);color:#fff;border-color:var(--reg-primary)}.btn-verify{background:var(--reg-primary);color:#fff;border:none;padding:10px 22px;border-radius:12px;font-weight:700;cursor:pointer;transition:.2s;font-family:inherit}.btn-verify:hover{background:var(--reg-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:fadeIn .5s ease forwards}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99}@media (max-width: 1024px){.main-content{padding:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:block!important}.sidebar-overlay.open{display:block}.top-header{margin-bottom:24px}.header-left .header-title{font-size:1.1rem}.header-right .user-name{display:none}.main-content{padding:16px;width:100%}.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-card,.section{padding:20px}.section-header h3{font-size:1.1rem}.data-table th,.data-table td{padding:12px 8px;font-size:.85rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-flex{grid-template-columns:1fr!important;gap:20px!important}.sidebar-toggle-btn{display:none!important}}@media (min-width: 769px){.mobile-menu-btn{display:none}}:root{--adm-primary: #4f46e5;--adm-secondary: #0ea5e9;--adm-bg: #f8fafc;--adm-sidebar-bg: #0f172a;--adm-card-bg: #ffffff;--adm-text-main: #0f172a;--adm-text-muted: #64748b;--adm-border: #f1f5f9}.adm-dashboard-container{display:flex;min-height:100vh;background:var(--adm-bg);color:var(--adm-text-main);position:relative;overflow-x:hidden;width:100%}.adm-sidebar{width:280px;background:var(--adm-sidebar-bg);display:flex;flex-direction:column;padding:32px 16px;position:fixed;left:0;top:0;height:100vh;z-index:1000;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 40px -20px #0000004d;border-right:1px solid rgba(255,255,255,.05)}.adm-sidebar.collapsed{transform:translate(-100%)!important}.adm-sidebar-header{padding:0 16px 30px}.adm-logo-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.adm-logo-icon{background:#ffffff1a;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adm-brand-text{display:flex;align-items:center;gap:4px}.adm-brand-lancers{color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:.5px}.adm-brand-tech{color:#a5b4fc;font-weight:800;font-size:1.25rem;letter-spacing:.5px;opacity:.9}.adm-portal-pill{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:8px 14px;border-radius:100px;margin-bottom:16px;width:100%}.adm-portal-pill-content{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:.7rem;font-weight:600;white-space:nowrap}.adm-status-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180;animation:adm-pulse-green 2s infinite;flex-shrink:0}@keyframes adm-pulse-green{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.adm-nav-links{display:flex;flex-direction:column;gap:6px;flex:1}.adm-nav-item{display:flex;align-items:center;gap:14px;padding:14px 20px;color:#94a3b8;text-decoration:none;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.adm-nav-item svg{color:#64748b;transition:color .25s ease}.adm-nav-item:hover{background:#ffffff0a;color:#fff}.adm-nav-item:hover svg{color:#fff}.adm-nav-item.active{background:var(--adm-primary);color:#fff;box-shadow:0 8px 20px -6px #4f46e580}.adm-nav-item.active svg{color:#fff}.adm-sidebar-bottom{padding-top:24px;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)}.adm-logout-btn{display:flex;align-items:center;gap:14px;padding:14px 20px;color:#fca5a5;font-weight:700;font-size:.95rem;background:transparent;border:none;cursor:pointer;width:100%;transition:all .2s ease;border-radius:12px}.adm-logout-btn:hover{background:#ef44441a;color:#ef4444}.adm-main-content{flex:1;transition:margin-left .35s cubic-bezier(.4,0,.2,1);padding:40px;max-width:100%;box-sizing:border-box}.adm-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.adm-header-title{font-size:2.2rem;font-weight:900;color:var(--adm-sidebar-bg);letter-spacing:-1px}.adm-header-subtitle{color:var(--adm-text-muted);font-weight:600;font-size:.95rem}.adm-user-pill{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 24px;border-radius:100px;box-shadow:0 4px 15px #00000008;border:1px solid var(--adm-border)}.adm-user-name{font-weight:700;color:var(--adm-sidebar-bg)}.adm-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:24px;margin-bottom:40px}.adm-metric-card{background:#fff!important;padding:24px!important;border-radius:24px!important;border:1px solid var(--adm-border)!important;box-shadow:0 10px 30px #00000005!important;transition:transform .3s ease!important;display:block!important;flex:none!important;gap:0!important;position:relative!important;overflow:hidden!important}.adm-metric-card:hover{transform:translateY(-5px)!important}.adm-metric-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important}.adm-metric-label{font-weight:800!important;color:var(--adm-text-muted)!important;font-size:.8rem!important;text-transform:uppercase!important}.adm-metric-value{font-size:2.4rem!important;font-weight:900!important;color:var(--adm-sidebar-bg)!important;margin:8px 0!important;line-height:1.2!important}.adm-metric-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.adm-metric-trend{display:flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important}.adm-trend-badge{background:#10b9811a!important;color:#10b981!important;padding:4px 12px!important;border-radius:10px!important;font-weight:800!important;font-size:.75rem!important;display:flex!important;align-items:center!important;gap:4px!important}.adm-trend-label{color:var(--adm-text-muted)!important;font-size:.75rem!important;font-weight:600!important}.adm-card{background:#fff;border-radius:28px;padding:32px;border:1px solid var(--adm-border);box-shadow:0 15px 40px #00000008}.adm-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.adm-card-title{font-size:1.4rem;font-weight:900;color:var(--adm-sidebar-bg)}.adm-funnel-activity-row{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.adm-funnel-container{display:flex;justify-content:space-around;align-items:flex-end;height:280px;padding:40px 20px 20px;background:#f8fafc;border-radius:24px;margin-top:10px}.adm-funnel-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;max-width:120px}.adm-bar-container{height:200px;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.adm-funnel-bar{width:50px;background:linear-gradient(to bottom,var(--adm-primary),#818cf8);border-radius:12px 12px 6px 6px;box-shadow:0 10px 20px #4f46e533;transition:height 1s ease-out;position:relative}.adm-funnel-value{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-weight:900;color:var(--adm-sidebar-bg)}.adm-funnel-label{font-weight:800;color:var(--adm-sidebar-bg);font-size:.9rem}.adm-funnel-percent{color:var(--adm-text-muted);font-weight:700;font-size:.8rem}.adm-data-table{width:100%;border-collapse:separate;border-spacing:0 12px}.adm-data-table th{padding:16px 20px;text-align:left;color:var(--adm-text-muted);font-size:.85rem;font-weight:800;text-transform:uppercase}.adm-data-table tr{background:#fff;transition:all .2s ease}.adm-data-table td{padding:20px;border-top:1px solid var(--adm-border);border-bottom:1px solid var(--adm-border)}.adm-data-table td:first-child{border-radius:16px 0 0 16px;border-left:1px solid var(--adm-border)}.adm-data-table td:last-child{border-radius:0 16px 16px 0;border-right:1px solid var(--adm-border)}.adm-status-badge{padding:6px 14px;border-radius:10px;font-weight:800;font-size:.75rem;text-transform:uppercase}.adm-status-verified{background:#dcfce7;color:#15803d}.adm-status-pending{background:#fef3c7;color:#b45309}.adm-status-rejected{background:#fee2e2;color:#b91c1c}.adm-primary-btn{background:var(--adm-primary);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.adm-primary-btn:hover{background:#4338ca;transform:translateY(-2px)}.adm-secondary-btn{background:#fff;color:var(--adm-text-main);padding:10px 20px;border-radius:12px;font-weight:700;border:1px solid var(--adm-border);cursor:pointer}.adm-schedule-btn{background:#f1f5f9;color:var(--adm-sidebar-bg);padding:6px 12px;border-radius:8px;font-weight:700;font-size:.75rem;border:none;cursor:pointer}.adm-pipeline-stages{display:flex;gap:24px;overflow-x:auto;padding-bottom:24px;padding-top:10px}.adm-stage-column{min-width:320px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:20px;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #00000005}.adm-stage-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;font-weight:800;color:var(--adm-sidebar-bg);font-size:.95rem}.adm-stage-count{background:#fff;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:800;box-shadow:0 2px 5px #0000000d;border:1px solid #e2e8f0;color:var(--adm-primary)}.adm-applicant-card{background:#fff;padding:18px;border-radius:20px;margin-bottom:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000004;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.adm-applicant-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #4f46e526;border-color:#c7d2fe}.adm-applicant-name{font-weight:800;color:var(--adm-sidebar-bg);margin-bottom:6px;font-size:1rem;letter-spacing:-.2px}.adm-applicant-detail{font-size:.8rem;color:var(--adm-text-muted);font-weight:700;letter-spacing:.1px}.adm-interview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.adm-interview-card{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--adm-border);box-shadow:0 4px 12px #00000005;display:flex;flex-direction:column;gap:16px;transition:all .3s ease}.adm-interview-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.adm-interview-info h4{font-size:1.1rem;font-weight:800;color:var(--adm-sidebar-bg);margin-bottom:8px}.adm-interview-date{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--adm-primary);font-weight:700}.adm-rank-badge{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--adm-sidebar-bg);padding:6px 14px;border-radius:10px;font-weight:900;font-size:.85rem;display:inline-block}.adm-sidebar-toggle-btn{transition:transform .2s}.adm-sidebar-toggle-btn:hover{transform:scale(1.1);color:#fff!important}.adm-left-open-btn{box-shadow:4px 0 16px #4f46e559}.adm-verify-btn{background:#dcfce7;color:#15803d;border:none;padding:6px 12px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.adm-verify-btn:hover{background:#22c55e;color:#fff}.adm-reject-btn{background:#fee2e2;color:#b91c1c;border:none;padding:6px 12px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.adm-reject-btn:hover{background:#ef4444;color:#fff}:root{--ex-primary: #4f46e5;--ex-sidebar-bg: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--ex-bg: #f8fafc;--ex-border: #e2e8f0}.ex-container{display:flex;min-height:100vh;background-color:var(--ex-bg);font-family:Inter,sans-serif}.ex-sidebar{background:var(--ex-sidebar-bg);color:#cbd5e1;position:fixed;height:100vh;top:0;bottom:0}.ex-main{flex:1}.ex-header{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ex-border);padding:1.2rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.ex-content{padding:2.5rem;max-width:1400px;margin:0 auto}.ex-card{background:#fff;border-radius:24px;border:1px solid var(--ex-border);padding:1.8rem;box-shadow:0 10px 25px -5px #0000000d}.ex-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem}.ex-table{width:100%;border-collapse:collapse}.ex-table th{text-align:left;padding:1rem;color:#0f172a;font-weight:700;border-bottom:2px solid #f1f5f9}.ex-table td{padding:1rem;border-bottom:1px solid #f1f5f9}.ex-btn-primary{background:var(--ex-primary);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:40px;font-weight:600;cursor:pointer}.ex-badge{padding:4px 12px;border-radius:40px;font-size:.8rem;font-weight:700}.ex-badge-published{background:#dcfce7;color:#15803d}.ex-badge-pending{background:#fef3c7;color:#b45309}@media (max-width: 1024px){.ex-sidebar{display:none}.ex-main{margin-left:0}}@keyframes exFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes exSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ex-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:exFadeIn .25s ease-out forwards}.ex-modal{background:#fff;border-radius:28px;width:90%;max-width:520px;box-shadow:0 25px 50px -12px #0f172a2e;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;overflow:hidden;animation:exSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.ex-modal-header{padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.ex-modal-header h2{font-size:1.25rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:10px;margin:0}.ex-modal-close{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.ex-modal-close:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.ex-modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.2rem}.ex-form-group{display:flex;flex-direction:column}.ex-form-group label{font-size:.78rem;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.ex-form-group input,.ex-form-group select{width:100%;padding:.75rem 1rem;border-radius:12px;border:1.5px solid #e2e8f0;font-size:.9rem;font-weight:600;color:#0f172a;transition:all .2s;background:#f8fafc;box-sizing:border-box}.ex-form-group input:focus,.ex-form-group select:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51f}.ex-modal-footer{padding:1.5rem 2rem;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:12px}.ex-btn-secondary{background:#fff;border:1.5px solid #e2e8f0;color:#475569;padding:.7rem 1.5rem;border-radius:40px;font-weight:700;cursor:pointer;transition:all .2s}.ex-btn-secondary:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.ex-btn-primary{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:40px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4f46e533}.ex-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.ex-student-grading-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;transition:all .2s ease-in-out}.ex-student-grading-row:hover{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #00000008}:root{--lib-primary: #0891b2;--lib-secondary: #0e7490;--lib-bg: #f8fafc;--lib-sidebar: #0f172a;--lib-card-bg: #ffffff;--lib-text-main: #0f172a;--lib-text-muted: #64748b;--lib-border: #f1f5f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--lib-bg);color:var(--lib-text-main)}.lib-container{display:flex;min-height:100vh}.lib-sidebar{width:280px;background:var(--lib-sidebar);display:flex;flex-direction:column;padding:32px 16px;position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:1000;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 40px -20px #0000004d;border-right:1px solid rgba(255,255,255,.05)}.sidebar-header{padding:0 12px;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;margin-bottom:16px!important}.logo-brand{display:flex;align-items:center;gap:14px;margin-bottom:12px}.logo-icon{background:#ffffff1a;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-text{display:flex;align-items:center;gap:4px}.brand-lancers{color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:.5px}.brand-tech{color:#67e8f9;font-weight:800;font-size:1.25rem;letter-spacing:.5px;opacity:.9}.portal-pill{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:8px 14px;border-radius:100px;margin-bottom:0;width:100%}.portal-pill-content{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:.7rem;font-weight:600;white-space:nowrap}.status-dot{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180;animation:pulse-green 2s infinite;flex-shrink:0}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.nav-links{display:flex;flex-direction:column;gap:6px;flex:1}.nav-item{display:flex;align-items:center;gap:14px;padding:10px 16px;color:#94a3b8;text-decoration:none;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .25s ease;cursor:pointer}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active{background:var(--lib-primary);color:#fff;box-shadow:0 8px 20px -6px #0891b280}.logout-btn{display:flex;align-items:center;gap:14px;padding:16px 16px 12px;color:#fca5a5;font-weight:700;font-size:.95rem;background:transparent;border:none;cursor:pointer;width:100%;margin-top:auto;border-top:1px solid rgba(255,255,255,.06)}.lib-main{flex:1;margin-left:280px;padding:40px}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-title h1{font-size:2.2rem;font-weight:900;color:var(--lib-sidebar);letter-spacing:-1px}.mobile-menu-btn{display:none}.user-pill{display:flex;align-items:center;gap:14px;background:#fff;padding:8px 20px;border-radius:100px;box-shadow:0 4px 15px #00000008;border:1px solid var(--lib-border)}.user-name{font-weight:800;color:var(--lib-sidebar);font-size:.9rem}.user-role{font-size:.75rem;color:var(--lib-text-muted);font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:24px;margin-bottom:40px}.metric-card{background:#fff!important;padding:24px!important;border-radius:24px!important;border:1px solid var(--lib-border)!important;box-shadow:0 10px 30px #00000005!important;transition:transform .3s ease!important;display:block!important;flex:none!important;gap:0!important;position:relative!important;overflow:hidden!important}.metric-card:hover{transform:translateY(-5px)}.card{background:#fff;border-radius:24px;padding:28px;border:1px solid var(--lib-border);box-shadow:0 10px 30px #00000005;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0891b214,0 2px 8px #0891b20a;border-color:#0891b240}.data-table{width:100%;border-collapse:separate;border-spacing:0 8px}.data-table th{padding:12px 20px;text-align:left;color:var(--lib-text-muted);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.data-table tr{background:#fff;transition:all .2s ease}.data-table td{padding:16px 20px;border-top:1px solid var(--lib-border);border-bottom:1px solid var(--lib-border);font-size:.9rem}.data-table td:first-child{border-radius:12px 0 0 12px;border-left:1px solid var(--lib-border)}.data-table td:last-child{border-radius:0 12px 12px 0;border-right:1px solid var(--lib-border)}.data-table tr:hover{background:#f8fafc}.status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800;text-transform:uppercase}.status-available{background:#dcfce7;color:#15803d}.status-issued{background:#fee2e2;color:#b91c1c}.status-reserved{background:#fef3c7;color:#b45309}.status-active{background:#dcfce7;color:#15803d}.search-bar{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:10px 20px;border-radius:14px;margin-bottom:24px}.search-bar input{background:transparent;border:none;outline:none;width:100%;font-weight:600;color:var(--lib-sidebar)}.primary-btn{background:var(--lib-primary);color:#fff;padding:10px 20px;border-radius:12px;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.primary-btn:hover{background:#0e7490;transform:translateY(-2px)}.lib-sidebar.collapsed{transform:translate(-100%)!important}.lib-main{flex:1;transition:margin-left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);padding:40px;min-height:100vh;box-sizing:border-box}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.lib-sidebar-toggle-btn{transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;box-shadow:4px 0 16px #0891b240}.lib-sidebar-toggle-btn:hover{background:#0e7490!important;transform:translateY(-50%) scale(1.1)!important}@media (max-width: 768px){.mobile-menu-btn{display:flex;background:#fff;border:1px solid var(--lib-border);padding:8px;border-radius:12px;cursor:pointer;margin-right:16px;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-btn:hover{background:#f1f5f9;transform:scale(1.05)}}@media (max-width: 768px){.lib-main{padding:20px}}.lib-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.lib-modal{background:#fff;width:90%;max-width:500px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.lib-modal-header{padding:24px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.lib-modal-header h2{font-size:1.25rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:12px}.lib-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:700;color:#64748b;margin-left:4px}.form-group input,.form-group select{padding:12px 16px;border-radius:12px;border:1.5px solid #e2e8f0;font-size:.95rem;transition:.2s;outline:none}.form-group input:focus{border-color:#0891b2;box-shadow:0 0 0 4px #0891b21a}.lib-modal-footer{padding:20px 24px;display:flex;gap:12px;justify-content:flex-end;background:#f8fafc;border-top:1px solid #f1f5f9}.close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:50%;transition:.2s}.close-btn:hover{background:#e2e8f0;color:#64748b}.btn-primary{background:#0891b2;color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0891b240}.btn-primary:hover{background:#0e7490;transform:translateY(-2px);box-shadow:0 6px 16px #0891b259}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:10px 24px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.btn-secondary:active{background:#f1f5f9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--it-primary: #4f46e5;--it-primary-dark: #3730a3;--it-secondary: #6366f1;--it-accent: #06b6d4;--it-bg: #f8fafc;--it-card-bg: #ffffff;--it-text-main: #0f172a;--it-text-muted: #64748b;--it-border: #e2e8f0;--it-success: #10b981;--it-warning: #f59e0b;--it-danger: #ef4444}.it-dashboard-container{display:flex;min-height:100vh;background-color:var(--it-bg);font-family:Inter,sans-serif}.it-sidebar{width:280px;background:#1e293b;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000;transition:.3s cubic-bezier(.4,0,.2,1)}.it-sidebar-header{padding:32px 24px;display:flex;flex-direction:column;gap:8px}.it-logo-area{display:flex;align-items:center;gap:12px}.it-logo-icon{background:var(--it-primary);padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e54d}.it-nav-links{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:4px}.it-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#94a3b8;cursor:pointer;transition:.2s;font-weight:600;font-size:.95rem}.it-nav-item:hover{background:#ffffff0d;color:#fff}.it-nav-item.active{background:var(--it-primary);color:#fff;box-shadow:0 4px 12px #0000001a}.it-main-content{flex:1;margin-left:280px;padding:32px;max-width:1600px}.it-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.it-header-left h1{font-size:1.75rem;font-weight:800;color:var(--it-text-main);letter-spacing:-.025em}.it-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.it-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.mobile-toggle{display:none;background:transparent;border:none;cursor:pointer;color:var(--it-text-main)}.it-card{background:var(--it-card-bg);padding:24px;border-radius:24px;border:1px solid var(--it-border);box-shadow:0 1px 3px #0000000d;transition:.3s}.it-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.it-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.it-stat-value{font-size:2rem;font-weight:800;color:var(--it-text-main);margin:4px 0}.it-stat-label{color:var(--it-text-muted);font-size:.9rem;font-weight:600}.it-table-container{overflow-x:auto;border-radius:20px}.it-table{width:100%;border-collapse:collapse}.it-table th{text-align:left;padding:16px;background:#f1f5f9;color:var(--it-text-muted);font-size:.8rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.it-table td{padding:16px;border-bottom:1px solid var(--it-border);font-size:.95rem;color:var(--it-text-main)}.it-table tr:last-child td{border-bottom:none}.status-badge{padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:800;text-transform:uppercase}.status-high{background:#fee2e2;color:#ef4444}.status-medium{background:#fef3c7;color:#f59e0b}.status-low{background:#dcfce7;color:#10b981}@media (max-width: 1024px){.it-sidebar{width:80px}.it-main-content{margin-left:80px}.it-sidebar span,.it-sidebar-header p{display:none}}@media (max-width: 768px){.it-sidebar{transform:translate(-100%)}.it-sidebar.open{transform:translate(0)}.it-main-content{margin-left:0;padding:20px}}:root{--lab-primary: #6366f1;--lab-bg: #fdfdff;--lab-sidebar: #ffffff;--lab-text: #0f172a;--lab-text-muted: #64748b;--lab-border: #f1f5f9}.lab-container{display:flex;min-height:100vh;background-color:var(--lab-bg);font-family:Outfit,sans-serif}.lab-sidebar{width:280px;background:var(--lab-sidebar);border-right:1px solid var(--lab-border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.lab-logo-area{padding:32px;display:flex;align-items:center;gap:16px}.lab-logo{width:44px;height:44px;background:linear-gradient(135deg,var(--lab-primary) 0%,#4f46e5 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 8px 16px -4px #6366f166}.lab-logo-text{display:flex;flex-direction:column}.lab-logo-text .brand{font-weight:800;font-size:1.1rem;color:var(--lab-text)}.lab-logo-text .portal{font-size:.65rem;font-weight:700;color:var(--lab-primary);letter-spacing:1px}.lab-nav{flex:1;padding:0 16px;display:flex;flex-direction:column;gap:8px}.lab-nav-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:16px;color:var(--lab-text-muted);font-weight:600;cursor:pointer;transition:.2s}.lab-nav-item:hover{background:#f8fafc;color:var(--lab-text)}.lab-nav-item.active{background:#f5f3ff;color:var(--lab-primary)}.lab-sidebar-footer{padding:24px;border-top:1px solid var(--lab-border)}.lab-logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:none;background:#fef2f2;color:#ef4444;border-radius:12px;font-weight:700;cursor:pointer}.lab-main{flex:1;margin-left:280px;padding:40px}.lab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.lab-header h1{font-size:1.8rem;font-weight:800;color:var(--lab-text)}.lab-header p{color:var(--lab-text-muted);font-weight:500}.header-right{display:flex;align-items:center;gap:24px}.search-bar{background:#fff;border:1px solid var(--lab-border);padding:10px 18px;border-radius:14px;display:flex;align-items:center;gap:12px;width:300px}.search-bar input{border:none;outline:none;font-family:inherit;width:100%;font-weight:500}.icon-actions{display:flex;align-items:center;gap:20px}.icon-badge{position:relative;cursor:pointer;color:var(--lab-text-muted)}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;background:#fff;border:1px solid var(--lab-border);border-radius:40px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:.9rem}.user-role{font-size:.7rem;color:var(--lab-text-muted);font-weight:600}.lab-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.lab-stat-card{background:#fff;padding:24px;border-radius:24px;border:1px solid var(--lab-border);display:flex;align-items:center;gap:20px}.stat-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:1.5rem;font-weight:800}.stat-info p{font-size:.85rem;color:var(--lab-text-muted);font-weight:600}.lab-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.lab-card{background:#fff;border-radius:24px;border:1px solid var(--lab-border);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3{font-size:1.1rem;font-weight:800}.lab-btn-sm{padding:6px 14px;border-radius:10px;border:1px solid var(--lab-border);background:#fff;font-weight:700;font-size:.75rem;cursor:pointer}.lab-table-container{overflow-x:auto}.lab-table{width:100%;border-collapse:collapse}.lab-table th{text-align:left;padding:12px;font-size:.75rem;font-weight:800;color:var(--lab-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--lab-border)}.lab-table td{padding:16px 12px;border-bottom:1px solid var(--lab-border)}.student-cell{display:flex;align-items:center;gap:12px}.avatar{width:32px;height:32px;background:#f1f5f9;color:var(--lab-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.student-cell .name{font-weight:700;font-size:.85rem}.student-cell .roll{font-size:.7rem;color:var(--lab-text-muted)}.lab-name-tag{font-weight:700;font-size:.8rem;background:#f8fafc;padding:4px 10px;border-radius:8px;color:var(--lab-text)}.status-dot{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%}.status-dot.online{color:#10b981}.status-dot.online:before{background:#10b981}.maintenance-list{display:flex;flex-direction:column;gap:20px}.maintenance-item{display:flex;flex-direction:column;gap:8px}.m-info{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700}.progress-bg{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px}:root{--primary-black: #000000;--bg-light: #F8F9FD;--border-color: #EDEDED;--text-main: #1A1D1F;--text-muted: #6F767E;--sidebar-width: 260px}body{background-color:var(--bg-light)}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-light);font-family:Plus Jakarta Sans,sans-serif;color:var(--text-main)}.sidebar{width:var(--sidebar-width);padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);position:fixed;height:100vh;z-index:1000}.sidebar-header{margin-bottom:40px;padding-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--primary-black)}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:4px;cursor:pointer;transition:all .2s ease;color:var(--text-muted);font-weight:500;text-decoration:none}.menu-item:hover{background:#f4f4f4;color:var(--primary-black)}.menu-item.active{background:var(--primary-black);color:#fff;font-weight:700}.main-content{flex:1;padding:40px;margin-left:var(--sidebar-width);background:var(--bg-light);min-height:100vh}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:30px;border-radius:24px;border:1px solid var(--border-color);text-align:left;transition:transform .3s ease}.stat-label{color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.stat-number{font-size:32px;font-weight:800;color:var(--primary-black);margin-top:10px;display:block}.content-card{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--border-color);margin-bottom:24px}.content-card h2,.content-card h3{color:var(--text-main);font-weight:800;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;margin-top:20px}.data-table th{text-align:left;padding:16px;font-size:12px;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border-color);text-transform:uppercase;background:#fafafa}.data-table td{padding:18px 16px;border-bottom:1px solid var(--border-color);font-size:14px;font-weight:600;color:var(--text-main);background:#fff}.data-table tr:hover td{background-color:#f9f9f9}.action-btn{padding:10px 20px;background:var(--primary-black);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}.delete-btn{background:#fee2e2;color:#dc2626;border:none;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:40px;border-radius:24px;width:100%;max-width:450px;box-shadow:0 20px 60px #0003}.modal-content h2{color:var(--primary-black)}input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:12px;margin-top:8px;outline:none;color:var(--text-main);background:#fff}input:focus{border-color:var(--primary-black)}.add-btn-premium{background:var(--primary-black);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.chat-page{--chat-primary: #7c3aed;--chat-primary-light: #a78bfa;--chat-primary-dark: #5b21b6;--chat-sidebar-top: #1e1b4b;--chat-sidebar-bot: #2e1065;--chat-text: #0f172a;--chat-muted: #64748b;--chat-border: #e2e8f0;--chat-sent: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--chat-recv: #ffffff;--chat-recv-border: #e2e8f0;--chat-bg: #f8fafc;--chat-sidebar-active: rgba(99, 102, 241, .12)}.chat-page{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:#f8fafc;color:var(--chat-text)}.chat-header{height:42px;background:#fff;border-bottom:1px solid var(--chat-border);padding:0 12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:14px}.chat-back-btn{width:36px;height:36px;border:1px solid var(--chat-border);border-radius:10px;background:#fff;color:var(--chat-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.chat-back-btn:hover{color:var(--chat-primary);border-color:var(--chat-primary-light)}.chat-title-group h1{font-size:1.05rem;font-weight:800;margin:0;color:var(--chat-text);letter-spacing:-.01em}.chat-title-group p{font-size:.72rem;margin:0;color:var(--chat-muted);font-weight:600}.chat-logout-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:1px solid var(--chat-border);border-radius:8px;font-size:.82rem;font-weight:700;color:var(--chat-muted);cursor:pointer;transition:all .2s}.chat-logout-btn:hover{background:#fff1f2;color:#ef4444;border-color:#fecdd3}.chat-layout{flex:1;display:flex;min-height:0;overflow:hidden}.chat-sidebar{width:260px;flex-shrink:0;background:linear-gradient(180deg,var(--chat-sidebar-top) 0%,var(--chat-sidebar-bot) 100%);display:flex;flex-direction:column;overflow:hidden}.chat-sidebar-header{padding:8px 12px 6px;flex-shrink:0}.chat-sidebar-label{display:block;font-size:.62rem;font-weight:800;text-transform:uppercase;color:var(--chat-primary-light);letter-spacing:.06em;margin-bottom:4px}.chat-search-wrap{position:relative}.chat-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.chat-search-wrap input{width:100%;padding:10px 12px 10px 38px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:.88rem;color:#fff;outline:none;box-sizing:border-box;transition:border-color .2s}.chat-search-wrap input::-moz-placeholder{color:#64748b}.chat-search-wrap input::placeholder{color:#64748b}.chat-search-wrap input:focus{border-color:var(--chat-primary-light);background:#ffffff1a}.chat-user-list{flex:1;overflow-y:auto;padding:8px}.chat-user-item{width:100%;display:flex;align-items:center;padding:5px 10px;gap:8px;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:8px;margin-bottom:1px;transition:background .18s;position:relative;overflow:hidden;box-sizing:border-box}.chat-user-item:hover{background:#ffffff0f}.chat-user-item.active{background:#7c3aed40}.chat-user-item.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:var(--chat-primary-light);border-radius:0 3px 3px 0}.chat-avatar-circle{width:32px;height:32px;min-width:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.88rem;flex-shrink:0}.chat-user-info-box{flex:1;min-width:0;overflow:hidden}.chat-user-info-box .name{display:block;font-weight:700;font-size:1.05rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.chat-user-info-box .meta{display:block;font-size:.78rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.unread-count-pill{flex-shrink:0;background:#f43f5e;color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center}.chat-loading,.chat-empty{padding:24px 16px;text-align:center;color:#94a3b8;font-size:.85rem}.chat-main-area{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--chat-bg);overflow:hidden;position:relative;align-items:stretch;justify-content:flex-start}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;width:100%}.premium-empty-icon-wrapper{width:64px;height:64px;background:#f1f5f9;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--chat-primary);margin-bottom:12px}.floating-icon{animation:float-icon 4s ease-in-out infinite}@keyframes float-icon{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.premium-title{font-size:1.4rem!important;color:var(--chat-sidebar-top);font-weight:800;margin-bottom:4px!important}.premium-subtitle{color:#64748b!important;font-size:.9rem!important;max-width:280px!important}.premium-divider{width:60px;height:4px;background:#e2e8f0;border-radius:2px;margin:24px 0}.chat-badge-group{display:flex;gap:12px}.chat-badge{padding:6px 14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;font-size:.75rem;font-weight:700;color:#475569;display:flex;align-items:center;gap:6px;box-shadow:0 4px 6px -1px #0000000d}.conv-header{height:42px;border-bottom:1px solid var(--chat-border);padding:0 8px;display:flex;align-items:center;gap:10px;background:#fff;flex-shrink:0}.conv-header-back-mobile{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f1f5f9;border:none;color:var(--chat-muted);cursor:pointer;flex-shrink:0}.conv-header-info{flex:1;min-width:0}.conv-header-info h2{font-size:1.2rem;font-weight:800;margin:0;color:var(--chat-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-header-info span.online-status{font-size:.68rem;color:#10b981;font-weight:700;display:flex;align-items:center;gap:5px}.status-dot{width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 8px #10b981}.typing-indicator-text{font-size:.7rem;color:var(--chat-primary);font-weight:700;font-style:italic;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.message-viewport{flex:1;padding:8px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.msg-bubble{max-width:72%;padding:8px 14px;border-radius:14px;font-size:.88rem;font-weight:500;line-height:1.5;box-shadow:0 2px 5px #00000008}.msg-bubble.sent{align-self:flex-end;background:var(--chat-sent);color:#fff;border-bottom-right-radius:4px}.msg-bubble.received{align-self:flex-start;background:var(--chat-recv);color:var(--chat-text);border-bottom-left-radius:4px;border:1px solid var(--chat-recv-border)}.msg-date-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.msg-date-divider{display:flex;align-items:center;justify-content:center;margin:10px 0}.msg-date-divider span{background:#e2e8f0;color:#64748b;font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.04em}.typing-bubble{padding:14px 18px!important;width:60px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.read-icon{margin-left:6px;vertical-align:middle}.msg-time{display:block;font-size:.62rem;margin-top:4px;opacity:.8}.msg-bubble.sent .msg-time{text-align:right;color:#ddd6fe}.msg-bubble.received .msg-time{color:#94a3b8}.chat-footer{padding:6px 12px;border-top:1px solid var(--chat-border);background:#fff;flex-shrink:0}.input-box-wrapper{display:flex;align-items:center;gap:6px;background:#f8fafc;padding:4px 5px 4px 12px;border-radius:10px;border:1.5px solid var(--chat-border);transition:border-color .2s,box-shadow .2s}.input-box-wrapper:focus-within{border-color:var(--chat-primary-light);background:#fff;box-shadow:0 0 0 3px #7c3aed14}.input-box-wrapper input{flex:1;border:none;background:transparent;outline:none;font-size:.93rem;color:var(--chat-text);font-family:Plus Jakarta Sans,system-ui,sans-serif}.input-box-wrapper input::-moz-placeholder{color:#94a3b8}.input-box-wrapper input::placeholder{color:#94a3b8}.send-btn-circle{width:38px;height:38px;background:var(--chat-primary);color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.send-btn-circle:hover:not(:disabled){background:var(--chat-primary-dark);transform:scale(1.05)}.send-btn-circle:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.chat-user-list::-webkit-scrollbar,.message-viewport::-webkit-scrollbar{width:4px}.chat-user-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message-viewport::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}@keyframes chat-fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:chat-fadeIn .3s ease}@media (max-width: 768px){.chat-sidebar{width:100%}.chat-layout.conversation-active .chat-sidebar{display:none}.chat-layout:not(.conversation-active) .chat-main-area{display:none}.conv-header-back-mobile{display:flex}.chat-footer{padding:12px}.message-viewport{padding:16px}.msg-bubble{max-width:82%}}.otp-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;font-family:Plus Jakarta Sans,sans-serif;padding:2rem;position:relative;overflow:hidden}.otp-glass-card{width:100%;max-width:1100px;min-height:650px;background:#ffffffe6;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:48px;display:flex;box-shadow:0 50px 100px -20px #0000001f,0 0 0 1px #ffffff80 inset;z-index:1;overflow:hidden}.otp-branding{flex:1;background:#0f172a;padding:4rem 3rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.otp-form-section{flex:1.2;padding:4rem 4rem 4rem 3.5rem;display:flex;flex-direction:column;justify-content:center}.otp-input{width:50px;height:60px;text-align:center;font-size:28px;font-weight:700;border-radius:12px;border:2px solid #e2e8f0;background:#fff;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);color:#0f172a;box-sizing:border-box;padding:0;display:flex;align-items:center;justify-content:center}.otp-input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;transform:translateY(-2px);background:#fff}.resend-btn:hover{color:#4f46e5!important;transform:scale(1.05)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width: 900px){.otp-glass-card{flex-direction:column;max-width:500px;min-height:auto}.otp-branding{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;color:#1a1d1f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.mobile-only{display:none}@media (max-width: 1024px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.portal-container{display:flex;min-height:100vh;background:#f8fafc}.portal-sidebar{width:280px;background:#1e293b;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.portal-main{flex:1;min-width:0}@media (max-width: 1024px){.portal-sidebar{position:fixed;height:100vh;z-index:1000;left:-280px}.portal-sidebar.open{left:0;box-shadow:10px 0 30px #0000001a}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:1rem}}select,select.modern-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem 2.5rem .75rem 1rem;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:.95rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem;box-shadow:0 1px 3px #0000000d}select:hover,select.modern-select:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}select:focus,select.modern-select:focus{outline:none!important;border-color:#4f46e5!important;box-shadow:0 0 0 4px #4f46e526!important}select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cbd5e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select option{font-weight:500;padding:10px;color:#0f172a}