@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.notification-container{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.notification{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;animation:slideIn .3s ease-out;min-width:300px;position:relative;overflow:hidden}.notification:before{content:"";position:absolute;inset:0;background:inherit;opacity:.9;z-index:-1}.notification-success{background:linear-gradient(135deg,#10b981f2,#059669f2);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-warning{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-info{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);color:#fff;border:1px solid rgba(255,255,255,.2)}.notification-icon{font-size:24px;font-weight:700;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.notification-message{flex:1;font-size:14px;font-weight:500;line-height:1.5}.notification-close{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;line-height:1;padding:0}.notification-close:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.notification.notification-exit{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@media(max-width:768px){.notification-container{right:10px;left:10px;max-width:none}.notification{min-width:auto}}.modern-navbar{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:90%;max-width:1200px;z-index:1000;transition:all .3s ease}.modern-navbar.scrolled .navbar-container{background:rgba(var(--surface-rgb, 255, 255, 255),.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #0000001a;border-color:#64748b33}[data-theme=dark] .modern-navbar.scrolled .navbar-container{background:#0f172ad9}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface);border-radius:9999px;border:1px solid var(--border);transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.modern-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon-wrapper{display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;padding:.5rem;border-radius:50%}.logo-text{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.desktop-menu{display:flex;align-items:center;gap:.5rem}.nav-item{position:relative;padding:.6rem 1.2rem;border-radius:9999px;text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .2s ease;z-index:1;display:flex;align-items:center;justify-content:center}.nav-item:hover,.nav-item.active{color:var(--text-primary)}:root{--nav-hover-bg: rgba(100, 116, 139, .1)}[data-theme=dark]{--nav-hover-bg: rgba(255, 255, 255, .1)}.nav-item-highlight{position:absolute;inset:0;background:var(--nav-hover-bg);border-radius:9999px;z-index:-1}.nav-item-content{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.nav-item-content svg{flex-shrink:0}.navbar-actions{display:flex;align-items:center;gap:1rem}.theme-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.theme-btn:hover{background:var(--nav-hover-bg)}.auth-buttons{display:flex;align-items:center;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:9999px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .2s ease}.signin-btn{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.signin-btn:hover{background:var(--nav-hover-bg)}.signup-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 4px 15px #667eea4d}.logout-btn{background:#ef44441a;color:#ef4444}.logout-btn:hover{background:#ef4444;color:#fff}.mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer}.mobile-menu{overflow:hidden;position:absolute;top:calc(100% + 1rem);left:0;right:0;background:var(--surface);border-radius:1.5rem;box-shadow:0 20px 40px #0000001a;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-menu-inner{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease}.mobile-nav-item:hover,.mobile-nav-item.active{background:var(--nav-hover-bg);color:var(--text-primary)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.mobile-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:1rem;font-weight:600;border:none;cursor:pointer;width:100%}@media(max-width:968px){.desktop-menu,.auth-buttons{display:none}.mobile-toggle{display:block}.modern-navbar{width:95%;top:1rem}}.footer{background:var(--surface);margin-top:5rem;padding:4rem 0 2rem;position:relative;overflow:hidden}.footer-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.footer-description{color:var(--text-secondary);line-height:1.6}.footer-heading{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);display:inline-block}.footer-links a:hover{color:var(--primary);transform:translate(5px)}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:.75rem;color:var(--text-secondary)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-md);font-size:1.25rem;text-decoration:none;transition:all var(--transition-base)}.social-link:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}.footer-bottom{border-top:1px solid var(--border);padding-top:2rem;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}}.home{min-height:100vh;padding-top:80px;position:relative;overflow-x:hidden}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 0;position:relative;overflow:hidden}.hero-gradient-orbs{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-250px;left:-250px;animation-delay:0s}.orb-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-200px;right:-200px;animation-delay:7s}.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:10%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title{font-size:4rem;margin-bottom:1.5rem;line-height:1.2;font-weight:800}.typewriter{display:inline-block;border-right:3px solid var(--primary);padding-right:5px;animation:blink .7s step-end infinite}@keyframes blink{50%{border-color:transparent}}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.3rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.btn-lg{padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea4d}.btn-primary:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem}.stat-item{text-align:center;padding:1.5rem;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#000!important;font-size:1rem!important;font-weight:600!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important;-webkit-background-clip:unset!important;background:transparent!important}.wave-divider{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:120px}.wave-fill{fill:var(--bg-secondary);animation:wave 10s linear infinite}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.features-section{padding:8rem 0;background:var(--bg-secondary);position:relative}.section-header{text-align:center;margin-bottom:5rem}.section-title{font-size:3rem;margin-bottom:1rem;font-weight:800}.section-description{font-size:1.3rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.feature-card{text-align:center;padding:3rem 2rem;position:relative;overflow:hidden;transition:all .3s ease}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:20px;animation:bounce 2s ease-in-out infinite;position:relative;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);font-weight:700;position:relative;z-index:1}.feature-description{color:var(--text-secondary);line-height:1.7;position:relative;z-index:1}.feature-gradient-border{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;transition:width .3s ease}.feature-card:hover .feature-gradient-border{width:80%}.how-it-works-section{padding:8rem 0;background:var(--bg-primary)}.steps-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;position:relative}.step-card{text-align:center;padding:3rem 2rem;position:relative}.step-number{font-size:4rem;font-weight:800;opacity:.1;position:absolute;top:1rem;right:1rem}.step-icon{font-size:4rem;margin-bottom:1.5rem}.step-title{font-size:1.8rem;margin-bottom:1rem;font-weight:700}.step-description{color:var(--text-secondary);line-height:1.7}.benefits-section{padding:8rem 0;background:var(--bg-secondary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.benefit-card{padding:3rem 2.5rem;transition:all .3s ease}.benefit-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;margin-bottom:2rem}.benefit-category{font-size:1.8rem;margin-bottom:1.5rem;font-weight:700}.benefit-list{list-style:none;padding:0}.benefit-list li{padding:.8rem 0;color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.tech-stack-section{padding:8rem 0;background:var(--bg-primary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.tech-card{text-align:center;padding:2.5rem 1.5rem;transition:all .3s ease}.tech-icon{font-size:4rem;margin-bottom:1rem}.tech-name{font-weight:600;font-size:1.1rem}.testimonials-section{padding:8rem 0;background:var(--bg-secondary)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.testimonial-card{padding:3rem 2.5rem}.testimonial-rating{margin-bottom:1.5rem}.star{font-size:1.5rem}.testimonial-content{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;font-style:italic;color:var(--text-secondary)}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem}.author-name{font-weight:700;font-size:1.1rem;margin-bottom:.3rem}.author-role{color:var(--text-secondary);font-size:.95rem}.faq-section{padding:8rem 0;background:var(--bg-primary)}.faq-list{max-width:900px;margin:0 auto}.faq-item{margin-bottom:1.5rem;overflow:hidden}.faq-question{padding:2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#667eea0d}.faq-question h3{font-size:1.3rem;font-weight:600;margin:0}.faq-icon{font-size:2rem;font-weight:300;transition:transform .3s ease}.faq-icon.open{transform:rotate(180deg)}.faq-answer{overflow:hidden;padding:0 2rem}.faq-answer p{padding-bottom:2rem;color:var(--text-secondary);line-height:1.8}.cta-section{padding:8rem 0;background:var(--bg-secondary);position:relative;overflow:hidden}.cta-content{text-align:center;padding:5rem 3rem;border-radius:var(--radius-xl);position:relative;z-index:1}.cta-title{font-size:3rem;margin-bottom:1.5rem;font-weight:800}.cta-description{font-size:1.3rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.btn-accent{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 30px #f093fb4d}.btn-accent:hover{box-shadow:0 15px 40px #f093fb66}.cta-note{margin-top:1.5rem;color:var(--text-secondary);font-size:.95rem}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000001a}@media(max-width:1024px){.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-stats{grid-template-columns:1fr;gap:1.5rem}.stat-number{font-size:2.5rem}.features-grid,.benefits-grid,.testimonials-grid{grid-template-columns:1fr}.section-title,.cta-title{font-size:2rem}.orb{display:none}.steps-timeline{grid-template-columns:1fr}}@media(max-width:480px){.hero-title{font-size:2rem}.btn-lg{padding:1rem 1.5rem;font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}}.social-footer-section{padding:0;background:transparent}.social-section{padding:3rem 1rem;position:relative}@media(max-width:768px){.social-links{flex-direction:column;gap:1.5rem}.social-btn{width:100%;justify-content:center}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem;position:relative;overflow:hidden}.signup-page:before,.signup-page:after{content:"";position:absolute;border-radius:50%;filter:blur(30px);opacity:.7;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}.signup-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(240,147,251,.8) 0%,transparent 70%);top:5%;left:-10%}.signup-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(245,87,108,.7) 0%,transparent 70%);bottom:10%;right:-8%;animation-delay:7s}.signup-container{position:relative}.signup-container:before,.signup-container:after{content:"";position:fixed;border-radius:50%;filter:blur(30px);opacity:.6;animation:floatOrb 18s ease-in-out infinite;pointer-events:none;z-index:-1}.signup-container:before{width:300px;height:300px;background:radial-gradient(circle,rgba(255,105,180,.7) 0%,transparent 70%);top:40%;right:5%;animation-delay:4s}.signup-container:after{width:280px;height:280px;background:radial-gradient(circle,rgba(147,51,234,.6) 0%,transparent 70%);bottom:30%;left:8%;animation-delay:11s}.signup-page>*{position:relative;z-index:1}.signup-container{width:100%;max-width:550px}.signup-card{padding:3rem;border-radius:var(--radius-xl)}.signup-header{text-align:center;margin-bottom:2rem}.signup-title{font-size:2.5rem;margin-bottom:.5rem}.signup-subtitle{color:var(--text-secondary);font-size:1.1rem}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;text-align:center}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-hint{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.btn-full{width:100%;margin-top:1rem}.otp-instruction{text-align:center;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.otp-inputs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.otp-input{width:60px;height:60px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);transition:all var(--transition-base)}.otp-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;transform:scale(1.05)}.btn-text{background:none;color:var(--text-secondary);padding:.75rem;width:100%;margin-top:1rem;transition:color var(--transition-base)}.btn-text:hover{color:var(--primary)}.signup-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-secondary)}.signup-footer a{color:var(--primary);font-weight:600;text-decoration:none}.signup-footer a:hover{text-decoration:underline}@media(max-width:768px){.signup-card{padding:2rem 1.5rem}.signup-title{font-size:2rem}.input-row{grid-template-columns:1fr}.otp-inputs{gap:.5rem}.otp-input{width:50px;height:50px;font-size:1.25rem}}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1rem 2rem;position:relative;overflow:hidden}.signin-page:before,.signin-page:after{content:"";position:absolute;border-radius:50%;filter:blur(30px);opacity:.7;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}.signin-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.8) 0%,transparent 70%);top:5%;left:-10%}.signin-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(118,75,162,.7) 0%,transparent 70%);bottom:10%;right:-8%;animation-delay:7s}.signin-container{position:relative}.signin-container:before,.signin-container:after{content:"";position:fixed;border-radius:50%;filter:blur(30px);opacity:.6;animation:floatOrb 18s ease-in-out infinite;pointer-events:none;z-index:-1}.signin-container:before{width:300px;height:300px;background:radial-gradient(circle,rgba(147,51,234,.7) 0%,transparent 70%);top:40%;right:5%;animation-delay:4s}.signin-container:after{width:280px;height:280px;background:radial-gradient(circle,rgba(138,43,226,.6) 0%,transparent 70%);bottom:30%;left:8%;animation-delay:11s}.signin-page>*{position:relative;z-index:1}.signin-container{width:100%;max-width:450px}.signin-card{padding:3rem;border-radius:var(--radius-xl)}.signin-header{text-align:center;margin-bottom:2rem}.signin-title{font-size:2.5rem;margin-bottom:.5rem}.signin-subtitle{color:var(--text-secondary);font-size:1.1rem}.signin-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-secondary)}.signin-footer a{color:var(--primary);font-weight:600;text-decoration:none}.signin-footer a:hover{text-decoration:underline}@media(max-width:768px){.signin-card{padding:2rem 1.5rem}.signin-title{font-size:2rem}}.features-page{min-height:100vh;padding:8rem 0 4rem;position:relative;overflow:hidden}.features-page:before,.features-page:after{content:"";position:fixed;border-radius:50%;filter:blur(30px);opacity:.7;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}.features-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(138,43,226,.8) 0%,transparent 70%);top:10%;left:-5%}.features-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(72,118,255,.7) 0%,transparent 70%);bottom:15%;right:-5%;animation-delay:7s}.features-page>*{position:relative;z-index:1}.features-hero{text-align:center;margin-bottom:5rem}.features-title{font-size:3rem;margin-bottom:1.5rem}.features-description{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.features-list{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:2rem;padding:2.5rem;align-items:flex-start}.feature-icon-large{font-size:4rem;flex-shrink:0}.feature-content{flex:1}.feature-item-title{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.feature-item-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.feature-benefits{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.feature-benefits li{color:var(--text-secondary);padding:.5rem 0}@media(max-width:768px){.features-title{font-size:2rem}.feature-item{flex-direction:column;text-align:center}.feature-benefits{grid-template-columns:1fr}}.contact-page{min-height:100vh;padding:8rem 0 4rem;position:relative;overflow:hidden}.contact-page:before,.contact-page:after{content:"";position:fixed;border-radius:50%;filter:blur(30px);opacity:.7;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}.contact-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(72,118,255,.8) 0%,transparent 70%);top:10%;left:-5%}.contact-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(64,224,208,.7) 0%,transparent 70%);bottom:15%;right:-5%;animation-delay:7s}.contact-page>*{position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:4rem}.contact-title{font-size:3rem;margin-bottom:1rem}.contact-description{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem}.contact-form-container{padding:2.5rem}.contact-form{display:flex;flex-direction:column}.success-message{text-align:center;padding:3rem 2rem}.success-message h3{font-size:2rem;color:var(--success);margin-bottom:1rem}.success-message p{color:var(--text-secondary);font-size:1.1rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{padding:1.5rem;text-align:center}.info-card h3{font-size:1.25rem;margin-bottom:.75rem}.info-card p{color:var(--text-secondary);line-height:1.6}.social-section{margin-top:5rem;text-align:center;padding:3rem 1rem;position:relative;border-top:1px solid rgba(0,0,0,.05)}.social-title{font-size:2rem;margin-bottom:3rem;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.social-links{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.social-btn{display:flex;align-items:center;gap:1.5rem;padding:1.2rem 3rem;border-radius:100px;text-decoration:none;font-weight:700;font-size:1.3rem;transition:all .3s ease;border:none;box-shadow:0 10px 30px #0000001a}.icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.icon-wrapper svg{width:100%;height:100%;fill:currentColor}.github-btn{background:#24292e;color:#fff}.github-btn:hover{background:#000;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.linkedin-btn{background:#0077b5;color:#fff}.linkedin-btn:hover{background:#005582;box-shadow:0 15px 35px #0077b566;transform:translateY(-5px)}@media(max-width:768px){.contact-title{font-size:2rem}.contact-content{grid-template-columns:1fr}.social-links{flex-direction:column;gap:1.5rem}.social-btn{width:100%;justify-content:center}}.privacy-policy-page{min-height:100vh;padding:8rem 0 4rem;position:relative;overflow:hidden}.privacy-policy-page:before,.privacy-policy-page:after{content:"";position:fixed;border-radius:50%;filter:blur(30px);opacity:.7;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}.privacy-policy-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.8) 0%,transparent 70%);top:10%;left:-5%}.privacy-policy-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(118,75,162,.7) 0%,transparent 70%);bottom:15%;right:-5%;animation-delay:7s}.privacy-policy-page>*{position:relative;z-index:1}.policy-content{max-width:900px;margin:0 auto;padding:4rem}.policy-title{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.policy-updated{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.policy-section{margin-bottom:3rem}.policy-section h2{font-size:1.8rem;margin-bottom:1rem;color:var(--text-primary)}.policy-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.policy-section ul{list-style:none;padding-left:0}.policy-section li{color:var(--text-secondary);line-height:1.8;padding-left:2rem;position:relative;margin-bottom:.5rem}.policy-section li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.policy-footer{margin-top:4rem;text-align:center;padding-top:2rem;border-top:1px solid var(--border)}@media(max-width:768px){.policy-content{padding:2rem 1.5rem}.policy-title{font-size:2rem}.policy-section h2{font-size:1.5rem}}.terms-of-service-page{min-height:100vh;padding:8rem 0 4rem;position:relative;overflow:hidden}.terms-of-service-page:before,.terms-of-service-page:after{content:"";position:fixed;border-radius:50%;filter:blur(30px);opacity:.7;animation:floatOrb 15s ease-in-out infinite;pointer-events:none}.terms-of-service-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(240,147,251,.8) 0%,transparent 70%);top:10%;left:-5%}.terms-of-service-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(245,87,108,.7) 0%,transparent 70%);bottom:15%;right:-5%;animation-delay:7s}@keyframes floatOrb{0%,to{transform:translate(0)}25%{transform:translate(20px,-20px)}50%{transform:translate(-15px,15px)}75%{transform:translate(15px,-10px)}}.terms-of-service-page>*{position:relative;z-index:1}.terms-content{max-width:900px;margin:0 auto;padding:4rem}.terms-title{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.terms-updated{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.terms-section{margin-bottom:3rem}.terms-section h2{font-size:1.8rem;margin-bottom:1rem;color:var(--text-primary)}.terms-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.terms-section ul{list-style:none;padding-left:0}.terms-section li{color:var(--text-secondary);line-height:1.8;padding-left:2rem;position:relative;margin-bottom:.5rem}.terms-section li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.terms-footer{margin-top:4rem;text-align:center;padding-top:2rem;border-top:1px solid var(--border)}@media(max-width:768px){.terms-content{padding:2rem 1.5rem}.terms-title{font-size:2rem}.terms-section h2{font-size:1.5rem}}.download-page{background:#0a0820;color:#e2e8f0;font-family:Inter,sans-serif;min-height:100vh}.dl-hero{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:80px 5% 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;border-bottom:1px solid rgba(108,99,255,.2)}.dl-hero-content{flex:1;min-width:280px}.dl-app-icon{font-size:64px;background:linear-gradient(135deg,#6c63ff,#9d4edd);display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:24px;margin-bottom:20px;box-shadow:0 12px 40px #6c63ff80}.dl-hero h1{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.dl-subtitle{font-size:20px;color:#a0aec0;margin:0 0 8px}.dl-tagline{font-size:16px;color:#718096;margin:0 0 24px}.dl-badges{display:flex;gap:10px;flex-wrap:wrap}.dl-badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.5px}.dl-badge-free{background:#38ef7d26;color:#38ef7d;border:1px solid rgba(56,239,125,.3)}.dl-badge-roles{background:#6c63ff26;color:#a78bfa;border:1px solid rgba(108,99,255,.3)}.dl-badge-secure{background:#4fc3f726;color:#4fc3f7;border:1px solid rgba(79,195,247,.3)}.dl-phone-mockup{display:flex;justify-content:center;align-items:center}.dl-phone{width:240px;height:420px;background:linear-gradient(180deg,#1a1535,#0f0c29);border-radius:36px;border:2px solid rgba(108,99,255,.5);padding:20px 16px;box-shadow:0 24px 60px #0009,0 0 0 1px #6c63ff33,inset 0 0 40px #6c63ff0d}.dl-phone-screen{height:100%;display:flex;flex-direction:column;gap:12px}.dl-mock-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:4px}.dl-mock-title{color:#9f7aea}.dl-mock-stat{background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);border-radius:10px;padding:10px 12px;font-size:12px;color:#a0aec0}.dl-mock-btn{background:linear-gradient(135deg,#6c63ff,#9d4edd);border-radius:10px;padding:12px;font-size:13px;font-weight:600;color:#fff;text-align:center;margin-top:auto}.dl-section{padding:80px 5%}.dl-section-dark{background:#0f0c29cc}.dl-section h2{font-size:36px;font-weight:800;text-align:center;color:#fff;margin:0 0 8px}.dl-section-sub{text-align:center;color:#718096;font-size:16px;margin:0 0 48px}.dl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:48px}.dl-card{background:#1a1535cc;border-radius:20px;padding:32px;border:1px solid rgba(108,99,255,.2);transition:transform .2s,box-shadow .2s}.dl-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #6c63ff26}.dl-card-android{border-color:#38ef7d4d}.dl-card-ios{border-color:#6c63ff4d}.dl-card-icon{font-size:48px;margin-bottom:16px}.dl-card h3{font-size:22px;font-weight:700;color:#fff;margin:0 0 12px}.dl-card>p{color:#a0aec0;margin:0 0 24px}.dl-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.dl-step{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#a0aec0}.dl-step-num{background:linear-gradient(135deg,#6c63ff,#9d4edd);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.dl-btn{display:inline-block;padding:14px 24px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s;border:none;width:100%}.dl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.dl-btn-android{background:linear-gradient(135deg,#38ef7d,#11998e);color:#0a0820}.dl-note{font-size:12px;color:#718096;text-align:center;margin:12px 0 0}.dl-url-copy{display:flex;align-items:center;background:#6c63ff1a;border:1px solid rgba(108,99,255,.3);border-radius:10px;padding:10px 14px;gap:10px;margin-bottom:12px}.dl-url-text{font-size:13px;color:#a78bfa;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-btn-copy{background:linear-gradient(135deg,#6c63ff,#9d4edd);color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.dl-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}.dl-feature{display:flex;align-items:flex-start;gap:16px;background:#1a153580;border:1px solid rgba(108,99,255,.1);border-radius:14px;padding:20px}.dl-feature-icon{font-size:32px;flex-shrink:0}.dl-feature h4{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 6px}.dl-feature p{font-size:13px;color:#718096;margin:0}.dl-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:48px}.dl-role{border-radius:16px;padding:28px}.dl-role-emp{background:#6c63ff1a;border:1px solid rgba(108,99,255,.25)}.dl-role-hr{background:#9d4edd1a;border:1px solid rgba(157,78,221,.25)}.dl-role-admin{background:#ff6b6b14;border:1px solid rgba(255,107,107,.2)}.dl-role h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px}.dl-role ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.dl-role ul li{font-size:14px;color:#a0aec0;display:flex;align-items:center;gap:8px}.dl-role ul li:before{content:"✓";color:#6c63ff;font-weight:700;font-size:13px}.dl-faqs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px}.dl-faq{background:#1a153580;border:1px solid rgba(108,99,255,.1);border-radius:14px;padding:24px}.dl-faq h4{font-size:15px;font-weight:600;color:#e2e8f0;margin:0 0 10px}.dl-faq p{font-size:14px;color:#718096;margin:0;line-height:1.6}@media(max-width:768px){.dl-hero{padding:60px 5%;text-align:center;justify-content:center}.dl-hero h1{font-size:32px}.dl-badges{justify-content:center}.dl-phone-mockup{display:none}.dl-section h2{font-size:28px}}.chat-container{display:flex;height:calc(100vh - 200px);gap:0;background:var(--background);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.chat-sidebar{width:350px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface)}.chat-sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.chat-sidebar-header h3{margin:0;font-size:1.5rem}.unread-badge{background:var(--error);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.new-chat-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:150px;padding:6px 14px;font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#9333ea);color:#fff;border:none;margin:.5rem auto}.user-search-panel{padding:0 1rem 1rem;border-bottom:1px solid var(--border)}.search-input{margin-bottom:1rem}.search-results{max-height:300px;overflow-y:auto}.user-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.user-result-item:hover{background:var(--background)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary)}.user-dept{font-size:.875rem;color:var(--text-secondary)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:all var(--transition-base);position:relative}.conversation-item:hover{background:var(--background)}.conversation-item.active{background:var(--background);border-left:3px solid var(--primary)}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversation-name{font-weight:600;color:var(--text-primary)}.conversation-time{font-size:.75rem;color:var(--text-secondary)}.conversation-preview{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-unread{position:absolute;top:1rem;right:1rem;background:var(--primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--background)}.chat-header{padding:1.5rem;border-bottom:1px solid var(--border);background:var(--surface)}.chat-header-user{display:flex;align-items:center;gap:1rem}.chat-header-name{font-weight:600;font-size:1.125rem;color:var(--text-primary)}.chat-header-dept{font-size:.875rem;color:var(--text-secondary)}.messages-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.message-bubble{max-width:95%;min-width:180px;padding:10px 14px;border-radius:14px;font-size:.95rem;line-height:1.4;animation:fadeIn .3s ease;word-break:break-word;display:inline-block}.message-bubble.sent{align-self:flex-end;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.message-bubble.received{align-self:flex-start;background:var(--surface);color:var(--text-primary);border-bottom-left-radius:6px;margin-right:auto}.message-content{margin-bottom:.375rem;word-break:break-word;line-height:1.4;font-size:.95rem}.message-time{font-size:.6875rem;opacity:.75;text-align:right}.message-input-container{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:1rem;background:var(--surface)}.message-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);color:var(--text-primary);font-family:inherit;font-size:1rem;resize:none;max-height:120px;transition:all var(--transition-base)}.message-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.send-btn{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1.25rem;padding:0}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem}.chat-empty-state h3{margin-bottom:.5rem;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.chat-sidebar{width:100%;position:absolute;z-index:10;height:100%}.chat-sidebar.hidden{display:none}.chat-main{width:100%}.message-bubble{max-width:85%}}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message-bubble{max-width:70%!important;min-width:100px!important;padding:12px 16px!important;border-radius:18px!important;font-size:.95rem!important;line-height:1.5!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:pre-wrap!important}.message-content{display:contents!important}.message-time{font-size:.7rem!important;opacity:.7!important;margin-top:.25rem!important;display:block!important}.searchable-user-select{position:relative;width:100%}.select-input-container{min-height:45px;padding:8px 40px 8px 12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center}.select-input-container:hover{border-color:#3b82f6}.select-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.selected-users{flex:1;display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}.placeholder{color:#9ca3af;font-size:14px}.selected-user-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;font-size:13px;font-weight:500}.remove-tag{background:#fff3;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background .2s ease}.remove-tag:hover{background:#ffffff4d}.dropdown-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:12px;pointer-events:none}.dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:350px;display:flex;flex-direction:column;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-box{padding:12px;border-bottom:1px solid #e5e7eb}.search-box input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s ease}.search-box input:focus{border-color:#3b82f6}.user-options-list{overflow-y:auto;max-height:280px}.user-option{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #f3f4f6}.user-option:last-child{border-bottom:none}.user-option:hover{background:#f9fafb}.user-option.selected{background:#eff6ff}.user-option-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.user-option-info{flex:1;min-width:0}.user-option-name{font-weight:500;font-size:14px;color:#1f2937;margin-bottom:2px}.user-option-details{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon{color:#3b82f6;font-size:18px;font-weight:700;flex-shrink:0}.no-results{padding:20px;text-align:center;color:#9ca3af;font-size:14px}@media(max-width:768px){.dropdown-panel{max-height:300px}.user-options-list{max-height:230px}}.meetings-container{padding:2rem;max-width:1200px;margin:0 auto}.meetings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.meetings-brand{display:flex;flex-direction:column;gap:.25rem}.brand-title{margin:0;font-size:1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.meetings-header h2{font-size:1.5rem;color:var(--text-primary);margin:0}.meetings-list{display:grid;gap:1.5rem}.meeting-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base)}.meeting-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.meeting-info{flex:1}.meeting-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.meeting-info h3{font-size:1.25rem;color:var(--text-primary);margin:0}.meeting-status{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-scheduled{background:#3b82f6;color:#fff}.status-in_progress{background:#10b981;color:#fff}.status-ended{background:#6b7280;color:#fff}.status-cancelled{background:#ef4444;color:#fff}.meeting-description{color:var(--text-secondary);margin-bottom:1rem}.meeting-details{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.meeting-host{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.meeting-link{font-size:.875rem;color:var(--text-secondary)}.meeting-link code{background:var(--background);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:Courier New,monospace;color:var(--primary);font-weight:600}.meeting-actions{display:flex;gap:.5rem;flex-direction:column}.modal-overlay{position:fixed;inset:0;background:#00000080!important;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:3rem!important;max-width:900px!important;width:100%!important;max-height:90vh!important;overflow-y:auto;box-sizing:border-box;box-shadow:0 20px 60px #0000004d!important}.modal-content h2{margin:0 0 2rem!important;color:var(--text-primary)!important;font-size:1.875rem!important;font-weight:700}.form-group label{display:block;margin-bottom:.625rem;font-weight:600;color:var(--text-primary)!important;font-size:.9375rem}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:1px solid var(--border)!important;border-radius:8px;font-family:inherit;font-size:.9375rem;background:var(--background)!important;color:var(--text-primary)!important;box-sizing:border-box;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-secondary)!important;opacity:.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)!important;opacity:.6}.form-row{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.user-list{max-height:220px;overflow-y:auto;border:1px solid var(--border)!important;border-radius:8px;padding:.625rem;background:var(--background)!important}.user-item{padding:.875rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:var(--text-primary)!important}.user-item:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))!important}.user-item.selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.user-item.selected .user-dept{color:#fffc!important}.user-dept{font-size:.8125rem;opacity:.7;color:var(--text-secondary)!important}.modal-actions{display:flex;gap:1.25rem;justify-content:flex-end;margin-top:2rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state p:first-child{font-size:3rem;margin-bottom:1rem}.loading{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1.125rem}.user-list::-webkit-scrollbar{width:6px}.user-list::-webkit-scrollbar-track{background:var(--background);border-radius:10px}.user-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.user-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.meetings-container{padding:1rem}.meeting-card{flex-direction:column;align-items:flex-start}.meeting-actions{width:100%;margin-top:1rem;flex-direction:row}.meeting-actions button{flex:1}.form-row{grid-template-columns:1fr}.modal-content{padding:2rem!important;max-width:95%!important}.brand-title{font-size:1.5rem}.meetings-header h2{font-size:1.25rem}}.meeting-card{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;border:1px solid rgba(124,58,237,.1)!important;box-shadow:0 4px 12px #00000014!important;border-left:4px solid #7c3aed!important;transition:all .3s ease!important}.meeting-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 24px #7c3aed26!important}.meeting-card:has(.status-in_progress){border-left-color:#10b981!important;background:linear-gradient(135deg,#10b98114,#10b98105)!important}.meeting-card:has(.status-ended){border-left-color:#6b7280!important;background:linear-gradient(135deg,#6b728014,#6b728005)!important}.meeting-card:has(.status-scheduled){border-left-color:#3b82f6!important;background:linear-gradient(135deg,#3b82f614,#3b82f605)!important}.meeting-status{padding:.5rem 1rem!important;border-radius:9999px!important;font-weight:600!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.status-in_progress{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.status-ended{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important}.status-scheduled{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.confirm-dialog-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirm-dialog{background:linear-gradient(135deg,#fffffff2,#fffffffa);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%;overflow:hidden;animation:slideUp .3s ease-out}.confirm-dialog-header{padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.confirm-dialog-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{margin:0;font-size:15px;line-height:1.6;color:#4b5563}.confirm-dialog-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-footer button{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#0000000d;color:#4b5563}.btn-cancel:hover{background:#0000001a}.btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.confirm-dialog{max-width:90%}}.payslips-container{padding:2rem;max-width:1200px;margin:0 auto}.payslips-header{margin-bottom:2rem}.payslips-header h2{font-size:2rem;color:var(--text-primary);margin:0 0 .5rem}.payslips-header p{color:var(--text-secondary);margin:0}.payslips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.payslip-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-xl);padding:2rem;color:#fff;cursor:pointer;box-shadow:0 4px 15px #667eea4d;transition:all .3s}.payslip-card:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-4px)}.payslip-period{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.payslip-period .month{font-size:1.75rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.payslip-period .year{font-size:1.25rem;font-weight:600;color:#fff;opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.payslip-amount{margin-bottom:1.5rem}.payslip-amount .label{display:block;font-size:.95rem;font-weight:600;color:#fff;opacity:1;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.payslip-amount .value{display:block;font-size:2.25rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.btn-view{width:100%;padding:.875rem;background:#fffffff2;border:none;border-radius:var(--radius-md);color:#667eea;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.btn-view:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.payslip-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.modal-header h3{font-size:1.5rem;color:#1f2937;margin:0;font-weight:700}.modal-header button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:color .2s}.modal-header button:hover{color:#1f2937}.payslip-details{margin-bottom:2rem}.detail-section{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:var(--radius-lg);border:1px solid #e5e7eb}.detail-section h4{font-size:1.125rem;color:#000!important;margin:0 0 1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb;color:#1f2937!important;font-size:1rem;font-weight:500}.detail-row span{color:#1f2937!important}.detail-row.total{font-weight:700;font-size:1.125rem;color:#667eea!important;padding-top:1rem;margin-top:.5rem;border-top:2px solid #667eea}.detail-row.total span{color:#667eea!important}.net-salary{display:flex;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-lg);color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #10b9814d}.net-salary span{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.modal-actions button{flex:1;padding:.875rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-print{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.btn-print:hover{border-color:#667eea}.no-payslips{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.loading,.error{text-align:center;padding:4rem 2rem;font-size:1.125rem}@media(max-width:768px){.payslips-container{padding:1rem}.payslips-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.self-assessment-container{padding:2rem;max-width:1200px;margin:0 auto}.assessment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.assessment-header h1{font-size:2rem;color:var(--text-primary);margin:0}.cycle-select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:1rem;background:var(--surface);color:var(--text-primary);min-width:250px}.deadline-banner{margin:1.5rem 0;padding:1rem 1.5rem;border-radius:8px;border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.deadline-content{display:flex;align-items:flex-start;gap:1rem}.deadline-icon{font-size:1.5rem;flex-shrink:0}.deadline-text{flex:1}.deadline-text strong{display:block;margin-bottom:.5rem;font-size:1rem}.deadline-tip{margin:.5rem 0 0;font-size:.9rem;opacity:.9}.deadline-info{background-color:#e3f2fd;border-left-color:#2196f3;color:#1565c0}.deadline-notice{background-color:#fff3e0;border-left-color:#ff9800;color:#e65100}.deadline-warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404;animation:pulse 2s infinite}.deadline-urgent{background-color:#ffe5e5;border-left-color:#f44336;color:#c62828;animation:pulse 1s infinite}.deadline-expired{background-color:#f5f5f5;border-left-color:#9e9e9e;color:#424242}@keyframes pulse{0%,to{box-shadow:0 0 #ffc10766}50%{box-shadow:0 0 0 10px #ffc10700}}.review-status{display:flex;gap:2rem;align-items:center;padding:1rem;background:var(--surface);border-radius:var(--radius-lg);margin-bottom:2rem}.status-badge{padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;text-transform:uppercase}.status-pending{background:#fbbf24;color:#78350f}.status-submitted{background:#3b82f6;color:#fff}.status-reviewed{background:#8b5cf6;color:#fff}.status-approved{background:#10b981;color:#fff}.status-rejected{background:#ef4444;color:#fff}.final-score{font-size:1.125rem;color:var(--text-primary)}.final-score strong{color:#10b981;font-size:1.5rem}.assessment-form{background:var(--surface);border-radius:var(--radius-xl);padding:2rem}.form-section{margin-bottom:3rem}.form-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.ratings-grid{display:grid;gap:1.5rem}.rating-item label{font-weight:600;color:var(--text-primary);font-size:1rem}.rating-buttons{display:flex;gap:.5rem}.rating-btn{width:45px;height:45px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.rating-btn:hover:not(:disabled){border-color:#667eea;transform:scale(1.1)}.rating-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.rating-btn:disabled{opacity:.6;cursor:not-allowed}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9375rem}.form-group textarea{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;background:var(--background);color:var(--text-primary);resize:vertical;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.hr-feedback{background:#f0f9ff;border:2px solid #3b82f6}.hr-ratings{margin-bottom:1.5rem}.hr-ratings h3{font-size:1.125rem;color:var(--text-primary);margin-bottom:1rem}.hr-rating-item{display:flex;justify-content:space-between;padding:.75rem;background:#fff;border-radius:var(--radius-md);margin-bottom:.5rem}.hr-comment h3{font-size:1.125rem;color:var(--text-primary);margin-bottom:.75rem}.hr-comment p{padding:1rem;background:#fff;border-radius:var(--radius-md);line-height:1.6}.no-cycles,.loading{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-cycles h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}@media(max-width:768px){.self-assessment-container{padding:1rem}.assessment-header,.rating-item{flex-direction:column;align-items:flex-start;gap:1rem}.rating-btn{width:40px;height:40px}}.final-score-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem;box-shadow:0 4px 15px #667eea4d}.final-score-card h3{margin:0 0 1rem;font-size:1.2rem;opacity:.9}.score-display{margin:1rem 0}.score-value{font-size:4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.score-max{font-size:2rem;opacity:.8;margin-left:.5rem}.score-breakdown{margin-top:1rem;opacity:.9}.ratings-comparison{margin:2rem 0}.ratings-comparison h3{margin-bottom:1.5rem;color:#374151}.comparison-grid{display:grid;gap:1.5rem}.comparison-item{background:#f9fafb;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea}.category-name{font-weight:600;color:#1f2937;margin-bottom:1rem;font-size:1.1rem}.ratings-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rating-box{padding:1rem;border-radius:8px;text-align:center}.rating-box.employee{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.rating-box.hr{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.rating-box .label{display:block;font-size:.875rem;margin-bottom:.5rem;opacity:.9}.rating-box .value{display:block;font-size:1.5rem;font-weight:700}.hr-comment-section{margin:2rem 0}.hr-comment-section h3{margin-bottom:1rem;color:#374151}.comment-box{background:#f9fafb;padding:1.5rem;border-radius:8px;border-left:4px solid #10b981}.comment-box p{margin:0;line-height:1.6;color:#1f2937}.review-status-banner{padding:1rem 1.5rem;border-radius:8px;margin-top:2rem;font-weight:600;text-align:center}.review-status-banner.approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.review-status-banner.rejected{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.assessment-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2.5rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #667eea4d}.assessment-header h1{color:#fff;margin:0 0 1.5rem;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cycle-selector{display:flex;align-items:center;gap:1rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.cycle-selector label{color:#fff;font-weight:600;font-size:1rem;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cycle-selector select{flex:1;padding:.875rem 3rem .875rem 1.25rem;font-size:1rem;font-weight:600;color:#1f2937;background:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667eea' 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:20px}.cycle-selector select:hover{border-color:#ffffff80;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.cycle-selector select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 4px #fff3,0 6px 20px #00000026}.cycle-selector select option{padding:1rem;background:#fff;color:#1f2937;font-weight:500}.no-cycles{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;box-shadow:0 4px 20px #0000000d}.no-cycles h2{color:#374151;font-size:1.75rem;margin-bottom:1rem}.no-cycles p{color:#6b7280;font-size:1.125rem}.hr-remarks-section{margin:2rem 0}.hr-remarks-section h3{margin-bottom:1.5rem;color:#374151;font-size:1.5rem}.remarks-box{background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;border:2px solid #e5e7eb}.remarks-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.remarks-icon{font-size:1.75rem}.remarks-title{color:#fff;font-size:1.125rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.remarks-content{padding:2rem 1.5rem}.remarks-content p{margin:0;line-height:1.8;color:#1f2937;font-size:1.0625rem;white-space:pre-wrap}.performance-summary{margin:2rem 0}.performance-summary h3{margin-bottom:1.5rem;color:#374151;font-size:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 12px #00000014;border:2px solid #e5e7eb;transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#667eea}.summary-icon{font-size:2.5rem;min-width:60px;text-align:center}.summary-content{flex:1}.summary-content h4{margin:0 0 .5rem;color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.summary-content p{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.status-text{padding:.375rem .875rem;border-radius:6px;display:inline-block;font-size:1rem}.status-text.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-text.status-pending{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.status-text.status-submitted{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.status-text.status-reviewed{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.rating-text{color:#667eea!important}.cycle-text{color:#374151!important}.no-review-message{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin:2rem 0}.no-review-message p{margin:0;color:#92400e;font-size:1.125rem;font-weight:600}.pending-review-message{background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:2rem;border-radius:12px;text-align:center;margin:2rem 0;border:2px solid #3b82f6}.pending-review-message h3{color:#1e40af;margin:0 0 .75rem;font-size:1.5rem}.pending-review-message p{color:#1e3a8a;margin:0;font-size:1.0625rem}.employee-feedback-container{padding:2rem;max-width:1200px;margin:0 auto}.feedback-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab-btn{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6b7280;transition:all .3s ease}.tab-btn:hover{color:#667eea}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.feedback-form .form-group{margin-bottom:1.5rem}.feedback-form label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{outline:none;border-color:#667eea}.feedback-form textarea{resize:vertical;font-family:inherit}.privacy-notice{background:#f0fdf4;border-left:4px solid #10b981;padding:1rem;margin-bottom:1.5rem;border-radius:4px;color:#065f46}.btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.token-display{text-align:center}.token-display h3{color:#10b981;margin-bottom:1rem}.token-box{display:flex;align-items:center;gap:1rem;background:#f9fafb;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.token-box code{flex:1;font-size:1.5rem;font-weight:700;color:#667eea;letter-spacing:2px}.btn-copy{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s ease}.btn-copy:hover{background:#5568d3}.btn-submit-another{margin-top:1rem;padding:.75rem 1.5rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-submit-another:hover{background:#667eea;color:#fff}.track-form h3{margin-bottom:.5rem;color:#374151}.track-form p{color:#6b7280;margin-bottom:1.5rem}.token-input-group{display:flex;gap:1rem}.token-input-group input{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.token-input-group button{padding:.75rem 2rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.token-input-group button:hover:not(:disabled){background:#5568d3}.token-input-group button:disabled{opacity:.6;cursor:not-allowed}.tracked-feedback{margin-top:2rem}.feedback-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.feedback-header-row h3{color:#374151;margin:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.feedback-meta{display:flex;gap:1rem;margin-bottom:1rem}.feedback-content-box{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.feedback-content-box p{color:#374151;line-height:1.6;margin:0}.reply-section{margin-top:1.5rem}.reply-section h4{color:#374151;margin-bottom:1rem}.reply-box{background:#f9fafb;border-left:4px solid #667eea;padding:1rem;border-radius:4px;margin-bottom:1rem}.private-reply .reply-box{background:#fef3c7;border-left-color:#f59e0b}.reply-header strong{color:#667eea}.reply-date{color:#9ca3af;font-size:.875rem}.reply-box p{color:#374151;line-height:1.6;margin:0}.public-feedback-list{display:flex;flex-direction:column;gap:1.5rem}.public-feedback-item{transition:transform .2s ease,box-shadow .2s ease}.public-feedback-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}@media(max-width:768px){.employee-feedback-container{padding:1rem}.feedback-tabs{flex-direction:column;gap:.5rem}.tab-btn{padding:.75rem;border-bottom:none;border-left:3px solid transparent}.tab-btn.active{border-left-color:#667eea}.token-box{flex-direction:column}.token-box code{font-size:1.2rem}.token-input-group{flex-direction:column}.feedback-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.skill-development-container{padding:2rem;max-width:1400px;margin:0 auto}.skill-header{text-align:center;margin-bottom:2rem}.skill-header h2{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.skill-header p{color:#6b7280;font-size:1.1rem}.card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000012}.generate-section{text-align:center;padding:4rem 2rem}.generate-content .icon{font-size:4rem;margin-bottom:1rem}.generate-content h3{font-size:1.5rem;color:#1f2937;margin-bottom:1rem}.generate-content p{color:#6b7280;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px)}.skills-section{margin-bottom:2rem}.skills-section h3{font-size:1.5rem;color:#1f2937;margin-bottom:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.skill-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem;transition:transform .2s}.skill-card:hover{transform:translateY(-4px)}.skill-card.completed{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.skill-name{font-size:1.1rem;font-weight:600;color:#1f2937}.completed-badge{background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-align:center}.btn-mark-complete{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.btn-mark-complete:hover:not(:disabled){background:#5568d3}.btn-mark-complete:disabled{opacity:.6;cursor:not-allowed}.courses-section{margin-bottom:2rem}.courses-section h3{font-size:1.5rem;color:#1f2937;margin-bottom:1.5rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.course-card{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:1rem}.course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.course-header h4{font-size:1.1rem;color:#1f2937;margin:0;flex:1}.level-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.level-badge.beginner{background:#10b981;color:#fff}.level-badge.intermediate{background:#f59e0b;color:#fff}.level-badge.advanced{background:#ef4444;color:#fff}.course-platform{color:#6b7280;font-size:.875rem;font-weight:500}.course-description{color:#4b5563;font-size:.875rem;line-height:1.5}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.duration{color:#6b7280;font-size:.875rem}.btn-course{background:#667eea;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background .2s}.btn-course:hover{background:#5568d3}.btn-regenerate{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:1rem;transition:transform .2s}.btn-regenerate:hover:not(:disabled){transform:translateY(-2px)}.btn-regenerate:disabled{opacity:.6;cursor:not-allowed}.motivation-wall-container{padding:2rem;max-width:1200px;margin:0 auto}.motivation-header{text-align:center;margin-bottom:2rem}.motivation-header h2{font-size:2rem;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.motivation-header p{color:#6b7280;font-size:1.1rem}.motivation-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.category-filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:#f093fb}.filter-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-color:transparent}.btn-create-post{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-create-post:hover{transform:translateY(-2px)}.posts-feed{display:flex;flex-direction:column;gap:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.post-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #00000012;border-left:4px solid #667eea}.post-card.hr-post{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff5e6,#fff)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-author{display:flex;gap:1rem;align-items:center}.author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.author-info h4{margin:0;font-size:1rem;color:#1f2937}.author-role{font-size:.875rem;color:#6b7280}.post-meta{display:flex;gap:.5rem;align-items:center}.category-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.category-badge.achievement{background:#fef3c7;color:#92400e}.category-badge.learning{background:#dbeafe;color:#1e40af}.category-badge.quote{background:#e0e7ff;color:#3730a3}.category-badge.announcement{background:#fce7f3;color:#9f1239}.btn-delete-post{background:none;border:none;cursor:pointer;font-size:1.25rem;opacity:.6;transition:opacity .2s}.btn-delete-post:hover{opacity:1}.post-content{margin-bottom:1rem}.post-content p{color:#374151;line-height:1.6;margin:0}.post-footer{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-like{background:none;border:none;cursor:pointer;font-size:1rem;color:#6b7280;transition:color .2s}.btn-like:hover,.btn-like.liked{color:#ef4444}.comment-count{color:#6b7280;font-size:1rem}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.comment{padding:.5rem 0;color:#4b5563;font-size:.875rem}.comment strong{color:#1f2937}.add-comment{display:flex;gap:.5rem;margin-top:1rem}.add-comment input{flex:1;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem}.add-comment button{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500}.add-comment button:hover{background:#5568d3}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#1f2937}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.btn-close:hover{color:#1f2937}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.btn-generate-quote{margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .2s}.btn-generate-quote:hover:not(:disabled){opacity:.9}.btn-generate-quote:disabled{opacity:.6;cursor:not-allowed}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{padding:.75rem 1.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-weight:500}.btn-cancel:hover{background:#f9fafb}.btn-submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-submit:hover:not(:disabled){opacity:.9}.dashboard-layout{display:flex;min-height:100vh;background:var(--background)}.dashboard-sidebar{width:260px;position:fixed;left:0;top:0;bottom:0;padding:2rem 1rem;display:flex;flex-direction:column;border-right:1px solid var(--border);z-index:100}.sidebar-header{margin-bottom:2rem;text-align:center}.sidebar-header h2{font-size:1.75rem;margin-bottom:.5rem}.user-role{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-base);text-align:left;border-left:3px solid transparent}.nav-item:hover{background:#7c3aed1a;transform:translate(5px);border-left-color:#7c3aed80}.nav-item.active{background:linear-gradient(90deg,#7c3aed26,#7c3aed0d);color:var(--primary);border-left-color:var(--primary);font-weight:600}.nav-icon{font-size:1.5rem}.nav-badge{position:absolute;top:.5rem;right:.5rem;background:var(--error);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.dashboard-main{margin-left:260px;flex:1;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-title{font-size:2.5rem;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary);font-size:1.1rem}.current-time{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--surface);border-radius:var(--radius-lg);font-size:1.5rem;font-weight:600}.time-icon{font-size:2rem}.dashboard-content{min-height:calc(100vh - 200px)}.overview-content{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:2rem}.stat-icon{font-size:3rem}.stat-info h3{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-info p{color:var(--text-secondary);font-size:1rem}.quick-actions{background:var(--surface);padding:2rem;border-radius:var(--radius-xl)}.quick-actions h3{margin-bottom:1.5rem;font-size:1.5rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.attendance-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.attendance-status-card,.attendance-history-card,.leave-form-card,.leaves-list-card,.pending-leaves-card{padding:2rem}.attendance-status-card h3,.attendance-history-card h3,.leave-form-card h3,.leaves-list-card h3,.pending-leaves-card h3{font-size:1.5rem;margin-bottom:1.5rem}.status-indicator{display:inline-block;padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1.25rem;font-weight:600;background:var(--background);border:2px solid var(--border);margin:1.5rem 0;transition:all var(--transition-base)}.status-indicator.active{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;border-color:var(--success);box-shadow:0 0 20px #10b9814d}.today-info{background:var(--background);padding:1.5rem;border-radius:var(--radius-md);margin:1.5rem 0}.info-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.attendance-actions{margin-top:1.5rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:var(--background);border-radius:var(--radius-md);font-size:.95rem}.leaves-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.leave-form{margin-top:1.5rem;padding:1.5rem;background:var(--background);border-radius:var(--radius-md)}.leave-item{padding:1.25rem;background:var(--background);border-radius:var(--radius-md);margin-bottom:1rem;border-left:4px solid var(--primary)}.leave-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600}.leave-reason{color:var(--text-secondary);margin:.5rem 0;line-height:1.5}.leave-remarks{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.95rem}.badge{padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-success{background:#10b9811a;color:var(--success)}.badge-error{background:#ef44441a;color:var(--error)}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.hr-panel-content{max-width:900px}@media(max-width:1200px){.attendance-content,.leaves-content{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-sidebar{width:200px}.dashboard-main{margin-left:200px;padding:1rem}.dashboard-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.current-time{font-size:1.25rem}}@media(max-width:576px){.dashboard-sidebar{width:70px;padding:1rem .5rem}.sidebar-header h2,.user-role,.nav-item span:not(.nav-icon){display:none}.nav-item{justify-content:center;padding:.75rem}.dashboard-main{margin-left:70px}.dashboard-header{flex-direction:column;gap:1rem}}.action-btn{flex:1;min-width:200px;padding:1.25rem 2rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-md)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-btn.secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.action-btn.secondary:hover{background:var(--surface);border-color:var(--primary);transform:translateY(-2px)}.attendance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.attendance-header h2{font-size:1.75rem;font-weight:700}.attendance-status{display:flex;align-items:center;gap:1rem}.status-badge{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.checked_in{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff;box-shadow:0 0 20px #10b9814d}.status-badge.checked_out{background:var(--background);color:var(--text-secondary);border:2px solid var(--border)}.attendance-actions{margin:2rem 0;display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:hover:not(:disabled){background:var(--surface);border-color:var(--primary);transform:translateY(-2px)}.attendance-history{margin-top:2rem}.attendance-history h3{font-size:1.5rem;margin-bottom:1.5rem;font-weight:700}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:grid;grid-template-columns:140px 1fr 140px 100px;gap:1rem;align-items:center;padding:1.5rem;background:var(--surface);border-radius:var(--radius-lg);border-left:4px solid var(--primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.history-item:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.history-date{font-weight:600;color:var(--text-primary);font-size:.95rem}.history-times{display:flex;flex-direction:column;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.history-times span{display:flex;align-items:center;gap:.5rem}.history-duration{display:flex;flex-direction:column;align-items:center;gap:.25rem}.history-duration .duration-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.history-duration .duration-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-status{text-align:right;font-weight:600;font-size:.85rem;padding:.5rem 1rem;border-radius:var(--radius-full);background:#10b9811a;color:var(--success)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #7c3aed26;border-color:#7c3aed4d}.stat-icon{filter:drop-shadow(0 2px 4px rgba(124,58,237,.2))}.stat-info h3{font-weight:700}.stat-info p{font-weight:500}.quick-actions{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;box-shadow:0 4px 12px #00000014!important;border:1px solid rgba(124,58,237,.1)!important}.quick-actions h3:before{content:"u26a1";margin-right:.5rem;font-size:1.75rem}.history-status{text-align:center!important;font-weight:600!important;font-size:.75rem!important;padding:.75rem 1.25rem!important;border-radius:var(--radius-full)!important;background:#10b98126!important;color:var(--success)!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;min-width:120px!important}.history-status.CHECKED_OUT{background:#10b98126!important;color:#10b981!important}.history-status.CHECKED_IN{background:#3b82f626!important;color:#3b82f6!important}.leave-balance-card{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);padding:2rem;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;border:1px solid rgba(124,58,237,.1);margin-bottom:2rem}.leave-balance-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.balance-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;transition:all var(--transition-base);border-left:4px solid}.balance-item.casual{border-left-color:#f59e0b;background:linear-gradient(135deg,#f59e0b33,#f59e0b0d)!important}.balance-item.sick{border-left-color:#ef4444;background:linear-gradient(135deg,#ef444433,#ef44440d)!important}.balance-item.paid{border-left-color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#3b82f60d)!important}.balance-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.balance-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.balance-info{display:flex;flex-direction:column;gap:.25rem}.balance-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.balance-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.leave-item{padding:1.5rem;background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border-radius:var(--radius-lg);margin-bottom:1rem;border-left:4px solid var(--primary);box-shadow:0 2px 8px #0000000d;transition:all var(--transition-base)}.leave-item:hover{transform:translate(5px);box-shadow:0 4px 12px #7c3aed26}.leave-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.leave-info p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.leave-reason{font-style:italic;color:var(--text-secondary)!important}.stat-card{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;border:1px solid rgba(124,58,237,.1)!important;box-shadow:0 4px 6px #0000000d!important}.stat-card:before{background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)!important}.quick-actions,.leave-balance-card{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;box-shadow:0 4px 12px #00000014!important;border:1px solid rgba(124,58,237,.1)!important}.leave-item{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;box-shadow:0 2px 8px #0000000d!important;border-left:4px solid var(--primary)!important}.history-item{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;box-shadow:0 4px 6px #0000000d!important;border-left:4px solid var(--primary)!important}.attendance-status-card,.attendance-history-card,.leave-form-card,.leaves-list-card,.pending-leaves-card{background:linear-gradient(135deg,#fffffff2,#f9fafbf2)!important;box-shadow:0 4px 12px #00000014!important;border:1px solid rgba(124,58,237,.1)!important}.action-btn,.btn-primary,.btn-secondary{box-shadow:0 2px 8px #7c3aed33!important;transition:all var(--transition-base)!important}.action-btn:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #7c3aed4d!important}.stat-card:nth-child(1){background:linear-gradient(135deg,#7c3aed1a,#7c3aed05)!important;border-left:4px solid #7c3aed!important}.stat-card:nth-child(2){background:linear-gradient(135deg,#3b82f61a,#3b82f605)!important;border-left:4px solid #3b82f6!important}.stat-card:nth-child(3){background:linear-gradient(135deg,#f59e0b1a,#f59e0b05)!important;border-left:4px solid #f59e0b!important}.stat-card:nth-child(4){background:linear-gradient(135deg,#10b9811a,#10b98105)!important;border-left:4px solid #10b981!important}.stat-card:nth-child(1){background:linear-gradient(135deg,#7c3aed26,#7c3aed08)!important;border-left:4px solid #7c3aed!important}.stat-card:nth-child(2){background:linear-gradient(135deg,#3b82f626,#3b82f608)!important;border-left:4px solid #3b82f6!important}.stat-card:nth-child(3){background:linear-gradient(135deg,#f59e0b26,#f59e0b08)!important;border-left:4px solid #f59e0b!important}.stat-card:nth-child(4){background:linear-gradient(135deg,#10b98126,#10b98108)!important;border-left:4px solid #10b981!important}.stat-card .stat-info h3{-webkit-text-fill-color:#111827!important;color:#111827!important;background:none!important;font-weight:700!important}.stat-card .stat-info p,.admin-dashboard .stat-card .stat-info p,.hr-dashboard .stat-card .stat-info p,.employee-dashboard .stat-card .stat-info p{color:#111827!important;font-weight:600!important;opacity:.9!important}.quick-actions h3:before{content:""!important;display:none!important}.cycle-manager-container{padding:2rem;max-width:1400px;margin:0 auto}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.manager-header h1{font-size:2rem;color:#1f2937;margin:0}.cycles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.cycle-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s;border:1px solid #e5e7eb}.cycle-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.cycle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cycle-header h3{font-size:1.25rem;color:#1f2937;margin:0}.status-badge{padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem;text-transform:uppercase}.status-draft{background:#fbbf24;color:#78350f}.status-active{background:#10b981;color:#fff}.status-closed{background:#6b7280;color:#fff}.cycle-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb;color:#374151}.detail-item .label{font-weight:600;color:#6b7280}.cycle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat{text-align:center;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;border:none;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease}.stat:hover{transform:translateY(-4px);box-shadow:0 6px 20px #667eea66}.stat:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.stat:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f093fb4d}.stat:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe4d}.stat-value{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{font-size:.875rem;color:#fff;margin-top:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.95}.cycle-actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-top:0;color:#1f2937}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:#fff;color:#1f2937;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-warning{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f59e0b4d;display:flex;align-items:center;gap:.5rem}.btn-warning:hover{background:linear-gradient(135deg,#f97316,#ea580c);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-warning:active{transform:translateY(0);box-shadow:0 2px 8px #f59e0b4d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}@media(max-width:768px){.cycle-manager-container{padding:1rem}.manager-header{flex-direction:column;align-items:flex-start;gap:1rem}.cycles-grid,.form-row{grid-template-columns:1fr}}.scope-toggle{display:flex;gap:1rem}.scope-option{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:500;color:#374151;transition:all .2s;background:#f9fafb;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scope-option input[type=radio]{width:auto;margin:0}.scope-option.active{border-color:#667eea;background:#667eea14;color:#4338ca}.employee-search{margin-bottom:.5rem!important}.employee-list{border:1px solid #e5e7eb;border-radius:8px;max-height:220px;overflow-y:auto;background:#fff}.employee-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.employee-item:last-child{border-bottom:none}.employee-item:hover{background:#f9fafb}.employee-item.selected{background:#667eea12}.employee-item input[type=checkbox]{width:auto;flex-shrink:0}.employee-info{flex:1;display:flex;flex-direction:column}.employee-name{font-weight:600;color:#1f2937;font-size:.9rem}.employee-email{font-size:.8rem;color:#6b7280}.employee-role{font-size:.75rem;background:#e5e7eb;color:#374151;padding:2px 8px;border-radius:9999px;font-weight:500;flex-shrink:0}.no-employees{text-align:center;color:#9ca3af;padding:1.5rem;font-size:.9rem}.selected-count{font-weight:400;color:#667eea}.cycle-scope-badge{font-size:.82rem;color:#6b7280;margin-bottom:.75rem;font-weight:500}.modal-large{max-width:720px}.hr-review-form-container{padding:2rem;max-width:1200px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h1{font-size:2rem;color:var(--text-primary);margin:0}.employee-info{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--surface);border-radius:var(--radius-lg);margin-bottom:2rem}.employee-info h2{font-size:1.5rem;color:var(--text-primary);margin:0}.section{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem}.section h3{font-size:1.5rem;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.employee-assessment{background:#f0f9ff}.ratings-display h4,.text-section h4{font-size:1.125rem;color:var(--text-primary);margin-bottom:1rem}.ratings-display{margin-bottom:1.5rem}.ratings-grid{display:grid;gap:1rem}.rating-display-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-radius:var(--radius-md)}.rating-display-item strong{color:#667eea;font-size:1.125rem}.text-section{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:var(--radius-md)}.text-section p{margin:0;line-height:1.6;color:var(--text-secondary)}.rating-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);border-radius:var(--radius-md)}.rating-item label{font-weight:600;color:var(--text-primary)}.final-score-display{text-align:center;padding:2rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-lg);color:#fff;margin-top:2rem}.final-score-display h4{font-size:1.125rem;margin:0 0 1rem}.score-value{font-size:3rem;font-weight:700;margin-bottom:.5rem}.score-formula{font-size:.875rem;opacity:.9;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border)}.error{text-align:center;padding:4rem 2rem;color:#ef4444;font-size:1.125rem}@media(max-width:768px){.hr-review-form-container{padding:1rem}.form-header{flex-direction:column;align-items:flex-start;gap:1rem}.employee-info{flex-direction:column;align-items:flex-start}.rating-item{flex-direction:column;align-items:flex-start;gap:1rem}}.hr-dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2rem;color:var(--text-primary);margin:0}.cycle-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:var(--radius-lg);text-align:center;color:#fff!important;box-shadow:0 4px 15px #667eea4d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #667eea66}.stat-value{font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.35);color:#fff!important}.stat-label{font-size:1rem;font-weight:600;letter-spacing:.05em;color:#fff!important;opacity:.9}.filter-bar{display:flex;gap:1rem;margin-bottom:2rem}.filter-btn{padding:.75rem 1.5rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.reviews-list{display:grid;gap:1.5rem}.review-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.review-header h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.review-score{font-size:1.125rem;color:var(--text-primary)}.review-score strong{color:#10b981;font-size:1.5rem}.review-ratings{margin-bottom:1.5rem}.review-ratings h4{font-size:1rem;color:var(--text-primary);margin-bottom:.75rem}.ratings-row{display:flex;flex-wrap:wrap;gap:.75rem}.rating-chip{padding:.5rem 1rem;background:var(--background);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--text-primary)}.review-section{margin-bottom:1rem;padding:1rem;background:var(--background);border-radius:var(--radius-md)}.review-section strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.review-section p{color:var(--text-secondary);line-height:1.6;margin:0}.review-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.no-reviews{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem}@media(max-width:768px){.hr-dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.filter-bar{flex-wrap:wrap}.review-actions{flex-direction:column}}.stat-card:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 15px #667eea4d!important}.stat-card:nth-child(1):hover{box-shadow:0 8px 25px #667eea66!important}.stat-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 4px 15px #f093fb4d!important}.stat-card:nth-child(2):hover{box-shadow:0 8px 25px #f093fb66!important}.stat-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)!important;box-shadow:0 4px 15px #4facfe4d!important}.stat-card:nth-child(3):hover{box-shadow:0 8px 25px #4facfe66!important}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-success:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.hr-payroll-container{padding:2rem}.payroll-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.payroll-header h2{font-size:2rem;color:var(--text-primary);margin:0 0 .5rem}.payroll-header p{color:var(--text-secondary);margin:0}.payrolls-list{display:grid;gap:1.5rem}.payroll-card{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.payroll-info{margin-bottom:1.5rem}.payroll-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.payroll-title h3{font-size:1.5rem;color:var(--text-primary);margin:0}.badge{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.badge-draft{background:#e5e7eb;color:#374151}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.payroll-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column}.stat .label{font-size:.875rem;color:#fff!important;margin-bottom:.25rem;opacity:.9}.stat .value{font-size:1.25rem;font-weight:700;color:#fff!important}.payroll-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-view{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:#667eea}.btn-view{background:none;color:#667eea;border:2px solid #667eea}.btn-view:hover{background:#667eea1a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:90%}.modal-content h3{font-size:1.5rem;color:var(--text-primary);margin:0 0 1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);box-sizing:border-box}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media(max-width:768px){.hr-payroll-container{padding:1rem}.payroll-header{flex-direction:column;align-items:flex-start;gap:1rem}.payroll-actions{flex-direction:column}}.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;color:var(--text-primary)}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem .5rem;transition:color .2s}.btn-close:hover{color:var(--text-primary)}.payroll-detail-content{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border)}.detail-row .label{font-weight:600;color:var(--text-secondary)}.detail-row .value{color:var(--text-primary);font-weight:500}.entries-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border)}.entries-section h4{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.entries-list{display:grid;gap:.75rem;max-height:300px;overflow-y:auto;margin-bottom:1.5rem}.entry-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--background);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s}.entry-card:hover{background:#667eea0d;border-color:#667eea4d}.entry-card.selected{background:#667eea1a;border-color:#667eea}.entry-info{display:flex;flex-direction:column;gap:.25rem}.entry-info .employee-name{font-weight:600;color:#1f2937!important}.entry-info .net-salary{font-size:.875rem;color:#fff!important;font-weight:600}.view-arrow{font-size:1.25rem;color:#667eea!important}.payslip-details{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);color:#fff}.payslip-details h4{margin:0 0 1.5rem;font-size:1.25rem;color:#fff}.payslip-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.payslip-section:last-of-type{border-bottom:none}.payslip-section h5{margin:0 0 .75rem;font-size:1rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.payslip-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#fff}.payslip-row.total{font-weight:700;font-size:1.05rem;padding-top:.75rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.3)}.payslip-row .deduction{color:#ffcccb}.payslip-net{display:flex;justify-content:space-between;padding:1.5rem;background:#ffffff1a;border-radius:var(--radius-md);font-size:1.25rem;font-weight:700;margin-top:1rem}.payslip-net .net-amount{color:#10b981;font-size:1.5rem}.modal-large{max-width:900px!important}@media(max-width:768px){.modal-large{max-width:95%!important}.entries-list{max-height:200px}}.hr-user-management{padding:2rem}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.role-filter select:focus{outline:none;border-color:#667eea}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#667eea}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.users-table tbody tr:hover{background-color:#f9fafb}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.btn-view-details{padding:.5rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.user-details-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.modal-header h2{margin:0;color:#fff;font-size:1.5rem}.close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.details-section{margin-bottom:2rem}.details-section h3{color:#1f2937;margin-bottom:1rem;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-weight:600;color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.detail-item span{color:#1f2937;font-size:1rem}.salary-details{background:linear-gradient(135deg,#f9fafb,#fff);padding:1.5rem;border-radius:12px;border:2px solid #e5e7eb}.salary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.salary-row:last-child{border-bottom:none}.salary-row.total{margin-top:.5rem;padding-top:1rem;border-top:2px solid #667eea;font-size:1.125rem}.salary-row span{color:#374151}.salary-row strong{color:#1f2937;font-weight:700}.payslips-list{display:flex;flex-direction:column;gap:1rem}.payslip-item{background:linear-gradient(135deg,#f9fafb,#fff);padding:1rem 1.5rem;border-radius:10px;border:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.payslip-item:hover{border-color:#667eea;transform:translate(4px)}.payslip-info{display:flex;flex-direction:column;gap:.25rem}.payslip-month{font-weight:600;color:#374151}.payslip-amount{color:#667eea;font-weight:700;font-size:1.125rem}.payslip-status{padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.payslip-status.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.payslip-status.status-pending{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.no-data{color:#6b7280;font-style:italic;text-align:center;padding:1rem}.document-generation-container{padding:2rem}.document-generation-header{margin-bottom:2rem}.document-generation-header h2{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.document-generation-header p{color:#6b7280;margin:0}.document-type-selector{display:flex;gap:1rem;margin-bottom:2rem}.type-btn{flex:1;padding:1rem 2rem;border:2px solid #e5e7eb;background:#fff;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.type-btn:hover{border-color:#8b5cf6;background:#f3f4f6}.type-btn.active{border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.document-form-container{margin-bottom:2rem;padding:2rem}.document-form-container h3{margin-top:0;margin-bottom:1.5rem;color:#1f2937}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.form-group label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.btn-generate{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.document-history{padding:2rem}.document-history h3{margin-top:0;margin-bottom:1.5rem;color:#1f2937}.empty-message{text-align:center;color:#6b7280;padding:3rem}.document-history table{width:100%;border-collapse:collapse}.document-history thead{background:#f9fafb}.document-history th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.document-history td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:.875rem}.document-history tbody tr:hover{background:#f9fafb}.doc-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.doc-type-badge.offer_letter{background:#dbeafe;color:#1e40af}.doc-type-badge.appointment_letter{background:#d1fae5;color:#065f46}.btn-download{background:#8b5cf6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download:hover{background:#7c3aed;transform:scale(1.05)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.document-type-selector{flex-direction:column}.document-history table{font-size:.75rem}.document-history th,.document-history td{padding:.5rem}}.hr-feedback-container{padding:2rem;max-width:1400px;margin:0 auto}.feedback-header{text-align:center;margin-bottom:2rem}.feedback-header h2{font-size:2rem;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.feedback-header p{color:#6b7280;font-size:1.1rem}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-card.total .stat-value{color:#667eea}.stat-card.pending .stat-value{color:#f59e0b}.stat-card.reviewed .stat-value{color:#3b82f6}.stat-card.resolved .stat-value{color:#10b981}.filter-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;color:#6b7280;transition:all .3s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.feedback-list{display:flex;flex-direction:column;gap:1.5rem}.feedback-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.feedback-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.feedback-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.feedback-title-section h3{color:#374151;margin:0 0 .5rem}.feedback-meta{display:flex;gap:1rem;flex-wrap:wrap}.category-badge{padding:.25rem .75rem;background:#f3f4f6;border-radius:12px;font-size:.875rem;color:#6b7280}.date{color:#9ca3af;font-size:.875rem}.token{color:#667eea;font-size:.875rem;font-weight:600}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.status-pending{background:#fef3c7;color:#92400e}.status-reviewed{background:#dbeafe;color:#1e40af}.status-resolved{background:#d1fae5;color:#065f46}.feedback-content{background:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1rem}.feedback-content p{color:#374151;line-height:1.6;margin:0}.replies-section{margin-top:1rem;padding-top:1rem;border-top:2px solid #f3f4f6}.replies-section h4{color:#374151;font-size:.875rem;margin-bottom:.75rem}.reply-item{background:#f9fafb;border-left:4px solid #667eea;padding:1rem;border-radius:4px;margin-bottom:.75rem}.reply-item.private{background:#fef3c7;border-left-color:#f59e0b}.reply-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.reply-header strong{color:#667eea;font-size:.875rem}.reply-header span{color:#9ca3af;font-size:.75rem}.reply-item p{color:#374151;font-size:.875rem;line-height:1.5;margin:0}.feedback-actions{display:flex;gap:1rem;margin-top:1rem}.btn-reply,.btn-status{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reply{background:#667eea;color:#fff}.btn-reply:hover{background:#5568d3}.btn-status{background:#10b981;color:#fff}.btn-status:hover{background:#059669}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f3f4f6}.modal-header h3{margin:0;color:#374151}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af;transition:color .3s ease}.btn-close:hover{color:#374151}.feedback-summary{background:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.reply-type-selector{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-label:hover{border-color:#667eea}.radio-label input[type=radio]{cursor:pointer}.radio-label input[type=radio]:checked+span{color:#667eea;font-weight:600}.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s ease}.form-group textarea:focus{outline:none;border-color:#667eea}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f3f4f6;color:#6b7280}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:#667eea;color:#fff}.btn-submit:hover:not(:disabled){background:#5568d3}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:3rem;color:#9ca3af}@media(max-width:768px){.hr-feedback-container{padding:1rem}.statistics-grid{grid-template-columns:1fr}.filter-section{flex-direction:column}.filter-btn{width:100%}.feedback-header-row{flex-direction:column;gap:.5rem}.feedback-actions{flex-direction:column}.btn-reply,.btn-status{width:100%}.modal-content{margin:1rem}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.security-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header h2{font-size:2rem;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.dashboard-header p{color:#6b7280;font-size:1rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000000d;border-left:4px solid #3b82f6}.stat-card.warning{border-left-color:#f59e0b}.stat-card.critical{border-left-color:#ef4444}.stat-value{font-size:2rem;font-weight:700;color:#1f2937}.stat-label{color:#6b7280;font-size:.875rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb}.tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s}.tab:hover{color:#1f2937}.tab.active{color:#ef4444;border-bottom-color:#ef4444}.tab-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.tab-content h3{margin-bottom:1.5rem;color:#1f2937}.table-container{overflow-x:auto}thead{background:#f9fafb}th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}td{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}tr:hover{background:#f9fafb}.unusual-row{background:#fef3c7}.unusual-row:hover{background:#fde68a}.role-badge{display:inline-block;padding:.25rem .5rem;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:.75rem;margin-left:.5rem}.action-badge{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.875rem;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;color:#fff}.status-badge.success{background:#10b981}.status-badge.failure{background:#ef4444}.unusual-badge{display:inline-block;padding:.25rem .75rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.875rem;font-weight:500}.ip-address{font-family:monospace;color:#6b7280}.user-cell{display:flex;align-items:center}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-buttons{display:flex;gap:.5rem}.filter-buttons button{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.filter-buttons button:hover{background:#f9fafb}.filter-buttons button.active{background:#ef4444;color:#fff;border-color:#ef4444}.alerts-grid{display:grid;gap:1rem}.alert-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid;border-radius:8px;padding:1.5rem}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alert-title{display:flex;gap:.75rem;align-items:center}.severity-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.alert-type{font-weight:600;color:#1f2937}.alert-description{color:#4b5563;margin-bottom:1rem}.alert-meta{display:flex;gap:1.5rem;font-size:.875rem;color:#6b7280}.alert-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-review,.btn-resolve{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-review{background:#3b82f6;color:#fff}.btn-review:hover{background:#2563eb}.btn-resolve{background:#10b981;color:#fff}.btn-resolve:hover{background:#059669}.empty-state{text-align:center;padding:3rem;color:#6b7280}.loading{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.admin-payroll-container{padding:2rem}.admin-payroll-container h2{font-size:2rem;color:var(--text-primary);margin:0 0 2rem}.pending-payrolls h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.approval-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s}.approval-card:hover{box-shadow:var(--shadow-lg)}.approval-info h4{font-size:1.125rem;color:var(--text-primary);margin:0 0 .5rem}.approval-info p{color:var(--text-secondary);margin:0}.btn-review{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.approval-modal{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.modal-header h3{font-size:1.5rem;color:var(--text-primary);margin:0}.modal-header button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.payroll-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--background);border-radius:var(--radius-lg)}.summary-item{display:flex;flex-direction:column}.summary-item span:first-child{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.summary-item span:last-child{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.entries-list{margin-bottom:2rem}.entries-list h4{font-size:1.125rem;color:var(--text-primary);margin:0 0 1rem}.entry-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--background);border-radius:var(--radius-md);margin-bottom:.5rem}.employee-name{font-weight:600;color:var(--text-primary)}.net-salary{color:#10b981;font-weight:700}.approval-form{margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);box-sizing:border-box;resize:vertical}.modal-actions{display:flex;gap:1rem}.btn-approve,.btn-reject{flex:1;padding:.875rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn-reject:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.all-payrolls-section{margin-top:3rem}.all-payrolls-section h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.payrolls-table{display:flex;flex-direction:column;gap:.75rem}.payroll-row{background:var(--surface);border-radius:var(--radius-lg);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:all .2s}.payroll-row:hover{box-shadow:var(--shadow-md)}.payroll-info{display:flex;gap:1.5rem;align-items:center;flex:1}.payroll-period{font-weight:700;font-size:1.125rem;color:var(--text-primary);min-width:100px}.status-badge{padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.status-draft{background:#e5e7eb;color:#374151}.status-badge.status-pending_approval{background:#fef3c7;color:#92400e}.status-badge.status-approved{background:#d1fae5;color:#065f46}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.payroll-amount{font-weight:600;color:#10b981;min-width:120px}.payroll-employees{color:var(--text-secondary);font-size:.875rem}.btn-delete{padding:.625rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.admin-payroll-container{padding:1rem}.payroll-summary{grid-template-columns:1fr}.modal-actions{flex-direction:column}}.salary-manager-container{padding:2rem;max-width:1400px;margin:0 auto}.manager-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.manager-header h2{font-size:2rem;color:var(--text-primary);margin:0 0 .5rem}.manager-header p{color:var(--text-secondary);margin:0}.btn-view{padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.manager-content{display:grid;grid-template-columns:300px 1fr;gap:2rem}.employee-list{background:var(--surface);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);max-height:600px;overflow-y:auto}.employee-list h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.employee-card{padding:1rem;background:var(--background);border-radius:var(--radius-md);margin-bottom:.75rem;cursor:pointer;transition:all .2s;border:2px solid transparent}.employee-card:hover{background:#667eea1a}.employee-card.selected{border-color:#667eea;background:#667eea26}.emp-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.emp-email{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.emp-dept{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.salary-form{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.form-header h3{font-size:1.5rem;color:var(--text-primary);margin:0 0 2rem}.form-section{margin-bottom:2rem}.form-section h4{font-size:1.125rem;color:var(--text-primary);margin:0 0 1rem}.form-section input[type=number]{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.form-group input{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary)}.salary-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.salary-preview h4{color:#fff;margin:0 0 1rem;font-size:1.125rem}.preview-row{display:flex;justify-content:space-between;padding:.75rem 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.preview-row:last-child{border-bottom:none}.preview-row.total{font-size:1.25rem;font-weight:700;padding-top:1rem;margin-top:.5rem;border-top:2px solid rgba(255,255,255,.3)}.preview-row .amount{font-weight:600}.preview-row .deduction{color:#ffcccb}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-save{padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:var(--background);color:var(--text-primary);border:2px solid var(--border)}.btn-cancel:hover{border-color:#667eea}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.no-selection{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);font-size:1.125rem}.no-employees{text-align:center;color:var(--text-secondary);padding:2rem}.loading{text-align:center;padding:4rem 2rem;font-size:1.125rem;color:var(--text-secondary)}.view-structures-section{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.view-structures-section h3{font-size:1.5rem;color:var(--text-primary);margin:0 0 1.5rem}.no-structures{text-align:center;color:var(--text-secondary);padding:3rem;font-size:1.125rem}.structures-table{overflow-x:auto}.structures-table table{width:100%;border-collapse:collapse;background:var(--background);border-radius:var(--radius-lg);overflow:hidden}.structures-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.structures-table th{padding:1rem;text-align:left;color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.structures-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.structures-table tbody tr:hover{background:#667eea0d}.structures-table tbody tr:last-child td{border-bottom:none}.structures-table .employee-name{font-weight:600;color:#667eea}.structures-table .gross-total{font-weight:700;color:#10b981;font-size:1.05rem}@media(max-width:1024px){.manager-content{grid-template-columns:1fr}.employee-list{max-height:300px}}@media(max-width:768px){.salary-manager-container{padding:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.admin-user-management{padding:2rem}.management-header{margin-bottom:2rem}.management-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.management-header p{color:#6b7280;font-size:1rem}.filters-section{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.search-box input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.role-filter{display:flex;align-items:center;gap:.75rem}.role-filter label{font-weight:600;color:#374151}.role-filter select{padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;cursor:pointer;transition:all .3s ease}.role-filter select:focus{outline:none;border-color:#ef4444}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fff,#f9fafb);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #00000014;border:2px solid #e5e7eb;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#ef4444}.stat-info h3{font-size:2rem;color:#1f2937;margin:0}.stat-info p{color:#6b7280;margin:0;font-size:.875rem}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#ef4444,#dc2626)}.users-table thead th{padding:1.25rem 1rem;text-align:left;color:#fff;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.users-table tbody tr:hover{background-color:#fef2f2}.users-table tbody td{padding:1.25rem 1rem;color:#374151}.user-name-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.role-badge{padding:.375rem .875rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-badge.role-employee{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.role-badge.role-hr{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.role-badge.role-admin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-delete{padding:.5rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.no-users{padding:3rem;text-align:center;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.delete-modal{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.delete-header{padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px 16px 0 0}.delete-header h2{margin:0;color:#fff;font-size:1.5rem}.modal-body{padding:2rem}.delete-warning{font-size:1.125rem;color:#1f2937;margin-bottom:1.5rem;font-weight:600}.user-delete-info{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:1.5rem;border-radius:12px;border:2px solid #fecaca;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #fecaca}.info-row:last-child{border-bottom:none}.info-row strong{color:#991b1b}.info-row span{color:#1f2937}.delete-note{background:#fef2f2;padding:1rem;border-radius:8px;border-left:4px solid #ef4444;color:#991b1b;font-size:.875rem;margin:0}.modal-footer{padding:1.5rem 2rem;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.admin-dashboard .dashboard-main{padding:2rem 3rem;background:#f9fafb}.admin-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.admin-dashboard .header-right{display:flex;align-items:center;gap:1.5rem}.admin-dashboard .user-profile{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:12px;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d}.admin-dashboard .user-profile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.admin-dashboard .avatar{width:42px;height:42px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.admin-dashboard .user-info{display:flex;flex-direction:column;align-items:flex-start}.admin-dashboard .user-info .name{font-weight:700;color:#1f2937;font-size:.95rem;line-height:1.2}.admin-dashboard .user-info .role{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600;line-height:1.2;margin-top:2px}.admin-dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.admin-dashboard .stat-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;color:#fff}.admin-dashboard .stat-card:nth-child(1){background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.admin-dashboard .stat-card:nth-child(2){background:linear-gradient(135deg,#ec4899,#db2777)}.admin-dashboard .stat-card:nth-child(3){background:linear-gradient(135deg,#06b6d4,#0891b2)}.admin-dashboard .stat-card:nth-child(4){background:linear-gradient(135deg,#f59e0b,#d97706)!important}.admin-dashboard .stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0003}.admin-dashboard .stat-icon{font-size:1.8rem;color:#fff;background:#fff3;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.admin-dashboard .stat-info{flex:1}.admin-dashboard .stat-info h3{font-size:2.5rem;font-weight:700;margin:0;color:#fff!important;-webkit-text-fill-color:white!important;background:none!important}.admin-dashboard .stat-info p{margin:.25rem 0 0;color:#ffffffe6!important;font-size:.95rem;font-weight:500}.admin-dashboard .quick-actions{margin-top:2.5rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014}.admin-dashboard .quick-actions h3{margin-bottom:1.5rem;color:#1f2937;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.admin-dashboard .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.admin-dashboard .btn{padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-dashboard .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.admin-dashboard .btn-check-in,.admin-dashboard .btn-check-out{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:all .2s;font-size:.9rem}.admin-dashboard .btn-check-in{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.admin-dashboard .btn-check-out{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.admin-dashboard .btn-check-in:hover,.admin-dashboard .btn-check-out:hover{transform:translateY(-2px);filter:brightness(1.1)}@media(max-width:1200px){.admin-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-dashboard .stats-grid{grid-template-columns:1fr}.admin-dashboard .dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.admin-dashboard .header-right{width:100%;justify-content:space-between}.admin-dashboard .dashboard-main{padding:1.5rem}}.audit-logs-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.audit-logs-header{text-align:center;margin-bottom:2rem;color:#fff}.audit-logs-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.audit-logs-header p{font-size:1.1rem;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:#667eea}.stat-label{font-size:.9rem;color:#6b7280;margin-top:.25rem}.filters-section{background:#fff;border-radius:15px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.filters-section h3{margin-bottom:1rem;color:#1f2937}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-input,.filter-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea}.reset-button{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s ease}.reset-button:hover{background:#dc2626}.logs-section{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.logs-table-container{overflow-x:auto;margin-bottom:1.5rem}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.logs-table th{padding:1rem;text-align:left;font-weight:600;white-space:nowrap}.logs-table td{padding:1rem;border-bottom:1px solid #e5e7eb}.logs-table tbody tr:hover{background:#f9fafb}.timestamp-cell{font-size:.9rem;color:#6b7280;white-space:nowrap}.user-cell{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#1f2937}.user-role{font-size:.85rem;color:#6b7280;background:#f3f4f6;padding:.125rem .5rem;border-radius:4px;display:inline-block;width:-moz-fit-content;width:fit-content}.action-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap}.entity-cell{font-weight:500;color:#4b5563}.description-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.failure{background:#fee2e2;color:#991b1b}.view-details-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.view-details-btn:hover{background:#5568d3}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s ease}.pagination-btn:hover:not(:disabled){background:#5568d3}.pagination-btn:disabled{background:#d1d5db;cursor:not-allowed}.pagination-info{font-weight:600;color:#4b5563}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:15px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;transition:color .3s ease}.close-btn:hover{color:#1f2937}.modal-body{padding:1.5rem}.detail-row{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#4b5563;font-weight:600}.detail-row span{color:#1f2937}.user-agent{font-size:.85rem;color:#6b7280;word-break:break-all}.error-message{background:#fee2e2;padding:1rem;border-radius:8px;border-left:4px solid #ef4444}.error-message strong{color:#991b1b}.error-message span{color:#7f1d1d}.details-json{background:#f9fafb;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem;color:#1f2937;border:1px solid #e5e7eb}.loading,.error,.no-data{text-align:center;padding:3rem;font-size:1.1rem;color:#6b7280}.error{color:#ef4444}@media(max-width:768px){.audit-logs-container{padding:1rem}.audit-logs-header h1{font-size:2rem}.stats-grid,.filters-grid{grid-template-columns:1fr}.logs-table{font-size:.85rem}.logs-table th,.logs-table td{padding:.5rem}.description-cell{max-width:150px}.detail-row{grid-template-columns:1fr;gap:.5rem}.modal-content{margin:1rem}}.video-grid{display:grid;gap:.5rem;width:100%;height:100%;padding:1rem}.grid-1{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-16{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}.video-tile{position:relative;background:#1a1a1a;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.video-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-large{font-size:4rem;font-weight:700;color:#fff;text-transform:uppercase}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center}.participant-name{color:#fff;font-size:.875rem;font-weight:500}.muted-indicator{font-size:1.25rem}@media(max-width:768px){.grid-4,.grid-9,.grid-16{grid-template-columns:1fr;grid-auto-rows:auto}.avatar-large{font-size:2rem}}.meeting-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#2a2a2a;border-top:1px solid #3a3a3a}.controls-group{display:flex;gap:.75rem}.control-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.25rem;border-radius:12px;border:none;background:#3a3a3a;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;min-width:80px}.control-btn:hover{background:#4a4a4a;transform:translateY(-2px)}.control-btn.active{background:#ef4444}.control-btn.recording{background:#ef4444;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.control-label{font-size:.75rem;font-weight:500}.leave-btn{background:#dc2626}.leave-btn:hover{background:#b91c1c}.end-btn{background:#7c2d12}.end-btn:hover{background:#991b1b}@media(max-width:768px){.meeting-controls{padding:.75rem 1rem}.controls-group{gap:.5rem;flex-wrap:wrap}.control-btn{padding:.5rem .75rem;min-width:60px;font-size:1.25rem}.control-label{font-size:.65rem}}.meeting-chat{display:flex;flex-direction:column;height:100%;background:#2a2a2a;border-left:1px solid #3a3a3a}.chat-header{padding:1rem;border-bottom:1px solid #3a3a3a}.chat-header h3{margin:0;font-size:1.125rem;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#888}.chat-hint{font-size:.875rem;margin-top:.5rem}.chat-message{display:flex;flex-direction:column;gap:.25rem;max-width:80%}.chat-message.own-message{align-self:flex-end}.message-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.message-sender{font-size:.75rem;font-weight:600;color:#4f46e5}.own-message .message-sender{color:#10b981}.message-time{font-size:.65rem;color:#888}.message-content{padding:.75rem;background:#3a3a3a;border-radius:12px;color:#fff;word-wrap:break-word}.own-message .message-content{background:#4f46e5}.chat-input-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #3a3a3a}.chat-input{flex:1;padding:.75rem;border:1px solid #3a3a3a;border-radius:8px;background:#1a1a1a;color:#fff;font-size:.875rem}.chat-input:focus{outline:none;border-color:#4f46e5}.chat-send-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.chat-send-btn:hover{background:#4338ca}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#1a1a1a}.chat-messages::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.participant-panel{background:#2a2a2a;border-left:1px solid #3a3a3a;display:flex;flex-direction:column;height:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #3a3a3a}.panel-header h3{margin:0;font-size:1.125rem;color:#fff}.add-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.add-btn:hover:not(:disabled){background:#4338ca}.add-btn:disabled{opacity:.5;cursor:not-allowed}.participants-list{flex:1;overflow-y:auto;padding:1rem}.participant-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#3a3a3a;border-radius:8px}.participant-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem}.participant-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.participant-name{color:#fff;font-weight:500}.participant-status{font-size:.75rem;padding:.125rem .5rem;border-radius:12px;width:-moz-fit-content;width:fit-content}.status-invited{background:#3b82f6;color:#fff}.status-joined{background:#10b981;color:#fff}.status-left{background:#6b7280;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#2a2a2a;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;max-height:80vh;display:flex;flex-direction:column}.modal-content h3{margin:0 0 1rem;color:#fff}.user-select-list{flex:1;overflow-y:auto;margin-bottom:1rem}.no-users{text-align:center;color:#888;padding:2rem}.user-select-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#3a3a3a;border-radius:8px;cursor:pointer;transition:all .2s}.user-select-item:hover{background:#4a4a4a}.user-select-item.selected{background:#4f46e5;color:#fff}.user-dept{font-size:.875rem;color:#888}.user-select-item.selected .user-dept{color:#ffffffb3}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#3a3a3a;color:#fff}.btn-secondary:hover{background:#4a4a4a}.meeting-room-container{display:flex;flex-direction:column;height:100vh;background:#0a0a0a;color:#fff}.meeting-room-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#1a1a1a;border-bottom:1px solid #2a2a2a}.meeting-brand{flex-shrink:0}.brand-name{margin:0;font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.meeting-info{flex:1;margin:0 2rem}.meeting-info h2{margin:0;font-size:1.25rem;color:#fff}.meeting-info p{margin:.25rem 0 0;color:#888;font-size:.875rem}.participants-toggle-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.participants-toggle-btn:hover{background:#4338ca;transform:translateY(-1px)}.meeting-room-main{flex:1;display:flex;overflow:hidden}.video-section{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.chat-section,.participants-section{width:350px;height:100%}.meeting-room-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#1a1a1a;color:#fff;font-size:1.5rem}@media(max-width:1024px){.chat-section,.participants-section{position:absolute;right:0;top:0;bottom:80px;width:100%;max-width:400px;z-index:10;box-shadow:-4px 0 12px #00000080}}@media(max-width:768px){.meeting-room-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.brand-name{font-size:1.125rem}.meeting-info{margin:0 1rem}.meeting-info h2{font-size:1rem}.chat-section,.participants-section{max-width:100%}.participants-toggle-btn{padding:.5rem 1rem;font-size:.875rem}}.meeting-timer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid rgba(124,58,237,.2)}.timer-icon{font-size:1.5rem}.timer-value{font-size:1.5rem;font-weight:700;font-family:""Courier New"",monospace;min-width:60px;text-align:center}.timer-label{font-size:.875rem;color:#6b7280;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.token-usage-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #667eea33}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.usage-header h4{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.reset-time{font-size:.75rem;color:#fffc;background:#ffffff1a;padding:.25rem .75rem;border-radius:12px}.usage-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.9rem}.stat-label span:first-child{font-weight:500}.stat-value{font-weight:600;font-size:.85rem}.progress-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.progress-fill.success{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.usage-warning{margin-top:1rem;padding:.75rem;background:#fbbf2433;border-left:3px solid #fbbf24;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500}.usage-error{margin-top:1rem;padding:.75rem;background:#ef444433;border-left:3px solid #ef4444;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500}@media(max-width:768px){.token-usage-display{padding:1rem}.usage-header h4{font-size:1rem}.reset-time{font-size:.7rem}}.chatbot-toggle{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:var(--radius-full);border:none;color:#fff;font-size:1.75rem;cursor:pointer;box-shadow:var(--shadow-xl);z-index:999;display:flex;align-items:center;justify-content:center}.chatbot-window{position:fixed;bottom:6rem;right:2rem;width:400px;height:600px;border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);z-index:998;overflow:hidden}.chatbot-header{padding:1.5rem;color:#fff;display:flex;justify-content:space-between;align-items:center}.chatbot-header-content{display:flex;align-items:center;gap:1rem}.chatbot-icon{font-size:2rem}.chatbot-header h3{margin:0;font-size:1.25rem}.chatbot-header p{margin:0;font-size:.875rem;opacity:.9}.chatbot-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:var(--radius-full);cursor:pointer;font-size:1.25rem;transition:background var(--transition-base)}.chatbot-close:hover{background:#ffffff4d}.chatbot-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:var(--background)}.message{display:flex;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message-content{max-width:75%;padding:.75rem 1rem;border-radius:var(--radius-md);line-height:1.5}.message.bot .message-content{background:var(--surface);color:var(--text-primary);border-bottom-left-radius:4px}.message.user .message-content{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-bottom-right-radius:4px}.typing-indicator{display:flex;gap:.5rem;padding:1rem}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chatbot-input-container{display:flex;gap:.75rem;padding:1rem;background:var(--surface);border-top:1px solid var(--border)}.chatbot-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-base)}.chatbot-input:focus{outline:none;border-color:var(--primary)}.chatbot-send{width:45px;height:45px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;color:#fff;font-size:1.25rem;cursor:pointer;transition:all var(--transition-base)}.chatbot-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.chatbot-send:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chatbot-window{width:calc(100vw - 2rem);height:calc(100vh - 8rem);right:1rem;bottom:5rem}.chatbot-toggle{right:1rem;bottom:1rem}}.admin-settings-container{padding:2rem;max-width:1400px;margin:0 auto}.admin-settings-container h1{font-size:2rem;color:var(--text-primary);margin-bottom:2rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.tab{padding:1rem 2rem;border:none;background:none;color:var(--text-secondary);font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab-content{background:var(--surface);border-radius:var(--radius-xl);padding:2rem}.tab-content h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 1.5rem}.reviews-table,.cycles-table{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:var(--background)}th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border)}td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-secondary)}tr:hover{background:var(--background)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:var(--radius-lg);text-align:center;color:#fff}.stat-value{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.average-scores{background:var(--background);padding:1.5rem;border-radius:var(--radius-lg)}.average-scores h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.scores-list{display:grid;gap:1rem}.score-item{display:flex;justify-content:space-between;padding:1rem;background:var(--surface);border-radius:var(--radius-md)}.score-item strong{color:#10b981;font-size:1.25rem}@media(max-width:768px){.admin-settings-container{padding:1rem}.tabs{flex-direction:column}.tab{border-bottom:none;border-left:3px solid transparent}.tab.active{border-left-color:#667eea;border-bottom-color:transparent}table{font-size:.875rem}th,td{padding:.75rem .5rem}}.dashboard-container{display:flex;min-height:100vh;background:var(--background)}.dashboard-sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--border)}.sidebar-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem}.sidebar-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.sidebar-nav{flex:1;padding:1rem 0}.nav-section{margin:1rem 0;padding:.5rem 0;border-top:1px solid var(--border)}.nav-section-title{padding:.75rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em}.nav-item{width:100%;display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;border:none;background:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.nav-item:hover{background:var(--background);color:#667eea}.nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;border-right:3px solid #667eea}.nav-icon{font-size:1.25rem}.dashboard-main{flex:1;margin-left:280px;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;color:var(--text-primary);margin:0 0 .5rem}.dashboard-subtitle{color:var(--text-secondary);margin:0}.dashboard-content{background:var(--surface);border-radius:var(--radius-xl);padding:2rem;min-height:calc(100vh - 200px)}@media(max-width:768px){.dashboard-sidebar{width:100%;position:relative;height:auto}.dashboard-main{margin-left:0;padding:1rem}}.dashboard-sidebar{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media(prefers-color-scheme:dark){.dashboard-sidebar{background:#1a1a1a!important}}.nav-item span:not(.nav-icon){display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important}.nav-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:1rem!important}.dashboard-sidebar .nav-item{color:#e5e7eb!important}.dashboard-sidebar .nav-item:hover,.dashboard-sidebar .nav-item.active{color:#667eea!important}.dashboard-sidebar{background:#fff!important;color:#1f2937!important}.dashboard-sidebar .sidebar-subtitle,.dashboard-sidebar .nav-section-title{color:#6b7280!important}.dashboard-sidebar .nav-item{color:#1f2937!important}.dashboard-sidebar .nav-item:hover{background:#f3f4f6!important;color:#667eea!important}.dashboard-sidebar .nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a)!important;color:#667eea!important;border-right:3px solid #667eea!important}@media(prefers-color-scheme:dark){.dashboard-sidebar{background:#fff!important;color:#1f2937!important}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-auto{height:auto}.h-full{height:100%}.min-h-\[160px\]{min-height:160px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.font-\[\'Outfit\'\]{font-family:Outfit}.text-\[40px\]{font-size:40px}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#8b5cf6;--secondary-hover:#7c3aed;--accent:#ec4899;--accent-hover:#db2777;--background:#f8fafc;--surface:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #6366f14d;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary:#818cf8;--primary-hover:#6366f1;--secondary:#a78bfa;--secondary-hover:#8b5cf6;--accent:#f472b6;--accent-hover:#ec4899;--background:#0f172a;--surface:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#334155;--shadow-glow:0 0 20px #818cf84d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-sm);font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;transition:all var(--transition-base);border:none;outline:none;font-family:Inter,sans-serif}input,textarea,select{transition:all var(--transition-base);font-family:Inter,sans-serif;font-size:1rem}.container{max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .glass{background:#1e293bb3;border:1px solid #ffffff1a}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);color:#fff}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 0 20px #ec48994d}.input-group{margin-bottom:var(--spacing-md)}.input-label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:500;display:block}.input-field{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:.75rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.input-field::-moz-placeholder{color:var(--text-secondary)}.input-field::placeholder{color:var(--text-secondary)}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 var(--spacing-sm)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}