@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{scrollbar-width:thin;scrollbar-color:#a2130c #1a1a1a}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#1a1a1a}*::-webkit-scrollbar-thumb{background-color:#a2130c;border-radius:20px;border:2px solid #1a1a1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button{background:none;border:none;font-family:inherit;cursor:pointer}input,select{font-family:inherit}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.intro-page{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh;overflow-x:hidden}.intro-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.intro-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a1a99,#0d0d0dcc);z-index:1}.intro-logo{display:flex;align-items:center;margin-bottom:2rem;position:relative;z-index:2;opacity:0;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease}.intro-logo.animate-in{opacity:1;transform:translateY(0)}.logo-text{font-family:Orbitron,sans-serif;font-weight:800;font-size:2.5rem;letter-spacing:3px;color:#fff}.logo-badge{font-family:Orbitron,sans-serif;background-color:#ff4d4d33;color:#ff4d4d;padding:.3rem .6rem;border-radius:4px;font-size:1rem;margin-left:.5rem}.intro-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:700;margin:0 0 1.5rem;max-width:800px;background:linear-gradient(45deg,#ff4d4d,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.intro-title.animate-in{opacity:1;transform:translateY(0)}.intro-subtitle{font-size:1.2rem;max-width:700px;margin:0 auto 3rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;line-height:1.6;position:relative;z-index:2}.intro-subtitle.animate-in{opacity:.85;transform:translateY(0)}.intro-buttons{margin-bottom:2rem;position:relative;z-index:2;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.intro-buttons.animate-in{opacity:1;transform:translateY(0)}.primary-button,.secondary-button{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:1rem 1.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.primary-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;box-shadow:0 4px 15px #ff4d4d4d}.primary-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #ff4d4d66}.primary-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:10px}.features-section{background-color:#1a1a1a;padding:5rem 2rem;position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(to right,#ff4d4d,#ff8080)}.features-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/gym-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.05;z-index:0}.section-title{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:3rem;position:relative;z-index:1}.section-title:after{content:"";display:block;width:60px;height:4px;background-color:#ff4d4d;margin:1rem auto 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1280px;margin:0 auto;position:relative;z-index:1}.feature-card{background-color:#242424e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:2rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003;opacity:0;transform:translateY(30px);transition:transform .5s ease,opacity .5s ease,box-shadow .3s ease}.feature-card.animate-in{opacity:1;transform:translateY(0)}.feature-card.clickable{cursor:pointer}.feature-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#ff4d4d;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.feature-card.clickable:hover{transform:translateY(-15px);box-shadow:0 20px 40px #ff4d4d33;border-color:#ff4d4d4d}.feature-card:hover:before,.feature-card.clickable:hover:before{transform:scaleY(1)}.feature-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background-color:#ff4d4d1a;color:#ff4d4d;transition:all .3s ease}.feature-card.clickable:hover .feature-icon{background-color:#ff4d4d33;transform:scale(1.1)}.feature-card h3{font-family:Orbitron,sans-serif;font-size:1.3rem;margin-bottom:1rem;transition:color .3s ease}.feature-card.clickable:hover h3{color:#ff4d4d}.feature-card p{color:#ffffffb3;line-height:1.6;margin-bottom:1rem}.explore-button{display:flex;align-items:center;gap:.5rem;color:#ff4d4d;font-size:.9rem;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease}.feature-card.clickable:hover .explore-button{opacity:1;transform:translateY(0)}.explore-button svg{transition:transform .3s ease}.feature-card.clickable:hover .explore-button svg{transform:translate(3px)}.app-registration-section{padding:80px 0;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;overflow:hidden;opacity:0;transform:translateY(50px);transition:all .8s ease}.app-registration-section.animate-in{opacity:1;transform:translateY(0)}.app-registration-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a1acc,#0d0d0de6);z-index:1}.app-registration-content{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2;text-align:center}.app-registration-text{margin-bottom:40px}.app-registration-text .section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#ff4d4d,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-registration-subtitle{color:#ffffffd9;font-size:1.2rem;line-height:1.6;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.app-registration-note{display:inline-flex;align-items:center;gap:10px;background:#ff4d4d26;padding:12px 20px;border-radius:25px;color:#fff;font-size:.95rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,77,77,.3);box-shadow:0 4px 15px #0003}.info-icon{flex-shrink:0;color:#ff4d4d}.app-download-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.app-store-button{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;min-width:180px;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.app-store-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.app-store-button:active{transform:translateY(-1px)}.app-store-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.app-store-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.app-store-line1{font-size:.75rem;opacity:.8;line-height:1;margin-bottom:2px}.app-store-line2{font-size:1.1rem;font-weight:600;line-height:1}.playstore-button .app-store-icon svg{color:#fff}.appstore-button .app-store-icon svg{color:#fff}.cta-section{background:linear-gradient(135deg,#202020,#0e0e0e);padding:5rem 2rem;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.cta-section.animate-in{opacity:1;transform:translateY(0)}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");z-index:0}.cta-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/gym-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.08;z-index:0}.cta-section h2{font-family:Orbitron,sans-serif;font-size:2.5rem;margin-bottom:1.5rem}.cta-section p{font-size:1.2rem;opacity:.8;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{margin:0 auto}.gym-equipment-illustration{position:absolute;bottom:-50px;right:-50px;width:300px;height:300px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='fill: rgba(255, 77, 77, 0.1);'%3E%3Cpath d='M480 272h-96v-16h24c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-24v-16h24c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-24v-16h24c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H224c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h24v16h-24c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h24v16h-24c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h24v16h-96c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32h96v16h-24c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h24v16h-24c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h24v16h-24c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h256c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-24v-16h24c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-24v-16h24c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8h-24v-16h96c17.7 0 32-14.3 32-32v-96c0-17.7-14.3-32-32-32zM128 400c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm256 0c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.2;z-index:0}.intro-footer{background-color:#0a0a0a;padding:1.5rem;text-align:center;font-size:.9rem;color:#fff9;position:relative;z-index:1}.features-section:after,.cta-section:after{display:none}@media (max-width: 768px){.intro-header{background-attachment:scroll;min-height:80vh}.intro-title{font-size:2.2rem}.section-title,.cta-section h2{font-size:2rem}.feature-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}.gym-equipment-illustration{display:none}.app-registration-section{padding:60px 0}.app-registration-text .section-title{font-size:2rem}.app-registration-subtitle{font-size:1.1rem;padding:0 10px}.app-registration-note{font-size:.9rem;padding:10px 16px;margin:0 10px}.app-download-buttons{flex-direction:column;align-items:center;gap:15px}.app-store-button{width:100%;max-width:250px;justify-content:center}}@media (max-width: 480px){.app-registration-content{padding:0 15px}.app-registration-text .section-title{font-size:1.8rem}.app-registration-subtitle{font-size:1rem}.app-registration-note{flex-direction:column;text-align:center;gap:8px}}.member-management-feature{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh}.feature-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.platform-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#1a1a1a;min-height:250px;display:flex;align-items:center;justify-content:center;position:relative}.platform-placeholder{width:100%;height:250px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#333,#444);color:#fff;font-family:Orbitron,sans-serif;font-size:1.2rem}.web-dashboard-image{width:100%;height:250px;background-image:url(/webview.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;position:relative}.web-dashboard-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff4d4d1a,#0003);border-radius:8px}.desktop-system-image{width:100%;height:250px;background-image:url(/desktopview.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;position:relative}.desktop-system-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff4d4d1a,#0003);border-radius:8px}.web-dashboard-image:not([style*=background-image]),.desktop-system-image:not([style*=background-image]){background:linear-gradient(45deg,#333,#444);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Orbitron,sans-serif;font-size:1.1rem}.web-dashboard-image:not([style*=background-image]):after{content:"Web Dashboard Preview"}.desktop-system-image:not([style*=background-image]):after{content:"Desktop System Preview"}.mobile-search{padding:1rem}.mobile-search input{width:100%;background:#333;border:none;border-radius:8px;padding:.75rem;color:#fff;font-size:.9rem}.mobile-tabs{display:flex;padding:0 1rem;gap:.5rem;margin-bottom:1rem}.mobile-tabs .tab{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease}.mobile-tabs .tab.active{background:#ff4d4d;color:#fff}.mobile-tabs .tab:not(.active){background:#333;color:#888}.mobile-member-list{padding:0 1rem;max-height:300px;overflow-y:auto}.member-item{display:flex;justify-content:space-between;align-items:center;background:#333;margin-bottom:.5rem;padding:1rem;border-radius:8px;border-left:3px solid #ff4d4d}.member-info{flex:1}.member-name{font-weight:600;color:#fff;font-size:.9rem;margin-bottom:.25rem}.member-email,.member-phone{font-size:.75rem;color:#888;margin-bottom:.1rem}.member-status{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.member-status.active{background:#4caf5033;color:#4caf50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-highlight{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-highlight h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#ff4d4d}.feature-highlight p{opacity:.8;line-height:1.6}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column;align-items:center}.platforms-grid{grid-template-columns:1fr}.mobile-mockup{width:200px;height:400px}.cta-buttons{flex-direction:column;align-items:center}.feature-nav{flex-direction:column;gap:1rem}}@media (max-width: 480px){.feature-header{background-attachment:scroll}.hero-stats,.overview-grid,.features-grid{grid-template-columns:1fr}}.fee-management-feature{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh}.feature-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:3rem}.platform-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#1a1a1a;display:flex;align-items:center;justify-content:center;position:relative}.web-dashboard-preview{width:100%;max-width:400px;margin:0 auto;background:#1a1a1a;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;transform:perspective(1000px) rotateX(5deg);transition:transform .3s ease}.web-dashboard-preview:hover{transform:perspective(1000px) rotateX(0) translateY(-5px)}.browser-chrome{background:#2d2d2d;padding:.5rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #444}.browser-dots{display:flex;gap:.25rem}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.address-bar{flex:1;background:#1a1a1a;padding:.25rem .5rem;border-radius:4px;margin-left:.5rem;font-size:.7rem;color:#888;border:1px solid #333}.dashboard-header{background:linear-gradient(135deg,#ff4d4d,#f66);padding:.75rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:.5rem}.logo{font-family:Orbitron,sans-serif;font-weight:800;font-size:.9rem;color:#fff}.breadcrumb{color:#fffc;font-size:.7rem}.breadcrumb:before{content:"/ ";margin-right:.25rem}.header-right{display:flex;align-items:center;gap:.5rem}.notification-icon,.user-avatar{width:20px;height:20px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.dashboard-layout{display:flex;min-height:200px}.sidebar{width:120px;background:#242424;border-right:1px solid #333;padding:.75rem 0}.sidebar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:#ffffffb3;cursor:pointer;transition:all .3s ease;border-left:2px solid transparent;font-size:.7rem}.sidebar-item.active{background:#ff4d4d1a;color:#ff4d4d;border-left-color:#ff4d4d}.sidebar-item:hover{background:#ffffff0d;color:#fff}.sidebar-item span:first-child{font-size:.8rem}.main-content{flex:1;padding:1rem;background:#1a1a1a}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.stat-card{background:#242424;border-radius:6px;padding:.75rem;border-left:3px solid;transition:transform .2s ease}.stat-card:hover{transform:translateY(-1px)}.stat-card.collected{border-left-color:#4caf50}.stat-card.pending{border-left-color:#ffc107}.stat-card.overdue{border-left-color:#f44336}.stat-title{font-size:.6rem;color:#888;text-transform:uppercase;margin-bottom:.25rem}.stat-value{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.stat-value.green{color:#4caf50}.stat-value.yellow{color:#ffc107}.stat-value.red{color:#f44336}.table-section{background:#242424;border-radius:6px;overflow:hidden}.table-header{background:#2d2d2d;padding:.5rem .75rem;border-bottom:1px solid #333}.table-title{font-family:Orbitron,sans-serif;font-weight:600;color:#ff4d4d;font-size:.7rem}.member-list{max-height:120px;overflow-y:auto}.member-item{display:flex;justify-content:space-between;align-items:center;background:#333;margin-bottom:1px;padding:.5rem .75rem;border-left:2px solid #ff4d4d;transition:background .2s ease}.member-item:hover{background:#3a3a3a}.member-info{display:flex;align-items:center;gap:.5rem;flex:1}.member-avatar{width:24px;height:24px;background:#ff4d4d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.7rem;color:#fff}.member-name{font-weight:600;color:#fff;font-size:.7rem;margin-bottom:.1rem}.member-email{font-size:.6rem;color:#888}.payment-amount{font-family:Orbitron,sans-serif;font-weight:600;color:#ff4d4d;font-size:.7rem;margin-right:.5rem}.payment-status{padding:.15rem .4rem;border-radius:8px;font-size:.55rem;font-weight:600;text-transform:uppercase}.payment-status.pending{background:#ffc10733;color:#ffc107}.payment-status.paid{background:#4caf5033;color:#4caf50}.payment-status.overdue{background:#f4433633;color:#f44336}.mobile-mockup{width:250px;height:500px;background:#000;border-radius:25px;padding:10px;margin:0 auto;box-shadow:0 10px 30px #00000080}.mobile-header{background:#2d2d2d;padding:1rem;text-align:center;border-bottom:1px solid #444}.mobile-status-bar{height:4px;background:#ff4d4d;border-radius:2px;margin-bottom:1rem}.mobile-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.mobile-subtitle{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:1px}.mobile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem;background:#2d2d2d}.mobile-stat{background:#1a1a1a;padding:.75rem;border-radius:8px;text-align:center;border-left:3px solid}.mobile-stat.collected{border-left-color:#4caf50}.mobile-stat.pending{border-left-color:#ffc107}.mobile-stat.overdue{border-left-color:#f44336}.mobile-stat .stat-label{font-size:.7rem;color:#888;margin-bottom:.25rem;text-transform:uppercase}.mobile-stat .stat-value{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#fff}.mobile-payment-list{padding:1rem;max-height:300px;overflow-y:auto}.payment-item{display:flex;justify-content:space-between;align-items:center;background:#333;margin-bottom:.5rem;padding:.75rem;border-radius:8px;border-left:3px solid #ff4d4d}.payment-info .member-name{font-weight:600;color:#fff;font-size:.85rem;margin-bottom:.25rem}.payment-info .member-email{font-size:.7rem;color:#888}.payment-details{text-align:right}.payment-details .payment-amount{font-family:Orbitron,sans-serif;font-weight:600;color:#ff4d4d;font-size:.8rem;margin-bottom:.25rem}.payment-details .payment-status{padding:.2rem .4rem;border-radius:10px;font-size:.6rem;font-weight:600;text-transform:uppercase}.benefits-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#ff4d4d}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.benefit-highlight{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.benefit-highlight:hover{transform:translateY(-5px);border-color:#ff4d4d4d;box-shadow:0 10px 30px #0000004d}.benefit-highlight h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#ff4d4d}.benefit-highlight p{opacity:.8;line-height:1.6}.cta-section{background:linear-gradient(135deg,#202020,#0e0e0e);padding:5rem 2rem;text-align:center}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column;align-items:center}.platforms-grid{grid-template-columns:1fr}.mobile-mockup{width:200px;height:400px}.cta-buttons{flex-direction:column;align-items:center}.feature-nav{flex-direction:column;gap:1rem}.stats-grid,.mobile-stats-grid{grid-template-columns:1fr}.dashboard-layout{flex-direction:column}.sidebar{width:100%;display:flex;overflow-x:auto;padding:.5rem}.sidebar-item{white-space:nowrap;flex-shrink:0}}@media (max-width: 480px){.feature-header{background-attachment:scroll}.hero-stats,.overview-grid,.benefits-grid{grid-template-columns:1fr}.web-dashboard-preview{max-width:300px}.stats-grid{grid-template-columns:1fr}}.attendance-tracking-feature{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh}.feature-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column}.platform-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#1a1a1a;min-height:350px;display:flex;align-items:center;justify-content:center;position:relative}.desktop-cctv-mockup{width:100%;height:400px;background:#2d2d2d;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.cctv-header{display:flex;justify-content:space-between;align-items:center;background:#3a3a3a;padding:.5rem 1rem;border-bottom:1px solid #555}.cctv-title{font-size:.9rem;color:#fff;font-weight:500}.window-controls{display:flex;gap:.5rem}.window-controls span{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer}.minimize{background:#ffbd2e;color:#995700}.maximize{background:#28ca42;color:#0d5016}.close{background:#ff5f56;color:#8b1a1a}.cctv-content{height:calc(100% - 40px)}.cctv-tabs{display:flex;background:#2a2a2a;border-bottom:1px solid #444}.tab{padding:.75rem 1.5rem;background:#444;color:#888;font-size:.8rem;cursor:pointer;border-right:1px solid #333;transition:all .3s ease}.tab.active{background:#ff4d4d;color:#fff}.cctv-main{display:flex;height:calc(100% - 45px)}.member-list{width:50%;background:#1a1a1a;border-right:1px solid #333;padding:1rem}.search-section{margin-bottom:1rem}.search-section input{width:100%;background:#333;border:1px solid #555;color:#fff;padding:.5rem;border-radius:4px;font-size:.8rem}.list-tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid #333}.list-tab{padding:.5rem 1rem;font-size:.7rem;color:#888;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.list-tab.active{color:#ff4d4d;border-bottom-color:#ff4d4d}.members{max-height:200px;overflow-y:auto}.member-item{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:.5rem;padding:.5rem;margin-bottom:.25rem;background:#333;border-radius:4px;font-size:.7rem;align-items:center}.member-id{color:#888;font-family:monospace;font-size:.6rem;overflow:hidden;text-overflow:ellipsis}.member-name{color:#fff;font-weight:500}.member-status{padding:.2rem .4rem;border-radius:12px;font-size:.6rem;font-weight:600;text-transform:uppercase;text-align:center}.member-status.registered{background:#4caf5033;color:#4caf50}.member-status.unregistered{background:#9e9e9e33;color:#9e9e9e}.camera-section{width:50%;background:#242424;padding:1rem;display:flex;flex-direction:column}.member-details{margin-bottom:1rem;padding:.75rem;background:#333;border-radius:4px}.member-details h4{margin:0 0 .5rem;font-size:.8rem;color:#ff4d4d}.member-details p{margin:0;font-size:.7rem;color:#888}.camera-feed{flex:1;background:#000;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;min-height:150px}.camera-placeholder{text-align:center;color:#666}.camera-icon{font-size:2rem;margin-bottom:.5rem}.camera-placeholder p{font-size:.8rem;margin:0}.camera-controls{display:flex;gap:.5rem;margin-bottom:.5rem}.btn{padding:.4rem .8rem;background:#555;color:#fff;border:none;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .3s ease}.btn:hover{background:#666}.btn.register{background:#ff4d4d}.btn.register:hover{background:#f33}.status{font-size:.7rem;color:#888;padding:.5rem;background:#333;border-radius:4px}.mobile-screen{width:100%;height:100%;background:#1a1a1a;border-radius:20px;overflow:hidden;position:relative}.mobile-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.5rem}.mobile-subtitle{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px}.mobile-toggle{display:flex;margin:1.5rem 1rem;background:#333;border-radius:25px;padding:.25rem}.toggle-option{flex:1;padding:.75rem;text-align:center;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#888}.toggle-option.active{background:#ff4d4d;color:#fff}.mobile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 1rem;margin-bottom:2rem}.mobile-stat{background:#333;padding:1rem;border-radius:12px;text-align:center;border-left:4px solid}.mobile-stat.present{border-left-color:#4caf50}.mobile-stat.absent{border-left-color:#f44336}.mobile-stat.total{border-left-color:#2196f3}.mobile-stat .stat-label{font-size:.8rem;color:#888;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.mobile-stat .stat-value{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:#fff}.member-list-header{padding:0 1rem;margin-bottom:1rem}.member-list-header h3{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#fff;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#666}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1rem;margin:0;color:#888}.technology-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#ff4d4d}.technology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-highlight{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.tech-highlight:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(45deg,#ff4d4d,#ff8080);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.tech-highlight:hover{transform:translateY(-5px);border-color:#ff4d4d4d;box-shadow:0 10px 30px #0000004d}.tech-highlight:hover:before{transform:scaleY(1)}.tech-highlight h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#ff4d4d;transition:color .3s ease}.tech-highlight:hover h3{color:#f66}.tech-highlight p{opacity:.8;line-height:1.6;margin:0}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");z-index:0}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column;align-items:center}.platforms-grid{grid-template-columns:1fr}.mobile-mockup{width:250px;height:500px}.desktop-cctv-mockup{height:300px}.cctv-main{flex-direction:column}.member-list,.camera-section{width:100%}.member-list{border-right:none;border-bottom:1px solid #333}.cta-buttons{flex-direction:column;align-items:center}.feature-nav{flex-direction:column;gap:1rem}.technology-grid{grid-template-columns:1fr}}@media (max-width: 480px){.feature-header{background-attachment:scroll}.hero-stats,.overview-grid{grid-template-columns:1fr}.mobile-stats-grid{grid-template-columns:1fr;gap:.5rem}.mobile-toggle{margin:1rem}.desktop-cctv-mockup{height:250px}.member-item{grid-template-columns:1fr;gap:.25rem;text-align:center}.camera-controls{flex-direction:column;gap:.25rem}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.landing-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.landing-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,77,77,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,77,77,.1) 0%,transparent 50%);z-index:0}.landing-bg-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,77,77,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,77,77,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.05),transparent);background-repeat:repeat;background-size:150px 100px;z-index:0;animation:float 20s ease-in-out infinite}.back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.75rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.875rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .4s ease;font-family:Orbitron,sans-serif;font-weight:500;font-size:.9rem;z-index:10;opacity:0;transform:translate(-30px)}.back-button.animate-in{opacity:1;transform:translate(0)}.back-button:hover{background:#ff4d4d26;border-color:#ff4d4d4d;transform:translate(-5px);box-shadow:0 8px 25px #ff4d4d33}.back-button svg{transition:transform .3s ease}.back-button:hover svg{transform:translate(-3px)}.landing-container{position:relative;z-index:2;width:100%;max-width:480px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.landing-container.animate-in{opacity:1;transform:translateY(0)}.landing-logo-container{text-align:center;margin-bottom:2.5rem;opacity:0;transform:translateY(-20px);transition:all .6s ease}.landing-logo-container.animate-in{opacity:1;transform:translateY(0)}.landing-logo{display:inline-flex;align-items:center;margin-bottom:.5rem}.landing-logo-text{font-family:Orbitron,sans-serif;font-weight:800;font-size:3rem;letter-spacing:4px;background:linear-gradient(45deg,#ff4d4d,#ff8080,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,77,77,.3)}.landing-logo-badge{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:1.1rem;font-weight:600;margin-left:.75rem;box-shadow:0 4px 15px #ff4d4d4d}.landing-logo-subtitle{font-family:Orbitron,sans-serif;font-size:.9rem;color:#fff9;font-weight:400;letter-spacing:2px;text-transform:uppercase}.landing-card{background:#1e1e1ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;border:1px solid rgba(255,77,77,.1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.landing-card.animate-in{opacity:1;transform:translateY(0) scale(1)}.landing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4d4d,#ff8080,transparent);opacity:.8}.landing-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,77,77,.02) 0%,transparent 50%);pointer-events:none}.card-header{text-align:center;margin-bottom:2rem;position:relative;z-index:1}.card-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 .75rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.card-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);border-radius:2px}.card-subtitle{color:#ffffffb3;font-size:1rem;margin:0;line-height:1.5}.error-alert{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.landing-form{margin-bottom:2rem;position:relative;z-index:1}.input-group{margin-bottom:2rem}.input-label{display:block;margin-bottom:.75rem;font-size:.95rem;font-weight:500;color:#fffc;font-family:Orbitron,sans-serif;letter-spacing:.5px}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.25rem;color:#fff6;z-index:1;transition:color .3s ease}.landing-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.landing-input::placeholder{color:#ffffff4d}.landing-input:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d1a,0 8px 25px #ff4d4d26;background:#ffffff14}.landing-input:focus+.input-icon,.input-container:hover .input-icon{color:#ff8080}.landing-submit-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;border-radius:12px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 8px 20px #ff4d4d4d,inset 0 1px #fff3}.landing-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.landing-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff4d4d66,inset 0 1px #ffffff4d;background:linear-gradient(45deg,#f66,#ff8080)}.landing-submit-btn:hover:before{left:100%}.landing-submit-btn:active{transform:translateY(-1px)}.landing-submit-btn:disabled,.landing-submit-btn.loading{opacity:.8;cursor:not-allowed;transform:none}.landing-submit-btn.loading:before{display:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.info-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.info-item{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.9rem}.info-icon{color:#ff4d4d;flex-shrink:0}.bottom-info{text-align:center;margin-top:1.5rem;position:relative;z-index:1}.bottom-info p{color:#ffffff80;font-size:.9rem;margin:0;font-style:italic}.decorative-element{position:absolute;width:100px;height:100px;border:2px solid rgba(255,77,77,.1);border-radius:50%;z-index:0}.decorative-element.top-left{top:10%;left:10%;animation:rotate 20s linear infinite}.decorative-element.bottom-right{bottom:10%;right:10%;animation:rotate 25s linear infinite reverse}@media (max-width: 768px){.landing-page{padding:1rem}.back-button{top:1rem;left:1rem;padding:.75rem 1.25rem;font-size:.85rem}.back-button span{display:none}.landing-container{max-width:100%}.landing-logo-text{font-size:2.5rem;letter-spacing:3px}.landing-logo-badge{font-size:1rem;padding:.3rem .6rem;margin-left:.5rem}.landing-card{padding:2rem 1.5rem;border-radius:16px}.card-title{font-size:1.5rem}.card-subtitle{font-size:.9rem}.decorative-element{width:60px;height:60px}}@media (max-width: 480px){.landing-page{padding:.5rem}.landing-logo-text{font-size:2rem;letter-spacing:2px}.landing-logo-badge{font-size:.9rem;padding:.25rem .5rem}.landing-card{padding:1.5rem 1rem}.card-title{font-size:1.3rem}.landing-input{padding:1rem 1rem 1rem 3rem}.landing-submit-btn{padding:1rem 1.5rem;font-size:.9rem}.info-section{gap:.5rem}.info-item{font-size:.85rem}.decorative-element{display:none}}.login-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.login-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.login-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,77,77,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,77,77,.1) 0%,transparent 50%);z-index:0}.login-bg-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,77,77,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,77,77,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.05),transparent);background-repeat:repeat;background-size:150px 100px;z-index:0;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-15px) translate(3px)}}.login-back-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.75rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.875rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .4s ease;font-family:Orbitron,sans-serif;font-weight:500;font-size:.9rem;z-index:10;opacity:0;transform:translate(-30px)}.login-back-button.animate-in{opacity:1;transform:translate(0)}.login-back-button:hover{background:#ff4d4d26;border-color:#ff4d4d4d;transform:translate(-5px);box-shadow:0 8px 25px #ff4d4d33}.login-back-button svg{transition:transform .3s ease}.login-back-button:hover svg{transform:translate(-3px)}.login-container{position:relative;z-index:2;width:100%;max-width:480px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.login-container.animate-in{opacity:1;transform:translateY(0)}.login-logo-container{text-align:center;margin-bottom:2.5rem;opacity:0;transform:translateY(-20px);transition:all .6s ease}.login-logo-container.animate-in{opacity:1;transform:translateY(0)}.login-logo{display:inline-flex;align-items:center;margin-bottom:.5rem}.login-logo-text{font-family:Orbitron,sans-serif;font-weight:800;font-size:3rem;letter-spacing:4px;background:linear-gradient(45deg,#ff4d4d,#ff8080,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,77,77,.3)}.login-logo-badge{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;padding:.4rem .8rem;border-radius:8px;font-size:1.1rem;font-weight:600;margin-left:.75rem;box-shadow:0 4px 15px #ff4d4d4d}.login-logo-subtitle{font-family:Orbitron,sans-serif;font-size:.9rem;color:#fff9;font-weight:400;letter-spacing:2px;text-transform:uppercase}.login-card{background:#1e1e1ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;border:1px solid rgba(255,77,77,.1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.login-card.animate-in{opacity:1;transform:translateY(0) scale(1)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4d4d,#ff8080,transparent);opacity:.8}.login-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,77,77,.02) 0%,transparent 50%);pointer-events:none}.login-card-header{text-align:center;margin-bottom:2rem;position:relative;z-index:1}.login-card-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.login-card-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);border-radius:2px}.institution-display{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.2);padding:.75rem 1.25rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #ff4d4d1a}.institution-name{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;font-size:1rem;letter-spacing:.5px}.login-error-alert{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.login-form{margin-bottom:2rem;position:relative;z-index:1}.login-input-group{margin-bottom:1.5rem}.login-input-label{display:block;margin-bottom:.75rem;font-size:.95rem;font-weight:500;color:#fffc;font-family:Orbitron,sans-serif;letter-spacing:.5px}.login-input-container{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1.25rem;color:#fff6;z-index:1;transition:color .3s ease}.login-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.login-input::placeholder{color:#ffffff4d}.login-input:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d1a,0 8px 25px #ff4d4d26;background:#ffffff14}.login-input:focus~.login-input-icon,.login-input-container:hover .login-input-icon{color:#ff8080}.password-input{padding-right:3.5rem}.password-toggle{position:absolute;right:1.25rem;background:none;border:none;color:#fff6;cursor:pointer;padding:.5rem;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#ff8080}.forgot-password-container{display:flex;justify-content:flex-end;margin-bottom:2rem}.forgot-password-link{background:none;border:none;color:#ff4d4d;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;padding:0;letter-spacing:.5px;position:relative}.forgot-password-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#ff8080;transition:width .3s ease}.forgot-password-link:hover{color:#ff8080}.forgot-password-link:hover:after{width:100%}.login-submit-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;border-radius:12px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 8px 20px #ff4d4d4d,inset 0 1px #fff3}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-submit-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff4d4d66,inset 0 1px #ffffff4d;background:linear-gradient(45deg,#f66,#ff8080)}.login-submit-btn:hover:before{left:100%}.login-submit-btn:active{transform:translateY(-1px)}.login-submit-btn:disabled,.login-submit-btn.loading{opacity:.8;cursor:not-allowed;transform:none}.login-submit-btn.loading:before{display:none}.login-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.security-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.security-item{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.9rem}.security-icon{color:#ff4d4d;flex-shrink:0}.login-bottom-info{text-align:center;margin-top:1.5rem;position:relative;z-index:1}.login-bottom-info p{color:#ffffff80;font-size:.9rem;margin:0;font-style:italic}.login-decorative-element{position:absolute;width:100px;height:100px;border:2px solid rgba(255,77,77,.1);border-radius:50%;z-index:0}.login-decorative-element.top-left{top:10%;left:10%;animation:rotate 20s linear infinite}.login-decorative-element.bottom-right{bottom:10%;right:10%;animation:rotate 25s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.login-page{padding:1rem}.login-back-button{top:1rem;left:1rem;padding:.75rem 1.25rem;font-size:.85rem}.login-back-button span{display:none}.login-container{max-width:100%}.login-logo-text{font-size:2.5rem;letter-spacing:3px}.login-logo-badge{font-size:1rem;padding:.3rem .6rem;margin-left:.5rem}.login-card{padding:2rem 1.5rem;border-radius:16px}.login-card-title{font-size:1.5rem}.institution-display{padding:.5rem 1rem;gap:.5rem}.institution-name{font-size:.9rem}.login-decorative-element{width:60px;height:60px}}@media (max-width: 480px){.login-page{padding:.5rem}.login-logo-text{font-size:2rem;letter-spacing:2px}.login-logo-badge{font-size:.9rem;padding:.25rem .5rem}.login-card{padding:1.5rem 1rem}.login-card-title{font-size:1.3rem}.login-input{padding:1rem 1rem 1rem 3rem}.password-input{padding-right:3rem}.login-submit-btn{padding:1rem 1.5rem;font-size:.9rem}.security-info{gap:.5rem}.security-item{font-size:.85rem}.login-decorative-element{display:none}.institution-display{flex-direction:column;text-align:center;gap:.5rem;padding:.75rem}}.login-input:valid{border-color:#4caf504d}.login-input:invalid:not(:placeholder-shown){border-color:#f443364d}.login-input-container:focus-within .login-input-icon{color:#ff8080}.login-input-container:hover .login-input{border-color:#fff3}.login-card::-webkit-scrollbar{width:6px}.login-card::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.login-card::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:3px}.login-card::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.dashboard-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.dashboard-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.dashboard-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.dashboard-header.animate-in{opacity:1;transform:translateY(0)}.dashboard-header-content{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.dashboard-logo-container{display:flex;align-items:center;gap:1rem}.dashboard-logo-text{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(45deg,#ff4d4d,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.dashboard-logo-badge{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #ff4d4d4d}.institution-badge{display:flex;align-items:center;gap:.5rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.2);padding:.5rem .75rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;color:#fff}.institution-icon{color:#ff4d4d;display:flex;align-items:center}.dashboard-user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ff4d4d4d}.dashboard-logout-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.dashboard-logout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.dashboard-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1}.dashboard-welcome-section{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(30px);transition:all .8s ease}.dashboard-welcome-section.animate-in{opacity:1;transform:translateY(0)}.dashboard-welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4d4d,#ff8080,transparent);opacity:.8}.welcome-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.dashboard-stats-grid.animate-in{opacity:1;transform:translateY(0)}.dashboard-stat-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.dashboard-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a;border-color:#ff4d4d33}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.stat-value{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#ff4d4d;animation:loading-pulse 1.4s ease-in-out infinite both}.stat-icon.users{background:linear-gradient(45deg,#ff4d4d,#f66);box-shadow:0 8px 20px #ff4d4d4d}.stat-icon.employees{background:linear-gradient(45deg,#0c5aa2,#4da6ff);box-shadow:0 8px 20px #0c5aa24d}.stat-growth{display:flex;align-items:center;gap:.5rem;color:#00c853;font-size:.9rem;font-weight:500}.dashboard-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.dashboard-features-grid.animate-in{opacity:1;transform:translateY(0)}.dashboard-feature-card{border-radius:16px;padding:1.8rem;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay);height:180px;display:flex;flex-direction:column;justify-content:space-between;background-image:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-feature-card:nth-child(1){background:linear-gradient(135deg,#a2130c33,#1e1e1ee6);border:2px solid rgba(162,19,12,.3);box-shadow:0 8px 25px #a2130c33,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(1):before{content:"";position:absolute;top:-10px;right:-10px;width:60px;height:60px;background:radial-gradient(circle at 40% 40%,rgba(255,107,107,.2) 4px,transparent 4px),radial-gradient(circle at 70% 30%,rgba(255,107,107,.15) 3px,transparent 3px);background-size:20px 20px,15px 15px;border-radius:50%}.dashboard-feature-card:nth-child(2){background:linear-gradient(135deg,#0ca25e33,#1e1e1ee6);border:2px solid rgba(12,162,94,.3);box-shadow:0 8px 25px #0ca25e33,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(2):before{content:"";position:absolute;top:10px;right:10px;width:50px;height:40px;background-image:linear-gradient(rgba(81,207,102,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(81,207,102,.3) 1px,transparent 1px);background-size:10px 10px;border-radius:6px}.dashboard-feature-card:nth-child(2):after{content:"";position:absolute;top:15px;right:15px;width:6px;height:6px;background:#51cf6699;border-radius:1px;box-shadow:10px 0 #51cf6666,0 10px #51cf6666,10px 10px #51cf6699}.dashboard-feature-card:nth-child(3){background:linear-gradient(135deg,#0c8aa233,#1e1e1ee6);border:2px solid rgba(12,138,162,.3);box-shadow:0 8px 25px #0c8aa233,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(3):before{content:"✓";position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;color:#0c8aa24d;font-family:Arial,sans-serif;transform:rotate(-10deg)}.dashboard-feature-card:nth-child(3):after{content:"✓";position:absolute;bottom:20px;right:20px;font-size:16px;font-weight:700;color:#0c8aa233;font-family:Arial,sans-serif;transform:rotate(25deg)}.dashboard-feature-card:nth-child(4){background:linear-gradient(135deg,#0c5aa233,#1e1e1ee6);border:2px solid rgba(12,90,162,.3);box-shadow:0 8px 25px #0c5aa233,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(4):before{content:"";position:absolute;top:15px;right:15px;width:60px;height:40px;background:linear-gradient(135deg,rgba(77,174,255,.2) 10px,transparent 10px);clip-path:polygon(0 0,80% 0,100% 40%,100% 100%,20% 100%,0 60%)}.dashboard-feature-card:nth-child(5){background:linear-gradient(135deg,#880ca233,#1e1e1ee6);border:2px solid rgba(136,12,162,.3);box-shadow:0 8px 25px #880ca233,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(5):before{content:"";position:absolute;bottom:0;right:0;width:80px;height:30px;background:#cc5de833;clip-path:polygon(0 100%,0 60%,30% 40%,60% 70%,100% 50%,100% 100%)}.dashboard-feature-card:nth-child(6){background:linear-gradient(135deg,#a20c7333,#1e1e1ee6);border:2px solid rgba(162,12,115,.3);box-shadow:0 8px 25px #a20c7333,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(6):before{content:"";position:absolute;top:15px;right:15px;width:25px;height:15px;background:#f783ac4d;border-radius:12px 12px 12px 3px;box-shadow:-10px 8px 0 -3px #f783ac33}.dashboard-feature-card:nth-child(7){background:linear-gradient(135deg,#a29c0c33,#1e1e1ee6);border:2px solid rgba(162,156,12,.3);box-shadow:0 8px 25px #a29c0c33,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(7):before{content:"$";position:absolute;top:10px;right:15px;font-size:32px;font-weight:700;color:#ffd43b33;font-family:Orbitron,sans-serif;transform:rotate(15deg)}.dashboard-feature-card:nth-child(8){background:linear-gradient(135deg,#0ca2a233,#1e1e1ee6);border:2px solid rgba(12,162,162,.3);box-shadow:0 8px 25px #0ca2a233,inset 0 1px #ffffff1a}.dashboard-feature-card:nth-child(8):before{content:"";position:absolute;top:15px;right:15px;width:50px;height:35px;background:linear-gradient(to top,rgba(20,184,166,.3) 0%,rgba(20,184,166,.3) 20%,transparent 20%,transparent 30%,rgba(20,184,166,.2) 30%,rgba(20,184,166,.2) 50%,transparent 50%,transparent 60%,rgba(20,184,166,.3) 60%,rgba(20,184,166,.3) 100%);background-size:10px 100%;background-repeat:repeat-x;border-radius:3px}.dashboard-feature-card:nth-child(8):after{content:"";position:absolute;bottom:15px;right:15px;width:25px;height:25px;border:3px solid rgba(20,184,166,.3);border-radius:50%;border-top-color:#14b8a699;border-right-color:transparent}.dashboard-feature-card:hover{transform:translateY(-8px) scale(1.02)}.dashboard-feature-card:nth-child(1):hover{box-shadow:0 15px 35px #a2130c4d,0 0 20px #a2130c33;border-color:#a2130c99}.dashboard-feature-card:nth-child(2):hover{box-shadow:0 15px 35px #0ca25e4d,0 0 20px #0ca25e33;border-color:#0ca25e99}.dashboard-feature-card:nth-child(3):hover{box-shadow:0 15px 35px #0c8aa24d,0 0 20px #0c8aa233;border-color:#0c8aa299}.dashboard-feature-card:nth-child(4):hover{box-shadow:0 15px 35px #0c5aa24d,0 0 20px #0c5aa233;border-color:#0c5aa299}.dashboard-feature-card:nth-child(5):hover{box-shadow:0 15px 35px #880ca24d,0 0 20px #880ca233;border-color:#880ca299}.dashboard-feature-card:nth-child(6):hover{box-shadow:0 15px 35px #a20c734d,0 0 20px #a20c7333;border-color:#a20c7399}.dashboard-feature-card:nth-child(7):hover{box-shadow:0 15px 35px #a29c0c4d,0 0 20px #a29c0c33;border-color:#a29c0c99}.dashboard-feature-card:nth-child(8):hover{box-shadow:0 15px 35px #0ca2a24d,0 0 20px #0ca2a233;border-color:#0ca2a299}.feature-header{margin-bottom:.8rem;position:relative;z-index:2}.feature-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0;transition:all .3s ease;position:relative;z-index:2;line-height:1.3}.dashboard-feature-card:nth-child(1):hover .feature-title{color:#ff6b6b;text-shadow:0 0 8px rgba(162,19,12,.4)}.dashboard-feature-card:nth-child(2):hover .feature-title{color:#51cf66;text-shadow:0 0 8px rgba(12,162,94,.4)}.dashboard-feature-card:nth-child(3):hover .feature-title{color:#0c8aa2;text-shadow:0 0 8px rgba(12,138,162,.4)}.dashboard-feature-card:nth-child(4):hover .feature-title{color:#4daeff;text-shadow:0 0 8px rgba(12,90,162,.4)}.dashboard-feature-card:nth-child(5):hover .feature-title{color:#cc5de8;text-shadow:0 0 8px rgba(136,12,162,.4)}.dashboard-feature-card:nth-child(6):hover .feature-title{color:#f783ac;text-shadow:0 0 8px rgba(162,12,115,.4)}.dashboard-feature-card:nth-child(7):hover .feature-title{color:#ffd43b;text-shadow:0 0 8px rgba(162,156,12,.4)}.dashboard-feature-card:nth-child(8):hover .feature-title{color:#14b8a6;text-shadow:0 0 8px rgba(12,162,162,.4)}.feature-description{color:#fffc;line-height:1.5;margin:0;font-size:.9rem;position:relative;z-index:2;flex-grow:1;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-feature-card:hover .feature-description{color:#ffffffe6}.feature-footer{display:flex;justify-content:flex-end;position:relative;z-index:2;margin-top:1rem}.feature-button{display:flex;align-items:center;gap:.4rem;background:none;border:none;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;padding:.6rem 1.2rem;border-radius:8px;transition:all .3s ease;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase;position:relative;overflow:hidden}.dashboard-feature-card:nth-child(1) .feature-button{color:#ff6b6b;background:#a2130c1a;border:1px solid rgba(162,19,12,.3)}.dashboard-feature-card:nth-child(2) .feature-button{color:#51cf66;background:#0ca25e1a;border:1px solid rgba(12,162,94,.3)}.dashboard-feature-card:nth-child(3) .feature-button{color:#0c8aa2;background:#0c8aa21a;border:1px solid rgba(12,138,162,.3)}.dashboard-feature-card:nth-child(4) .feature-button{color:#4daeff;background:#0c5aa21a;border:1px solid rgba(12,90,162,.3)}.dashboard-feature-card:nth-child(5) .feature-button{color:#cc5de8;background:#880ca21a;border:1px solid rgba(136,12,162,.3)}.dashboard-feature-card:nth-child(6) .feature-button{color:#f783ac;background:#a20c731a;border:1px solid rgba(162,12,115,.3)}.dashboard-feature-card:nth-child(7) .feature-button{color:#ffd43b;background:#a29c0c1a;border:1px solid rgba(162,156,12,.3)}.dashboard-feature-card:nth-child(8) .feature-button{color:#14b8a6;background:#0ca2a21a;border:1px solid rgba(12,162,162,.3)}.dashboard-feature-card:nth-child(1):hover .feature-button{background:linear-gradient(45deg,#a2130c,#ff4d4d);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #a2130c66;border-color:transparent}.dashboard-feature-card:nth-child(2):hover .feature-button{background:linear-gradient(45deg,#0ca25e,#00d968);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #0ca25e66;border-color:transparent}.dashboard-feature-card:nth-child(3):hover .feature-button{background:linear-gradient(45deg,#0c8aa2,#17a2b8);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #0c8aa266;border-color:transparent}.dashboard-feature-card:nth-child(4):hover .feature-button{background:linear-gradient(45deg,#0c5aa2,#339af0);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #0c5aa266;border-color:transparent}.dashboard-feature-card:nth-child(5):hover .feature-button{background:linear-gradient(45deg,#880ca2,#be4bdb);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #880ca266;border-color:transparent}.dashboard-feature-card:nth-child(6):hover .feature-button{background:linear-gradient(45deg,#a20c73,#e64980);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #a20c7366;border-color:transparent}.dashboard-feature-card:nth-child(7):hover .feature-button{background:linear-gradient(45deg,#a29c0c,#fab005);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #a29c0c66;border-color:transparent}.dashboard-feature-card:nth-child(8):hover .feature-button{background:linear-gradient(45deg,#0ca2a2,#14b8a6);color:#fff;transform:translate(8px);box-shadow:0 6px 15px #0ca2a266;border-color:transparent}.feature-button svg{transition:transform .3s ease}.feature-button:hover svg{transform:translate(3px)}.dashboard-feature-card:nth-child(1):hover{background:linear-gradient(135deg,#a2130c40,#1e1e1ee6)}.dashboard-feature-card:nth-child(2):hover{background:linear-gradient(135deg,#0ca25e40,#1e1e1ee6)}.dashboard-feature-card:nth-child(3):hover{background:linear-gradient(135deg,#0c8aa240,#1e1e1ee6)}.dashboard-feature-card:nth-child(4):hover{background:linear-gradient(135deg,#0c5aa240,#1e1e1ee6)}.dashboard-feature-card:nth-child(5):hover{background:linear-gradient(135deg,#880ca240,#1e1e1ee6)}.dashboard-feature-card:nth-child(6):hover{background:linear-gradient(135deg,#a20c7340,#1e1e1ee6)}.dashboard-feature-card:nth-child(7):hover{background:linear-gradient(135deg,#a29c0c40,#1e1e1ee6)}.dashboard-feature-card:nth-child(8):hover{background:linear-gradient(135deg,#0ca2a240,#1e1e1ee6)}@media (max-width: 768px){.dashboard-header-content{padding:1rem;flex-direction:column;gap:1rem}.dashboard-logo-container{justify-content:center}.institution-badge{order:-1}.dashboard-user-info{width:100%;justify-content:space-between}.dashboard-main-content{padding:1rem}.dashboard-welcome-section{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem 1.5rem}.welcome-content{max-width:100%}.welcome-title{font-size:1.5rem}.welcome-text{font-size:1rem}.welcome-illustration{order:-1}.dashboard-stats-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-stat-card{padding:1.5rem}.stat-value{font-size:2rem}.dashboard-features-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-feature-card{padding:1.5rem;height:160px}.feature-title{font-size:1.1rem}.feature-description{font-size:.85rem}}@media (max-width: 480px){.dashboard-header-content{padding:.75rem}.dashboard-logo-text{font-size:1.5rem}.dashboard-logo-badge{font-size:.8rem;padding:.2rem .4rem}.institution-badge{font-size:.8rem;padding:.4rem .6rem}.user-name{font-size:.85rem}.dashboard-logout-button{padding:.6rem .8rem;font-size:.8rem}.dashboard-welcome-section{padding:1.5rem 1rem}.welcome-title{font-size:1.3rem}.welcome-text{font-size:.9rem}.dashboard-stat-card{padding:1.25rem}.stat-value{font-size:1.8rem}.stat-icon{width:50px;height:50px}.dashboard-feature-card{padding:1.25rem;height:150px}.feature-title{font-size:1rem}.feature-description{font-size:.8rem}.dashboard-feature-card:nth-child(1):before{width:40px;height:40px;top:-5px;right:-5px}.dashboard-feature-card:nth-child(2):before{width:40px;height:30px}.dashboard-feature-card:nth-child(3):before{font-size:20px;top:8px;right:12px}.dashboard-feature-card:nth-child(3):after{font-size:12px;bottom:15px;right:15px}.dashboard-feature-card:nth-child(4):before{width:50px;height:30px}.dashboard-feature-card:nth-child(7):before{font-size:24px;top:8px;right:12px}.dashboard-feature-card:nth-child(8):before{width:40px;height:25px}.dashboard-feature-card:nth-child(8):after{width:20px;height:20px}}.dashboard-page::-webkit-scrollbar{width:8px}.dashboard-page::-webkit-scrollbar-track{background:#ffffff1a}.dashboard-page::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.dashboard-page::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.refresh-button:focus,.dashboard-logout-button:focus,.feature-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}@media (prefers-contrast: high){.dashboard-stat-card,.dashboard-feature-card,.dashboard-welcome-section{border-color:#ffffff4d}.welcome-text,.feature-description{color:#ffffffe6}.dashboard-feature-card:before,.dashboard-feature-card:after{opacity:.8}}@media (prefers-reduced-motion: reduce){.dashboard-header,.dashboard-welcome-section,.dashboard-stats-grid,.dashboard-features-grid,.dashboard-feature-card{animation:none;transition:none}.welcome-illustration,.spinning,.dashboard-feature-card:before,.dashboard-feature-card:after{animation:none}.dashboard-feature-card:hover,.feature-button:hover,.feature-title:hover{transform:none}}.dashboard-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-feature-card:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.dashboard-feature-card,.dashboard-feature-card *{background-image:none!important}.dashboard-feature-card{position:relative;z-index:1}.dashboard-feature-card:before,.dashboard-feature-card:after{position:absolute;z-index:0;pointer-events:none}.dashboard-features-grid{align-items:stretch}.dashboard-feature-card{box-sizing:border-box}@media (min-width: 1200px){.dashboard-features-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px) and (max-width: 1199px){.dashboard-features-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 600px) and (max-width: 899px){.dashboard-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.dashboard-features-grid{grid-template-columns:1fr}}.dashboard-feature-card,.feature-button,.dashboard-logout-button,.refresh-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dashboard-feature-card:focus-visible{outline:2px solid rgba(255,77,77,.8);outline-offset:4px}.dashboard-feature-card{isolation:isolate}.forum-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.forum-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.forum-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.forum-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.forum-header.animate-in{opacity:1;transform:translateY(0)}.forum-header-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.forum-header-left{display:flex;align-items:center;gap:1.5rem}.forum-back-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;border-radius:12px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d33}.forum-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d4d}.forum-title-container{display:flex;flex-direction:column;gap:.25rem}.forum-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:800;margin:0;background:linear-gradient(45deg,#ff4d4d,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.forum-subtitle{font-family:Orbitron,sans-serif;font-size:.9rem;color:#ffffffb3;margin:0;font-weight:400}.forum-header-actions{display:flex;align-items:center;gap:1rem}.forum-refresh-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.forum-refresh-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d}.forum-refresh-button:disabled{opacity:.6;cursor:not-allowed}.forum-create-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.forum-create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.forum-main-content{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.forum-content{opacity:0;transform:translateY(30px);transition:all .8s ease}.forum-content.animate-in{opacity:1;transform:translateY(0)}.forum-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.forum-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,77,77,.3);border-radius:50%;border-top:4px solid #ff4d4d;animation:spin 1s linear infinite;margin-bottom:1rem}.forum-loading p{color:#ffffffb3;font-family:Orbitron,sans-serif;margin:0}.forum-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,77,77,.1);box-shadow:0 10px 30px #0000004d}.empty-state-icon{color:#ff4d4d;margin-bottom:1.5rem;opacity:.7}.forum-empty-state h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;margin:0 0 1rem;font-weight:600}.forum-empty-state p{color:#ffffffb3;margin:0 0 2rem;font-size:1.1rem}.empty-state-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d}.empty-state-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66}.forum-posts-grid{display:flex;flex-direction:column;gap:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.forum-posts-grid.animate-in{opacity:1;transform:translateY(0)}.forum-post-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;position:relative;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.forum-post-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006;border-color:#ff4d4d33}.forum-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.post-user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ff4d4d4d;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;margin:0;font-size:1rem}.user-role{font-family:Orbitron,sans-serif;font-size:.8rem;color:#ff4d4d;background:#ff4d4d1a;padding:.2rem .6rem;border-radius:12px;align-self:flex-start;font-weight:500}.post-time{color:#ffffff80;font-family:Orbitron,sans-serif;font-size:.8rem}.post-delete-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.post-delete-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-2px)}.post-content{margin-bottom:1.5rem}.post-content p{color:#fff;line-height:1.6;margin:0;font-size:1rem;word-wrap:break-word}.post-interactions{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.interaction-button{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:500}.interaction-button:hover{background:#ff4d4d1a;border-color:#ff4d4d4d;color:#ff4d4d}.like-button.liked{background:#ff4d4d26;border-color:#ff4d4d66;color:#ff4d4d}.post-replies{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.replies-header h5{font-family:Orbitron,sans-serif;font-size:.9rem;color:#ffffffb3;margin:0 0 1rem;font-weight:500}.replies-list{display:flex;flex-direction:column;gap:1rem}.reply-item{display:flex;gap:.75rem;background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.reply-avatar{width:32px;height:32px;border-radius:50%;background:#ff4d4d33;display:flex;align-items:center;justify-content:center;color:#ff4d4d;flex-shrink:0}.reply-content{flex:1}.reply-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.reply-name{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;font-size:.9rem}.reply-role{font-family:Orbitron,sans-serif;font-size:.75rem;color:#ff4d4d;background:#ff4d4d1a;padding:.15rem .5rem;border-radius:10px;font-weight:500}.reply-time{color:#ffffff80;font-family:Orbitron,sans-serif;font-size:.75rem;margin-left:auto}.reply-text{color:#ffffffe6;line-height:1.5;margin:0;font-size:.9rem;word-wrap:break-word}.replies-more{text-align:center;padding:.75rem;background:#ff4d4d0d;border-radius:8px;border:1px solid rgba(255,77,77,.1)}.replies-more span{color:#ff4d4d;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:500}.forum-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.forum-modal-content{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:auto;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,77,77,.2);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,77,77,.2)}.modal-header h3{font-family:Orbitron,sans-serif;font-size:1.25rem;color:#ff4d4d;margin:0;font-weight:600}.modal-close-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#ff4d4d33;border-color:#ff4d4d80}.modal-body{padding:2rem}.reply-textarea{width:100%;min-height:120px;padding:1rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,77,77,.3);border-radius:12px;font-size:1rem;resize:vertical;margin-bottom:.5rem;font-family:Arial,sans-serif;line-height:1.5;transition:all .3s ease;box-sizing:border-box}.reply-textarea:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 2px #ff4d4d33;background:#ffffff14}.reply-textarea::placeholder{color:#ffffff80}.character-count{color:#ffffff80;text-align:right;margin-bottom:1.5rem;font-size:.85rem;font-family:Orbitron,sans-serif}.modal-footer{padding:0 2rem 2rem}.modal-submit-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border-radius:12px;border:none;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d}.modal-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.modal-submit-button:disabled{opacity:.5;cursor:not-allowed;background:#666;box-shadow:none;transform:none}@media (max-width: 768px){.forum-header-content{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.forum-header-left{justify-content:center;text-align:center}.forum-title{font-size:1.5rem}.forum-subtitle{font-size:.8rem}.forum-header-actions{justify-content:center}.forum-main-content{padding:1rem}.forum-post-card{padding:1.5rem}.post-header{flex-direction:column;gap:1rem;align-items:flex-start}.post-user-info{align-self:stretch}.post-delete-button{align-self:flex-end}.post-interactions{flex-wrap:wrap;gap:.75rem}.interaction-button{padding:.4rem .8rem;font-size:.8rem}.reply-item{padding:.75rem}.forum-modal-content{width:95%;margin:1rem}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{padding:0 1.5rem 1.5rem}}@media (max-width: 480px){.forum-header-content{padding:.75rem}.forum-title{font-size:1.25rem}.forum-subtitle{font-size:.75rem}.forum-create-button span{display:none}.forum-post-card{padding:1.25rem}.user-avatar{width:40px;height:40px}.user-name{font-size:.9rem}.user-role{font-size:.75rem;padding:.15rem .5rem}.post-time{font-size:.75rem}.post-content p{font-size:.9rem}.interaction-button{padding:.35rem .7rem;font-size:.75rem}.reply-avatar{width:28px;height:28px}.reply-name{font-size:.8rem}.reply-role{font-size:.7rem;padding:.1rem .4rem}.reply-time{font-size:.7rem}.reply-text{font-size:.8rem}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.modal-footer{padding:0 1rem 1rem}.reply-textarea{min-height:100px;padding:.75rem}.modal-submit-button{padding:.75rem 1rem;font-size:.9rem}}@media (prefers-contrast: high){.forum-post-card,.reply-item,.forum-modal-content{border-color:#ffffff4d}.post-content p,.reply-text{color:#fffffff2}.user-role,.reply-role{background:#ff4d4d33}}@media (prefers-reduced-motion: reduce){.forum-header,.forum-content,.forum-posts-grid,.forum-post-card{animation:none;transition:none}.spinning,.loading-spinner,.button-spinner{animation:none}.forum-post-card:hover,.forum-back-button:hover,.forum-create-button:hover,.modal-submit-button:hover{transform:none}}.forum-page::-webkit-scrollbar,.forum-modal-content::-webkit-scrollbar,.reply-textarea::-webkit-scrollbar{width:8px}.forum-page::-webkit-scrollbar-track,.forum-modal-content::-webkit-scrollbar-track,.reply-textarea::-webkit-scrollbar-track{background:#ffffff1a}.forum-page::-webkit-scrollbar-thumb,.forum-modal-content::-webkit-scrollbar-thumb,.reply-textarea::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.forum-page::-webkit-scrollbar-thumb:hover,.forum-modal-content::-webkit-scrollbar-thumb:hover,.reply-textarea::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.forum-back-button:focus,.forum-refresh-button:focus,.forum-create-button:focus,.post-delete-button:focus,.interaction-button:focus,.empty-state-button:focus,.modal-close-button:focus,.modal-submit-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.reply-textarea:focus{outline:none}.forum-back-button,.forum-refresh-button,.forum-create-button,.post-delete-button,.interaction-button,.empty-state-button,.modal-close-button,.modal-submit-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.forum-post-card:focus-visible{outline:2px solid rgba(255,77,77,.8);outline-offset:4px}.forum-post-card{isolation:isolate}.forum-post-card.loading{pointer-events:none;opacity:.7}.forum-post-card.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px}@media print{.forum-header,.forum-bg-pattern,.forum-bg-gradient,.post-interactions,.modal-overlay{display:none}.forum-page{background:#fff;color:#000}.forum-post-card{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid}}.create-forum-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.create-forum-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.create-forum-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.create-forum-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.create-forum-header.animate-in{opacity:1;transform:translateY(0)}.create-forum-header-content{max-width:1000px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.create-forum-header-left{display:flex;align-items:center;gap:1.5rem}.create-forum-back-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;border-radius:12px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d33}.create-forum-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d4d}.create-forum-title-container{display:flex;flex-direction:column;gap:.25rem}.create-forum-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:800;margin:0;background:linear-gradient(45deg,#ff4d4d,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.create-forum-subtitle{font-family:Orbitron,sans-serif;font-size:.9rem;color:#ffffffb3;margin:0;font-weight:400}.create-forum-header-actions{display:flex;align-items:center}.create-forum-user-badge{display:flex;align-items:center;gap:.75rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.2);padding:.75rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-badge-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ff4d4d4d}.user-badge-info{display:flex;flex-direction:column;gap:.25rem}.user-badge-name{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;font-size:.9rem}.user-badge-role{font-family:Orbitron,sans-serif;font-size:.75rem;color:#ff4d4d;font-weight:500}.create-forum-main-content{max-width:1000px;margin:0 auto;padding:2rem;position:relative;z-index:1}.create-forum-content{opacity:0;transform:translateY(30px);transition:all .8s ease}.create-forum-content.animate-in{opacity:1;transform:translateY(0)}.create-forum-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.error-close{background:none;border:none;color:#ff4d4d;cursor:pointer;padding:.25rem;border-radius:4px;margin-left:auto;transition:all .3s ease}.error-close:hover{background:#ff4d4d1a}.create-post-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d;position:relative;overflow:hidden;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.create-post-card.animate-in{opacity:1;transform:translateY(0)}.create-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.create-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.post-author-info{display:flex;align-items:center;gap:1rem}.author-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #ff4d4d4d}.author-details{display:flex;flex-direction:column;gap:.25rem}.author-name{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;margin:0;font-size:1.1rem}.author-role{font-family:Orbitron,sans-serif;font-size:.8rem;color:#ff4d4d;background:#ff4d4d1a;padding:.2rem .6rem;border-radius:12px;align-self:flex-start;font-weight:500}.post-status{display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:.5rem;background:#ff4d4d1a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,77,77,.2)}.status-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-indicator span{font-family:Orbitron,sans-serif;font-size:.8rem;color:#ff4d4d;font-weight:500}.create-post-body{margin-bottom:2rem}.textarea-container{position:relative;margin-bottom:1rem}.post-textarea{width:100%;min-height:200px;padding:1.5rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,77,77,.3);border-radius:16px;font-size:1rem;line-height:1.6;resize:vertical;font-family:Arial,sans-serif;transition:all .3s ease;box-sizing:border-box}.post-textarea:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d33;background:#ffffff14}.post-textarea::placeholder{color:#ffffff80;font-style:italic}.textarea-overlay{position:absolute;bottom:12px;right:16px;pointer-events:none}.character-count{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem .8rem;border-radius:20px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.post-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.toolbar-left{display:flex;align-items:center}.formatting-hints{display:flex;align-items:center;gap:.5rem}.hint-item{font-family:Orbitron,sans-serif;font-size:.8rem;color:#fff9;display:flex;align-items:center;gap:.25rem}.hint-item kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.2rem .4rem;font-size:.7rem;font-family:Orbitron,sans-serif;color:#fff}.toolbar-right{display:flex;align-items:center}.content-stats{display:flex;align-items:center;gap:1rem}.word-count{font-family:Orbitron,sans-serif;font-size:.8rem;color:#fff9}.create-post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-left{display:flex;align-items:center}.draft-button{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:500;transition:all .3s ease}.draft-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff}.draft-button:disabled{opacity:.5;cursor:not-allowed}.footer-right{display:flex;align-items:center;gap:1rem}.cancel-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:500;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.publish-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.publish-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.publish-button:disabled{opacity:.5;cursor:not-allowed;background:#666;box-shadow:none;transform:none}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid #ffffff;animation:spin 1s linear infinite}.writing-tips-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;position:relative;overflow:hidden}.writing-tips-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.6}.tips-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.tips-icon{width:40px;height:40px;border-radius:50%;background:#ff4d4d33;display:flex;align-items:center;justify-content:center;color:#ff4d4d}.tips-header h4{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#fff;margin:0;font-weight:600}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.tips-list li{position:relative;padding-left:1.5rem;color:#fffc;line-height:1.5;font-size:.9rem}.tips-list li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;background:#ff4d4d;border-radius:50%}.tips-list li:hover{color:#fffffff2}@media (max-width: 768px){.create-forum-header-content{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.create-forum-header-left{justify-content:center;text-align:center}.create-forum-title{font-size:1.5rem}.create-forum-subtitle{font-size:.8rem}.create-forum-header-actions{justify-content:center}.create-forum-user-badge{justify-content:center;align-self:center}.create-forum-main-content{padding:1rem}.create-post-card{padding:1.5rem}.create-post-header{flex-direction:column;gap:1rem;align-items:center;text-align:center}.post-status{align-self:center}.post-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center}.create-post-footer{flex-direction:column;gap:1rem;align-items:stretch}.footer-left,.footer-right{justify-content:center}.footer-right{flex-direction:column;gap:.75rem}.post-textarea{min-height:150px;padding:1rem}.writing-tips-card{padding:1.5rem}}@media (max-width: 480px){.create-forum-header-content{padding:.75rem}.create-forum-title{font-size:1.25rem}.create-forum-subtitle{font-size:.75rem}.create-forum-user-badge{padding:.5rem .75rem;gap:.5rem}.user-badge-avatar{width:32px;height:32px}.user-badge-name{font-size:.8rem}.user-badge-role{font-size:.7rem}.create-post-card{padding:1.25rem}.author-avatar{width:48px;height:48px}.author-name{font-size:1rem}.author-role{font-size:.75rem;padding:.15rem .5rem}.post-textarea{min-height:120px;padding:.75rem;font-size:.9rem}.character-count{font-size:.75rem;padding:.3rem .6rem}.post-toolbar{padding:.75rem}.hint-item{font-size:.75rem}.hint-item kbd{font-size:.65rem;padding:.15rem .3rem}.word-count{font-size:.75rem}.draft-button,.cancel-button{padding:.6rem 1rem;font-size:.8rem}.publish-button{padding:.6rem 1.5rem;font-size:.8rem}.status-indicator{padding:.4rem .75rem;font-size:.75rem}.status-dot{width:6px;height:6px}.tips-icon{width:32px;height:32px}.tips-header h4{font-size:1rem}.tips-list li{font-size:.8rem;padding-left:1.25rem}.tips-list li:before{width:5px;height:5px;top:.5rem}.writing-tips-card{padding:1.25rem}.formatting-hints{flex-direction:column;gap:.25rem;align-items:center}}@media (prefers-contrast: high){.create-post-card,.writing-tips-card{border-color:#ffffff4d}.post-textarea{border-color:#ff4d4d80}.author-role,.user-badge-role{background:#ff4d4d33}.tips-list li{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.create-forum-header,.create-forum-content,.create-post-card{animation:none;transition:none}.button-spinner,.status-dot{animation:none}.create-forum-back-button:hover,.publish-button:hover{transform:none}}.create-forum-page::-webkit-scrollbar,.post-textarea::-webkit-scrollbar{width:8px}.create-forum-page::-webkit-scrollbar-track,.post-textarea::-webkit-scrollbar-track{background:#ffffff1a}.create-forum-page::-webkit-scrollbar-thumb,.post-textarea::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.create-forum-page::-webkit-scrollbar-thumb:hover,.post-textarea::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.create-forum-back-button:focus,.draft-button:focus,.cancel-button:focus,.publish-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.post-textarea:focus{outline:none}.create-forum-back-button,.draft-button,.cancel-button,.publish-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.create-post-card:focus-visible{outline:2px solid rgba(255,77,77,.8);outline-offset:4px}.create-post-card{isolation:isolate}.post-textarea{resize:none;overflow:hidden}.character-count{transition:color .3s ease}.create-post-card.submitting{pointer-events:none}.create-post-card.submitting .post-textarea{opacity:.7}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.create-post-card.success{animation:successPulse .6s ease-out;border-color:#4caf5080}.create-post-card.success:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.create-post-card.error{border-color:#ff4d4d80;box-shadow:0 0 0 2px #ff4d4d1a}.post-textarea.error{border-color:#ff4d4d99;box-shadow:0 0 0 2px #ff4d4d33}@keyframes placeholderShimmer{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.post-textarea:empty:before{content:attr(placeholder);color:#ffffff80;font-style:italic;animation:placeholderShimmer 2s ease-in-out infinite}@media print{.create-forum-header,.create-forum-bg-pattern,.create-forum-bg-gradient,.create-post-footer,.writing-tips-card{display:none}.create-forum-page{background:#fff;color:#000}.create-post-card{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid}.post-textarea{background:#fff;color:#000;border:1px solid #ccc}}.fee-management-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.fee-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a29c0c' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.fee-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(162,156,12,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,212,59,.05) 0%,transparent 50%);z-index:0}.fee-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(162,156,12,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.fee-header.animate-in{opacity:1;transform:translateY(0)}.fee-header-content{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.fee-nav-section{display:flex;align-items:center;gap:1rem}.fee-back-button{background:linear-gradient(45deg,#a29c0c,#ffd43b);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a29c0c4d}.fee-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a29c0c66;background:linear-gradient(45deg,#ffd43b,#fff59d)}.fee-header-info{display:flex;align-items:center;gap:1rem}.fee-logo-container{display:flex;align-items:center;gap:.5rem}.fee-logo-text{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(45deg,#a29c0c,#ffd43b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.fee-logo-badge{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#a29c0c,#ffd43b);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #a29c0c4d}.institution-badge{display:flex;align-items:center;gap:.5rem;background:#a29c0c1a;border:1px solid rgba(162,156,12,.2);padding:.5rem .75rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;color:#fff}.institution-icon{color:#ffd43b;display:flex;align-items:center}.fee-header-actions{display:flex;align-items:center;gap:1rem}.refresh-button:hover{background:#a29c0c33;border-color:#a29c0c4d}.fee-user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#a29c0c,#ffd43b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #a29c0c4d}.fee-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1}.fee-welcome-section{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(162,156,12,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(30px);transition:all .8s ease}.fee-welcome-section.animate-in{opacity:1;transform:translateY(0)}.fee-welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a29c0c,#ffd43b,transparent);opacity:.8}.welcome-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(45deg,#fff,#ffd43b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-month{color:#ffd43b;font-weight:600;font-family:Orbitron,sans-serif}.fee-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-top:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.error-retry-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;margin-left:auto;font-size:.85rem}.error-retry-button:hover{background:linear-gradient(45deg,#f66,#ff8080);transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4d4d}.fee-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.fee-stats-grid.animate-in{opacity:1;transform:translateY(0)}.fee-stat-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.fee-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.fee-stat-card.collected{border-color:#4caf5033}.fee-stat-card.collected:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#66bb6a);opacity:.8}.fee-stat-card.collected:hover{border-color:#4caf504d;box-shadow:0 20px 40px #0006,0 0 20px #4caf501a}.fee-stat-card.pending{border-color:#ffc10733}.fee-stat-card.pending:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffc107,#ffd54f);opacity:.8}.fee-stat-card.pending:hover{border-color:#ffc1074d;box-shadow:0 20px 40px #0006,0 0 20px #ffc1071a}.fee-stat-card.overdue{border-color:#ff4d4d33}.fee-stat-card.overdue:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.fee-stat-card.overdue:hover{border-color:#ff4d4d4d;box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.stat-label{font-family:Orbitron,sans-serif;font-size:.95rem;color:#ffffffb3;margin:0 0 .75rem;font-weight:500;letter-spacing:.5px}.stat-value{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(45deg,#fff,#ffd43b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-loading{display:flex;align-items:center;height:2.5rem}.loading-dots{display:flex;gap:.5rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#ffd43b;animation:loading-pulse 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.collected-icon{background:linear-gradient(45deg,#4caf50,#66bb6a);box-shadow:0 8px 20px #4caf504d}.stat-icon.pending-icon{background:linear-gradient(45deg,#ffc107,#ffd54f);box-shadow:0 8px 20px #ffc1074d}.stat-icon.overdue-icon{background:linear-gradient(45deg,#ff4d4d,#f66);box-shadow:0 8px 20px #ff4d4d4d}.stat-footer{display:flex;align-items:center;justify-content:space-between}.stat-growth{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem;font-weight:500}.fee-members-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.fee-members-section.animate-in{opacity:1;transform:translateY(0)}.fee-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;gap:1rem}.fee-loader{width:48px;height:48px;border:4px solid rgba(162,156,12,.3);border-radius:50%;border-top:4px solid #ffd43b;animation:spin 1s linear infinite}.fee-empty-container{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:3rem 2rem;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}.empty-icon{color:#a29c0c80;margin-bottom:1rem;display:flex;justify-content:center}.fee-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.fee-member-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0003;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.fee-member-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000004d}.fee-member-card.paid{border-color:#4caf5033}.fee-member-card.paid:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4caf50,#66bb6a);opacity:.8}.fee-member-card.paid:hover{border-color:#4caf5066;box-shadow:0 15px 35px #0000004d,0 0 20px #4caf501a}.fee-member-card.pending{border-color:#ffc10733}.fee-member-card.pending:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ffc107,#ffd54f);opacity:.8}.fee-member-card.pending:hover{border-color:#ffc10766;box-shadow:0 15px 35px #0000004d,0 0 20px #ffc1071a}.fee-member-card.overdue{border-color:#ff4d4d33}.fee-member-card.overdue:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.fee-member-card.overdue:hover{border-color:#ff4d4d66;box-shadow:0 15px 35px #0000004d,0 0 20px #ff4d4d1a}.fee-member-card.no_payment{border-color:#ffffff1a}.fee-member-card.no_payment:hover{border-color:#fff3}.member-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#a29c0c,#ffd43b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #a29c0c4d;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem;line-height:1.3}.member-email{color:#ffffffb3;font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-details{text-align:right;flex-shrink:0}.payment-status{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-status.paid{color:#4caf50}.payment-status.pending{color:#ffc107}.payment-status.overdue{color:#ff4d4d}.payment-amount{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(45deg,#fff,#ffd43b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.member-arrow{color:#ffffff80;transition:all .3s ease;flex-shrink:0}.fee-member-card:hover .member-arrow{color:#ffd43b;transform:translate(3px)}@media (max-width: 768px){.fee-header-content{padding:1rem;flex-direction:column;gap:1rem}.fee-nav-section{justify-content:center;width:100%}.fee-header-actions{width:100%;justify-content:space-between}.fee-main-content{padding:1rem}.fee-welcome-section{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem 1.5rem}.welcome-content{max-width:100%}.welcome-title{font-size:1.5rem}.welcome-text{font-size:1rem}.welcome-illustration{order:-1}.fee-stats-grid{grid-template-columns:1fr;gap:1.5rem}.fee-stat-card{padding:1.5rem}.stat-value{font-size:2rem}.fee-members-grid{grid-template-columns:1fr;gap:1rem}.fee-member-card{padding:1.25rem}.member-name{font-size:1rem}.member-email{font-size:.85rem}.payment-amount{font-size:1rem}}@media (max-width: 480px){.fee-header-content{padding:.75rem}.fee-logo-text{font-size:1.5rem}.fee-logo-badge{font-size:.8rem;padding:.2rem .4rem}.institution-badge{font-size:.8rem;padding:.4rem .6rem}.user-name{font-size:.85rem}.fee-welcome-section{padding:1.5rem 1rem}.welcome-title{font-size:1.3rem}.welcome-text{font-size:.9rem}.fee-stat-card{padding:1.25rem}.stat-value{font-size:1.8rem}.stat-icon{width:50px;height:50px}.fee-member-card{padding:1rem;gap:.75rem}.member-avatar{width:40px;height:40px}.member-name{font-size:.95rem}.member-email{font-size:.8rem}.payment-amount{font-size:.95rem}.payment-status{font-size:.75rem}}.fee-management-page::-webkit-scrollbar{width:8px}.fee-management-page::-webkit-scrollbar-track{background:#ffffff1a}.fee-management-page::-webkit-scrollbar-thumb{background:#a29c0c4d;border-radius:4px}.fee-management-page::-webkit-scrollbar-thumb:hover{background:#a29c0c80}.fee-back-button:focus,.refresh-button:focus,.fee-member-card:focus,.error-retry-button:focus{outline:2px solid rgba(162,156,12,.5);outline-offset:2px}@media (prefers-contrast: high){.fee-stat-card,.fee-member-card,.fee-welcome-section{border-color:#ffffff4d}.welcome-text,.member-email{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.fee-header,.fee-welcome-section,.fee-stats-grid,.fee-members-section,.fee-member-card{animation:none;transition:none}.welcome-illustration,.spinning,.fee-loader{animation:none}.fee-member-card:hover{transform:none}.member-arrow{transition:none}.fee-member-card:hover .member-arrow{transform:none}}.fee-stat-card,.fee-member-card,.fee-welcome-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.fee-stat-card:hover,.fee-member-card:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.fee-member-card{position:relative;z-index:1}.fee-member-card:before{position:absolute;z-index:0;pointer-events:none}.fee-member-card,.fee-back-button,.refresh-button,.error-retry-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fee-member-card:focus-visible{outline:2px solid rgba(162,156,12,.8);outline-offset:4px}.fee-member-card{isolation:isolate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-history-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.history-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230c5aa2' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.history-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(12,90,162,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(77,174,255,.05) 0%,transparent 50%);z-index:0}.history-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(12,90,162,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.history-header.animate-in{opacity:1;transform:translateY(0)}.history-header-content{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.history-nav-section{display:flex;align-items:center;gap:1rem}.history-back-button{background:linear-gradient(45deg,#0c5aa2,#4daeff);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0c5aa24d}.history-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0c5aa266;background:linear-gradient(45deg,#4daeff,#74b9ff)}.history-header-info{display:flex;align-items:center;gap:1rem}.history-logo-container{display:flex;align-items:center;gap:.5rem}.history-logo-text{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(45deg,#0c5aa2,#4daeff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.history-logo-badge{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#0c5aa2,#4daeff);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #0c5aa24d}.institution-badge{display:flex;align-items:center;gap:.5rem;background:#0c5aa21a;border:1px solid rgba(12,90,162,.2);padding:.5rem .75rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;color:#fff}.institution-icon{color:#4daeff;display:flex;align-items:center}.history-header-actions{display:flex;align-items:center;gap:1rem}.refresh-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:#0c5aa233;border-color:#0c5aa24d}.history-user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#0c5aa2,#4daeff);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #0c5aa24d}.history-main-content{max-width:900px;margin:0 auto;padding:2rem;position:relative;z-index:1}.history-welcome-section{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(12,90,162,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(30px);transition:all .8s ease}.history-welcome-section.animate-in{opacity:1;transform:translateY(0)}.history-welcome-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#0c5aa2,#4daeff,transparent);opacity:.8}.welcome-content{flex:1;max-width:60%}.welcome-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(45deg,#fff,#4daeff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text{color:#fffc;line-height:1.6;font-size:1.1rem;margin:0}.highlight-member{color:#4daeff;font-weight:600;font-family:Orbitron,sans-serif}.welcome-illustration{flex-shrink:0;opacity:.7;animation:float 6s ease-in-out infinite}.history-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.history-loader{width:48px;height:48px;border:4px solid rgba(12,90,162,.3);border-radius:50%;border-top:4px solid #4daeff;animation:spin 1s linear infinite}.loading-text{font-family:Orbitron,sans-serif;color:#ffffffb3;font-size:.9rem}.history-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;padding:2rem;text-align:center}.error-icon{color:#ff4d4d;opacity:.7}.error-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;margin:0}.error-text{color:#ffffffb3;margin:0;font-size:1rem;max-width:400px}.error-retry-button{background:linear-gradient(45deg,#0c5aa2,#4daeff);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.error-retry-button:hover{background:linear-gradient(45deg,#4daeff,#74b9ff);transform:translateY(-2px);box-shadow:0 6px 20px #0c5aa266}.history-member-info{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(12,90,162,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;opacity:0;transform:translateY(30px);transition:all .8s ease}.history-member-info.animate-in{opacity:1;transform:translateY(0)}.history-member-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0c5aa2,#4daeff);opacity:.8}.member-avatar-section{display:flex;align-items:flex-start;gap:1rem;flex:1}.member-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,#0c5aa2,#4daeff);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px #0c5aa24d;flex-shrink:0}.member-details{flex:1}.member-name{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3}.member-email{color:#ffffffb3;font-size:1rem;margin:0 0 .75rem}.member-since{color:#4daeff;font-size:.9rem;margin:0;display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-weight:500}.payment-summary{display:flex;flex-direction:column;gap:1rem;flex-shrink:0;text-align:right}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-family:Orbitron,sans-serif;font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-family:Orbitron,sans-serif;font-size:1.25rem;color:#fff;font-weight:700}.summary-value.paid{color:#4caf50}.summary-value.pending{color:#ffc107}.history-cards-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.history-cards-section.animate-in{opacity:1;transform:translateY(0)}.history-empty-container{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:3rem 2rem;text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}.empty-icon{color:#0c5aa280;margin-bottom:1rem;display:flex;justify-content:center}.empty-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;margin:0 0 .5rem}.empty-text{color:#ffffffb3;margin:0;font-size:1rem}.history-cards-grid{display:flex;flex-direction:column;gap:1.5rem}.history-payment-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0003;cursor:default;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.history-payment-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.history-payment-card.paid{border-color:#4caf5033}.history-payment-card.paid:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#66bb6a);opacity:.8}.history-payment-card.paid:hover{border-color:#4caf5066;box-shadow:0 15px 35px #0000004d,0 0 20px #4caf501a}.history-payment-card.pending{border-color:#ffc10733}.history-payment-card.pending:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffc107,#ffd54f);opacity:.8}.history-payment-card.pending:hover{border-color:#ffc10766;box-shadow:0 15px 35px #0000004d,0 0 20px #ffc1071a}.history-payment-card.overdue{border-color:#ff4d4d33}.history-payment-card.overdue:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.history-payment-card.overdue:hover{border-color:#ff4d4d66;box-shadow:0 15px 35px #0000004d,0 0 20px #ff4d4d1a}.payment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;position:relative;z-index:2}.period-info{flex:1}.period-title{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .75rem;line-height:1.3}.payment-status{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .75rem;border-radius:20px;width:fit-content}.payment-status.paid{color:#4caf50;background:#4caf501a;border:1px solid rgba(76,175,80,.3)}.payment-status.pending{color:#ffc107;background:#ffc1071a;border:1px solid rgba(255,193,7,.3)}.payment-status.overdue{color:#ff4d4d;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3)}.amount-display{text-align:right;flex-shrink:0;position:relative;z-index:2}.amount-label{display:block;font-family:Orbitron,sans-serif;font-size:.8rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.amount-value{display:block;font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;background:linear-gradient(45deg,#fff,#4daeff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fee-breakdown{margin-bottom:1.5rem;position:relative;z-index:2}.breakdown-title{font-family:Orbitron,sans-serif;font-size:.9rem;color:#fffc;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fee-items{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.fee-item{background:#ffffff0d;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.fee-label{font-size:.8rem;color:#ffffffb3;font-weight:500}.fee-value{font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;font-weight:700}.payment-meta{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:2}.payment-date{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.manager-note{display:flex;align-items:center;gap:.5rem;color:#4daeff;font-size:.8rem;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.receipt-section{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:1rem;position:relative;z-index:2}@media (max-width: 768px){.history-header-content{padding:1rem;flex-direction:column;gap:1rem}.history-nav-section{justify-content:center;width:100%}.history-header-actions{width:100%;justify-content:space-between}.history-main-content{padding:1rem}.history-welcome-section{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem 1.5rem}.welcome-content{max-width:100%}.welcome-title{font-size:1.5rem}.welcome-text{font-size:1rem}.welcome-illustration{order:-1}.history-member-info{flex-direction:column;gap:1.5rem;padding:1.5rem}.member-avatar-section{align-items:center}.payment-summary{flex-direction:row;justify-content:space-around;text-align:center}.payment-card-header{flex-direction:column;gap:1rem;align-items:stretch}.amount-display{text-align:left}.fee-items{grid-template-columns:1fr}.payment-meta{flex-direction:column;gap:.75rem;align-items:flex-start}.history-payment-card{padding:1.5rem}}@media (max-width: 480px){.history-header-content{padding:.75rem}.history-logo-text{font-size:1.5rem}.history-logo-badge{font-size:.8rem;padding:.2rem .4rem}.institution-badge{font-size:.8rem;padding:.4rem .6rem}.user-name{font-size:.85rem}.history-welcome-section{padding:1.5rem 1rem}.welcome-title{font-size:1.3rem}.welcome-text{font-size:.9rem}.history-member-info{padding:1.25rem}.member-name{font-size:1.25rem}.member-email{font-size:.9rem}.member-since{font-size:.8rem}.history-payment-card{padding:1.25rem}.period-title{font-size:1.1rem}.amount-value{font-size:1.5rem}.payment-status{font-size:.8rem;padding:.4rem .6rem}}.payment-history-page::-webkit-scrollbar{width:8px}.payment-history-page::-webkit-scrollbar-track{background:#ffffff1a}.payment-history-page::-webkit-scrollbar-thumb{background:#0c5aa24d;border-radius:4px}.payment-history-page::-webkit-scrollbar-thumb:hover{background:#0c5aa280}.history-back-button:focus,.refresh-button:focus,.error-retry-button:focus{outline:2px solid rgba(12,90,162,.5);outline-offset:2px}@media (prefers-contrast: high){.history-member-info,.history-payment-card,.history-welcome-section{border-color:#ffffff4d}.welcome-text,.member-email{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.history-header,.history-welcome-section,.history-member-info,.history-cards-section,.history-payment-card{animation:none;transition:none}.welcome-illustration,.spinning,.history-loader{animation:none}.history-payment-card:hover,.history-back-button:hover{transform:none}}.history-member-info,.history-payment-card,.history-welcome-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.history-payment-card:hover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.history-payment-card{position:relative;z-index:1}.history-payment-card:before{position:absolute;z-index:0;pointer-events:none}.history-back-button,.refresh-button,.error-retry-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.history-payment-card:focus-visible{outline:2px solid rgba(12,90,162,.8);outline-offset:4px}.history-cards-section{isolation:isolate}.reports-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.reports-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2314b8a6' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.reports-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(20,184,166,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(20,184,166,.05) 0%,transparent 50%);z-index:0}.reports-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(20,184,166,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.reports-header.animate-in{opacity:1;transform:translateY(0)}.reports-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.reports-nav-section{display:flex;align-items:center;gap:1rem}.reports-back-button{background:linear-gradient(45deg,#0ca2a2,#14b8a6);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #14b8a64d}.reports-back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #14b8a666;background:linear-gradient(45deg,#14b8a6,#20d4b8)}.reports-header-info{display:flex;align-items:center;gap:1rem}.reports-logo-container{display:flex;align-items:center;gap:.5rem}.reports-logo-text{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(45deg,#0ca2a2,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}.reports-logo-badge{font-family:Orbitron,sans-serif;background:linear-gradient(45deg,#0ca2a2,#14b8a6);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #14b8a64d}.institution-badge{display:flex;align-items:center;gap:.5rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.2);padding:.5rem .75rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;color:#fff}.institution-icon{color:#14b8a6;display:flex;align-items:center}.reports-header-actions{display:flex;align-items:center;gap:1.5rem}.export-buttons{display:flex;gap:.75rem}.export-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.export-button.excel{background:linear-gradient(45deg,#10b981,#34d399);color:#fff;box-shadow:0 4px 12px #10b9814d}.export-button.excel:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166;background:linear-gradient(45deg,#34d399,#6ee7b7)}.export-button.pdf{background:linear-gradient(45deg,#ef4444,#f87171);color:#fff;box-shadow:0 4px 12px #ef44444d}.export-button.pdf:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466;background:linear-gradient(45deg,#f87171,#fca5a5)}.reports-user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#0ca2a2,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #14b8a64d}.user-name{font-family:Orbitron,sans-serif;font-weight:500;color:#fff;font-size:.95rem}.reports-main-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.reports-tabs{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .6s ease}.reports-tabs.animate-in{opacity:1;transform:translateY(0)}.tab-container{display:flex;background:#1e1e1ecc;border-radius:12px;padding:.5rem;border:1px solid rgba(20,184,166,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;color:#ffffffb3;font-family:Orbitron,sans-serif;font-weight:500;font-size:.9rem;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.tab-button:hover{color:#14b8a6;background:#14b8a61a}.tab-button.active{background:linear-gradient(45deg,#0ca2a2,#14b8a6);color:#fff;box-shadow:0 4px 12px #14b8a64d}.date-picker-container{display:flex;align-items:center}.date-picker{background:#1e1e1ecc;border:1px solid rgba(20,184,166,.3);border-radius:8px;padding:.75rem 1rem;color:#fff;font-family:Orbitron,sans-serif;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-picker:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a633}.date-picker::-webkit-calendar-picker-indicator{filter:invert(1)}.reports-content{opacity:0;transform:translateY(30px);transition:all .8s ease}.reports-content.animate-in{opacity:1;transform:translateY(0)}.reports-error-message{background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.error-icon{flex-shrink:0;color:#ef4444}.reports-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1.5rem}.reports-loader{width:48px;height:48px;border:4px solid rgba(20,184,166,.3);border-radius:50%;border-top:4px solid #14b8a6;animation:spin 1s linear infinite}.loading-text{font-family:Orbitron,sans-serif;color:#ffffffb3;font-size:.95rem;font-weight:500}.reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.summary-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8}.summary-card.revenue:before{background:linear-gradient(90deg,#10b981,#34d399)}.summary-card.expenses:before{background:linear-gradient(90deg,#ef4444,#f87171)}.summary-card.net-income:before{background:linear-gradient(90deg,#0ca2a2,#14b8a6)}.summary-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.summary-card.revenue:hover{border-color:#10b9814d;box-shadow:0 20px 40px #0006,0 0 20px #10b9811a}.summary-card.expenses:hover{border-color:#ef44444d;box-shadow:0 20px 40px #0006,0 0 20px #ef44441a}.summary-card.net-income:hover{border-color:#14b8a64d;box-shadow:0 20px 40px #0006,0 0 20px #14b8a61a}.summary-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-card.revenue .summary-icon{background:linear-gradient(45deg,#10b981,#34d399);box-shadow:0 8px 20px #10b9814d}.summary-card.expenses .summary-icon{background:linear-gradient(45deg,#ef4444,#f87171);box-shadow:0 8px 20px #ef44444d}.summary-card.net-income .summary-icon{background:linear-gradient(45deg,#0ca2a2,#14b8a6);box-shadow:0 8px 20px #14b8a64d}.summary-info{flex:1}.summary-label{font-family:Orbitron,sans-serif;font-size:.95rem;color:#ffffffb3;margin:0 0 .5rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin:0 0 .25rem;background:linear-gradient(45deg,#fff,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-desc{font-size:.85rem;color:#fff9;font-weight:500}.reports-tables-container{display:flex;flex-direction:column;gap:3rem}.table-section{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;overflow:hidden}.table-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#14b8a60d}.table-title{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.75rem}.table-title svg{color:#14b8a6}.empty-table-message{padding:4rem 2rem;text-align:center;color:#ffffffb3}.empty-icon{color:#14b8a64d;margin-bottom:1rem;display:flex;justify-content:center}.empty-table-message h4{font-family:Orbitron,sans-serif;font-size:1.2rem;color:#fff;margin:0 0 .5rem}.empty-table-message p{margin:0;font-size:.95rem}.table-container{overflow-x:auto;max-height:500px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{background:#14b8a61a;color:#14b8a6;padding:1rem 1.5rem;text-align:left;font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(20,184,166,.2);position:sticky;top:0;z-index:10}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffffe6;vertical-align:middle}.data-table tr:hover{background:#14b8a60d}.member-cell,.employee-cell{display:flex;align-items:center;gap:.75rem}.member-avatar,.employee-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(45deg,#0ca2a2,#14b8a6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.amount-cell{font-family:Orbitron,sans-serif;font-weight:600;color:#14b8a6;text-align:right}.amount-cell.deduction{color:#ef4444}.amount-cell.net-salary{color:#10b981;font-weight:700}.comment-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffb3;font-style:italic}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Orbitron,sans-serif}.status-badge.paid{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.pending{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}@media (max-width: 1200px){.reports-header-content{padding:1rem 1.5rem}.reports-main-content{padding:1.5rem}.reports-summary-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.reports-header-content{flex-direction:column;gap:1rem;padding:1rem}.reports-nav-section{justify-content:center;width:100%}.reports-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:1rem}.export-buttons{order:2;width:100%;justify-content:center}.reports-user-info{order:1}.reports-main-content{padding:1rem}.reports-tabs{flex-direction:column;gap:1rem;align-items:stretch}.tab-container,.date-picker-container{justify-content:center}.summary-card{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.summary-value{font-size:1.8rem}.table-header{padding:1rem}.table-title{font-size:1.1rem}.data-table th,.data-table td{padding:.75rem 1rem;font-size:.85rem}.comment-cell{max-width:150px}}@media (max-width: 480px){.reports-header-content{padding:.75rem}.reports-logo-text{font-size:1.5rem}.reports-logo-badge{font-size:.8rem;padding:.2rem .4rem}.institution-badge{font-size:.8rem;padding:.4rem .6rem}.export-button{padding:.5rem .75rem;font-size:.8rem}.user-name{font-size:.85rem}.tab-button{padding:.6rem 1rem;font-size:.8rem}.date-picker{padding:.6rem .8rem;font-size:.85rem}.summary-card{padding:1.25rem}.summary-icon{width:50px;height:50px}.summary-value{font-size:1.5rem}.table-section{border-radius:12px}.table-header{padding:.75rem}.table-title{font-size:1rem;gap:.5rem}.data-table th,.data-table td{padding:.5rem .75rem;font-size:.8rem}.member-avatar,.employee-avatar{width:28px;height:28px}.comment-cell{max-width:120px}.status-badge{padding:.2rem .5rem;font-size:.7rem}}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#14b8a680}.reports-back-button:focus,.export-button:focus,.tab-button:focus,.date-picker:focus{outline:2px solid rgba(20,184,166,.5);outline-offset:2px}@media (prefers-contrast: high){.summary-card,.table-section,.tab-container{border-color:#ffffff4d}.data-table th{background:#14b8a633}.summary-desc,.comment-cell{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.reports-header,.reports-tabs,.reports-content,.summary-card{animation:none;transition:none}.reports-loader{animation:none}.summary-card:hover,.reports-back-button:hover,.export-button:hover{transform:none}}.summary-card,.table-section{isolation:isolate}.reports-back-button,.export-button,.tab-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media print{.reports-page{background:#fff;color:#000}.reports-header,.export-buttons,.reports-tabs{display:none}.summary-card,.table-section{background:#fff;border:1px solid #ccc;box-shadow:none}.data-table th{background:#f5f5f5;color:#000}.data-table td{color:#000;border-bottom:1px solid #ccc}}.member-management-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.member-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.member-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.member-header.animate-in{opacity:1;transform:translateY(0)}.member-header-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.member-back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d;transform:translate(-2px)}.member-header-center{flex:1;text-align:center}.member-header-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.member-header-subtitle{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.4}.member-refresh-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-refresh-button:hover:not(:disabled){background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-2px)}.member-refresh-button:disabled{opacity:.6;cursor:not-allowed}.member-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s ease}.member-main-content.animate-in{opacity:1;transform:translateY(0)}.member-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.member-stat-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.member-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a}.member-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8}.member-stat-card.total:before{background:linear-gradient(90deg,#ff4d4d,#ff8080)}.member-stat-card.active:before{background:linear-gradient(90deg,#4caf50,#81c784)}.member-stat-card.inactive:before{background:linear-gradient(90deg,#ffc107,#ffd54f)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-stat-card.total .stat-icon{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;box-shadow:0 8px 20px #ff4d4d4d}.member-stat-card.active .stat-icon{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 8px 20px #4caf504d}.member-stat-card.inactive .stat-icon{background:linear-gradient(45deg,#ffc107,#ffca28);color:#fff;box-shadow:0 8px 20px #ffc1074d}.stat-label{font-family:Orbitron,sans-serif;font-size:.9rem;color:#ffffffb3;font-weight:500;letter-spacing:.5px}.member-controls-container{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,77,77,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a}.member-search-container{margin-bottom:1.5rem}.member-search-wrapper{position:relative;display:flex;align-items:center}.member-search-icon{position:absolute;left:1rem;color:#ff4d4d;display:flex;align-items:center;z-index:2}.member-search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;font-family:Arial,sans-serif;transition:all .3s ease;box-sizing:border-box}.member-search-input::placeholder{color:#ffffff80}.member-search-input:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d33;background:#ffffff14}.member-filter-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.member-filter-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.member-filter-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.member-filter-button.active{background:#ff4d4d33;border-color:#ff4d4d80;color:#fff;box-shadow:0 4px 15px #ff4d4d33}.member-filter-button.active:hover{background:#ff4d4d4d;border-color:#ff4d4d99}.member-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.member-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.member-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,77,77,.2);border-radius:50%;border-top-color:#ff4d4d;animation:spin 1s ease-in-out infinite}.member-loading-text{font-family:Orbitron,sans-serif;font-size:1rem;color:#ffffffb3;margin-top:1rem}.member-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;text-align:center}.member-refresh-main-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.member-refresh-main-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.member-refresh-main-button:disabled{opacity:.6;cursor:not-allowed}.member-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.member-cards-grid.animate-in{opacity:1;transform:translateY(0)}.member-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.member-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a;border-color:#ff4d4d33}.member-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.member-card-header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-start}.member-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;box-shadow:0 8px 20px #ff4d4d4d;flex-shrink:0}.member-status-indicator{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-text{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.member-card-body{padding:0 1.5rem 1.5rem}.member-name{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.3}.member-contact-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:#ffffffb3}.contact-item svg{flex-shrink:0;opacity:.8}.contact-text{font-size:.9rem;line-height:1.4;word-break:break-word}.inactive-duration{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffd54f;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-family:Orbitron,sans-serif;font-weight:500;text-align:center;margin-top:.5rem}.member-card-footer{padding:1rem 1.5rem;background:#ff4d4d0d;border-top:1px solid rgba(255,77,77,.1);display:flex;justify-content:center;align-items:center}.view-details-text{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;color:#ff4d4d;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.member-card:hover .view-details-text{color:#f66;transform:translate(4px)}.member-card:hover .view-details-text svg{transform:translate(2px)}@media (max-width: 768px){.member-header-content{padding:1rem;flex-direction:column;gap:1rem}.member-header-center{order:-1}.member-header-title{font-size:1.5rem}.member-header-subtitle{font-size:.9rem}.member-main-content{padding:1rem}.member-stats-overview{grid-template-columns:1fr;gap:1rem}.member-stat-card{padding:1.25rem}.stat-value{font-size:1.5rem}.stat-icon{width:50px;height:50px}.member-controls-container{padding:1.5rem}.member-filter-container{grid-template-columns:1fr;gap:.75rem}.member-cards-grid{grid-template-columns:1fr;gap:1.5rem}.member-card{margin:0 -.5rem}}@media (max-width: 480px){.member-header-content{padding:.75rem}.member-header-title{font-size:1.3rem}.member-header-subtitle{font-size:.85rem}.member-main-content{padding:.75rem}.member-stats-overview{gap:.75rem}.member-stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.75rem}.stat-value{font-size:1.3rem}.stat-icon{width:45px;height:45px}.member-controls-container{padding:1.25rem}.member-search-input{padding:.875rem .875rem .875rem 2.5rem;font-size:.9rem}.member-filter-button{padding:.75rem 1rem;font-size:.85rem}.member-cards-grid{grid-template-columns:1fr;gap:1.25rem}.member-card{margin:0 -.25rem}.member-card-header{padding:1.25rem 1.25rem .75rem}.member-avatar{width:45px;height:45px;font-size:1rem}.member-name{font-size:1.1rem}.contact-text{font-size:.85rem}}@media (prefers-contrast: high){.member-card,.member-controls-container,.member-stat-card{border-color:#ffffff4d}.member-header-subtitle,.stat-label,.contact-text{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.member-header,.member-main-content,.member-cards-grid,.member-card{animation:none;transition:none}.spinning{animation:none}.member-card:hover,.member-stat-card:hover,.member-back-button:hover{transform:none}}.member-back-button:focus,.member-refresh-button:focus,.member-filter-button:focus,.member-refresh-main-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.member-search-input:focus{outline:none}.member-card:focus-visible{outline:2px solid rgba(255,77,77,.8);outline-offset:4px}.member-card,.member-stat-card,.member-controls-container{isolation:isolate}.member-card,.member-filter-button,.member-refresh-button,.member-back-button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.member-details-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.member-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.member-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.member-details-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.member-details-header.animate-in{opacity:1;transform:translateY(0)}.member-details-header-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.member-details-back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-details-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d;transform:translate(-2px)}.member-details-header-center{flex:1;text-align:center}.member-details-header-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.member-details-header-subtitle{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.4}.member-details-header-spacer{width:.75rem;flex-shrink:0}.member-details-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s ease}.member-details-main-content.animate-in{opacity:1;transform:translateY(0)}.member-details-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;min-height:50vh}.member-details-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,77,77,.2);border-radius:50%;border-top-color:#ff4d4d;animation:spin 1s ease-in-out infinite}.member-details-loading-text{font-family:Orbitron,sans-serif;font-size:1rem;color:#ffffffb3;margin-top:1rem}.member-details-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:50vh;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;text-align:center}.error-icon{color:#ff4d4d;opacity:.7;margin-bottom:1.5rem}.error-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.error-message{color:#ffffffb3;line-height:1.6;font-size:1rem;margin:0 0 2rem;max-width:400px}.member-details-retry-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.member-details-retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.member-profile-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;margin-bottom:2rem;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s ease}.member-profile-card.animate-in{opacity:1;transform:translateY(0)}.member-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.member-profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.member-avatar-section{display:flex;align-items:center;gap:1.5rem;flex:1}.member-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.8rem;box-shadow:0 12px 25px #ff4d4d4d;flex-shrink:0}.member-initials{text-transform:uppercase}.member-basic-info{flex:1}.member-profile-name{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.2}.member-contact-item{display:flex;align-items:center;gap:.75rem;color:#fffc;margin-bottom:.5rem;font-size:1rem}.member-contact-item svg{color:#ff4d4d;flex-shrink:0}.member-status-badge{padding:1rem 1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.member-status-badge.active{background:#4caf5033;border:2px solid rgba(76,175,80,.5)}.member-status-badge.inactive{background:#ffc10733;border:2px solid rgba(255,193,7,.5)}.status-indicator{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff3}.status-dot.active{background:#4caf50;box-shadow:0 0 0 2px #4caf504d,0 0 8px #4caf5066}.status-dot.inactive{background:#ffc107;box-shadow:0 0 0 2px #ffc1074d,0 0 8px #ffc10766}.status-text{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.member-profile-details{border-top:1px solid rgba(255,77,77,.2);padding-top:2rem}.member-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.member-detail-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.member-detail-item:hover{background:#ffffff14;border-color:#ff4d4d33}.detail-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(45deg,#ff4d4d33,#ff4d4d1a);display:flex;align-items:center;justify-content:center;color:#ff4d4d;flex-shrink:0}.detail-content{flex:1}.detail-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:#ffffffb3;font-weight:500;display:block;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-family:Arial,sans-serif;font-size:1rem;color:#fff;font-weight:600;line-height:1.3}.member-warning-box{display:flex;align-items:center;gap:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:1.25rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-icon{color:#ffc107;flex-shrink:0}.warning-text{color:#ffd54f;font-size:1rem;line-height:1.5;font-weight:500}.member-status-toggle{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);margin-top:2rem}.toggle-info{flex:1}.toggle-label{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;display:block;margin-bottom:.5rem}.toggle-description{font-size:.9rem;color:#fff9;line-height:1.4}.toggle-controls{display:flex;align-items:center;gap:1rem}.toggle-status{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.toggle-status.active{color:#4caf50}.toggle-status.inactive{color:#ffc107}.member-switch-container{position:relative;display:inline-block;width:60px;height:30px;cursor:pointer}.member-switch-container.disabled{opacity:.5;cursor:not-allowed}.member-switch-input{opacity:0;width:0;height:0}.member-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff3;transition:.4s;border-radius:30px;border:2px solid rgba(255,255,255,.3)}.member-switch-slider.active{background:linear-gradient(45deg,#4caf50,#66bb6a);border-color:#4caf50;box-shadow:0 0 12px #4caf5066}.member-switch-knob{position:absolute;content:"";height:22px;width:22px;left:2px;bottom:2px;background:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 6px #0000004d}.member-switch-slider.active .member-switch-knob{transform:translate(30px)}.member-section-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.member-section-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0006,0 0 20px #ff4d4d1a}.member-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,77,77,.2)}.section-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #ff4d4d4d}.section-title-content{flex:1}.section-title{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.section-subtitle{font-size:.9rem;color:#fff9;margin:0;line-height:1.4}.member-section-content{position:relative}.member-empty-state{display:flex;justify-content:center;align-items:center;padding:3rem 0}.member-empty-state-text{font-size:1rem;color:#ffffff80;font-style:italic;text-align:center}.member-payment-list{display:flex;flex-direction:column;gap:.75rem}.member-payment-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.member-payment-item:hover{background:#ffffff0d;border-color:#ff4d4d33}.payment-info{flex:1}.payment-month{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.payment-date{font-size:.85rem;color:#fff9}.payment-details{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.payment-amount{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff}.payment-status-badge{padding:.4rem .8rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.payment-status-badge.paid{background:#4caf5033;border-color:#4caf50;color:#81c784}.payment-status-badge.overdue{background:#f4433633;border-color:#f44336;color:#ef5350}.payment-status-badge.pending{background:#ff980033;border-color:#ff9800;color:#ffb74d}.member-inactive-periods{display:flex;flex-direction:column;gap:1rem}.inactive-period-item{padding:1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.inactive-period-item:hover{background:#ffffff0d;border-color:#ffc10733}.inactive-period-header{display:flex;justify-content:space-between;margin-bottom:1rem;gap:1rem}.inactive-period-date{font-family:Orbitron,sans-serif;font-size:.9rem;color:#fffc}.inactive-period-details{margin-top:1rem}.inactive-period-duration{display:inline-block;padding:.4rem .8rem;background:#ffc10733;border:1px solid rgba(255,193,7,.3);color:#ffd54f;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.inactive-period-reason{font-size:.95rem;color:#fff;margin-bottom:.5rem;font-weight:500}.inactive-period-notes{font-size:.85rem;color:#fff9;font-style:italic;line-height:1.5}.total-inactive-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-top:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.total-inactive-label{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#fff}.total-inactive-value{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#ffd54f}.member-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out}.member-modal-content{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;border:1px solid rgba(255,77,77,.2);animation:modalSlideIn .3s ease-out}.member-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,77,77,.2)}.member-modal-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px}.member-modal-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.member-modal-close:hover{color:#ff4d4d;background:#ff4d4d1a}.member-modal-body{padding:2rem}.member-modal-text{font-size:1rem;color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.member-note-textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:Arial,sans-serif;font-size:.9rem;min-height:120px;resize:vertical;transition:all .3s ease;box-sizing:border-box}.member-note-textarea::placeholder{color:#ffffff80}.member-note-textarea:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d33;background:#ffffff14}.member-modal-footer{padding:0 2rem 2rem;display:flex;gap:1rem}.member-modal-button{flex:1;padding:.875rem 1.25rem;border-radius:12px;border:none;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.member-modal-button.cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.member-modal-button.cancel:hover{background:#ffffff26;border-color:#ffffff4d}.member-modal-button.confirm{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;box-shadow:0 4px 15px #ff4d4d4d}.member-modal-button.confirm:hover:not(:disabled){background:linear-gradient(45deg,#f66,#ff8080);transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66}.member-modal-button.confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #ff4d4d33}@media (max-width: 768px){.member-details-header-content{padding:1rem;flex-direction:column;gap:1rem}.member-details-header-center{order:-1}.member-details-header-title{font-size:1.5rem}.member-details-header-subtitle{font-size:.9rem}.member-details-main-content{padding:1rem}.member-profile-card{padding:2rem 1.5rem}.member-profile-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.member-avatar-section{width:100%;justify-content:center;text-align:center;flex-direction:column;gap:1rem}.member-avatar{width:70px;height:70px;font-size:1.5rem}.member-profile-name{font-size:1.5rem;text-align:center}.member-contact-item{justify-content:center}.member-status-badge{align-self:center;padding:.75rem 1.25rem}.member-details-grid{grid-template-columns:1fr;gap:1rem}.member-detail-item{padding:1rem}.detail-icon{width:45px;height:45px}.member-status-toggle{flex-direction:column;align-items:stretch;gap:1.5rem;text-align:center}.toggle-controls{justify-content:center}.member-section-card{padding:1.5rem}.member-section-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.section-icon{width:45px;height:45px}.member-payment-item{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}.payment-details{align-items:flex-start;flex-direction:row;justify-content:space-between}.inactive-period-header{flex-direction:column;gap:.5rem}.inactive-period-item{padding:1.25rem}.total-inactive-footer{flex-direction:column;gap:.75rem;text-align:center}.member-modal-content{width:95%;margin:1rem}.member-modal-header,.member-modal-body{padding:1.5rem}.member-modal-footer{padding:0 1.5rem 1.5rem;flex-direction:column;gap:.75rem}}@media (max-width: 480px){.member-details-header-content{padding:.75rem}.member-details-header-title{font-size:1.3rem}.member-details-header-subtitle{font-size:.85rem}.member-details-main-content{padding:.75rem}.member-profile-card{padding:1.5rem 1rem}.member-avatar{width:60px;height:60px;font-size:1.3rem}.member-profile-name{font-size:1.3rem}.member-contact-item{font-size:.9rem}.member-details-grid{gap:.75rem}.member-detail-item{padding:.875rem;flex-direction:column;text-align:center;gap:.75rem}.detail-icon{width:40px;height:40px;align-self:center}.detail-content{text-align:center}.detail-value{font-size:.9rem}.member-status-toggle{padding:1.5rem}.member-switch-container{width:50px;height:26px}.member-switch-knob{height:18px;width:18px}.member-switch-slider.active .member-switch-knob{transform:translate(24px)}.member-section-card{padding:1.25rem}.section-icon{width:40px;height:40px}.section-title{font-size:1.1rem}.member-payment-item,.inactive-period-item{padding:1rem}.payment-month{font-size:.9rem}.payment-amount{font-size:1rem}.payment-status-badge{padding:.3rem .6rem;font-size:.7rem}.inactive-period-duration{font-size:.75rem;padding:.3rem .6rem}.member-warning-box{flex-direction:column;text-align:center;gap:.75rem;padding:1rem}.warning-text{font-size:.9rem}}@media (prefers-contrast: high){.member-profile-card,.member-section-card,.member-modal-content{border-color:#ffffff4d}.member-contact-item,.detail-label,.section-subtitle,.payment-date,.inactive-period-notes{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.member-details-header,.member-details-main-content,.member-profile-card,.member-section-card{animation:none;transition:none}.member-details-loading-spinner,.member-modal-overlay,.member-modal-content{animation:none}.member-profile-card:hover,.member-section-card:hover,.member-detail-item:hover,.member-payment-item:hover,.inactive-period-item:hover,.member-details-back-button:hover,.member-modal-button:hover{transform:none}.member-switch-knob,.member-switch-slider{transition:none}}.member-details-back-button:focus,.member-switch-container:focus,.member-modal-button:focus,.member-modal-close:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.member-note-textarea:focus{outline:none}.member-profile-card,.member-section-card,.member-modal-content{isolation:isolate}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.member-profile-card,.member-section-card,.member-modal-button,.member-details-back-button,.member-switch-container{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.member-note-textarea::-webkit-scrollbar{width:8px}.member-note-textarea::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.member-note-textarea::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.member-note-textarea::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.member-profile-card{animation-delay:.1s}.member-section-card.payment-history{animation-delay:.2s}.member-section-card.inactive-periods{animation-delay:.3s}.member-detail-item:hover .detail-icon{background:linear-gradient(45deg,#ff4d4d4d,#ff4d4d33);transform:scale(1.05)}.member-payment-item:hover .payment-status-badge,.inactive-period-item:hover .inactive-period-duration{transform:scale(1.05)}.member-switch-container:hover:not(.disabled) .member-switch-slider{box-shadow:0 0 16px #ff4d4d4d}.member-switch-container:hover:not(.disabled) .member-switch-slider.active{box-shadow:0 0 16px #4caf5066}.member-profile-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.3),transparent);opacity:.6}.member-section-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.2),transparent);opacity:.4}.workout-review-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.workout-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.workout-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.workout-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.workout-header.animate-in{opacity:1;transform:translateY(0)}.workout-header-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.workout-back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workout-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d;transform:translate(-2px)}.workout-header-center{flex:1;text-align:center}.workout-header-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.workout-header-subtitle{font-size:1rem;color:#ffffffb3;margin:0;line-height:1.4}.workout-refresh-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workout-refresh-button:hover:not(:disabled){background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-2px)}.workout-refresh-button:disabled{opacity:.6;cursor:not-allowed}.workout-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s ease}.workout-main-content.animate-in{opacity:1;transform:translateY(0)}.workout-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.workout-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}.workout-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,77,77,.2);border-radius:50%;border-top-color:#ff4d4d;animation:spin 1s ease-in-out infinite}.workout-loading-text{font-family:Orbitron,sans-serif;font-size:1rem;color:#ffffffb3;margin-top:1rem}.workout-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;text-align:center}.empty-state-icon{color:#ff4d4d;opacity:.7;margin-bottom:1.5rem}.empty-state-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.empty-state-text{color:#ffffffb3;line-height:1.6;font-size:1rem;margin:0 0 2rem;max-width:400px}.workout-refresh-main-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.workout-refresh-main-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.workout-refresh-main-button:disabled{opacity:.6;cursor:not-allowed}.workout-plans-grid{display:flex;flex-direction:column;gap:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.workout-plans-grid.animate-in{opacity:1;transform:translateY(0)}.workout-plan-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.workout-plan-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a;border-color:#ff4d4d33}.workout-plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.workout-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;cursor:pointer;transition:all .3s ease;border-radius:16px 16px 0 0}.workout-card-header:hover{background:#ffffff0d}.workout-card-header-left{display:flex;align-items:center;gap:1rem;flex:1}.workout-plan-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #ff4d4d4d}.workout-member-info{flex:1}.workout-plan-title{font-family:Orbitron,sans-serif;font-weight:600;font-size:1.1rem;color:#fff;margin:0 0 .25rem;text-transform:capitalize;letter-spacing:.5px}.workout-member-name{font-size:.9rem;color:#ffffffb3;margin:0}.workout-expand-icon{color:#ff4d4d;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.workout-card-header:hover .workout-expand-icon{transform:scale(1.1)}.workout-expanded-content{padding:0 2rem 2rem;border-top:1px solid rgba(255,77,77,.2);animation:expandContent .3s ease-out}@keyframes expandContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.workout-plan-details{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.workout-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.workout-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.detail-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:#ffffffb3;font-weight:500}.detail-value{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workout-ai-response{background:#ffffff08;border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(255,77,77,.1)}.ai-response-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#ff4d4d;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.ai-response-title:before{content:"🤖";font-size:1.2rem}.ai-response-content{max-height:300px;overflow-y:auto;padding-right:.5rem}.ai-response-content::-webkit-scrollbar{width:6px}.ai-response-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.ai-response-content::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:3px}.ai-response-section{margin-bottom:1.5rem}.ai-section-title{font-family:Orbitron,sans-serif;font-weight:600;color:#fff;margin:0 0 .75rem;line-height:1.4}.ai-section-title.level-1{font-size:1.1rem;color:#f66}.ai-section-title.level-2{font-size:1rem;color:#ff8080}.ai-section-title.level-3{font-size:.95rem;color:#faa}.ai-section-content{margin-left:.5rem}.ai-list-item{display:flex;margin-bottom:.5rem;padding-left:.5rem}.ai-bullet-point{color:#ff4d4d;margin-right:.5rem;flex-shrink:0}.ai-list-text{color:#ffffffe6;line-height:1.5;font-size:.9rem}.ai-paragraph-text{color:#ffffffe6;line-height:1.6;margin:0 0 .75rem;font-size:.9rem}.workout-actions-container{display:flex;gap:1rem;margin-top:1.5rem}.workout-action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:12px;border:none;font-family:Orbitron,sans-serif;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.comment-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.comment-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.approve-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;box-shadow:0 4px 15px #ff4d4d4d}.approve-button:hover{background:linear-gradient(45deg,#f66,#ff8080);transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66}.workout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.workout-modal-content{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff1a;border:1px solid rgba(255,77,77,.2);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.workout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,77,77,.2)}.workout-modal-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0}.workout-modal-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.workout-modal-close:hover{color:#ff4d4d;background:#ff4d4d1a}.workout-modal-body{padding:2rem}.workout-comment-input{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:Arial,sans-serif;font-size:.9rem;min-height:120px;resize:vertical;transition:all .3s ease;box-sizing:border-box}.workout-comment-input::placeholder{color:#ffffff80}.workout-comment-input:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d33;background:#ffffff14}.workout-modal-footer{padding:0 2rem 2rem;display:flex;gap:1rem}.workout-modal-button{flex:1;padding:.875rem 1.25rem;border-radius:12px;border:none;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#ffffff26;border-color:#ffffff4d}.submit-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;box-shadow:0 4px 15px #ff4d4d4d}.submit-button:hover{background:linear-gradient(45deg,#f66,#ff8080);transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66}@media (max-width: 768px){.workout-header-content{padding:1rem;flex-direction:column;gap:1rem}.workout-header-center{order:-1}.workout-header-title{font-size:1.5rem}.workout-header-subtitle{font-size:.9rem}.workout-main-content{padding:1rem}.workout-plan-card{margin:0 -.5rem}.workout-card-header{padding:1.25rem 1.5rem}.workout-expanded-content{padding:0 1.5rem 1.5rem}.workout-details-grid{grid-template-columns:1fr;gap:.75rem}.workout-actions-container{flex-direction:column;gap:.75rem}.workout-modal-content{width:95%;margin:1rem}.workout-modal-header,.workout-modal-body{padding:1.5rem}.workout-modal-footer{padding:0 1.5rem 1.5rem;flex-direction:column;gap:.75rem}}@media (max-width: 480px){.workout-header-content{padding:.75rem}.workout-header-title{font-size:1.3rem}.workout-header-subtitle{font-size:.85rem}.workout-main-content{padding:.75rem}.workout-plan-card{margin:0 -.25rem}.workout-card-header{padding:1rem 1.25rem}.workout-plan-icon{width:40px;height:40px}.workout-plan-title{font-size:1rem}.workout-member-name{font-size:.85rem}.workout-expanded-content{padding:0 1.25rem 1.25rem}.workout-plan-details,.workout-ai-response{padding:1.25rem}.ai-response-content{max-height:200px}}@media (prefers-contrast: high){.workout-plan-card,.workout-modal-content{border-color:#ffffff4d}.workout-member-name,.detail-label,.ai-list-text,.ai-paragraph-text{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.workout-header,.workout-main-content,.workout-plans-grid,.workout-plan-card{animation:none;transition:none}.spinning,.workout-modal-overlay,.workout-modal-content{animation:none}.workout-plan-card:hover,.workout-action-button:hover,.workout-back-button:hover{transform:none}}.workout-back-button:focus,.workout-refresh-button:focus,.workout-action-button:focus,.workout-modal-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.workout-comment-input:focus{outline:none}.workout-plan-card{isolation:isolate}.employee-management-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.employee-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.employee-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.employee-header.animate-in{opacity:1;transform:translateY(0)}.employee-header-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.employee-management-back-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px}.employee-management-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translate(-2px)}.employee-management-back-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.employee-management-back-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.add-employee-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.add-employee-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.employee-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1}.employee-stats-section{margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.employee-stats-section.animate-in{opacity:1;transform:translateY(0)}.stat-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card.active{border-top:3px solid #4CAF50}.stat-card.inactive{border-top:3px solid #ff6b6b}.stat-card.active .stat-icon{background:linear-gradient(45deg,#4caf50,#66bb6a);box-shadow:0 8px 20px #4caf504d}.stat-card.inactive .stat-icon{background:linear-gradient(45deg,#ff6b6b,#ff8a80);box-shadow:0 8px 20px #ff6b6b4d}.employee-controls-section{display:flex;gap:1.5rem;margin-bottom:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.employee-controls-section.animate-in{opacity:1;transform:translateY(0)}.search-bar{flex:1;position:relative;max-width:400px}.search-bar svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;z-index:2}.search-bar input{width:100%;background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.875rem 1rem .875rem 3rem;color:#fff;font-size:.95rem;transition:all .3s ease;font-family:inherit}.search-bar input:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d1a}.search-bar input::placeholder{color:#ffffff80}.filter-controls{display:flex;gap:1rem}.filter-select{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.875rem 1rem;color:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:150px}.filter-select:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d1a}.filter-select option{background:#1a1a1a;color:#fff}.employee-grid-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.employee-grid-section.animate-in{opacity:1;transform:translateY(0)}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.employee-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay);overflow:hidden;position:relative}.employee-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a;border-color:#ff4d4d33}.employee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4d4d,#ff8080);opacity:.8}.employee-card-header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:flex-start;justify-content:space-between;position:relative}.employee-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #ff4d4d4d;flex-shrink:0}.status-indicator{position:absolute;top:1rem;right:1rem;width:12px;height:12px;border-radius:50%;border:2px solid rgba(30,30,30,.8)}.status-indicator.active .status-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf5080}.status-indicator.inactive .status-dot{width:8px;height:8px;background:#ff6b6b;border-radius:50%;box-shadow:0 0 8px #ff6b6b80}.employee-card-content{padding:0 1.5rem 1rem}.employee-name{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 .5rem;transition:all .3s ease}.employee-card:hover .employee-name{color:#ff8080}.employee-designation{color:#ffffffb3;font-size:.9rem;margin:0 0 1rem}.employee-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.8rem;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;color:#ffffffe6;font-weight:500}.info-value.status-active{color:#4caf50}.info-value.status-inactive{color:#ff6b6b}.employee-card-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}.view-details-btn{width:100%;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.view-details-btn:hover{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4d4d}.view-details-btn svg{transition:transform .3s ease}.view-details-btn:hover svg{transform:translate(2px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}@media (max-width: 768px){.employee-header-content{flex-direction:column;gap:1rem;padding:1rem}.header-left{width:100%;flex-direction:row;align-items:center;justify-content:flex-start}.employee-management-back-button{flex-shrink:0}.header-title-section{margin-left:1rem;flex:1}.header-actions{width:100%;justify-content:space-between}.employee-main-content{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.employee-controls-section{flex-direction:column;gap:1rem}.search-bar{max-width:none}.employee-grid{grid-template-columns:1fr;gap:1.5rem}.employee-card{margin:0}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}}@media (max-width: 480px){.employee-header-content{padding:.75rem}.page-title{font-size:1.3rem}.page-subtitle{font-size:.85rem}.employee-management-back-button{width:40px;height:40px;padding:.6rem}.employee-management-back-button svg{width:16px;height:16px}.header-title-section{margin-left:.75rem}.add-employee-button{padding:.6rem .8rem;font-size:.8rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-icon{width:40px;height:40px}.employee-card-header,.employee-card-content,.employee-card-footer{padding-left:1rem;padding-right:1rem}.employee-avatar{width:50px;height:50px}.employee-name{font-size:1.1rem}.empty-state,.loading-state{padding:3rem 1rem}.empty-title,.loading-state h3{font-size:1.3rem}}.employee-management-back-button:focus,.add-employee-button:focus,.refresh-button:focus,.view-details-btn:focus,.retry-button:focus,.empty-action-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.employee-management-back-button:focus-visible,.add-employee-button:focus-visible{outline:3px solid rgba(255,77,77,.8);outline-offset:2px}.search-bar input:focus,.filter-select:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 0 3px #ff4d4d1a}@media (prefers-contrast: high){.employee-card,.stat-card,.error-card{border-color:#ffffff4d}.employee-name,.stat-value,.page-title{color:#fff}.employee-designation,.page-subtitle,.empty-description{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.employee-header,.employee-stats-section,.employee-controls-section,.employee-grid-section,.employee-card{animation:none;transition:none}.empty-illustration,.spinning{animation:none}.employee-card:hover,.view-details-btn:hover,.add-employee-button:hover,.empty-action-button:hover{transform:none}.employee-management-back-button:hover{transform:translate(-2px)}}.employee-management-page::-webkit-scrollbar{width:8px}.employee-management-page::-webkit-scrollbar-track{background:#ffffff1a}.employee-management-page::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.employee-management-page::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.employee-card{isolation:isolate}.employee-card,.stat-card,.add-employee-button,.view-details-btn{will-change:transform}.employee-card{position:relative;z-index:1}.employee-card:hover{z-index:2}.employee-management-back-button{position:relative;overflow:hidden}.employee-management-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.employee-management-back-button:hover:before{left:100%}@media (hover: none) and (pointer: coarse){.employee-card:hover,.stat-card:hover,.view-details-btn:hover,.add-employee-button:hover,.empty-action-button:hover{transform:none}.employee-management-back-button,.refresh-button,.add-employee-button{min-height:48px;min-width:48px}}@media print{.employee-management-page{background:#fff!important;color:#000!important}.employee-bg-pattern,.employee-bg-gradient,.header-actions{display:none!important}.employee-card,.stat-card,.error-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}}.employee-card,.stat-card{contain:layout style paint}.employee-header,.employee-card,.stat-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.employee-details-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.employee-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.employee-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.employee-details-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.employee-details-header.animate-in{opacity:1;transform:translateY(0)}.employee-details-back-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px}.employee-details-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translate(-2px)}.employee-details-back-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.employee-details-back-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.edit-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.employee-details-main{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1;display:flex;flex-direction:column;gap:2rem}.employee-profile-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,77,77,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .8s ease;position:relative}.employee-profile-card.animate-in{opacity:1;transform:translateY(0)}.employee-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4d4d,#ff8080,#ff4d4d);opacity:.8}.profile-header{padding:2.5rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.employee-avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 15px 30px #ff4d4d66;flex-shrink:0}.profile-info{min-width:0}.employee-name{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-designation{font-size:1.2rem;color:#fffc;margin:0 0 1rem;font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:25px;font-family:Orbitron,sans-serif;font-weight:600;font-size:.9rem;border:2px solid}.status-badge.active{background:#4caf5026;color:#4caf50;border-color:#4caf504d}.status-badge.inactive{background:#ff6b6b26;color:#ff6b6b;border-color:#ff6b6b4d}.status-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.profile-stats{display:flex;flex-direction:column;gap:1rem;text-align:right}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;font-weight:600}.quick-actions-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.quick-actions-section.animate-in{opacity:1;transform:translateY(0)}.section-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1.5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.action-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0006}.action-card:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-card.attendance{border-color:#4caf504d}.action-card.attendance:hover{border-color:#4caf5099;box-shadow:0 15px 35px #4caf5033}.action-card.salary{border-color:#ffc1074d}.action-card.salary:hover{border-color:#ffc10799;box-shadow:0 15px 35px #ffc10733}.action-card.mark-attendance{border-color:#2196f34d}.action-card.mark-attendance:hover{border-color:#2196f399;box-shadow:0 15px 35px #2196f333}.action-card.status-toggle.deactivate{border-color:#ff6b6b4d}.action-card.status-toggle.deactivate:hover{border-color:#ff6b6b99;box-shadow:0 15px 35px #ff6b6b33}.action-card.status-toggle.activate{border-color:#4caf504d}.action-card.status-toggle.activate:hover{border-color:#4caf5099;box-shadow:0 15px 35px #4caf5033}.action-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.action-card.attendance .action-icon{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 8px 20px #4caf504d}.action-card.salary .action-icon{background:linear-gradient(45deg,#ffc107,#ffd54f);color:#fff;box-shadow:0 8px 20px #ffc1074d}.action-card.mark-attendance .action-icon{background:linear-gradient(45deg,#2196f3,#64b5f6);color:#fff;box-shadow:0 8px 20px #2196f34d}.action-card.status-toggle.deactivate .action-icon{background:linear-gradient(45deg,#ff6b6b,#ff8a80);color:#fff;box-shadow:0 8px 20px #ff6b6b4d}.action-card.status-toggle.activate .action-icon{background:linear-gradient(45deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 8px 20px #4caf504d}.action-content{flex:1;min-width:0}.action-content h4{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.action-content p{color:#ffffffb3;font-size:.9rem;margin:0;line-height:1.4}.action-arrow{color:#ffffff80;transition:all .3s ease;flex-shrink:0}.action-card:hover .action-arrow{color:#fff;transform:translate(3px)}.action-loading{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center}.mini-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:50%;border-top:2px solid #ffffff;animation:spin 1s linear infinite}.employee-details-sections{display:grid;gap:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.employee-details-sections.animate-in{opacity:1;transform:translateY(0)}.details-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease}.details-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0006,0 0 20px #ff4d4d0d}.card-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;background:#ff4d4d05}.card-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0}.card-icon{color:#ff4d4db3;display:flex;align-items:center;justify-content:center}.card-content{padding:2rem}.detail-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.full-width{grid-column:1 / -1}.detail-item label{font-size:.8rem;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Orbitron,sans-serif}.detail-item span{color:#ffffffe6;font-size:1rem;font-weight:500;word-break:break-word}.salary-value{color:#4caf50!important;font-family:Orbitron,sans-serif;font-weight:600;font-size:1.1rem!important}.status-text.active{color:#4caf50!important;font-weight:600!important}.status-text.inactive{color:#ff6b6b!important;font-weight:600!important}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.loading-state h3,.error-state h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;margin:0 0 .5rem}.loading-state p,.error-state p{color:#ffffffb3;font-size:1rem;margin:0 0 2rem}.error-icon{color:#ff6b6b;margin-bottom:2rem;opacity:.7}.back-to-list-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff4d4d4d;font-size:1rem}.back-to-list-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}@media (max-width: 1024px){.profile-header{grid-template-columns:1fr;text-align:center;gap:1.5rem}.profile-stats{flex-direction:row;justify-content:center;gap:2rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.header-left{width:100%;flex-direction:row;align-items:center;justify-content:flex-start}.employee-details-back-button{flex-shrink:0}.header-title-section{margin-left:1rem;flex:1}.header-actions{width:100%;justify-content:flex-end}.employee-details-main{padding:1rem;gap:1.5rem}.profile-header{padding:2rem 1.5rem}.employee-avatar-large{width:80px;height:80px}.employee-name{font-size:1.5rem}.employee-designation{font-size:1rem}.actions-grid{grid-template-columns:1fr;gap:1rem}.action-card{padding:1rem}.action-icon{width:40px;height:40px}.action-content h4{font-size:1rem}.action-content p{font-size:.85rem}.card-header{padding:1rem 1.5rem}.card-content{padding:1.5rem}.detail-grid{grid-template-columns:1fr;gap:1rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}}@media (max-width: 480px){.header-content{padding:.75rem}.page-title{font-size:1.3rem}.employee-details-back-button{width:40px;height:40px;padding:.6rem}.employee-details-back-button svg{width:16px;height:16px}.header-title-section{margin-left:.75rem}.edit-button{padding:.6rem .8rem;font-size:.8rem}.employee-details-main{padding:.75rem}.profile-header{padding:1.5rem 1rem}.employee-avatar-large{width:70px;height:70px}.employee-name,.section-title{font-size:1.3rem}.card-title{font-size:1.1rem}.action-card{padding:.875rem}.profile-stats{gap:1rem}.stat-value{font-size:.9rem}}.employee-details-back-button:focus,.edit-button:focus,.action-card:focus,.back-to-list-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.employee-details-back-button:focus-visible,.edit-button:focus-visible{outline:3px solid rgba(255,77,77,.8);outline-offset:2px}@media (prefers-contrast: high){.details-card,.employee-profile-card,.action-card{border-color:#ffffff4d}.employee-name,.page-title,.section-title,.card-title{color:#fff}.employee-designation,.page-subtitle,.action-content p{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.employee-details-header,.employee-profile-card,.quick-actions-section,.employee-details-sections,.action-card,.details-card{animation:none;transition:none}.spinner,.mini-spinner{animation:none}.action-card:hover,.details-card:hover,.edit-button:hover,.back-to-list-button:hover{transform:none}.employee-details-back-button:hover{transform:translate(-2px)}}.employee-details-page::-webkit-scrollbar{width:8px}.employee-details-page::-webkit-scrollbar-track{background:#ffffff1a}.employee-details-page::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.employee-details-page::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.employee-profile-card,.action-card,.details-card{isolation:isolate}.action-card,.details-card,.edit-button,.employee-details-back-button{will-change:transform}.action-card,.details-card{position:relative;z-index:1}.action-card:hover,.details-card:hover{z-index:2}.employee-details-back-button{position:relative;overflow:hidden}.employee-details-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.employee-details-back-button:hover:before{left:100%}@media (hover: none) and (pointer: coarse){.action-card:hover,.details-card:hover,.edit-button:hover,.back-to-list-button:hover{transform:none}.employee-details-back-button,.edit-button{min-height:48px;min-width:48px}}@media print{.employee-details-page{background:#fff!important;color:#000!important}.employee-bg-pattern,.employee-bg-gradient,.header-actions{display:none!important}.employee-profile-card,.action-card,.details-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}}.employee-profile-card,.action-card,.details-card{contain:layout style paint}.employee-details-header,.employee-profile-card,.action-card,.details-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.employee-attendance-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.attendance-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.attendance-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.attendance-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.attendance-header.animate-in{opacity:1;transform:translateY(0)}.header-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left{display:flex;align-items:center;gap:1.5rem;flex:1}.attendance-back-button{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ff4d4d;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px}.attendance-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d80;transform:translate(-2px)}.attendance-back-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.attendance-back-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.header-title-section{flex:1}.page-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:#ffffffb3;margin:0;font-size:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.refresh-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.mark-attendance-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d;font-size:.9rem}.mark-attendance-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}.attendance-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1;display:flex;flex-direction:column;gap:2.5rem}.error-section{margin-bottom:2rem}.error-card{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.error-icon{flex-shrink:0;color:#ff4d4d;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff4d4d33;border-radius:8px}.error-content h4{color:#ff6b6b;margin:0 0 .5rem;font-family:Orbitron,sans-serif;font-weight:600}.error-content p{color:#fffc;margin:0 0 1rem;font-size:.95rem}.retry-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:linear-gradient(45deg,#f66,#ff8080);transform:translateY(-1px)}.attendance-stats-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.attendance-stats-section.animate-in{opacity:1;transform:translateY(0)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:0;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.current-month{font-family:Orbitron,sans-serif;font-size:1rem;color:#ffffffb3;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0006,0 0 20px #ff4d4d1a}.stat-card.present{border-top:3px solid #4CAF50}.stat-card.absent{border-top:3px solid #ff6b6b}.stat-card.leave{border-top:3px solid #FFC107}.stat-card.total{border-top:3px solid #ff4d4d}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card.present .stat-icon{background:linear-gradient(45deg,#4caf50,#66bb6a);box-shadow:0 8px 20px #4caf504d}.stat-card.absent .stat-icon{background:linear-gradient(45deg,#ff6b6b,#ff8a80);box-shadow:0 8px 20px #ff6b6b4d}.stat-card.leave .stat-icon{background:linear-gradient(45deg,#ffc107,#ffd54f);box-shadow:0 8px 20px #ffc1074d}.stat-card.total .stat-icon{background:linear-gradient(45deg,#ff4d4d,#f66);box-shadow:0 8px 20px #ff4d4d4d}.stat-info{flex:1}.stat-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin:0 0 .25rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-family:Orbitron,sans-serif;font-size:.9rem;color:#ffffffb3;margin:0;font-weight:500}.stat-trend{color:#4caf50;opacity:.7}.calendar-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.calendar-section.animate-in{opacity:1;transform:translateY(0)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.calendar-legend{display:flex;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffb3}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.present{background:#4caf50;box-shadow:0 0 8px #4caf5080}.legend-dot.absent{background:#ff6b6b;box-shadow:0 0 8px #ff6b6b80}.legend-dot.leave{background:#ffc107;box-shadow:0 0 8px #ffc10780}.calendar-container{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}.modern-calendar{width:100%!important;background:transparent!important;border:none!important;font-family:Orbitron,sans-serif!important;color:#fff!important}.modern-calendar .react-calendar__navigation{background:#ff4d4d1a!important;border-radius:12px!important;margin-bottom:1rem!important;padding:1rem!important;border:1px solid rgba(255,77,77,.2)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important}.modern-calendar .react-calendar__navigation button{color:#fff!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;font-family:Orbitron,sans-serif!important;font-weight:600!important;font-size:1rem!important;min-width:44px!important;height:44px!important;border-radius:8px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.modern-calendar .react-calendar__navigation button:enabled:hover,.modern-calendar .react-calendar__navigation button:enabled:focus{background:#ff4d4d33!important;border-color:#ff4d4d4d!important;transform:translateY(-1px)!important}.modern-calendar .react-calendar__navigation button:disabled{opacity:.3!important;cursor:not-allowed!important}.modern-calendar .react-calendar__navigation__prev-button:before{content:"‹"!important;font-size:1.5rem!important;font-weight:700!important;display:inline-block!important}.modern-calendar .react-calendar__navigation__next-button:before{content:"›"!important;font-size:1.5rem!important;font-weight:700!important;display:inline-block!important}.modern-calendar .react-calendar__navigation__prev2-button:before{content:"«"!important;font-size:1.2rem!important;font-weight:700!important;display:inline-block!important}.modern-calendar .react-calendar__navigation__next2-button:before{content:"»"!important;font-size:1.2rem!important;font-weight:700!important;display:inline-block!important}.modern-calendar .react-calendar__navigation__label{flex-grow:1!important;font-size:1.3rem!important;font-weight:700!important;color:#fff!important;background:linear-gradient(45deg,#fff,#ff8080)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;padding:.5rem 1rem!important;text-align:center!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;border-radius:8px!important}.modern-calendar .react-calendar__navigation__label:hover{background:#ff4d4d1a!important}.modern-calendar .react-calendar__month-view__weekdays{background:#ffffff0d!important;border-radius:8px!important;margin-bottom:.5rem!important;padding:.75rem 0!important}.modern-calendar .react-calendar__month-view__weekdays__weekday{text-align:center!important;font-weight:700!important;font-size:.8rem!important;color:#ff8080!important;text-transform:uppercase!important;letter-spacing:1px!important}.modern-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none!important}.modern-calendar .react-calendar__tile{background:transparent!important;color:#fffc!important;border:none!important;padding:1rem .5rem!important;position:relative!important;transition:all .3s ease!important;border-radius:8px!important;margin:2px!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:500!important;cursor:pointer!important}.modern-calendar .react-calendar__tile:enabled:hover,.modern-calendar .react-calendar__tile:enabled:focus{background:#ff4d4d1a!important;color:#fff!important;transform:translateY(-2px)!important}.modern-calendar .react-calendar__tile--active{background:linear-gradient(45deg,#ff4d4d,#f66)!important;color:#fff!important;box-shadow:0 4px 15px #ff4d4d66!important}.modern-calendar .react-calendar__tile--now{background:#ffffff1a!important;color:#fff!important;font-weight:700!important}.modern-calendar .calendar-tile-present:after{content:""!important;position:absolute!important;bottom:8px!important;left:50%!important;transform:translate(-50%)!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#4caf50!important;box-shadow:0 0 8px #4caf5099!important}.modern-calendar .calendar-tile-absent:after{content:""!important;position:absolute!important;bottom:8px!important;left:50%!important;transform:translate(-50%)!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#ff6b6b!important;box-shadow:0 0 8px #ff6b6b99!important}.modern-calendar .calendar-tile-leave:after{content:""!important;position:absolute!important;bottom:8px!important;left:50%!important;transform:translate(-50%)!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#ffc107!important;box-shadow:0 0 8px #ffc10799!important}.attendance-records-section{opacity:0;transform:translateY(30px);transition:all .8s ease}.attendance-records-section.animate-in{opacity:1;transform:translateY(0)}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.records-count{font-size:.9rem;color:#ffffffb3;font-weight:500}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.attendance-record-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.attendance-record-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a;border-color:#ff4d4d33}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.record-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(45deg,#ff4d4d,#f66);border-radius:12px;box-shadow:0 8px 20px #ff4d4d4d}.date-day{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.date-month{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:25px;font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem;border:2px solid}.status-badge.present{background:#4caf5026;color:#4caf50;border-color:#4caf504d}.status-badge.absent{background:#ff6b6b26;color:#ff6b6b;border-color:#ff6b6b4d}.status-badge.leave{background:#ffc10726;color:#ffc107;border-color:#ffc1074d}.status-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.record-content{text-align:left}.record-day{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.75rem}.record-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.record-notes label{font-size:.8rem;color:#ff4d4dcc;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.record-notes p{color:#fffc;font-size:.9rem;margin:0;line-height:1.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.loading-spinner{margin-bottom:2rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top:4px solid #ff4d4d;animation:spin 1s linear infinite}.loading-state h3{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;margin:0 0 .5rem}.loading-state p{color:#ffffffb3;font-size:1rem;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-illustration{margin-bottom:2rem;opacity:.7;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem}.empty-description{color:#ffffffb3;font-size:1rem;margin:0 0 2rem;max-width:400px;line-height:1.5}.empty-action-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-family:Orbitron,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff4d4d4d;font-size:1rem}.empty-action-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff4d4d66;background:linear-gradient(45deg,#f66,#ff8080)}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.header-left{width:100%;flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.attendance-main-content{padding:1rem;gap:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.calendar-header{flex-direction:column;align-items:flex-start}.calendar-container{padding:1rem}.modern-calendar .react-calendar__tile{min-height:50px!important;padding:.75rem .25rem!important}.modern-calendar .react-calendar__navigation{padding:.75rem!important}.modern-calendar .react-calendar__navigation button{min-width:40px!important;height:40px!important;font-size:.9rem!important}.modern-calendar .react-calendar__navigation__label{font-size:1.1rem!important}.records-grid{grid-template-columns:1fr;gap:1rem}.attendance-record-card{padding:1rem}.record-header{margin-bottom:.75rem}.record-date{width:50px;height:50px}.date-day{font-size:1.25rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}}@media (max-width: 480px){.header-content{padding:.75rem}.page-title{font-size:1.3rem}.attendance-back-button,.mark-attendance-button{padding:.6rem .8rem;font-size:.8rem}.attendance-main-content{padding:.75rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-icon{width:40px;height:40px}.calendar-legend{gap:1rem}.legend-item{font-size:.8rem}.modern-calendar .react-calendar__navigation{padding:.5rem!important}.modern-calendar .react-calendar__navigation button{min-width:36px!important;height:36px!important;font-size:.8rem!important}.modern-calendar .react-calendar__navigation__label{font-size:1rem!important;padding:.25rem .5rem!important}.modern-calendar .react-calendar__tile{min-height:45px!important;padding:.5rem .25rem!important;font-size:.9rem!important}.empty-state,.loading-state{padding:3rem 1rem}.empty-title,.loading-state h3{font-size:1.3rem}}.attendance-back-button:focus,.mark-attendance-button:focus,.refresh-button:focus,.retry-button:focus,.empty-action-button:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}.modern-calendar .react-calendar__navigation button:focus{outline:2px solid rgba(255,77,77,.5)!important;outline-offset:2px!important}.modern-calendar .react-calendar__tile:focus{outline:2px solid rgba(255,77,77,.5)!important;outline-offset:2px!important}@media (prefers-contrast: high){.stat-card,.calendar-container,.attendance-record-card,.error-card{border-color:#ffffff4d}.page-title,.section-title,.stat-value{color:#fff}.page-subtitle,.empty-description{color:#ffffffe6}.modern-calendar .react-calendar__navigation__label{color:#fff!important}}@media (prefers-reduced-motion: reduce){.attendance-header,.attendance-stats-section,.calendar-section,.attendance-records-section,.attendance-record-card{animation:none;transition:none}.empty-illustration,.spinning{animation:none}.stat-card:hover,.attendance-record-card:hover,.mark-attendance-button:hover,.empty-action-button:hover{transform:none}.modern-calendar .react-calendar__tile:hover,.modern-calendar .react-calendar__navigation button:hover{transform:none!important}}.employee-attendance-page::-webkit-scrollbar{width:8px}.employee-attendance-page::-webkit-scrollbar-track{background:#ffffff1a}.employee-attendance-page::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.employee-attendance-page::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.stat-card,.attendance-record-card,.calendar-container{isolation:isolate}.stat-card,.attendance-record-card,.mark-attendance-button{will-change:transform}.attendance-record-card{position:relative;z-index:1}.attendance-record-card:hover{z-index:2}.modern-calendar .react-calendar__navigation{box-shadow:0 2px 10px #0003!important}.modern-calendar .react-calendar__month-view__days{background:#ffffff05!important;border-radius:8px!important;padding:.5rem!important}.modern-calendar .react-calendar__navigation button:enabled:hover{box-shadow:0 2px 8px #ff4d4d33!important}.modern-calendar .react-calendar__navigation__label{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.modern-calendar .react-calendar__navigation__prev-button,.modern-calendar .react-calendar__navigation__next-button,.modern-calendar .react-calendar__navigation__prev2-button,.modern-calendar .react-calendar__navigation__next2-button{position:relative!important}.modern-calendar .react-calendar__navigation__prev-button:before,.modern-calendar .react-calendar__navigation__next-button:before,.modern-calendar .react-calendar__navigation__prev2-button:before,.modern-calendar .react-calendar__navigation__next2-button:before{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;line-height:1!important}.modern-calendar .react-calendar__navigation__label__labelText{font-family:Orbitron,sans-serif!important;font-weight:700!important;color:inherit!important}.modern-calendar .react-calendar__month-view__days__day{position:relative!important}.modern-calendar .react-calendar__navigation button:enabled:active{transform:translateY(1px)!important;box-shadow:0 1px 4px #ff4d4d4d!important}.modern-calendar .react-calendar__tile:enabled:active{transform:translateY(1px)!important}.modern-calendar *{box-sizing:border-box!important}.modern-calendar .react-calendar__navigation{min-height:60px!important}.modern-calendar .react-calendar__navigation__arrow{font-size:1.5rem!important;line-height:1!important}.attendance-back-button{position:relative;overflow:hidden}.attendance-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.attendance-back-button:hover:before{left:100%}@media (max-width: 768px){.header-left{flex-direction:row;align-items:center;justify-content:flex-start}.attendance-back-button{flex-shrink:0}.header-title-section{margin-left:1rem}}.error-card{position:relative;overflow:hidden}.error-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4d4d,#f66,#ff8080);animation:errorGlow 2s ease-in-out infinite alternate}@keyframes errorGlow{0%{opacity:.5}to{opacity:1}}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,77,77,.03),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-card:hover:before{opacity:1}.loading-spinner{position:relative}.loading-spinner:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;border:2px solid rgba(255,77,77,.1);border-radius:50%;transform:translate(-50%,-50%);animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.modern-calendar .react-calendar__tile{position:relative!important;overflow:hidden!important}.modern-calendar .react-calendar__tile:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)!important;transition:left .3s ease!important}.modern-calendar .react-calendar__tile:hover:before{left:100%!important}.attendance-record-card{position:relative;overflow:hidden}.attendance-record-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,77,77,.02),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.attendance-record-card:hover:before{opacity:1}.status-badge{position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.status-badge:hover:before{left:100%}@media (max-width: 480px){.attendance-back-button{width:40px;height:40px;padding:.6rem}.attendance-back-button svg{width:16px;height:16px}.header-title-section{margin-left:.75rem}.mark-attendance-button span{display:none}.mark-attendance-button{width:40px;height:40px;padding:.6rem;justify-content:center}}@media print{.employee-attendance-page{background:#fff!important;color:#000!important}.attendance-bg-pattern,.attendance-bg-gradient,.header-actions{display:none!important}.stat-card,.calendar-container,.attendance-record-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important}.modern-calendar{color:#000!important}}.attendance-back-button:focus-visible,.mark-attendance-button:focus-visible,.refresh-button:focus-visible{outline:3px solid rgba(255,77,77,.8);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.legend-dot{width:14px;height:14px}.modern-calendar .calendar-tile-present:after,.modern-calendar .calendar-tile-absent:after,.modern-calendar .calendar-tile-leave:after{width:10px!important;height:10px!important}}@media (hover: none) and (pointer: coarse){.stat-card:hover,.attendance-record-card:hover,.mark-attendance-button:hover,.empty-action-button:hover{transform:none}.modern-calendar .react-calendar__tile:hover{transform:none!important}.attendance-back-button,.refresh-button,.mark-attendance-button{min-height:48px;min-width:48px}.modern-calendar .react-calendar__navigation button{min-width:48px!important;min-height:48px!important}.modern-calendar .react-calendar__tile{min-height:48px!important}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.no-scroll{overflow:hidden}.stat-card,.attendance-record-card,.calendar-container{contain:layout style paint}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}.attendance-header,.stat-card,.attendance-record-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.workout-plans-feature{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh}.feature-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column}.mobile-mockup{width:280px;height:600px;background:#000;border-radius:25px;padding:15px;margin:0 auto;box-shadow:0 10px 30px #00000080}.mobile-screen{width:100%;height:100%;background:linear-gradient(135deg,#8b0000,#5c0000);border-radius:20px;overflow:hidden;position:relative}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem 1rem;color:#fff}.mobile-back-btn{font-size:1.5rem;cursor:pointer;padding:.5rem}.mobile-title{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:1px}.mobile-subtitle{font-size:.8rem;color:#fffc;text-transform:uppercase;letter-spacing:1px}.mobile-search{position:relative;margin:0 1rem 1rem}.mobile-search input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 2.5rem .75rem 1rem;border-radius:25px;font-size:.9rem}.mobile-search input::placeholder{color:#fff9}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#ff4d4d;font-size:1.1rem}.mobile-filters{display:flex;gap:.5rem;padding:0 1rem;margin-bottom:1rem;overflow-x:auto}.filter-btn{background:#0000004d;color:#fffc;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;border:1px solid rgba(255,255,255,.2)}.filter-btn.active{background:#ff4d4d;color:#fff;border-color:#ff4d4d}.mobile-exercise-list{padding:0 1rem;height:calc(100% - 200px);overflow-y:auto}.exercise-card{display:flex;align-items:center;background:#0006;border-radius:12px;padding:1rem;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.exercise-card:hover{background:#0009;border-color:#ff4d4d4d}.exercise-image{width:50px;height:50px;background:#ff4d4d33;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.exercise-demo{font-size:1.5rem}.exercise-info{flex:1}.exercise-name{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem;line-height:1.2}.exercise-target{font-size:.75rem;color:#ff4d4d;margin-bottom:.5rem}.exercise-tags{display:flex;gap:.25rem;flex-wrap:wrap}.tag{background:#fff3;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.65rem;font-weight:500}.add-btn{width:30px;height:30px;background:#ff4d4d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex-shrink:0}.add-btn:hover{background:#f33;transform:scale(1.1)}.mobile-features{grid-column:1 / -1}.mobile-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{background:#1a1a1a;border-radius:12px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-item:hover{border-color:#ff4d4d4d;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-item h4{font-family:Orbitron,sans-serif;font-size:1.2rem;color:#ff4d4d;margin-bottom:1rem}.feature-item p{opacity:.8;line-height:1.6;margin:0}.ai-features-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#ff4d4d}.ai-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.ai-feature-highlight{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.ai-feature-highlight:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(45deg,#ff4d4d,#ff8080);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.ai-feature-highlight:hover{transform:translateY(-5px);border-color:#ff4d4d4d;box-shadow:0 10px 30px #0000004d}.ai-feature-highlight:hover:before{transform:scaleY(1)}.ai-feature-highlight h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#ff4d4d;transition:color .3s ease}.ai-feature-highlight:hover h3{color:#f66}.ai-feature-highlight p{opacity:.8;line-height:1.6;margin:0}.ai-workflow{background:#242424;border-radius:12px;padding:3rem;border:1px solid rgba(255,255,255,.1)}.ai-workflow h3{font-family:Orbitron,sans-serif;font-size:1.8rem;text-align:center;margin-bottom:2rem;color:#ff4d4d}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.workflow-step{display:flex;align-items:flex-start;gap:1rem}.step-number{width:40px;height:40px;background:#ff4d4d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content h4{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#fff;margin-bottom:.5rem}.step-content p{font-size:.9rem;opacity:.8;line-height:1.5;margin:0}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");z-index:0}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column;align-items:center}.platforms-grid{grid-template-columns:1fr}.mobile-mockup{width:250px;height:500px}.cta-buttons{flex-direction:column;align-items:center}.feature-nav{flex-direction:column;gap:1rem}.ai-features-grid,.workflow-steps{grid-template-columns:1fr}.ai-workflow{padding:2rem}.mobile-features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.feature-header{background-attachment:scroll}.hero-stats,.overview-grid{grid-template-columns:1fr}.mobile-filters,.mobile-exercise-list{padding:0 .5rem}.exercise-card{padding:.75rem}.workflow-step{flex-direction:column;text-align:center}.step-number{margin:0 auto 1rem}.mobile-features-grid{gap:1rem}.feature-item{padding:1.5rem}}.community-forum-feature{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh}.feature-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column}.platforms-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#ff4d4d}.platforms-content p{text-align:center;font-size:1.1rem;opacity:.8;max-width:800px;margin:0 auto 3rem;line-height:1.6}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem}.platform-card{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(30px);animation:slideInUp .8s ease forwards;transition:all .3s ease}.platform-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #ff4d4d33}.platform-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#1a1a1a;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}.web-forum-mockup{width:100%;height:450px;background:#2d2d2d;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.forum-header{display:flex;justify-content:space-between;align-items:center;background:#a2130c;padding:1rem 1.5rem;color:#fff}.forum-back-btn{font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .3s ease}.forum-back-btn:hover{background:#ffffff1a}.forum-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600}.forum-menu{font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .3s ease}.forum-menu:hover{background:#ffffff1a}.create-post-section{padding:1rem;background:#3a3a3a;border-bottom:1px solid #555}.create-post-btn{width:100%;background:#3a3a3a;border:2px dashed #666;color:#ccc;padding:1rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500}.create-post-btn:hover{border-color:#ff4d4d;color:#ff4d4d;background:#ff4d4d0d}.forum-posts{height:calc(100% - 120px);overflow-y:auto;background:#242424}.forum-post{padding:1.5rem;border-bottom:1px solid #333;transition:background .3s ease}.forum-post:hover{background:#2a2a2a}.post-header{margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:40px;height:40px;border-radius:50%;background:#ff4d4d;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem}.author-info{flex:1}.author-name{font-weight:600;color:#fff;font-size:1rem;margin-bottom:.25rem}.author-role{font-size:.8rem;color:#ff4d4d;text-transform:uppercase;letter-spacing:1px;font-weight:500;margin-bottom:.25rem}.post-date{font-size:.8rem;color:#888}.post-content{color:#ccc;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.post-actions{display:flex;gap:1.5rem;align-items:center}.action-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease;color:#888;font-size:.9rem}.action-item:hover{background:#ffffff0d;color:#ccc}.like-icon{font-size:1rem;transition:all .3s ease}.like-icon.liked{color:#ff4d4d}.comment-icon{font-size:.9rem}.mobile-forum-mockup{width:280px;height:600px;background:#000;border-radius:25px;padding:15px;margin:0 auto;box-shadow:0 10px 30px #00000080}.mobile-header{background:#2d2d2d;padding:1.5rem 1rem 1rem;text-align:center;border-bottom:1px solid #444}.mobile-status-bar{height:4px;background:#ff4d4d;border-radius:2px;margin-bottom:1.5rem}.mobile-tab-bar{display:flex;background:#333;border-bottom:1px solid #444}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;cursor:pointer;transition:all .3s ease;color:#888}.tab-item.active{color:#ff4d4d;background:#ff4d4d1a}.tab-icon{font-size:1.2rem;margin-bottom:.25rem}.tab-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.mobile-posts{flex:1;overflow-y:auto;padding:.5rem}.mobile-post{background:#333;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:all .3s ease}.mobile-post:hover{background:#3a3a3a}.mobile-post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.mobile-avatar{width:32px;height:32px;border-radius:50%;background:#ff4d4d;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.9rem}.mobile-post-info{flex:1}.mobile-sender{font-weight:600;color:#fff;font-size:.9rem;margin-bottom:.25rem}.mobile-time{font-size:.7rem;color:#888}.unread-indicator{width:8px;height:8px;border-radius:50%;background:#ff4d4d}.mobile-message{color:#ccc;font-size:.85rem;line-height:1.4}.mobile-bottom-nav{display:flex;background:#2d2d2d;border-top:1px solid #444;padding:.5rem 0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem;cursor:pointer;transition:all .3s ease;color:#888}.nav-item.active{color:#ff4d4d}.nav-icon{font-size:1.1rem;margin-bottom:.25rem}.nav-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.platform-info h3{font-family:Orbitron,sans-serif;font-size:1.4rem;margin-bottom:1rem;color:#ff4d4d}.platform-info p{margin-bottom:1.5rem;opacity:.8;line-height:1.6}.platform-info ul{list-style:none;padding:0}.platform-info li{position:relative;padding:.5rem 0 .5rem 1.5rem}.platform-info li:before{content:"→";position:absolute;left:0;color:#ff4d4d}.features-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#ff4d4d}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-highlight{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.feature-highlight:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(45deg,#ff4d4d,#ff8080);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.feature-highlight:hover{transform:translateY(-5px);border-color:#ff4d4d4d;box-shadow:0 10px 30px #0000004d}.feature-highlight:hover:before{transform:scaleY(1)}.feature-highlight h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#ff4d4d;transition:color .3s ease}.feature-highlight:hover h3{color:#f66}.feature-highlight p{opacity:.8;line-height:1.6;margin:0}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");z-index:0}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column;align-items:center}.platforms-grid{grid-template-columns:1fr}.mobile-forum-mockup{width:250px;height:500px}.web-forum-mockup{height:350px}.forum-posts{height:calc(100% - 100px)}.cta-buttons{flex-direction:column;align-items:center}.feature-nav{flex-direction:column;gap:1rem}.features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.feature-header{background-attachment:scroll}.hero-stats,.overview-grid{grid-template-columns:1fr}.mobile-forum-mockup{width:220px;height:450px}.web-forum-mockup{height:300px}.forum-post{padding:1rem}.post-actions{gap:1rem}.mobile-posts{padding:.25rem}.mobile-post{margin-bottom:.5rem;padding:.75rem}}.analytics-dashboard-feature{font-family:Arial,sans-serif;color:#fff;background-color:#121212;min-height:100vh}.feature-header{position:relative;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background-image:url(/gym-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column}.header-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a1a99,#0d0d0dcc);z-index:1}.feature-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#1a1a1a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500}.back-button:hover{background:#fff3;transform:translate(-3px)}.nav-logo{display:flex;align-items:center}.logo-text{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.8rem;letter-spacing:2px;color:#fff}.logo-badge{font-family:Orbitron,sans-serif;background-color:#ff4d4d33;color:#ff4d4d;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;margin-left:.5rem}.login-button{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1px}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff4d4d66}.hero-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.hero-content.animate-in{opacity:1;transform:translateY(0)}.hero-badge{display:flex;align-items:center;gap:.5rem;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);padding:.75rem 1.5rem;border-radius:50px;margin-bottom:2rem;font-family:Orbitron,sans-serif;font-weight:500;color:#ff4d4d}.hero-title{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:700;margin:0 0 1.5rem;max-width:900px;line-height:1.2}.gradient-text{background:linear-gradient(45deg,#ff4d4d,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;max-width:700px;margin:0 auto 3rem;opacity:.8;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:600px;width:100%}.stat-item{display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#ff4d4d;margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:1px}.feature-tabs{background:#1a1a1a;padding:3rem 2rem}.tab-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab-button{background:none;border:none;color:#fff9;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;cursor:pointer;position:relative;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.tab-button.active{color:#ff4d4d}.tab-button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ff4d4d;transform:scaleX(0);transition:transform .3s ease}.tab-button.active:after{transform:scaleX(1)}.tab-button:hover{color:#ff4d4d}.tab-content{max-width:1200px;margin:0 auto}.overview-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#ff4d4d}.overview-content p{text-align:center;font-size:1.1rem;opacity:.8;max-width:800px;margin:0 auto 3rem;line-height:1.6}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.overview-card{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(30px);animation:slideInUp .6s ease forwards;transition:all .3s ease}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.overview-card:hover{transform:translateY(-5px);border-color:#ff4d4d4d;box-shadow:0 10px 30px #0000004d}.card-icon{font-size:3rem;margin-bottom:1rem}.overview-card h3{font-family:Orbitron,sans-serif;font-size:1.3rem;margin-bottom:1rem;color:#ff4d4d}.overview-card p{margin-bottom:1.5rem;opacity:.8;text-align:left}.overview-card ul{list-style:none;padding:0}.overview-card li{border-bottom:1px solid rgba(255,255,255,.1);position:relative;padding:.5rem 0 .5rem 1.5rem}.overview-card li:before{content:"✓";position:absolute;left:0;color:#ff4d4d;font-weight:700}.overview-card li:last-child{border-bottom:none}.dashboards-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:1rem;color:#ff4d4d}.dashboards-content p{text-align:center;font-size:1.1rem;opacity:.8;max-width:800px;margin:0 auto 3rem;line-height:1.6}.dashboards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:3rem}.dashboard-card{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(30px);animation:slideInUp .8s ease forwards;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #ff4d4d33}.dashboard-image{margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#1a1a1a;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}.desktop-dashboard-mockup{width:100%;height:550px;background:#2d2d2d;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#ff4d4d;padding:1rem 1.5rem;color:#fff}.dashboard-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600}.dashboard-controls{display:flex;gap:1rem;align-items:center}.time-selector{background:#fff3;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer}.export-btn{background:#fff3;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.export-btn:hover{background:#ffffff4d}.dashboard-content{padding:1.5rem;height:calc(100% - 60px);overflow-y:auto}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#3a3a3a;border-radius:8px;padding:1.5rem;border-left:4px solid;transition:all .3s ease}.stat-card.revenue{border-left-color:#4caf50}.stat-card.members{border-left-color:#2196f3}.stat-card.retention{border-left-color:#ff9800}.stat-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-title{font-size:.9rem;color:#ccc;text-transform:uppercase;letter-spacing:1px}.stat-icon{font-size:1.2rem}.stat-value{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;counter-reset:value;animation:countUp 2s ease-out}@keyframes countUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-change{font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;display:inline-block}.stat-change.positive{background:#4caf5033;color:#4caf50}.stat-change.negative{background:#f4433633;color:#f44336}.stat-change.neutral{background:#9e9e9e33;color:#9e9e9e}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.chart-container{background:#3a3a3a;border-radius:8px;padding:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h4{font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;margin:0}.chart-type{font-size:.8rem;color:#888;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.chart-area{position:relative}.line-chart{width:100%;height:120px}.chart-labels{display:flex;justify-content:space-between;margin-top:.5rem}.chart-label{font-size:.8rem;color:#888}.bar-chart{display:flex;justify-content:space-between;align-items:end;height:120px;gap:.5rem}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar{background:linear-gradient(45deg,#ff4d4d,#f66);border-radius:4px 4px 0 0;width:100%;transition:all .3s ease;animation:barGrowth 1s ease-out forwards;transform-origin:bottom;transform:scaleY(0)}@keyframes barGrowth{to{transform:scaleY(1)}}.bar:hover{background:linear-gradient(45deg,#f33,#f55)}.bar-label{font-size:.8rem;color:#888;margin-top:.5rem}.dashboard-bottom{background:#3a3a3a;border-radius:8px;padding:1.5rem}.quick-insights h4{font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;margin:0 0 1rem}.insight-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#ccc}.insight-item:last-child{border-bottom:none}.insight-icon{font-size:1rem}.mobile-analytics-mockup{width:280px;height:600px;background:#000;border-radius:25px;padding:15px;margin:0 auto;box-shadow:0 10px 30px #00000080}.mobile-screen{width:100%;height:100%;background:#1a1a1a;border-radius:20px;overflow:hidden;position:relative;display:flex;flex-direction:column}.mobile-header{background:#2d2d2d;padding:1.5rem 1rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444}.mobile-status-bar{height:4px;background:#ff4d4d;border-radius:2px;position:absolute;top:.5rem;left:1rem;right:1rem}.mobile-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff}.mobile-menu{font-size:1.2rem;color:#ccc;cursor:pointer}.mobile-period-selector{display:flex;background:#333;margin:1rem;border-radius:8px;padding:.25rem}.period-option{flex:1;padding:.75rem;text-align:center;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#888}.period-option.active{background:#ff4d4d;color:#fff}.mobile-analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem;margin-bottom:1.5rem}.mobile-metric-card{background:#333;border-radius:8px;padding:1rem;border-left:3px solid #ff4d4d}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-title{font-size:.8rem;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.metric-icon{font-size:1rem}.metric-value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.metric-change{font-size:.7rem;font-weight:600;padding:.2rem .4rem;border-radius:8px}.mobile-chart-section{padding:0 1rem;margin-bottom:1.5rem}.mobile-chart-section h4{font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;margin:0 0 1rem}.mobile-chart{background:#333;border-radius:8px;padding:1rem}.mini-bar-chart{display:flex;justify-content:space-between;align-items:end;height:80px;gap:.5rem}.mini-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.mini-bar{background:linear-gradient(45deg,#ff4d4d,#f66);border-radius:2px 2px 0 0;width:100%;transition:all .3s ease;animation:miniBarGrowth 1s ease-out forwards;transform-origin:bottom;transform:scaleY(0)}@keyframes miniBarGrowth{to{transform:scaleY(1)}}.mini-bar-label{font-size:.7rem;color:#888;margin-top:.5rem}.mobile-alerts{padding:0 1rem;margin-bottom:1rem}.alert-item{display:flex;align-items:center;gap:.75rem;background:#333;padding:.75rem;border-radius:8px;margin-bottom:.5rem;font-size:.8rem;color:#ccc}.alert-icon{font-size:1rem}.dashboard-info h3{font-family:Orbitron,sans-serif;font-size:1.4rem;margin-bottom:1rem;color:#ff4d4d}.dashboard-info p{margin-bottom:1.5rem;opacity:.8;line-height:1.6}.dashboard-info ul{list-style:none;padding:0}.dashboard-info li{position:relative;padding:.5rem 0 .5rem 1.5rem}.dashboard-info li:before{content:"→";position:absolute;left:0;color:#ff4d4d}.insights-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#ff4d4d}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.insight-highlight{background:#242424;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.insight-highlight:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(45deg,#ff4d4d,#ff8080);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.insight-highlight:hover{transform:translateY(-5px);border-color:#ff4d4d4d;box-shadow:0 10px 30px #0000004d}.insight-highlight:hover:before{transform:scaleY(1)}.insight-highlight h3{font-family:Orbitron,sans-serif;font-size:1.2rem;margin-bottom:1rem;color:#ff4d4d;transition:color .3s ease}.insight-highlight:hover h3{color:#f66}.insight-highlight p{opacity:.8;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#202020,#0e0e0e);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");z-index:0}.cta-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;margin-bottom:1rem;color:#ff4d4d}.cta-content p{font-size:1.2rem;opacity:.8;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{font-family:Orbitron,sans-serif;font-weight:500;padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cta-primary{background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none}.cta-secondary{background:transparent;color:#ff4d4d;border:2px solid #ff4d4d}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff4d4d66}.cta-secondary:hover{background:#ff4d4d;color:#fff}.feature-footer{background-color:#0a0a0a;padding:1.5rem;text-align:center;font-size:.9rem;color:#fff9}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.tab-navigation{flex-direction:column;align-items:center}.dashboards-grid{grid-template-columns:1fr}.mobile-analytics-mockup{width:250px;height:500px}.desktop-dashboard-mockup{height:400px}.dashboard-stats{grid-template-columns:1fr;gap:.75rem}.dashboard-charts{grid-template-columns:1fr;gap:1rem}.cta-buttons{flex-direction:column;align-items:center}.feature-nav{flex-direction:column;gap:1rem}.insights-grid{grid-template-columns:1fr}}@media (max-width: 480px){.feature-header{background-attachment:scroll}.hero-stats,.overview-grid{grid-template-columns:1fr}.mobile-analytics-grid{grid-template-columns:1fr;gap:.5rem}.mobile-chart-section{padding:0 .5rem}.desktop-dashboard-mockup{height:350px}.dashboard-content,.chart-container{padding:1rem}.mobile-alerts{padding:0 .5rem}.alert-item{padding:.5rem;font-size:.75rem}}.mark-attendance-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);font-family:Arial,sans-serif;color:#fff;position:relative;overflow-x:hidden}.mark-attendance-bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:0}.mark-attendance-bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,77,77,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,77,77,.05) 0%,transparent 50%);z-index:0}.mark-attendance-header{position:sticky;top:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,77,77,.1);box-shadow:0 4px 20px #0000004d;z-index:100;opacity:0;transform:translateY(-20px);transition:all .6s ease}.mark-attendance-header.animate-in{opacity:1;transform:translateY(0)}.mark-attendance-header-content{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem}.mark-attendance-back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mark-attendance-back-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d;transform:translate(-2px)}.mark-attendance-header-center{flex:1;text-align:center}.mark-attendance-header-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,#fff,#ff8080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mark-attendance-header-subtitle{color:#ffffffb3;margin:0;font-size:1rem;line-height:1.4}.mark-attendance-refresh-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mark-attendance-refresh-button:hover{background:#ff4d4d33;border-color:#ff4d4d4d}.mark-attendance-refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mark-attendance-main-content{max-width:1280px;margin:0 auto;padding:2rem;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s ease}.mark-attendance-main-content.animate-in{opacity:1;transform:translateY(0)}.mark-attendance-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.mark-attendance-stat-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.mark-attendance-stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a}.mark-attendance-stat-card.total{border-top:3px solid #4da6ff}.mark-attendance-stat-card.checked-in{border-top:3px solid #00C853}.mark-attendance-stat-card.not-checked{border-top:3px solid #ff4d4d}.mark-attendance-stat-card .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mark-attendance-stat-card.total .stat-icon{background:linear-gradient(45deg,#4da6ff,#74b9ff)}.mark-attendance-stat-card.checked-in .stat-icon{background:linear-gradient(45deg,#00c853,#4caf50)}.mark-attendance-stat-card.not-checked .stat-icon{background:linear-gradient(45deg,#ff4d4d,#f66)}.mark-attendance-stat-card .stat-info{flex:1}.mark-attendance-stat-card .stat-value{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 .25rem}.mark-attendance-stat-card .stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500;margin:0}.mark-attendance-search-container{margin-bottom:2rem}.mark-attendance-search-wrapper{position:relative;max-width:500px;margin:0 auto}.mark-attendance-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff80;z-index:2}.mark-attendance-search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:Arial,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mark-attendance-search-input::placeholder{color:#ffffff80}.mark-attendance-search-input:focus{outline:none;border-color:#ff4d4d80;box-shadow:0 0 20px #ff4d4d1a}.mark-attendance-error-message{background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out;position:relative}.mark-attendance-error-message .error-dismiss{background:none;border:none;color:#ff8080;cursor:pointer;font-size:1.5rem;margin-left:auto;padding:.25rem;border-radius:4px;transition:all .2s ease}.mark-attendance-error-message .error-dismiss:hover{background:#ff4d4d33}.mark-attendance-success-message{background:linear-gradient(135deg,#00c85326,#00c85314);border:1px solid rgba(0,200,83,.3);color:#00c853;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out;position:relative}.mark-attendance-success-message .success-dismiss{background:none;border:none;color:#00c853;cursor:pointer;font-size:1.5rem;margin-left:auto;padding:.25rem;border-radius:4px;transition:all .2s ease}.mark-attendance-success-message .success-dismiss:hover{background:#00c85333}.success-icon{flex-shrink:0;color:#00c853}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{flex-shrink:0;color:#ff4d4d}.mark-attendance-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.mark-attendance-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,77,77,.2);border-top:4px solid #ff4d4d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.mark-attendance-loading-text{font-family:Orbitron,sans-serif;color:#ffffffb3;font-size:1.1rem;margin:0}.mark-attendance-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{color:#ffffff4d;margin-bottom:1.5rem;opacity:.7}.empty-state-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1rem}.empty-state-text{color:#ffffffb3;font-size:1rem;line-height:1.6;margin:0 0 2rem;max-width:400px}.mark-attendance-refresh-main-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#ff4d4d,#f66);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff4d4d4d}.mark-attendance-refresh-main-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d4d66}.mark-attendance-refresh-main-button:disabled{opacity:.6;cursor:not-allowed}.mark-attendance-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.mark-attendance-cards-grid.animate-in{opacity:1;transform:translateY(0)}.mark-attendance-member-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideUpStagger .6s ease-out forwards;animation-delay:var(--animation-delay)}.mark-attendance-member-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006,0 0 20px #ff4d4d1a;border-color:#ff4d4d33}@keyframes slideUpStagger{to{opacity:1;transform:translateY(0)}}.mark-attendance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mark-attendance-member-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#ff4d4d,#f66);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;box-shadow:0 4px 15px #ff4d4d4d}.mark-attendance-member-initials{text-transform:uppercase}.mark-attendance-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.checked-in{background:#00c853;box-shadow:0 0 8px #00c85366}.status-dot.not-checked{background:#ff4d4d;box-shadow:0 0 8px #ff4d4d66}.status-text{color:#ffffffe6}.mark-attendance-card-body{margin-bottom:1.5rem}.mark-attendance-member-name{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 1rem}.mark-attendance-contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.contact-item.check-in-time{color:#00c853;font-weight:500}.contact-text{flex:1}.mark-attendance-card-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.attendance-toggle-container{display:flex;gap:.75rem}.attendance-toggle-button{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.attendance-toggle-button.check-in{background:#00c8531a;border:2px solid rgba(0,200,83,.3);color:#00c853}.attendance-toggle-button.check-in:hover:not(:disabled){background:#00c85333;border-color:#00c85380;transform:translateY(-2px);box-shadow:0 4px 15px #00c8534d}.attendance-toggle-button.check-in.active{background:linear-gradient(45deg,#00c853,#4caf50);border-color:transparent;color:#fff;cursor:default}.attendance-toggle-button.check-out{background:#ff4d4d1a;border:2px solid rgba(255,77,77,.3);color:#ff4d4d}.attendance-toggle-button.check-out:hover:not(:disabled){background:#ff4d4d33;border-color:#ff4d4d80;transform:translateY(-2px);box-shadow:0 4px 15px #ff4d4d4d}.attendance-toggle-button.check-out.disabled{opacity:.4;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:#fff6}.attendance-toggle-button.processing{opacity:.7;cursor:not-allowed;pointer-events:none}.attendance-toggle-button:disabled{cursor:not-allowed}.toggle-text{position:relative;z-index:2}@media (max-width: 768px){.mark-attendance-header-content{padding:1rem;gap:1rem}.mark-attendance-header-title{font-size:1.5rem}.mark-attendance-header-subtitle{font-size:.9rem}.mark-attendance-main-content{padding:1rem}.mark-attendance-stats-overview{grid-template-columns:1fr;gap:1rem}.mark-attendance-stat-card{padding:1rem;gap:.75rem}.mark-attendance-stat-card .stat-icon{width:40px;height:40px}.mark-attendance-stat-card .stat-value{font-size:1.5rem}.mark-attendance-search-input{padding:.875rem .875rem .875rem 2.75rem;font-size:.9rem}.mark-attendance-cards-grid{grid-template-columns:1fr;gap:1rem}.mark-attendance-member-card{padding:1.25rem}.mark-attendance-member-avatar{width:45px;height:45px;font-size:1rem}.mark-attendance-member-name{font-size:1.1rem}.attendance-toggle-container{gap:.5rem}.attendance-toggle-button{padding:.625rem .75rem;font-size:.8rem}}@media (max-width: 480px){.mark-attendance-header-content{flex-direction:column;text-align:center;gap:1rem}.mark-attendance-back-button,.mark-attendance-refresh-button{position:absolute;top:1rem}.mark-attendance-back-button{left:1rem}.mark-attendance-refresh-button{right:1rem}.mark-attendance-header-center{margin-top:2rem}.mark-attendance-header-title{font-size:1.3rem}.mark-attendance-header-subtitle{font-size:.85rem}.mark-attendance-main-content{padding:.75rem}.mark-attendance-member-card{padding:1rem}.attendance-toggle-container{flex-direction:column}.attendance-toggle-button{padding:.75rem}}.mark-attendance-page::-webkit-scrollbar{width:8px}.mark-attendance-page::-webkit-scrollbar-track{background:#ffffff1a}.mark-attendance-page::-webkit-scrollbar-thumb{background:#ff4d4d4d;border-radius:4px}.mark-attendance-page::-webkit-scrollbar-thumb:hover{background:#ff4d4d80}.mark-attendance-back-button:focus,.mark-attendance-refresh-button:focus,.mark-attendance-search-input:focus,.attendance-toggle-button:focus,.error-dismiss:focus,.success-dismiss:focus{outline:2px solid rgba(255,77,77,.5);outline-offset:2px}@media (prefers-contrast: high){.mark-attendance-member-card,.mark-attendance-stat-card{border-color:#ffffff4d}.contact-text,.mark-attendance-header-subtitle{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.mark-attendance-header,.mark-attendance-main-content,.mark-attendance-cards-grid,.mark-attendance-member-card{animation:none;transition:none}.spinning{animation:none}.mark-attendance-member-card:hover,.attendance-toggle-button:hover{transform:none}}