:root{--primary:#6366f1;--primary-glow:#6366f180;--primary-hover:#4f46e5;--secondary:#a855f7;--accent:#ec4899;--bg-main:#000;--bg-surface:#1e293bb3;--bg-card:#ffffff08;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--glass-highlight:#ffffff0d;--text-primary:#fff;--text-secondary:#f8fafc;--text-muted:#94a3b8;--text-white:#fff;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--radius-xl:1.5rem;--radius-lg:1rem;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-family:Outfit,Inter,sans-serif;line-height:1.6;overflow-x:hidden}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition);padding:2rem;position:relative;overflow:hidden}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=640px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.glass-card:hover:before{left:100%}.glass-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 40px #00000080}h1,h2,h3{letter-spacing:-.025em;color:var(--text-dark);font-weight:800}.text-gradient{background:linear-gradient(135deg, var(--text-white) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);letter-spacing:.3px;border:1px solid #0000;align-items:center;gap:.75rem;padding:.8rem 1.8rem;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)scale(1.02)}.btn-secondary{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-white)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.input-field{border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;color:var(--text-white);transition:var(--transition);background:#0f172a66;padding:1rem 1.25rem;font-size:1rem}.input-field:focus{border-color:var(--primary);background:#0f172a99;outline:none;box-shadow:0 0 0 4px #6366f11a}select option{color:#000;background-color:#fff}.layout-root{width:100%;min-height:100vh;display:flex}.main-viewport{background-color:var(--bg-main);flex:1;min-height:100vh;margin-left:280px;padding:2.5rem;transition:margin-left .4s cubic-bezier(.4,0,.2,1),padding .4s}.sidebar{border-right:1px solid var(--glass-border);z-index:1000;background:linear-gradient(#1e1b4b 0%,#0f172a 100%);flex-direction:column;width:280px;height:100vh;padding:2rem 1.5rem;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;left:0;box-shadow:10px 0 30px #0003}.sidebar-header{border-bottom:1px solid var(--glass-border);margin-bottom:2.5rem;padding-bottom:1.5rem}.sidebar-logo img{height:50px;filter:drop-shadow(0 0 10px var(--primary-glow))}.sidebar-nav{flex-direction:column;flex:1;gap:.4rem;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-item{color:var(--text-muted);border-radius:var(--radius-lg);transition:var(--transition);align-items:center;gap:1.25rem;padding:.9rem 1.25rem;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-white);background:#ffffff0d;transform:translate(5px)}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#6366f133 0%,#0000 100%)}.sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:2rem}.user-info{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#ffffff08;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.85rem 1rem;display:flex}.user-avatar{width:40px;height:40px;color:var(--primary);background:#6366f126;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;line-height:1.3;display:flex;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.75rem;font-weight:500}.logout-btn{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.logout-btn:hover{color:#ef4444;background:#ef444433}@media (width<=1024px){.sidebar{width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-viewport{margin-left:0;padding:1.5rem}.mobile-nav-toggle{display:flex!important}}@media (width<=768px){.main-viewport{padding:5.5rem 1.25rem 1.25rem}.glass-card{border-radius:var(--radius-lg);padding:1.5rem}.btn{justify-content:center;width:100%;padding:.75rem 1.25rem;font-size:.9rem}.input-field{padding:.8rem 1rem;font-size:.95rem}.dashboard-header h1{font-size:1.8rem!important}.dashboard-header{margin-bottom:2rem}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{border:1px solid var(--glass-border);background:#ffffff05;border-radius:1rem;margin-bottom:1rem;padding:1rem}.responsive-table td{text-align:right;border:none;border-bottom:1px solid #ffffff0d;padding:.75rem .5rem;position:relative}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);text-align:left;text-transform:uppercase;width:45%;color:var(--text-muted);font-size:.75rem;font-weight:800;position:absolute;left:.5rem}}.mobile-header{-webkit-backdrop-filter:blur(12px);z-index:999;border-bottom:1px solid var(--glass-border);background:#0f172acc;justify-content:space-between;align-items:center;height:70px;padding:0 1.5rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #0000004d}.mobile-nav-toggle{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.mobile-nav-toggle:hover{background:#ffffff1a;transform:scale(1.05)}.mobile-nav-toggle:active{transform:scale(.95)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;background:#0009;transition:all .4s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}@media (width<=1024px){.mobile-header,.mobile-nav-toggle,.mobile-header{display:flex}}.mobile-nav-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;background:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);width:100%;margin-bottom:1rem;overflow-x:auto}.table-responsive-wrapper::-webkit-scrollbar{height:6px}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.premium-table-container{border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);overflow:hidden}.premium-table{border-collapse:collapse;width:100%}.premium-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);background:#ffffff0d;padding:1.25rem;font-size:.85rem}.premium-table td{border-bottom:1px solid var(--glass-border);padding:1.25rem}.premium-table tr:hover{background:#ffffff05}.form-label-premium{color:#fff;opacity:.9;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;font-weight:800;display:flex}.input-field-premium{border:1px solid var(--glass-border);color:#fff;background:#ffffff08;border-radius:1.25rem;width:100%;padding:1.1rem 1.4rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-field-premium:focus{border-color:var(--primary);background:#ffffff12;outline:none;box-shadow:0 0 20px #6366f126}.input-field-premium::placeholder{color:#ffffff80}.btn-submit-full{cursor:pointer;border-radius:var(--radius-lg);width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#0f172acc;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-premium{border:1px solid var(--glass-border);background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border-radius:2rem;width:100%;max-width:550px;max-height:85vh;margin:1rem;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) modalIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000080}@media (width<=640px){.modal-premium{border-radius:1.5rem;max-height:90vh;margin:.5rem;padding:1.5rem}.modal-premium h2{margin-bottom:.5rem!important;font-size:1.5rem!important}}.modal-premium::-webkit-scrollbar{width:4px}.modal-premium::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.close-modal{color:var(--text-muted);cursor:pointer;transition:var(--transition);z-index:10;position:absolute;top:1.5rem;right:1.5rem}.close-modal:hover{color:#fff;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}select,select option,.input-field-premium option{color:#fff!important;background-color:#1e1b4b!important}select.input-field-premium{font-weight:600;color:#fff!important;background-color:#ffffff08!important}select.input-field-premium:invalid{color:#64748b!important}.admin-container{max-width:1600px;margin:0 auto;padding:1rem 0;animation:.8s ease-out fadeIn}.dashboard-header{margin-bottom:3.5rem}.dashboard-header h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;letter-spacing:-1.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.8rem;font-weight:900}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;display:grid}@media (width<=640px){.admin-stats{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}}.stat-card-premium{flex-direction:column;display:flex;position:relative;overflow:hidden;padding:2.5rem!important}.stat-card-premium .card-content{z-index:1;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.stat-card-premium .card-info p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:800}.stat-card-premium .card-info h3{color:#fff;margin:0;font-size:2.5rem;font-weight:900;line-height:1.1}.card-icon-wrapper{width:64px;height:64px;color:var(--primary);border:1px solid var(--glass-border);background:#ffffff08;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.table-toolbar{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:flex}.section-title{color:#fff;align-items:center;gap:1.25rem;font-size:1.4rem;font-weight:800;display:flex}.search-box{flex:1;max-width:450px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.enhanced-table{border-collapse:collapse;width:100%}.enhanced-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid var(--glass-border);background:#ffffff03;padding:1.5rem 2.5rem;font-size:.8rem;font-weight:800}.enhanced-table td{border-bottom:1px solid var(--glass-border);color:#fff;padding:1.5rem 2.5rem;font-size:.95rem;font-weight:600}.enhanced-table tr:hover{background:#ffffff05}.user-badge{align-items:center;gap:1.25rem;display:flex}.user-initial{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;text-shadow:0 2px 4px #0003;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.status-tag{text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:900;display:inline-flex}.tag-alert{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.tag-safe{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.message-success{border:1px solid var(--success);color:var(--success);background:#10b9811a;border-radius:1.25rem;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.25rem 2rem;font-weight:700;animation:.4s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{max-width:1400px;margin:0 auto;padding:1rem 0;animation:.8s ease-out fadeIn}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3.5rem;display:flex}.welcome-section h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:900}@media (width<=768px){.welcome-section h1{letter-spacing:-1px;font-size:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-container{padding:.5rem}}.date-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:#fff;border-radius:1.25rem;align-items:center;gap:.8rem;padding:.8rem 1.8rem;font-weight:700;display:flex;box-shadow:0 4px 20px #0003}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.stat-card-premium{background:radial-gradient(circle at 100% 0,#6366f126,#0000);padding:2.5rem;position:relative;overflow:hidden}@media (width<=768px){.stat-card-premium{padding:1.5rem}}.reports-section-premium{grid-column:span 2;padding:3rem}@media (width<=1024px){.reports-section-premium{grid-column:span 1;padding:2rem}}@media (width<=768px){.reports-section-premium{padding:1.5rem}}.report-item-premium{border:1px solid var(--glass-border);background:#ffffff05;border-radius:1.5rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}@media (width<=640px){.report-item-premium{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}}.team-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.crm-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}@media (width<=768px){.crm-actions-bar{flex-direction:column;align-items:stretch;margin-bottom:2rem}}.upload-zone{border:1px solid var(--glass-border);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#ffffff08;border-radius:1.25rem;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.upload-zone:hover{border-color:var(--primary);background:#ffffff0f;transform:translateY(-2px)}.upload-zone input{display:none}.lead-identity{align-items:center;gap:1rem;display:flex}.lead-avatar{width:42px;height:42px;color:var(--primary);border:1px solid var(--glass-border);background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:12px;justify-content:center;align-items:center;font-weight:900;display:flex}.status-tag-premium{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:800}.tag-pending{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.tag-converted{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.tag-interested{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633}.assign-premium{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff08;border-radius:.75rem;outline:none;padding:.5rem .75rem;font-size:.85rem;font-weight:700}.assign-premium:focus{border-color:var(--primary)}.alert-floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.25rem 2rem;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) slideIn;display:flex}.alert-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98133}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.login-page{background:#0f172a;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.branding-side{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%);flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:6rem 4rem;display:flex;position:relative}.branding-side:before{content:"";z-index:1;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-10%;left:-10%}.branding-content{z-index:2;max-width:600px;margin-bottom:3rem;position:relative}.logo-container{flex-direction:row;justify-content:center;align-items:center;gap:1.25rem;margin-bottom:2.5rem;display:flex}.logo-img{object-fit:contain;filter:drop-shadow(0 0 20px #6366f180);width:auto;height:70px}.branding-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#c084fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.8rem;font-weight:900;line-height:1}.illustration-wrapper{z-index:2;justify-content:center;align-items:center;width:100%;animation:6s ease-in-out infinite float;display:flex;position:relative}.illustration-img{filter:drop-shadow(0 30px 60px #00000080);border-radius:32px;max-width:80%;height:auto}.form-side{background:#0f172a;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative}.form-side:after{content:"";z-index:1;background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;right:-10%}.form-container{z-index:2;width:100%;max-width:420px;position:relative}.login-header{margin-bottom:3rem}.login-header h2{color:#fff;letter-spacing:-1px;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.login-header p{color:#94a3b8;font-size:1.1rem;font-weight:500}.input-group{margin-bottom:1.8rem}.input-group label{color:#64748b;text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem;font-size:.8rem;font-weight:900;display:block}.form-options{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.remember-me{cursor:pointer;color:#94a3b8;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:flex}.forgot-password{color:#6366f1;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .3s}.login-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:1.25rem;width:100%;margin-bottom:3rem;padding:1.25rem;font-size:1.1rem;font-weight:900;transition:all .3s;box-shadow:0 10px 30px #6366f14d}.login-footer{color:#475569;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;max-width:420px;padding-top:2.5rem;font-size:.85rem;font-weight:700;display:flex}.error-alert{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:1.25rem;align-items:center;gap:.75rem;margin-bottom:1.8rem;padding:1.2rem;font-size:.95rem;font-weight:700;display:flex}@media (width<=1024px){.branding-side{display:none}.form-side{padding:2.5rem}.mobile-only-logo{display:flex!important}}@media (width<=768px){.form-side{padding:1.5rem}.login-header h2{font-size:2rem}.login-header p{font-size:1rem}.login-btn{padding:1rem;font-size:1rem}}@media (width<=480px){.form-options{flex-direction:column;align-items:flex-start;gap:1rem}}.auth-page{background:#0f172a;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}.auth-header{margin-bottom:3rem}.auth-header h2{color:#fff;letter-spacing:-1px;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.auth-header p{color:#94a3b8;font-size:1.1rem;font-weight:500}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:1.25rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:2rem;padding:1.25rem;font-size:1.1rem;font-weight:900;transition:all .3s;display:flex;box-shadow:0 10px 30px #6366f14d}.submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 20px 40px #6366f166,0 0 20px #a855f766}.back-link{text-align:center;color:#6366f1;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .3s;display:block}.back-link:hover{color:#a855f7;text-shadow:0 0 10px #a855f766}.alert{border-radius:1.25rem;align-items:center;gap:.75rem;margin-bottom:1.8rem;padding:1.2rem;font-size:.95rem;font-weight:700;display:flex}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.auth-page .branding-side{display:none}.auth-page .form-side{padding:2.5rem}}@media (width<=768px){.auth-header h2{font-size:2rem}.auth-header p{font-size:1rem}.submit-btn{padding:1rem;font-size:1rem}}.calendar-header-premium{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:2rem;display:flex}@media (width<=768px){.calendar-header-premium{flex-direction:column;gap:1.5rem;padding:1.5rem}}.month-nav-premium{align-items:center;gap:2rem;display:flex}@media (width<=480px){.month-nav-premium{gap:1rem}.month-nav-premium h3{min-width:auto;font-size:1.2rem}}.month-nav-premium h3{color:#fff;text-align:center;min-width:200px;font-size:1.5rem;font-weight:900}.nav-btn-circle{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.nav-btn-circle:hover{background:var(--primary);border-color:var(--primary)}.calendar-grid-header{border-bottom:1px solid var(--glass-border);background:#ffffff05;grid-template-columns:repeat(7,1fr);display:grid}.grid-day-name{text-align:center;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;padding:1rem;font-size:.75rem;font-weight:800}@media (width<=480px){.grid-day-name{padding:.5rem;font-size:.6rem}}.calendar-grid-row{border-bottom:1px solid var(--glass-border);grid-template-columns:repeat(7,1fr);display:grid}.calendar-grid-row:last-child{border-bottom:none}.calendar-cell-premium{border-right:1px solid var(--glass-border);background:#ffffff03;height:130px;padding:1rem;transition:all .2s;position:relative}@media (width<=1024px){.calendar-cell-premium{height:100px;padding:.5rem}}@media (width<=768px){.calendar-cell-premium{height:80px}}.calendar-cell-premium:last-child{border-right:none}.calendar-cell-premium.dimmed{opacity:.2}.calendar-cell-premium.current-day{background:#6366f10d}.calendar-cell-premium.current-day .day-number{color:var(--primary);font-size:1.1rem;font-weight:900}.day-number{color:#fff;font-size:.95rem;font-weight:700}.day-indicators{flex-direction:column;gap:6px;margin-top:.75rem;display:flex}.leave-dot{text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.65rem;font-weight:900;display:flex}@media (width<=768px){.leave-dot{gap:2px;padding:2px 4px;font-size:.5rem}}.dot-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-approved{color:#6ee7b7;background:#0ab9811a;border-left:3px solid #10b981!important}.status-pending{color:#fbbf24;background:#f59e0b1a;border-left:3px solid #f59e0b!important}.status-rejected{color:#fca5a5;background:#ef44441a;border-left:3px solid #ef4444!important}.absence-layout{grid-template-columns:1fr 380px;gap:2rem;margin-top:2rem;display:grid}@media (width<=1200px){.absence-layout{grid-template-columns:1fr}}.side-panel{flex-direction:column;gap:2rem;display:flex}.attendance-logs-container{color:#fff;background:#020617;min-height:100vh;padding:2rem}@media (width<=768px){.attendance-logs-container{padding:1rem}}.attendance-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}@media (width<=1024px){.attendance-header{flex-direction:column;align-items:stretch;gap:1.5rem}}.attendance-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}@media (width<=768px){.attendance-controls{flex-direction:column;align-items:stretch;gap:1rem}}.attendance-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.attendance-stat-card{align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-icon-circle{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.stat-label{color:var(--text-muted);fontWeight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-size:.8rem}.stat-value{font-size:1.5rem;font-weight:900}.attendance-card-premium{border:1px solid var(--glass-border);background:radial-gradient(circle at 100% 0,#a855f71a,#0000);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:2rem 2.5rem;display:flex}.attendance-info h3{color:#fff;margin-bottom:.3rem;font-size:1.6rem;font-weight:900}.attendance-info p{color:var(--text-muted);font-weight:500}.attendance-marked{border-color:var(--success)!important;color:var(--success)!important;background:#10b9811a!important;padding:.8rem 1.5rem!important}.attendance-buttons{align-items:center;gap:1rem;display:flex}.btn-present{color:#fff!important;background:#10b981!important;box-shadow:0 4px 15px #10b98133!important}.btn-late{border-color:var(--warning)!important;color:var(--warning)!important;background:#f59e0b0d!important}.late-input-container{align-items:center;gap:.75rem;display:flex}.late-input{width:130px!important;padding:.7rem 1rem!important}.late-buttons{gap:.5rem;display:flex}@media (width<=1024px){.attendance-card-premium{text-align:center;flex-direction:column;align-items:stretch;padding:2rem}.attendance-buttons,.late-input-container{flex-direction:column;width:100%}.late-input{width:100%!important}.late-buttons{width:100%}}.report-date{color:#fff;font-size:1.1rem;font-weight:800}.report-stats{font-size:.9rem;font-weight:600}@media (width<=480px){.report-item-premium{text-align:center}.report-item-premium .icon-box{display:none}}.admin-container{animation:.8s ease-out fadeIn}.header-actions{gap:1rem;display:flex}@media (width<=768px){.header-actions{flex-direction:column;gap:.5rem}.header-actions .btn{justify-content:center;width:100%}}.admin-table-card{padding:0;overflow:visible}.user-avatar-placeholder{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;text-shadow:0 2px 4px #0003;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:flex}.role-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:2rem;align-items:center;padding:.4rem 1rem;font-size:.75rem;font-weight:800;display:inline-flex}.role-pill.admin{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.role-pill.tl{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133}.role-pill.employee{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff0d}.action-btn-group{gap:.75rem;display:flex}.icon-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.icon-btn:hover{color:#fff;background:#ffffff14;transform:scale(1.1)}.icon-btn.edit:hover{border-color:var(--primary);color:var(--primary);background:#6366f133}.icon-btn.delete:hover{border-color:var(--danger);color:var(--danger);background:#ef444433}.glass-input-wrapper{border:1px solid var(--glass-border);background:#ffffff08;border-radius:1.25rem;flex:1;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s;display:flex}.glass-input-wrapper:focus-within{border-color:var(--primary);background:#ffffff0f;box-shadow:0 0 20px #6366f11a}@media (width<=768px){.attendance-header{text-align:center;flex-direction:column;align-items:stretch;gap:1.5rem}.attendance-controls{flex-direction:column;width:100%}.glass-input-wrapper{width:100%}}.search-result-item:hover{background:#ffffff0d;transform:translate(5px)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#a855f7;--bg-main:#000;--bg-card:#ffffff08;--text-dark:#f8fafc;--text-muted:#94a3b8;--text-white:#fff;--border-color:#ffffff1a;--success:#10b981;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-main);color:var(--text-dark);min-height:100vh}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.input-field{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem}.input-field:focus{outline:2px solid var(--primary)}.container{max-width:1200px;margin:0 auto;padding:2rem}h1,h2,h3{margin-bottom:1rem}p{color:var(--text-gray);line-height:1.6}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.grid{display:grid}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-center{text-align:center}