@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=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&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}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--topbar-height: 60px;--sidebar-bg: linear-gradient(180deg, #0d0000 0%, #0d0808 40%, #0d0505 70%, #0d0d0d 100%);--sidebar-bg-fallback: #0d0000;--sidebar-border: rgba(255, 60, 60, .15);--sidebar-hover: rgba(255, 60, 60, .06);--sidebar-active-bg: rgba(162, 19, 12, .22);--sidebar-active-border: #a2130c;--sidebar-text: rgba(255, 210, 210, .55);--sidebar-text-hover: rgba(255, 220, 220, .9);--sidebar-text-active: #ff6b6b;--topbar-bg: linear-gradient(135deg, #1a0000 0%, #2d0808 40%, #3b0a0a 70%, #1a0000 100%);--topbar-bg-fallback: #1a0000;--topbar-border: rgba(255, 60, 60, .25);--topbar-shadow: 0 4px 30px rgba(80, 5, 5, .5), 0 1px 15px rgba(255, 40, 40, .08);--content-bg: #0a0a0a;--accent-primary: #a2130c;--accent-light: #ff4d4d;--accent-soft: #ff8080;--accent-glow: rgba(162, 19, 12, .4);--accent-glow-soft: rgba(255, 77, 77, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 220, 220, .7);--text-muted: rgba(255, 200, 200, .4);--border-subtle: rgba(255, 60, 60, .08);--border-glow: rgba(255, 60, 60, .2);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.layout-wrapper{display:flex;min-height:100vh;background:var(--content-bg);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.layout-wrapper:before{content:"";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.015'%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;pointer-events:none}.layout-wrapper:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 600px 400px at 15% 10%,rgba(162,19,12,.08) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 85% 85%,rgba(255,77,77,.04) 0%,transparent 70%),radial-gradient(ellipse 400px 300px at 50% 50%,rgba(162,19,12,.03) 0%,transparent 70%);z-index:0;pointer-events:none}.layout-mobile-overlay{display:none}.layout-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg-fallback);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:200;transition:width var(--transition-smooth);overflow:hidden}.layout-sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,60,60,.2) 10%,rgba(162,19,12,.35) 30%,rgba(255,77,77,.2) 50%,rgba(162,19,12,.35) 70%,rgba(255,60,60,.2) 90%,transparent 100%);z-index:1}.layout-sidebar:after{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 100% 100% at 50% -20%,rgba(162,19,12,.15) 0%,transparent 70%);z-index:0;pointer-events:none}.layout-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid rgba(255,60,60,.1);min-height:60px;flex-shrink:0;position:relative;z-index:2}.sidebar-header:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.3),transparent)}.sidebar-logo{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity var(--transition-fast);overflow:hidden}.sidebar-logo:hover{opacity:.85}.sidebar-logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:800;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #a2130c66,0 0 20px #ff4d4d26;letter-spacing:-.5px}.sidebar-logo-text{display:flex;align-items:center;gap:6px;white-space:nowrap}.sidebar-brand{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.15rem;background:linear-gradient(135deg,#fff 30%,#ffd6d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1.5px}.sidebar-badge{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;background:#a2130c4d;color:#ff9a9a;border:1px solid rgba(255,77,77,.25);letter-spacing:1px;box-shadow:0 0 8px #a2130c33}.sidebar-collapse-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,60,60,.12);background:transparent;color:var(--sidebar-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.sidebar-collapse-btn:hover{background:#ff3c3c14;color:var(--text-primary);border-color:#ff3c3c40}.sidebar-institution{display:flex;align-items:center;gap:8px;margin:12px 14px;padding:8px 12px;border-radius:8px;background:#a2130c1a;border:1px solid rgba(255,60,60,.15);color:#ff9a9a;font-size:.78rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;position:relative;z-index:2}.sidebar-institution svg{flex-shrink:0;opacity:.7}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 8px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,60,60,.2) transparent;position:relative;z-index:2}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ff3c3c33;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ff3c3c59}.sidebar-section{margin-bottom:4px}.sidebar-section-header{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--sidebar-text);cursor:pointer;border-radius:8px;transition:all var(--transition-fast);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;text-align:left;position:relative}.sidebar-section-header:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.sidebar-section-header.active{color:var(--sidebar-text-active)}.section-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-chevron{display:flex;align-items:center;transition:transform var(--transition-fast);opacity:.5;flex-shrink:0}.section-chevron.expanded{transform:rotate(180deg)}.sidebar-section-items{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.sidebar-section-items.expanded{max-height:500px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;background:transparent;color:var(--sidebar-text);cursor:pointer;border-radius:8px;transition:all var(--transition-fast);font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;text-align:left;position:relative;white-space:nowrap}.sidebar-nav-item.sub-item{padding-left:42px;font-size:.85rem}.sidebar-nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.sidebar-nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);box-shadow:inset 0 0 20px #a2130c1a}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#ff4d4d,#ff8080);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent-glow),0 0 16px #ff4d4d26}.nav-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(255,60,60,.1);flex-shrink:0;position:relative;z-index:2}.sidebar-footer:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.2),transparent)}.sidebar-logout-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--sidebar-text);cursor:pointer;border-radius:8px;transition:all var(--transition-fast);font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;white-space:nowrap}.sidebar-logout-btn:hover{background:#ff3c3c1f;color:#ff6b6b;box-shadow:0 0 15px #ff3c3c0d}.layout-sidebar.collapsed .sidebar-header{padding:16px 0;justify-content:center}.layout-sidebar.collapsed .sidebar-logo{justify-content:center}.layout-sidebar.collapsed .sidebar-collapse-btn{display:none}.layout-sidebar.collapsed .sidebar-section-header,.layout-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.layout-sidebar.collapsed .sidebar-nav-item.sub-item{padding-left:10px}.layout-sidebar.collapsed .sidebar-logout-btn{justify-content:center;padding:10px}.layout-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-smooth);background:transparent;position:relative;z-index:1}.layout-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.layout-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 28px;background:var(--topbar-bg-fallback);background:var(--topbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--topbar-border);box-shadow:var(--topbar-shadow)}.layout-topbar:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.4),rgba(255,128,128,.2),rgba(255,77,77,.4),transparent)}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-mobile-menu{display:none;background:none;border:none;color:#ffd6d6;cursor:pointer;padding:6px;border-radius:6px}.topbar-mobile-menu:hover{background:#ff3c3c1a;color:var(--text-primary)}.topbar-greeting{font-size:.95rem;color:#ffd6d6b3;font-weight:400}.topbar-username{color:#ffd6d6;font-weight:600}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-institution{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,150,150,.2);color:#ffd6d6;font-size:.78rem;font-weight:500;white-space:nowrap;font-family:Orbitron,sans-serif}.topbar-institution svg{opacity:.7;color:#ff9a9a}.topbar-user{display:flex;align-items:center;gap:8px}.topbar-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;box-shadow:0 2px 8px #a2130c59,0 0 12px #ff4d4d1a}.topbar-user-name{font-size:.88rem;font-weight:500;color:#ffd6d6;font-family:Orbitron,sans-serif}.topbar-logout-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,150,150,.2);background:#ffffff0f;color:#ffd6d6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.topbar-logout-btn:hover{background:#ff505033;border-color:#ff969666;color:#fff;box-shadow:0 4px 15px #640a0a4d;transform:translateY(-1px)}.layout-content{flex:1;padding:28px;max-width:100%;overflow-x:hidden;position:relative}.layout-content:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(162,19,12,.06) 0%,transparent 100%);pointer-events:none;z-index:0}@media (max-width: 1024px){.layout-sidebar{transform:translate(-100%);width:var(--sidebar-width);box-shadow:none}.layout-sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 60px #50050580,20px 0 30px #0009}.layout-sidebar.collapsed{width:var(--sidebar-width);transform:translate(-100%)}.layout-sidebar.collapsed.mobile-open{transform:translate(0)}.layout-sidebar.collapsed .sidebar-header{padding:16px 14px;justify-content:space-between}.layout-sidebar.collapsed .sidebar-collapse-btn{display:flex}.layout-sidebar.collapsed .sidebar-section-header,.layout-sidebar.collapsed .sidebar-nav-item,.layout-sidebar.collapsed .sidebar-logout-btn{justify-content:flex-start;padding:10px 12px}.layout-sidebar.collapsed .sidebar-nav-item.sub-item{padding-left:42px}.layout-main{margin-left:0!important}.layout-mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:199;animation:fadeIn .2s ease}.topbar-mobile-menu{display:flex}.topbar-institution,.topbar-user-name{display:none}.layout-content{padding:20px 16px}}@media (max-width: 640px){.layout-topbar{padding:0 16px;height:54px}.topbar-greeting{font-size:.88rem}.layout-content{padding:16px 12px}}.sidebar-nav-item:focus-visible,.sidebar-section-header:focus-visible,.sidebar-collapse-btn:focus-visible,.sidebar-logout-btn:focus-visible,.topbar-logout-btn:focus-visible,.topbar-mobile-menu:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){.layout-sidebar,.layout-main,.sidebar-section-items,.section-chevron,.layout-mobile-overlay{transition:none!important;animation:none!important}}.layout-content::-webkit-scrollbar{width:6px}.layout-content::-webkit-scrollbar-track{background:transparent}.layout-content::-webkit-scrollbar-thumb{background:#ff3c3c26;border-radius:3px}.layout-content::-webkit-scrollbar-thumb:hover{background:#ff3c3c4d}.layout-sidebar.collapsed .sidebar-nav-item[title],.layout-sidebar.collapsed .sidebar-section-header[title],.layout-sidebar.collapsed .sidebar-logout-btn[title]{position:relative}.sidebar-logo-text,.sidebar-institution,.nav-item-label,.section-label,.section-chevron{transition:opacity .15s ease}.layout-sidebar.collapsed .sidebar-logo-text,.layout-sidebar.collapsed .sidebar-institution,.layout-sidebar.collapsed .nav-item-label,.layout-sidebar.collapsed .section-label,.layout-sidebar.collapsed .section-chevron{opacity:0;pointer-events:none;width:0}@media (prefers-contrast: high){.layout-sidebar{border-right-color:#ff646466}.layout-topbar{border-bottom-color:#ff646480}.sidebar-nav-item.active{border:1px solid rgba(255,77,77,.4)}.sidebar-text,.sidebar-nav-item{color:#ffdcdccc}}.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}}.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-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:all}.lt-bg-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a}.lt-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 45%,rgba(162,19,12,.2) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(255,77,77,.08) 0%,transparent 60%);opacity:0;transition:opacity .6s ease}.lt-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;opacity:0;transition:opacity .8s ease .2s}.lt-pulse-ring{position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;border:1px solid rgba(162,19,12,.3);transform:translate(-50%,-50%) scale(0);opacity:0}.lt-pulse-ring-2{animation-delay:.2s!important}.lt-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:0}.lt-logo-mark{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.lt-logo-letter{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.8rem;color:#fff;letter-spacing:-1px;position:relative;z-index:1}.lt-logo-glow{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:22px;background:#a2130c66;filter:blur(20px);opacity:0;transition:opacity .6s ease .3s}.lt-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.lt-brand-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:2rem;letter-spacing:4px;background:linear-gradient(135deg,#fff 30%,#ffd6d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lt-brand-badge{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:5px;background:#a2130c4d;color:#ff9a9a;border:1px solid rgba(162,19,12,.4);letter-spacing:1.5px}.lt-welcome{display:flex;align-items:center;gap:16px;margin-bottom:28px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.lt-welcome-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,77,.4));transform:scaleX(0);transition:transform .5s ease;transform-origin:center}.lt-welcome-line:last-child{background:linear-gradient(90deg,rgba(255,77,77,.4),transparent)}.lt-welcome-text{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:400;color:#ffffff8c;letter-spacing:.5px;white-space:nowrap}.lt-loader-track{width:160px;height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .3s ease}.lt-loader-fill{width:0%;height:100%;background:linear-gradient(90deg,#a2130c,#ff4d4d);border-radius:2px;box-shadow:0 0 12px #ff4d4d80;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.lt-corner{position:absolute;width:60px;height:60px;opacity:0;transition:opacity .5s ease .3s}.lt-corner-tl{top:40px;left:40px;border-top:1px solid rgba(162,19,12,.25);border-left:1px solid rgba(162,19,12,.25)}.lt-corner-br{bottom:40px;right:40px;border-bottom:1px solid rgba(162,19,12,.25);border-right:1px solid rgba(162,19,12,.25)}.phase-enter .lt-bg-base{animation:ltFadeIn .3s ease forwards}.phase-enter .lt-bg-gradient,.phase-enter .lt-bg-grid{opacity:1}.phase-enter .lt-logo-mark{opacity:1;transform:scale(1)}.phase-enter .lt-logo-glow{opacity:1}.phase-enter .lt-pulse-ring{animation:ltPulseExpand 1.2s ease-out forwards}.phase-hold .lt-bg-base,.phase-hold .lt-bg-gradient,.phase-hold .lt-bg-grid{opacity:1}.phase-hold .lt-logo-mark{opacity:1;transform:scale(1);animation:ltLogoBreath 1.5s ease-in-out infinite}.phase-hold .lt-logo-glow{opacity:1}.phase-hold .lt-brand-row{opacity:1;transform:translateY(0);transition-delay:.05s}.phase-hold .lt-welcome{opacity:1;transform:translateY(0);transition-delay:.15s}.phase-hold .lt-welcome-line{transform:scaleX(1);transition-delay:.25s}.phase-hold .lt-loader-track{opacity:1;transition-delay:.1s}.phase-hold .lt-loader-fill{width:100%}.phase-hold .lt-corner{opacity:1}.phase-hold .lt-pulse-ring{animation:ltPulseExpand 1.2s ease-out forwards}.phase-exit{animation:ltOverlayExit .7s cubic-bezier(.4,0,.2,1) forwards}.phase-exit .lt-content{animation:ltContentExit .5s cubic-bezier(.4,0,.2,1) forwards}.phase-exit .lt-bg-gradient{animation:ltGradientFlash .4s ease forwards}@keyframes ltFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ltPulseExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:.6}to{transform:translate(-50%,-50%) scale(6);opacity:0}}@keyframes ltLogoBreath{0%,to{transform:scale(1);box-shadow:0 8px 30px #a2130c59}50%{transform:scale(1.04);box-shadow:0 8px 40px #a2130c80}}@keyframes ltOverlayExit{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.08);pointer-events:none}}@keyframes ltContentExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes ltGradientFlash{0%{opacity:1}30%{opacity:1;background:radial-gradient(ellipse 90% 70% at 50% 45%,rgba(162,19,12,.35) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(255,77,77,.15) 0%,transparent 60%)}to{opacity:0}}@media (max-width: 640px){.lt-logo-mark{width:60px;height:60px;border-radius:15px}.lt-logo-letter{font-size:1.5rem}.lt-brand-name{font-size:1.5rem;letter-spacing:3px}.lt-welcome-text{font-size:.85rem}.lt-loader-track{width:120px}.lt-corner{display:none}}@media (prefers-reduced-motion: reduce){.login-transition-overlay,.login-transition-overlay *{animation-duration:.01ms!important;transition-duration:.01ms!important}.phase-enter{animation:ltFadeIn .15s ease forwards}.phase-enter .lt-logo-mark,.phase-enter .lt-brand-row,.phase-enter .lt-welcome,.phase-enter .lt-loader-track{opacity:1;transform:none}.phase-exit{animation:ltFadeIn .15s ease reverse forwards}}.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-icon{color:#ff4d4d;display:flex;align-items:center}.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}.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-details{flex:1}.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{flex:1}.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}}.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}}.dash-overview{max-width:1200px;margin:0 auto}.dash-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px}.dash-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.dash-page-subtitle{margin:0;color:#fff9;font-size:.95rem;line-height:1.5}.dash-month-highlight{color:#ff6b6b;font-weight:600}.dash-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.dash-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.dash-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dash-refresh-btn.spinning svg{animation:dashSpin 1s linear infinite}@keyframes dashSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-error{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8080;font-size:.9rem;margin-bottom:24px}.dash-error svg{flex-shrink:0;color:#ef4444}.dash-error-retry{margin-left:auto;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff6b6b;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.dash-error-retry:hover{background:#ef444440}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:36px}.dash-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;transition:all .25s ease;position:relative;overflow:hidden}.dash-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(162,19,12,.4),transparent);opacity:0;transition:opacity .25s ease}.dash-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.dash-stat-card:hover:before{opacity:1}.dash-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dash-stat-label{font-size:.82rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.dash-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dash-stat-icon.members{background:linear-gradient(135deg,#a2130c,#ff4d4d);box-shadow:0 4px 12px #a2130c4d}.dash-stat-icon.employees{background:linear-gradient(135deg,#0c5aa2,#4da6ff);box-shadow:0 4px 12px #0c5aa24d}.dash-stat-icon.revenue{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 4px 12px #22c55e4d}.dash-stat-icon.pending{background:linear-gradient(135deg,#eab308,#fbbf24);box-shadow:0 4px 12px #eab3084d}.dash-stat-icon.overdue{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d}.dash-stat-value{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:6px;line-height:1}.dash-stat-value.revenue-value{color:#4ade80}.dash-stat-value.overdue-value{color:#f87171}.dash-stat-footer{font-size:.8rem;color:#fff6}.dash-loading-dots{display:flex;gap:6px;align-items:center;height:1.8rem}.dash-loading-dots span{width:8px;height:8px;border-radius:50%;background:#a2130c99;animation:dashPulse 1.4s ease-in-out infinite both}.dash-loading-dots span:nth-child(1){animation-delay:-.32s}.dash-loading-dots span:nth-child(2){animation-delay:-.16s}.dash-loading-dots span:nth-child(3){animation-delay:0s}@keyframes dashPulse{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1.1);opacity:1}}.dash-section{margin-bottom:36px}.dash-section-title{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#ffffffb3;margin:0 0 16px;letter-spacing:.5px;text-transform:uppercase}.dash-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.dash-quick-action{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:var(--text-primary, #fff);cursor:pointer;transition:all .25s ease;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;text-align:left;width:100%}.dash-quick-action:hover{background:#ffffff0f;border-color:color-mix(in srgb,var(--action-color, #a2130c) 30%,transparent);transform:translateY(-2px)}.quick-action-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--action-color, #a2130c) 15%,transparent);color:var(--action-color, #a2130c);flex-shrink:0;transition:all .25s ease}.dash-quick-action:hover .quick-action-icon{background:color-mix(in srgb,var(--action-color, #a2130c) 25%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--action-color, #a2130c) 25%,transparent)}.quick-action-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action-arrow{color:#ffffff4d;transition:all .25s ease;flex-shrink:0}.dash-quick-action:hover .quick-action-arrow{color:var(--action-color, #a2130c);transform:translate(3px)}@media (max-width: 768px){.dash-page-title{font-size:1.4rem}.dash-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dash-stat-value{font-size:1.4rem}.dash-stat-icon{width:36px;height:36px}.dash-quick-actions{grid-template-columns:1fr}}@media (max-width: 480px){.dash-stats-grid{grid-template-columns:1fr}.dash-page-header{flex-direction:column;gap:12px}.dash-refresh-btn{align-self:flex-end}}@media (prefers-reduced-motion: reduce){.dash-stat-card,.dash-quick-action,.quick-action-icon,.quick-action-arrow,.dash-refresh-btn{transition:none!important}.dash-stat-card:hover,.dash-quick-action:hover{transform:none}.dash-loading-dots span,.dash-refresh-btn.spinning svg{animation:none!important}}.dash-refresh-btn:focus-visible,.dash-quick-action:focus-visible,.dash-error-retry:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}.dash-anim-item{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--anim-order, 0) * .12s)}.dash-mounted .dash-anim-item{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.dash-anim-item{opacity:1!important;transform:none!important;transition:none!important}}.verification-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;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.verification-modal{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:0;border:2px solid rgba(162,19,12,.3);box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff1a;width:90%;max-width:500px;max-height:90vh;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}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(162,19,12,.2);background:linear-gradient(135deg,rgba(162,19,12,.1),transparent)}.modal-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:1px}.close-button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.close-button:hover{color:#fff;background:#ffffff1a}.modal-content{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.verification-icon{background:linear-gradient(45deg,#a2130c33,#a2130c1a);border:2px solid rgba(162,19,12,.3);border-radius:50%;padding:1rem;display:flex;align-items:center;justify-content:center}.verification-description{color:#fffc;text-align:center;line-height:1.6;font-size:1rem;margin:0}.pin-input-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.pin-label{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;color:#fff;text-align:center;letter-spacing:.5px}.pin-inputs{display:flex;gap:.75rem;justify-content:center}.pin-digit{width:3rem;height:3rem;background:#1a1a1ae6;border:2px solid rgba(162,19,12,.3);border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:600;text-align:center;transition:all .3s ease;box-sizing:border-box}.pin-digit:focus{outline:none;border-color:#a2130c;box-shadow:0 0 0 3px #a2130c33,0 0 15px #a2130c4d;background:#a2130c1a}.pin-digit:not(:placeholder-shown){border-color:#a2130c;background:#a2130c0d}.error-message{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;animation:slideIn .3s ease-out}.modal-actions{display:flex;gap:1rem;width:100%;justify-content:center}.resend-button{display:flex;align-items:center;gap:.5rem;background:#1a1a1ae6;border:2px solid rgba(255,255,255,.3);color:#fffc;padding:.75rem 1rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.resend-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;color:#fff}.resend-button:disabled{opacity:.6;cursor:not-allowed}.verify-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a2130c4d}.verify-button:hover:not(:disabled){background:linear-gradient(45deg,#ff4d4d,#f66);transform:translateY(-2px);box-shadow:0 6px 20px #a2130c66}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.verification-note{background:#a2130c1a;border:1px solid rgba(162,19,12,.2);border-radius:8px;padding:1rem;text-align:center;width:100%}.verification-note p{color:#fffc;font-size:.85rem;line-height:1.5;margin:0}.verification-note strong{color:#fff;font-weight:600}@media (max-width: 768px){.verification-modal{margin:1rem;width:calc(100% - 2rem)}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.25rem}.modal-content{padding:1.5rem;gap:1.25rem}.pin-inputs{gap:.5rem}.pin-digit{width:2.5rem;height:2.5rem;font-size:1.1rem}.modal-actions{flex-direction:column}.resend-button,.verify-button{width:100%;justify-content:center}}@media (max-width: 480px){.verification-modal{margin:.5rem;width:calc(100% - 1rem)}.modal-header{padding:.75rem 1rem}.modal-title{font-size:1.1rem}.modal-content{padding:1rem;gap:1rem}.verification-description{font-size:.9rem}.pin-inputs{gap:.375rem}.pin-digit{width:2.25rem;height:2.25rem;font-size:1rem}.pin-label{font-size:.9rem}.verification-note p{font-size:.8rem}}.close-button:focus,.pin-digit:focus,.resend-button:focus,.verify-button:focus{outline:2px solid rgba(162,19,12,.5);outline-offset:2px}@media (prefers-contrast: high){.verification-modal,.pin-digit{border-color:#ffffff80}.verification-description,.verification-note p{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.verification-modal-overlay,.verification-modal,.error-message{animation:none}.verify-button:hover,.resend-button:hover{transform:none}.pin-digit{transition:none}}.verification-modal-overlay{isolation:isolate}.pin-digit{transform-origin:center}.pin-digit:focus{animation:focusPulse .3s ease-out}@keyframes focusPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media print{.verification-modal-overlay{display:none}}.register-member-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#121212);color:#fff;position:relative;font-family:Arial,sans-serif}.register-background{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}.register-container{max-width:800px;margin:0 auto;padding:2rem;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s ease}.info-box{display:flex;align-items:center;gap:.75rem;background:#a2130c1a;border:1px solid rgba(162,19,12,.3);color:#a2130c;padding:1rem 1.25rem;border-radius:8px;margin-top:1rem;font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.5px}.info-box svg{flex-shrink:0;color:#a2130c}.info-box span{flex:1;line-height:1.4}.register-container.animate-in{opacity:1;transform:translateY(0)}.register-header{margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:#1e1e1ecc;border:1px solid rgba(162,19,12,.3);color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;font-size:.9rem;margin-bottom:1.5rem}.back-button:hover{background:#a2130c1a;border-color:#a2130c80;transform:translate(-3px)}.header-info{text-align:center}.page-title{font-family:Orbitron,sans-serif;font-size:2.5rem;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}.page-subtitle{color:#ffffffb3;font-size:1.1rem;margin:0}.register-form-container{background:#1e1e1ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;border:1px solid rgba(162,19,12,.2);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}.register-form{display:flex;flex-direction:column;gap:2rem}.error-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ff4d4d26,#ff4d4d14);border:1px solid rgba(255,77,77,.3);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out}.form-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:600;color:#a2130c;margin:0;padding-bottom:.5rem;border-bottom:2px solid rgba(162,19,12,.3)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:500;color:#ffffffe6;letter-spacing:.5px}.form-input{width:100%;padding:.75rem 1rem;background:#1a1a1ae6;border:2px solid rgba(162,19,12,.3);border-radius:8px;color:#fff;font-family:Arial,sans-serif;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#a2130c;box-shadow:0 0 0 3px #a2130c1a}.form-input::placeholder{color:#ffffff80}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .form-input{padding-right:3rem}.input-wrapper svg{position:absolute;right:1rem;pointer-events:none}.checking-spinner{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center}.checking-circle{animation:checkingRotate 1s linear infinite;transform-origin:center}@keyframes checkingRotate{0%{stroke-dashoffset:31.416;transform:rotate(0)}50%{stroke-dashoffset:15.708;transform:rotate(180deg)}to{stroke-dashoffset:31.416;transform:rotate(360deg)}}.field-error{color:#f44336;font-size:.85rem;font-family:Orbitron,sans-serif;letter-spacing:.5px}.field-hint{color:#fff9;font-size:.85rem;font-style:italic}.personal-training-section{display:flex;flex-direction:column;gap:1rem}.training-header{display:flex;justify-content:space-between;align-items:center}.toggle-button{background:#1a1a1ae6;border:2px solid rgba(162,19,12,.3);color:#ffffffb3;padding:.5rem 1rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.toggle-button.active{background:linear-gradient(45deg,#a2130c,#ff4d4d);color:#fff;border-color:transparent}.toggle-button:hover{border-color:#a2130c}.toggle-text{letter-spacing:.5px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:2rem;border-top:1px solid rgba(162,19,12,.2)}.cancel-button{background:#1a1a1ae6;border:2px solid rgba(255,255,255,.3);color:#fffc;padding:.75rem 1.5rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#ffffff1a;border-color:#ffffff80}.submit-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(45deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a2130c4d}.submit-button:hover:not(:disabled){background:linear-gradient(45deg,#ff4d4d,#f66);transform:translateY(-2px);box-shadow:0 6px 20px #a2130c66}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.register-container{padding:1rem}.register-form-container{padding:1.5rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.register-container{padding:.5rem}.register-form-container{padding:1rem;border-radius:15px}.page-title{font-size:1.75rem}.section-title{font-size:1.1rem}.form-input{padding:.625rem .875rem;font-size:.9rem}.input-wrapper .form-input{padding-right:2.5rem}.input-wrapper svg,.checking-spinner{right:.75rem}.checking-spinner svg{width:16px;height:16px}}.back-button:focus,.form-input:focus,.toggle-button:focus,.cancel-button:focus,.submit-button:focus{outline:2px solid rgba(162,19,12,.5);outline-offset:2px}@media (prefers-contrast: high){.register-form-container{border-color:#ffffff4d}.form-input{border-color:#ffffff80}.field-hint{color:#fffc}}@media (prefers-reduced-motion: reduce){.register-container,.error-banner,.checking-circle{animation:none;transition:none}.back-button:hover,.submit-button:hover{transform:none}}.input-wrapper .form-input[style*="4CAF50"]{box-shadow:0 0 0 3px #4caf501a}.input-wrapper .form-input[style*=f44336]{box-shadow:0 0 0 3px #f443361a}.input-wrapper .form-input[style*=a2130c]{box-shadow:0 0 0 3px #a2130c1a}.field-success{color:#4caf50;font-size:.85rem;font-family:Orbitron,sans-serif;letter-spacing:.5px}.input-group:has(.form-input[placeholder*="5-digit"]) .field-hint{font-weight:500;color:#a2130ccc}.input-wrapper svg,.checking-spinner{transition:opacity .2s ease}.form-input{transition:border-color .3s ease,box-shadow .3s ease}.submit-button:disabled.checking{background:linear-gradient(45deg,#a2130cb3,#ff4d4db3)}.input-group .input-wrapper:has(input[placeholder*="5-digit"]){position:relative}.input-group .input-wrapper:has(input[placeholder*="5-digit"]) .form-input:valid{border-color:#a2130c80}.input-group .input-wrapper:has(input[placeholder*="5-digit"]) .form-input:invalid:not(:placeholder-shown){border-color:#f4433680}.member-management-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.member-success-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4caf50e6,#4caf50cc);color:#fff;padding:1rem 2rem;border-radius:12px;box-shadow:0 8px 25px #4caf504d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;animation:slideInDown .5s ease-out,fadeOut .5s ease-in 4.5s forwards;max-width:90%;text-align:center}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-20px)}}.success-content{display:flex;align-items:center;gap:.5rem;font-weight:600;justify-content:center}.member-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.member-page-header-left{flex:1}.member-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.member-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.member-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.member-photo-management-button,.member-refresh-button{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.member-photo-management-button:hover,.member-refresh-button:hover:not(:disabled){background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.member-refresh-button:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite;display:flex}.member-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.member-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:all .25s ease;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.member-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;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)}.member-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.member-stat-card.total .stat-icon{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;box-shadow:0 4px 12px #a2130c4d}.member-stat-card.active .stat-icon{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 12px #4caf504d}.member-stat-card.inactive .stat-icon{background:linear-gradient(135deg,#ffc107,#ffca28);color:#fff;box-shadow:0 4px 12px #ffc1074d}.stat-info{flex:1}.stat-value{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 2px}.stat-label{font-size:.82rem;color:#ffffff80;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.member-controls-container{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;margin-bottom:24px}.member-search-container{margin-bottom:16px}.member-search-wrapper{position:relative;display:flex;align-items:center}.member-search-icon{position:absolute;left:14px;color:#ff4d4d;display:flex;align-items:center;z-index:2}.member-search-input{width:100%;padding:12px 14px 12px 44px;background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;font-family:DM Sans,sans-serif;transition:all .2s ease;box-sizing:border-box}.member-search-input::placeholder{color:#fff6}.member-search-input:focus{outline:none;background:#ffffff0f;border-color:#ff4d4d66;box-shadow:0 0 0 3px #ff4d4d1a}.member-filter-container{display:flex;gap:10px;flex-wrap:wrap}.member-filter-button{padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:500;font-family:DM Sans,sans-serif}.member-filter-button:hover{background:#ffffff12;border-color:#ff4d4d33;color:#fff}.member-filter-button.active{background:#a2130c26;border-color:#ff4d4d66;color:#ff6b6b}.member-cards-list{display:flex;flex-direction:column;gap:12px}.member-card-horizontal{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:18px;padding:18px;opacity:0;transform:translateY(12px);animation:cardFadeIn .4s ease forwards;animation-delay:var(--animation-delay, 0s)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.member-card-horizontal:hover{background:#ffffff0d;border-color:#ff4d4d33;transform:translateY(-2px)}.member-card-left{flex-shrink:0}.member-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#a2130c4d,#a2130c26);border:2px solid rgba(255,77,77,.35);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#ff6b6b;transition:all .25s ease;overflow:hidden}.member-avatar.with-photo{background:none;padding:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.member-card-horizontal:hover .member-avatar{border-color:#ff4d4d80;box-shadow:0 4px 12px #a2130c40}.member-card-middle{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.member-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.member-name-section{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-name{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin:0}.member-id-badge{background:#a2130c1f;color:#ff8080;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.4px;border:1px solid rgba(162,19,12,.2)}.member-status-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.active{background:#4caf50;box-shadow:0 0 6px #4caf5080}.status-dot.inactive{background:#ffc107;box-shadow:0 0 6px #ffc10780}.status-text{font-size:.78rem;font-weight:600;color:#fffc}.member-contact-info{display:flex;flex-direction:column;gap:4px}.contact-item{display:flex;align-items:center;gap:6px;color:#ffffff80}.contact-text{font-size:.85rem;color:#ffffffb3}.inactive-duration{display:inline-block;background:#ffc1071a;color:#ffc107;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,193,7,.2);width:fit-content}.member-card-right{flex-shrink:0;padding-left:14px;border-left:1px solid rgba(255,255,255,.07)}.view-details-text{display:flex;align-items:center;gap:6px;color:#ff6b6b;font-weight:600;font-size:.85rem;white-space:nowrap;transition:gap .2s ease}.member-card-horizontal:hover .view-details-text{gap:10px}.member-loading-container{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;gap:16px}.member-loading-spinner{width:40px;height:40px;border:3px solid rgba(162,19,12,.2);border-top-color:#ff4d4d;border-radius:50%;animation:spin 1s linear infinite}.member-loading-text{color:#ffffff80;font-size:.9rem}.member-empty-state{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center}.empty-state-icon{color:#ff4d4d40;margin-bottom:16px}.empty-state-title{font-family:Orbitron,sans-serif;font-size:1.3rem;color:#fff;margin:0 0 8px}.empty-state-text{color:#ffffff80;font-size:.95rem;margin:0 0 24px;max-width:400px;line-height:1.5}.member-refresh-main-button{padding:10px 20px;background:linear-gradient(135deg,#a2130c,#ff4d4d);border:none;color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:all .2s ease}.member-refresh-main-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #a2130c4d}.member-refresh-main-button:disabled{opacity:.5;cursor:not-allowed}.member-error-message{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8080;padding:12px 16px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:.9rem}.error-icon{display:flex;align-items:center;flex-shrink:0;color:#ef4444}.member-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;padding:16px;animation:fadeIn .2s ease}.member-modal-content{background:#1a1a1a;border-radius:16px;border:1px solid rgba(255,77,77,.15);box-shadow:0 20px 50px #00000080;width:100%;max-width:550px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.member-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.member-modal-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;margin:0;color:#fff}.member-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.member-modal-close:hover{background:#ff3c3c1a;color:#ff6b6b}.member-modal-body{padding:24px;overflow-y:auto}.backup-restore-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.backup-option{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.backup-option:hover{background:#ffffff0d}.option-icon{width:52px;height:52px;border-radius:12px;background:#a2130c1f;border:1px solid rgba(162,19,12,.2);display:flex;align-items:center;justify-content:center;color:#ff6b6b;flex-shrink:0}.option-content{flex:1}.option-content h4{font-family:Orbitron,sans-serif;font-size:.95rem;margin:0 0 4px;color:#fff}.option-content p{font-size:.85rem;color:#ffffff80;margin:0 0 12px}.option-button{padding:8px 16px;background:linear-gradient(135deg,#a2130c,#ff4d4d);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;display:inline-block;transition:all .2s ease}.option-button:hover{transform:translateY(-1px)}.option-button.restore{background:linear-gradient(135deg,#2196f3,#42a5f5)}.file-input{display:none}.backup-info{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px}.info-item{color:#ffffffb3;margin-bottom:8px;font-size:.85rem}.info-item strong{color:#fff}.info-note{color:#ffc107b3;font-size:.82rem;font-style:italic;text-align:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}@media (max-width: 768px){.member-page-header{flex-direction:column;gap:12px}.member-page-title{font-size:1.4rem}.member-stats-overview{grid-template-columns:1fr;gap:10px}.member-filter-container{flex-direction:column}.member-card-horizontal{flex-direction:column;align-items:flex-start;gap:12px}.member-card-right{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.07);padding-left:0;padding-top:12px}}@media (max-width: 480px){.member-page-title{font-size:1.2rem}.member-stat-card{flex-direction:column;text-align:center;gap:8px}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.3rem}.member-avatar{width:48px;height:48px;font-size:.95rem}.member-name{font-size:.95rem}}@media (prefers-reduced-motion: reduce){.member-card-horizontal,.member-stat-card,.member-success-banner{animation:none!important;transition:none!important}.spinning{animation:none!important}.member-card-horizontal:hover,.member-stat-card:hover{transform:none}}.member-photo-management-button:focus-visible,.member-refresh-button:focus-visible,.member-filter-button:focus-visible,.member-refresh-main-button:focus-visible,.member-modal-close:focus-visible,.member-card-horizontal:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}.mdp-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.mdp-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.mdp-page-header-left{display:flex;align-items:center;gap:12px}.mdp-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mdp-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mdp-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.mdp-page-subtitle{font-size:.95rem;color:#fff9;margin:0}.mdp-highlight{color:#ff6b6b;font-weight:600}.mdp-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.mdp-success-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:20px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e;font-weight:600;font-size:.92rem;animation:mdp-slideIn .3s ease-out}.mdp-success-banner svg{flex-shrink:0}.mdp-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px;margin-bottom:20px;transition:all .25s ease}.mdp-card:hover{background:#ffffff0a;border-color:#ffffff1a}.mdp-card-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.mdp-section-icon{width:42px;height:42px;border-radius:10px;background:#a2130c1a;display:flex;align-items:center;justify-content:center;color:#ff6b6b;flex-shrink:0}.mdp-card-title{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 4px;letter-spacing:.3px}.mdp-card-subtitle{font-size:.85rem;color:#ffffff73;margin:0}.mdp-btn{border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.mdp-btn:disabled{opacity:.45;cursor:not-allowed}.mdp-btn-primary{background:linear-gradient(135deg,#a2130c,#d4261a);color:#fff;box-shadow:0 2px 10px #a2130c40}.mdp-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.mdp-btn-secondary{background:#ffffff0f;color:#ffffffd9;border:1px solid rgba(255,255,255,.12)}.mdp-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.mdp-btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 2px 10px #22c55e40}.mdp-btn-success:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.mdp-btn-icon{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mdp-btn-icon:hover:not(:disabled){background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mdp-btn-icon:disabled{opacity:.45;cursor:not-allowed}.mdp-btn-danger-ghost{border-color:#ef444426;color:#ef444499}.mdp-btn-danger-ghost:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#ef4444}.mdp-profile-card{position:relative;overflow:hidden}.mdp-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a2130c,#ff6b6b);opacity:.7}.mdp-profile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.mdp-profile-left{display:flex;align-items:flex-start;gap:16px;flex:1}.mdp-profile-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.mdp-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#a2130c,#d4261a);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Orbitron,sans-serif;font-weight:700;flex-shrink:0;box-shadow:0 4px 16px #a2130c4d;overflow:hidden}.mdp-avatar-photo{background:none;padding:0}.mdp-avatar-photo img,.mdp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:14px}.mdp-profile-info{flex:1}.mdp-member-id-badge{display:inline-block;background:#a2130c1a;border:1px solid rgba(162,19,12,.25);color:#ff6b6b;padding:4px 10px;border-radius:6px;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.mdp-profile-name{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 8px}.mdp-contact-item{display:flex;align-items:center;gap:8px;color:#fff9;font-size:.88rem;margin-bottom:4px}.mdp-contact-item svg{color:#ffffff59;flex-shrink:0}.mdp-status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.mdp-pill-active{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.mdp-pill-inactive{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fbbf24}.mdp-status-dot{width:8px;height:8px;border-radius:50%}.mdp-dot-active{background:#22c55e;box-shadow:0 0 6px #22c55e80}.mdp-dot-inactive{background:#fbbf24;box-shadow:0 0 6px #fbbf2480}.mdp-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.mdp-detail-item{display:flex;align-items:center;gap:12px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.mdp-detail-item:hover{background:#ffffff0d;border-color:#ffffff1a}.mdp-detail-icon{width:40px;height:40px;border-radius:10px;background:#a2130c14;display:flex;align-items:center;justify-content:center;color:#ff6b6b;flex-shrink:0}.mdp-detail-label{display:block;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.mdp-detail-value{display:block;font-size:.95rem;color:#fff;font-weight:600}.mdp-warning{display:flex;align-items:center;gap:12px;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:10px;padding:14px 18px;margin-bottom:20px;color:#fbbf24;font-size:.92rem;font-weight:500}.mdp-warning svg{flex-shrink:0}.mdp-status-toggle{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.mdp-toggle-label{display:block;font-size:.95rem;font-weight:600;color:#fff;margin-bottom:4px}.mdp-toggle-desc{display:block;font-size:.85rem;color:#ffffff73}.mdp-toggle-controls{display:flex;align-items:center;gap:12px}.mdp-toggle-status{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.mdp-text-green{color:#22c55e}.mdp-text-yellow{color:#fbbf24}.mdp-switch{position:relative;width:52px;height:28px;cursor:pointer}.mdp-switch-disabled{opacity:.5;cursor:not-allowed}.mdp-switch input{opacity:0;width:0;height:0}.mdp-switch-track{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff26;border-radius:28px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.mdp-switch-on{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e}.mdp-switch-knob{position:absolute;width:20px;height:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.mdp-switch-on .mdp-switch-knob{transform:translate(24px)}.mdp-payment-list{display:flex;flex-direction:column;gap:10px}.mdp-payment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease;gap:16px}.mdp-payment-item:hover{background:#ffffff0a;border-color:#ffffff1a}.mdp-payment-package{border-color:#8a2be226;position:relative}.mdp-payment-package:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#8a2be2,#9370db);border-radius:0 3px 3px 0}.mdp-payment-package:hover{border-color:#8a2be24d}.mdp-payment-info{flex:1}.mdp-package-badge{display:inline-flex;align-items:center;gap:6px;background:#8a2be214;border:1px solid rgba(138,43,226,.2);color:orchid;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.mdp-package-badge svg{flex-shrink:0}.mdp-package-name{font-weight:700}.mdp-package-seq{background:#8a2be240;padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:700;margin-left:4px}.mdp-payment-month{font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:600;color:#fff;margin-bottom:4px}.mdp-payment-date{font-size:.82rem;color:#ffffff73}.mdp-payment-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.mdp-payment-amount{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#fff}.mdp-status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.mdp-badge-paid{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.mdp-badge-overdue{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.mdp-badge-pending{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fbbf24}.mdp-inactive-list{display:flex;flex-direction:column;gap:12px}.mdp-inactive-item{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.mdp-inactive-item:hover{background:#ffffff0a;border-color:#fbbf2426}.mdp-inactive-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.88rem;color:#ffffffb3}.mdp-inactive-body{margin-top:8px}.mdp-inactive-duration{display:inline-block;padding:4px 10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fbbf24;border-radius:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;margin-bottom:8px}.mdp-inactive-reason{font-size:.92rem;color:#fff;font-weight:500;margin-bottom:4px}.mdp-inactive-notes{font-size:.85rem;color:#ffffff73;font-style:italic;line-height:1.5}.mdp-inactive-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-top:12px;background:#fbbf240f;border:1px solid rgba(251,191,36,.15);border-radius:10px;font-weight:600}.mdp-inactive-total{font-family:Orbitron,sans-serif;color:#fbbf24;font-size:1.05rem}.mdp-empty{text-align:center;padding:32px 16px;color:#ffffff59}.mdp-empty p{margin:0;font-size:.92rem;font-style:italic}.mdp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;animation:mdp-fadeIn .25s ease}.mdp-modal{background:#1a1a1a;border:1px solid rgba(162,19,12,.3);border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009;animation:mdp-slideUp .3s ease}.mdp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.mdp-modal-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;margin:0;color:#fff}.mdp-modal-close{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mdp-modal-close:hover{background:#ffffff14;color:#fffc}.mdp-modal-body{padding:24px;overflow-y:auto;flex:1}.mdp-modal-desc{margin:0 0 16px;color:#ffffffb3;font-size:.95rem;line-height:1.6}.mdp-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.mdp-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;box-sizing:border-box;transition:border-color .2s ease;outline:none}.mdp-input:focus{border-color:#a2130c80;background:#ffffff12}.mdp-input::placeholder{color:#ffffff4d}.mdp-textarea{min-height:100px;resize:vertical}.mdp-upload-area{background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:14px;padding:28px;text-align:center;transition:all .2s ease}.mdp-upload-area:hover{border-color:#a2130c4d;background:#ffffff08}.mdp-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.mdp-upload-icon{color:#ffffff4d}.mdp-upload-placeholder p{margin:0;color:#ffffffb3;font-size:1rem}.mdp-upload-note{color:#fff6!important;font-size:.85rem!important}.mdp-upload-preview{display:flex;flex-direction:column;align-items:center;gap:16px}.mdp-preview-img{width:180px;height:180px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0000004d;border:2px solid rgba(162,19,12,.2)}.mdp-preview-img img{width:100%;height:100%;object-fit:cover}.mdp-preview-info{background:#ffffff08;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.06);width:100%}.mdp-preview-info p{margin:0 0 4px;color:#ffffffb3;font-size:.88rem}.mdp-preview-info p:last-child{margin:0}.mdp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:#fff9}.mdp-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:mdp-spin .8s linear infinite}.mdp-loading p{margin:0}.mdp-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:12px}.mdp-error-icon{color:#ef4444;opacity:.6}.mdp-error-state h3{font-family:Orbitron,sans-serif;font-size:1.15rem;margin:0}.mdp-error-state p{margin:0;color:#ffffff80;max-width:400px}@keyframes mdp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mdp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes mdp-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mdp-slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mdp-page-header{flex-direction:column;gap:12px}.mdp-page-title{font-size:1.4rem}.mdp-profile-top{flex-direction:column}.mdp-profile-left{flex-wrap:wrap}.mdp-profile-right{flex-direction:row;align-items:center}.mdp-details-grid{grid-template-columns:1fr}.mdp-status-toggle{flex-direction:column;gap:16px;text-align:center}.mdp-toggle-controls{justify-content:center}.mdp-payment-item{flex-direction:column;align-items:stretch}.mdp-payment-right{flex-direction:row;justify-content:space-between;align-items:center}.mdp-inactive-header{flex-direction:column;gap:4px}.mdp-inactive-footer{flex-direction:column;gap:8px;text-align:center}.mdp-modal{max-width:92%}.mdp-modal-footer{flex-direction:column}.mdp-modal-footer .mdp-btn{width:100%;justify-content:center}}@media (max-width: 480px){.mdp-card{padding:16px}.mdp-profile-name{font-size:1.15rem}.mdp-detail-item{flex-direction:column;text-align:center;gap:8px}.mdp-detail-icon{align-self:center}.mdp-preview-img{width:140px;height:140px}.mdp-modal{max-width:96%}.mdp-modal-body{padding:16px}}@media (prefers-reduced-motion: reduce){.mdp-success-banner,.mdp-modal-overlay,.mdp-modal,.mdp-spinner{animation:none!important}.mdp-btn:hover,.mdp-detail-item:hover,.mdp-payment-item:hover{transform:none!important}.mdp-switch-track,.mdp-switch-knob{transition:none!important}}.edit-members-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.edit-members-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.edit-members-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.edit-members-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.edit-members-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.edit-members-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-members-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.edit-members-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.edit-members-stats-overview{display:flex;justify-content:center;margin-bottom:2rem}.edit-members-stat-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;padding:1.5rem 2rem;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;transition:all .25s ease;display:flex;align-items:center;gap:1.5rem;min-width:280px}.edit-members-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a2130c,#ff4d4d);opacity:.8}.edit-members-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.edit-members-stat-card .stat-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 16px #a2130c4d}.edit-members-stat-card .stat-info{flex:1}.edit-members-stat-card .stat-value{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;margin:0 0 .3rem}.edit-members-stat-card .stat-label{font-family:Orbitron,sans-serif;font-size:.85rem;color:#fff9;margin:0;font-weight:500;letter-spacing:.5px}.edit-members-search-container{margin-bottom:2rem;display:flex;justify-content:center}.edit-members-search-wrapper{position:relative;max-width:500px;width:100%}.edit-members-search-input{width:100%;padding:.85rem 1rem .85rem 3.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;transition:all .2s ease;outline:none;box-sizing:border-box}.edit-members-search-input::placeholder{color:#fff6}.edit-members-search-input:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.edit-members-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff59;z-index:1}.edit-members-error-message{background:linear-gradient(135deg,#ff4d4d1f,#ff4d4d0f);border:1px solid rgba(255,77,77,.25);color:#ff8080;padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out}.edit-members-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.edit-members-loading-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.15);border-top:3px solid #ff4d4d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.edit-members-loading-text{color:#fff9;font-size:1rem;margin:0}.edit-members-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{color:#a2130c4d;margin-bottom:2rem}.empty-state-title{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:600;color:#fff;margin:0 0 1rem}.empty-state-text{color:#ffffff80;font-size:1rem;line-height:1.6;margin:0 0 2rem;max-width:500px}.edit-members-refresh-main-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-family:Orbitron,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.edit-members-refresh-main-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a2130c59}.edit-members-refresh-main-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-members-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.edit-member-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:280px;opacity:0;transform:translateY(16px);animation:slideUpStagger .5s ease-out forwards;animation-delay:var(--animation-delay)}.edit-member-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a2130c,#ff4d4d);opacity:0;transition:opacity .25s ease}.edit-member-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.edit-member-card:hover:before{opacity:1}.edit-member-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.edit-member-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:600;font-size:1.1rem;color:#fff;box-shadow:0 4px 12px #a2130c4d}.edit-member-initials{text-transform:uppercase}.edit-action-indicator{display:flex;align-items:center;gap:.4rem;background:#a2130c1a;border:1px solid rgba(162,19,12,.2);padding:.4rem .65rem;border-radius:8px;transition:all .2s ease}.edit-member-card:hover .edit-action-indicator{background:#a2130c2e;border-color:#a2130c59}.edit-icon{color:#ff6b6b;display:flex;align-items:center}.edit-text{color:#ff6b6b;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:500}.edit-member-card-body{margin-bottom:1.25rem;flex:1}.edit-member-id-badge{display:inline-block;background:#a2130c1a;border:1px solid rgba(162,19,12,.2);color:#ff6b6b;padding:.25rem .65rem;border-radius:10px;font-size:.75rem;font-weight:500;margin-bottom:.85rem;font-family:Orbitron,sans-serif}.edit-member-name{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 1rem;line-height:1.3}.edit-member-contact-info{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:.65rem;color:#ffffffb3;font-size:.88rem}.contact-text{word-break:break-word}.edit-member-fees-info{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:.65rem .85rem;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.fees-label{color:#ffffff8c;font-size:.88rem}.fees-value{color:#ff6b6b;font-family:Orbitron,sans-serif;font-weight:600;font-size:1rem}.edit-member-card-footer{display:flex;justify-content:center;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.edit-profile-text{display:flex;align-items:center;gap:.5rem;color:#ff6b6b;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s ease}.edit-member-card:hover .edit-profile-text{color:#ff9a9a;transform:translate(4px)}@media (max-width: 768px){.edit-members-page-header{flex-direction:column;gap:12px}.edit-members-page-title{font-size:1.4rem}.edit-members-stat-card{padding:1.25rem;min-width:auto;flex-direction:column;text-align:center;gap:.75rem}.edit-members-search-wrapper{max-width:none}.edit-members-cards-grid{grid-template-columns:1fr;gap:1.25rem}.edit-member-card{padding:1.25rem}}@media (max-width: 480px){.edit-members-page-title{font-size:1.25rem}.edit-members-stat-card .stat-value{font-size:1.8rem}.edit-members-stat-card .stat-icon{width:48px;height:48px}.edit-member-name{font-size:1.05rem}.contact-item{font-size:.82rem}}.edit-members-refresh-btn:focus-visible,.edit-members-refresh-main-button:focus-visible,.edit-members-search-input:focus-visible,.edit-member-card:focus-visible{outline:2px solid rgba(162,19,12,.5);outline-offset:2px}@media (prefers-contrast: high){.edit-member-card,.edit-members-stat-card{border-color:#ffffff4d}.edit-members-page-subtitle,.contact-text,.fees-label{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.edit-member-card{animation:none;opacity:1;transform:none;transition:none}.spinning{animation:none}.edit-member-card:hover,.edit-member-card:hover .edit-profile-text{transform:none}}.edit-member-card,.edit-members-refresh-btn{user-select:none;-webkit-user-select:none}.emp-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:900px;margin:0 auto}.emp-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.emp-page-header-left{display:flex;align-items:center;gap:12px}.emp-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.emp-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.emp-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.emp-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.emp-highlight{color:#ff6b6b;font-weight:600}.emp-member-avatar{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#a2130c,#d4261a);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #a2130c4d}.emp-message{padding:14px 18px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:.92rem;animation:emp-slideIn .3s ease-out}.emp-message-success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e}.emp-message-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.emp-message svg{flex-shrink:0}.emp-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px;transition:all .25s ease}.emp-section{margin-bottom:28px}.emp-section:last-of-type{margin-bottom:0}.emp-section-title{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#ffffffb3;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:.3px}.emp-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.emp-info-item{display:flex;flex-direction:column;gap:6px}.emp-info-full{grid-column:1 / -1}.emp-info-label{font-size:.78rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.4px}.emp-info-value{display:flex;align-items:center;gap:8px;color:#fff;font-size:.95rem;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px}.emp-info-value svg{color:#ffffff59;flex-shrink:0}.emp-status-badge{padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600}.emp-badge-green{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.emp-badge-gray{background:#9ca3af1a;border:1px solid rgba(156,163,175,.2);color:#9ca3af}.emp-training-fees{margin-left:6px;color:#ff6b6b;font-weight:600}.emp-form{display:flex;flex-direction:column;gap:18px}.emp-form-group{display:flex;flex-direction:column;gap:6px}.emp-form-label{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:#ffffffd9}.emp-form-label svg{color:#ffffff59;flex-shrink:0}.emp-input{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;box-sizing:border-box;transition:border-color .2s ease,background .2s ease;outline:none}.emp-input:focus{border-color:#a2130c80;background:#ffffff12}.emp-input::placeholder{color:#ffffff4d}.emp-input-error{border-color:#ef444466!important}.emp-input-success{border-color:#22c55e66!important}.emp-input-memberid{font-family:Orbitron,sans-serif;font-weight:500;letter-spacing:2px;text-align:center}.emp-input[type=date]{color-scheme:dark}.emp-textarea{min-height:80px;resize:vertical;line-height:1.5}.emp-memberid-wrapper{display:flex;flex-direction:column;gap:6px}.emp-memberid-status{display:flex;align-items:center;min-height:22px}.emp-avail{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;padding:4px 8px;border-radius:6px}.emp-avail svg{flex-shrink:0}.emp-avail-checking{background:#fbbf2414;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.emp-avail-spinner svg{animation:emp-spin 1s linear infinite}.emp-avail-ok{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e}.emp-avail-current{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.emp-avail-taken{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.emp-form-error{color:#f87171;font-size:.82rem}.emp-form-hint{font-size:.82rem}.emp-hint-success{color:#22c55eb3}.emp-hint-error{color:#f87171}.emp-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);margin-top:24px}.emp-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s ease;white-space:nowrap;min-width:140px;justify-content:center}.emp-btn:disabled{opacity:.45;cursor:not-allowed}.emp-btn svg{flex-shrink:0}.emp-btn-primary{background:linear-gradient(135deg,#a2130c,#d4261a);color:#fff;box-shadow:0 2px 10px #a2130c40}.emp-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.emp-btn-secondary{background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.12)}.emp-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.emp-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:emp-spin .8s linear infinite}.emp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:#fff9}.emp-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:emp-spin .8s linear infinite}.emp-loading p{margin:0}.emp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:12px}.emp-error-icon{color:#ef4444;opacity:.6}.emp-error h3{font-family:Orbitron,sans-serif;font-size:1.15rem;margin:0}.emp-error p{margin:0;color:#ffffff80}@keyframes emp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes emp-slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.emp-page-header{flex-direction:column;gap:12px}.emp-page-title{font-size:1.4rem}.emp-card{padding:20px 16px}.emp-info-grid{grid-template-columns:1fr}.emp-actions{flex-direction:column}.emp-btn{width:100%}}@media (max-width: 480px){.emp-card{padding:16px 12px}.emp-input{padding:10px 12px}}@media (prefers-reduced-motion: reduce){.emp-message,.emp-spinner,.emp-btn-spinner,.emp-avail-spinner svg{animation:none!important}.emp-btn:hover{transform:none!important}}.attendance-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.attendance-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.attendance-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.attendance-page-subtitle-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.attendance-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.attendance-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.attendance-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attendance-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.attendance-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.attendance-live-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.5px}.attendance-live-toggle-btn.active{background:#4caf5026;border-color:#4caf504d;color:#66bb6a}.attendance-live-toggle-btn.inactive{background:#ffffff0a;color:#fff9}.attendance-live-toggle-btn.disabled{background:#ffffff05;color:#ffffff4d;border-color:#ffffff0f;cursor:not-allowed}.attendance-live-toggle-btn:not(.disabled):hover{transform:translateY(-1px)}.attendance-live-toggle-btn.active:not(.disabled):hover{background:#4caf5038}.attendance-live-toggle-btn.inactive:not(.disabled):hover{background:#a2130c1f;border-color:#a2130c40;color:#ff6b6b}.live-status-indicator{display:flex;align-items:center;gap:6px;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:500}.live-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.live-dot.active{background:#4caf50;box-shadow:0 0 10px #4caf5099;animation:pulse 1.5s infinite}.live-dot.inactive{background:#666}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.live-text{color:#fff;font-weight:600}.update-counter{color:#ffffff80;font-size:.7rem}.date-warning{color:#ffc107b3;font-size:.7rem;font-style:italic}.new-attendance-alert{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:.85rem 1.25rem;border-radius:12px;box-shadow:0 8px 24px #4caf504d;z-index:300;animation:slideInRight .5s ease-out;border:1px solid rgba(255,255,255,.2)}.alert-content{display:flex;align-items:center;gap:.65rem;font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem}.alert-icon{flex-shrink:0}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.attendance-controls-section{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem}.live-info-panel{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:.85rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.live-info-item{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:.8rem;color:#ffffffb3;font-weight:500}.live-info-item svg{color:#ff4d4d}.attendance-search-container{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.65rem}.attendance-search-wrapper{position:relative;max-width:500px;width:100%}.attendance-search-input{width:100%;padding:.85rem 2.5rem .85rem 3.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;transition:all .2s ease;outline:none;box-sizing:border-box}.attendance-search-input::placeholder{color:#fff6}.attendance-search-input:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.attendance-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#ffffff59;z-index:1}.attendance-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.attendance-search-clear:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.search-results-info{font-family:Orbitron,sans-serif;font-size:.78rem;color:#fff9;text-align:center;background:#a2130c14;border:1px solid rgba(162,19,12,.15);padding:.4rem .85rem;border-radius:8px}.date-picker-container{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;gap:.75rem}.date-nav-button{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.date-nav-button:hover{background:#a2130c1f;border-color:#a2130c40;color:#ff6b6b}.date-display{display:flex;align-items:center;gap:.65rem;padding:.75rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:600;font-size:.95rem;min-width:260px;justify-content:center}.date-display:hover{background:#a2130c14;border-color:#a2130c33}.calendar-icon{color:#ff6b6b}.chevron-icon{color:#fff6;transition:transform .2s ease}.date-display:hover .chevron-icon{transform:translateY(2px)}.view-toggle{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-width:420px;margin:0 auto}.toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;color:#ffffff8c;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif;font-weight:500;font-size:.82rem}.toggle-button:hover{color:#fff;background:#ffffff0a}.toggle-button.active{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;box-shadow:0 4px 12px #a2130c4d}.attendance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.5rem}.attendance-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden;transition:all .25s ease;display:flex;align-items:center;gap:1.25rem}.attendance-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.attendance-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8}.attendance-stat-card.present:before{background:linear-gradient(90deg,#4caf50,#81c784)}.attendance-stat-card.absent:before{background:linear-gradient(90deg,#f44336,#e57373)}.attendance-stat-card.total:before{background:linear-gradient(90deg,#2196f3,#64b5f6)}.live-indicator{position:absolute;top:14px;right:14px;width:10px;height:10px;background:#4caf50;border-radius:50%;animation:pulse 1.5s infinite}.attendance-stat-card .stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attendance-stat-card.present .stat-icon{background:#4caf501a;color:#4caf50}.attendance-stat-card.absent .stat-icon{background:#f443361a;color:#f44336}.attendance-stat-card.total .stat-icon{background:#2196f31a;color:#2196f3}.stat-content{flex:1}.stat-value{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;margin:0 0 .3rem}.stat-label{font-family:Orbitron,sans-serif;font-size:.82rem;color:#ffffff8c;font-weight:500;letter-spacing:.5px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;min-height:280px}.loading-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.15);border-radius:50%;border-top:3px solid #ff4d4d;animation:spin 1s linear infinite}.loading-text{font-family:DM Sans,sans-serif;font-size:.95rem;color:#fff9;margin-top:1.25rem;text-align:center}.error-container{display:flex;align-items:center;justify-content:center;padding:4rem 0;min-height:280px}.error-content{text-align:center;max-width:460px}.error-icon{color:#ff4d4d;margin-bottom:1.25rem}.error-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .75rem}.error-message{color:#fff9;margin:0 0 1.5rem;line-height:1.6}.retry-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;border-radius:10px;font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #a2130c4d}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a2130c66}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.empty-icon{color:#a2130c4d;margin-bottom:1.5rem}.empty-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 .75rem}.empty-message{color:#ffffff80;margin:0 0 1.5rem;max-width:400px;line-height:1.6}.refresh-action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:10px;font-family:Orbitron,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.refresh-action-button:hover{background:#a2130c1f;border-color:#a2130c40;color:#ff6b6b;transform:translateY(-1px)}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.member-attendance-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.25rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:1rem;opacity:0;transform:translateY(16px);animation:slideUp .5s ease-out forwards;animation-delay:var(--animation-delay)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.member-attendance-card:hover,.member-attendance-card.hovered{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.member-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #a2130c4d}.member-info{flex:1;min-width:0}.member-name{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#fff;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-time{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#ffffff8c}.status-badge{padding:.4rem .85rem;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.status-badge.present{background:#4caf5026;color:#66bb6a;border:1px solid rgba(76,175,80,.25)}.status-badge.checked-out{background:#f4433626;color:#e57373;border:1px solid rgba(244,67,54,.25)}.monthly-attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem}.monthly-day-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:all .25s ease;opacity:0;transform:translateY(16px);animation:slideUp .5s ease-out forwards;animation-delay:var(--animation-delay)}.monthly-day-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.monthly-day-card.today{border-color:#a2130c66;box-shadow:0 4px 16px #a2130c26}.day-header{background:linear-gradient(135deg,#a2130c80,#a2130c4d);padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.monthly-day-card.today .day-header{background:linear-gradient(135deg,#a2130c,#ff4d4d)}.date-info{display:flex;flex-direction:column}.date-number{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:700;color:#fff}.day-name{font-family:Orbitron,sans-serif;font-size:.78rem;color:#ffffffbf;font-weight:500}.attendance-count{text-align:right}.count{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;display:block}.count-label{font-size:.7rem;color:#ffffffbf;font-weight:500}.day-attendances{padding:.85rem}.attendance-entry{display:flex;align-items:center;gap:.65rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.attendance-entry:last-child{border-bottom:none}.entry-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.entry-info{flex:1;min-width:0}.entry-name{font-family:Orbitron,sans-serif;font-size:.82rem;font-weight:600;color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.15rem}.entry-time{font-size:.75rem;color:#ffffff80}.more-attendances{text-align:center;padding:.6rem 0;color:#ffffff73;font-size:.8rem;font-style:italic;border-top:1px solid rgba(255,255,255,.04)}.no-attendances{padding:1.5rem;text-align:center;color:#ffffff59;font-style:italic;font-size:.88rem}@media (max-width: 768px){.attendance-page-header{flex-direction:column;gap:12px}.attendance-page-title{font-size:1.4rem}.attendance-page-subtitle-row{flex-direction:column;align-items:flex-start;gap:8px}.live-info-panel{flex-direction:column;gap:.75rem;text-align:center}.attendance-controls-section{padding:1.25rem}.attendance-search-wrapper{max-width:none}.date-picker-container{flex-direction:column;gap:.75rem}.date-display{min-width:auto;width:100%}.view-toggle{max-width:none}.attendance-stats-grid,.attendance-grid,.monthly-attendance-grid{grid-template-columns:1fr}.member-attendance-card{flex-direction:column;text-align:center;gap:.85rem}.member-info{text-align:center}.member-time{justify-content:center}.status-badge{align-self:center}.new-attendance-alert{top:70px;right:12px;left:12px}}@media (max-width: 480px){.attendance-page-title{font-size:1.25rem}.attendance-controls-section{padding:1rem}.stat-value{font-size:1.8rem}.attendance-live-toggle-btn{padding:6px 10px;font-size:.72rem}.live-info-item{font-size:.72rem}.attendance-search-input{padding:.75rem 2.5rem .75rem 2.75rem;font-size:.88rem}.attendance-search-icon{left:.75rem}.attendance-search-clear{right:.6rem;padding:.3rem}}.attendance-refresh-btn:focus-visible,.attendance-live-toggle-btn:focus-visible,.attendance-search-input:focus-visible,.date-nav-button:focus-visible,.date-display:focus-visible,.toggle-button:focus-visible,.member-attendance-card:focus-visible,.retry-button:focus-visible,.refresh-action-button:focus-visible{outline:2px solid rgba(162,19,12,.5);outline-offset:2px}@media (prefers-contrast: high){.attendance-stat-card,.member-attendance-card,.monthly-day-card{border-color:#ffffff4d}}@media (prefers-reduced-motion: reduce){.member-attendance-card,.monthly-day-card{animation:none;opacity:1;transform:none;transition:none}.live-dot,.live-indicator,.spinning{animation:none}}@media print{.attendance-page{color:#000}.attendance-page-header-actions,.live-info-panel,.new-attendance-alert,.attendance-search-container{display:none}}.mad-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.mad-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.mad-page-header-left{display:flex;align-items:center;gap:12px}.mad-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mad-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mad-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.mad-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.mad-member-badge-inline{display:inline-flex;align-items:center;gap:8px}.mad-member-avatar-sm{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#a2130c,#d4261a);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.mad-highlight{color:#ff6b6b;font-weight:600}.mad-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.mad-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mad-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mad-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.mad-content{display:flex;flex-direction:column;gap:20px}.mad-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px;transition:all .25s ease}.mad-card:hover{background:#ffffff0a;border-color:#ffffff1a}.mad-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.mad-card-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:600;margin:0;color:#fff;letter-spacing:.3px}.mad-card-subtitle{font-size:.85rem;color:#ffffff73}.mad-btn{border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.mad-btn-primary{background:linear-gradient(135deg,#a2130c,#d4261a);color:#fff;box-shadow:0 2px 10px #a2130c40}.mad-btn-primary:hover{box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.mad-month-selector{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.mad-month-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mad-month-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mad-month-display{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:.3px}.mad-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.mad-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .25s ease}.mad-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.mad-stat-icon{width:52px;height:52px;border-radius:12px;background:#a2130c14;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.mad-stat-content{flex:1}.mad-stat-value{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 4px}.mad-stat-label{font-size:.82rem;color:#ffffff80;font-weight:500}.mad-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.mad-payment-card{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.mad-payment-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.mad-payment-card-title{font-family:Orbitron,sans-serif;font-size:.88rem;font-weight:600;color:#ffffffb3;margin:0;letter-spacing:.3px}.mad-payment-card-body{display:flex;flex-direction:column;gap:10px}.mad-payment-row{display:flex;justify-content:space-between;align-items:center}.mad-payment-label{font-size:.85rem;color:#ffffff80}.mad-payment-value{font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:600;color:#fff}.mad-text-green{color:#22c55e!important}.mad-status-badge{padding:5px 10px;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;display:inline-block}.mad-status-paid{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.mad-status-overdue{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.mad-status-pending{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fbbf24}.mad-status-default{background:#a2130c1a;border:1px solid rgba(162,19,12,.25);color:#ff6b6b}.mad-status-completed{background:#a2130c1a;border:1px solid rgba(162,19,12,.2);color:#ff6b6b}.mad-status-active{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.mad-due-date{background:#a2130c0f;border:1px solid rgba(162,19,12,.15);border-radius:12px;padding:16px 20px}.mad-due-date-content{display:flex;align-items:center;gap:12px}.mad-due-date-icon{font-size:1.5rem}.mad-due-date-label{display:block;font-size:.82rem;color:#ffffff80;margin-bottom:2px}.mad-due-date-value{display:block;font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:600;color:#ff6b6b}.mad-records-grid{display:flex;flex-direction:column;gap:12px}.mad-record-card{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:all .2s ease}.mad-record-card:hover{border-color:#ffffff1f}.mad-record-header{background:linear-gradient(135deg,#a2130c26,#ffffff05);padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.mad-record-date{font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:600;color:#fff}.mad-record-day{font-size:.72rem;color:#ffffff73;margin-top:2px}.mad-record-times{text-align:right}.mad-record-time{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;color:#fff}.mad-record-checkout{font-size:.72rem;color:#ffffff73;margin-top:2px}.mad-record-content{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.04)}.mad-record-duration{display:flex;align-items:center;gap:8px}.mad-record-duration-icon{font-size:1.1rem}.mad-record-duration-text{font-family:Orbitron,sans-serif;font-size:.92rem;font-weight:600;color:#fff}.mad-empty-state{text-align:center;padding:40px 20px;color:#fff6}.mad-empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.mad-empty-state h4{font-family:Orbitron,sans-serif;font-size:1rem;margin:0 0 6px;color:#fff9}.mad-empty-state p{margin:0;font-size:.9rem}.mad-empty-state-sm{text-align:center;padding:24px;color:#ffffff59}.mad-empty-state-sm span{font-size:2rem;display:block;margin-bottom:8px}.mad-empty-state-sm p{margin:0;font-size:.85rem}.mad-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#fff9}.mad-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:mad-spin .8s linear infinite}.mad-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;gap:16px}.mad-error h3{font-family:Orbitron,sans-serif;font-size:1.15rem;color:#ef4444;margin:0}.mad-error p{margin:0;color:#ffffff80;max-width:400px}@keyframes mad-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mad-spin{animation:mad-spin .8s linear infinite}@media (max-width: 768px){.mad-page-header{flex-direction:column;gap:12px}.mad-page-title{font-size:1.4rem}.mad-stats-grid,.mad-payment-grid{grid-template-columns:1fr}.mad-record-header{flex-direction:column;align-items:flex-start;gap:8px}.mad-record-times{text-align:left}.mad-record-content{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 480px){.mad-stat-value{font-size:1.4rem}.mad-month-display{font-size:.95rem}.mad-card{padding:16px}}@media (prefers-reduced-motion: reduce){.mad-stat-card,.mad-record-card,.mad-spinner{animation:none!important;transition:none!important}.mad-stat-card:hover{transform:none!important}}.mark-attendance-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.mark-attendance-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.mark-attendance-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.mark-attendance-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.mark-attendance-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.mark-attendance-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mark-attendance-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mark-attendance-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.mark-attendance-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem}.mark-attendance-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .25s ease;position:relative;overflow:hidden}.mark-attendance-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.mark-attendance-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.mark-attendance-stat-card.total:before{background:linear-gradient(90deg,#4da6ff,#74b9ff)}.mark-attendance-stat-card.checked-in:before{background:linear-gradient(90deg,#00c853,#4caf50)}.mark-attendance-stat-card.not-checked:before{background:linear-gradient(90deg,#ff4d4d,#f66)}.mark-attendance-stat-card .stat-icon{width:48px;height:48px;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(135deg,#4da6ff,#74b9ff);box-shadow:0 4px 12px #4da6ff4d}.mark-attendance-stat-card.checked-in .stat-icon{background:linear-gradient(135deg,#00c853,#4caf50);box-shadow:0 4px 12px #00c8534d}.mark-attendance-stat-card.not-checked .stat-icon{background:linear-gradient(135deg,#ff4d4d,#f66);box-shadow:0 4px 12px #ff4d4d4d}.mark-attendance-stat-card .stat-info{flex:1}.mark-attendance-stat-card .stat-value{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 .2rem}.mark-attendance-stat-card .stat-label{color:#ffffff8c;font-size:.85rem;font-weight:500;margin:0}.mark-attendance-search-container{margin-bottom:1.5rem}.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:#ffffff59;z-index:2}.mark-attendance-search-input{width:100%;padding:.85rem 1rem .85rem 3.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;transition:all .2s ease;outline:none;box-sizing:border-box}.mark-attendance-search-input::placeholder{color:#fff6}.mark-attendance-search-input:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.mark-attendance-error-message{background:linear-gradient(135deg,#ff4d4d1f,#ff4d4d0f);border:1px solid rgba(255,77,77,.25);color:#ff8080;padding:.85rem 1.15rem;border-radius:12px;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out;position:relative}.mark-attendance-error-message .error-dismiss{background:none;border:none;color:#ff8080;cursor:pointer;font-size:1.4rem;margin-left:auto;padding:.25rem;border-radius:4px;transition:all .2s ease;line-height:1}.mark-attendance-error-message .error-dismiss:hover{background:#ff4d4d26}.mark-attendance-success-message{background:linear-gradient(135deg,#00c8531f,#00c8530f);border:1px solid rgba(0,200,83,.25);color:#00c853;padding:.85rem 1.15rem;border-radius:12px;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease-out;position:relative}.mark-attendance-success-message .success-dismiss{background:none;border:none;color:#00c853;cursor:pointer;font-size:1.4rem;margin-left:auto;padding:.25rem;border-radius:4px;transition:all .2s ease;line-height:1}.mark-attendance-success-message .success-dismiss:hover{background:#00c85326}.success-icon{flex-shrink:0;color:#00c853}.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:44px;height:44px;border:3px solid rgba(162,19,12,.15);border-top:3px solid #ff4d4d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.mark-attendance-loading-text{color:#fff9;font-size:.95rem;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:#a2130c4d;margin-bottom:1.5rem}.empty-state-title{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .75rem}.empty-state-text{color:#ffffff80;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;max-width:400px}.mark-attendance-refresh-main-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-family:Orbitron,sans-serif;font-weight:500;font-size:.88rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #a2130c4d}.mark-attendance-refresh-main-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a2130c66}.mark-attendance-refresh-main-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mark-attendance-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.mark-attendance-member-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.25rem;transition:all .25s ease;opacity:0;transform:translateY(16px);animation:slideUpStagger .5s ease-out forwards;animation-delay:var(--animation-delay)}.mark-attendance-member-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.mark-attendance-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mark-attendance-header-actions{display:flex;align-items:center;gap:.65rem}.mark-attendance-detail-button{background:#a2130c1a;border:1px solid rgba(162,19,12,.2);color:#ff6b6b;padding:.4rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mark-attendance-detail-button:hover{background:#a2130c33;border-color:#a2130c66;transform:scale(1.08)}.mark-attendance-member-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.05rem;box-shadow:0 4px 12px #a2130c4d}.mark-attendance-member-initials{text-transform:uppercase}.mark-attendance-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:16px}.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}.mark-attendance-card-body{margin-bottom:1.25rem}.mark-attendance-member-name{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.mark-attendance-member-id{color:#ffffff80;font-size:.82rem;margin:0 0 .85rem;font-family:Orbitron,sans-serif;letter-spacing:.5px}.mark-attendance-contact-info{display:flex;flex-direction:column;gap:.45rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.88rem}.contact-item svg{color:#ffffff59;flex-shrink:0}.contact-item.check-in-time{color:#66bb6a;font-weight:500}.contact-item.check-in-time svg{color:#66bb6a}.contact-text{flex:1}.mark-attendance-card-footer{border-top:1px solid rgba(255,255,255,.06);padding-top:1rem}.attendance-toggle-container{display:flex;gap:.65rem}.attendance-toggle-button{flex:1;padding:.65rem .85rem;border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-weight:500;font-size:.82rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.attendance-toggle-button.check-in{background:#00c85314;border:2px solid rgba(0,200,83,.25);color:#00c853}.attendance-toggle-button.check-in:hover:not(:disabled){background:#00c85326;border-color:#00c85366;transform:translateY(-1px)}.attendance-toggle-button.check-in.active{background:linear-gradient(135deg,#00c853,#4caf50);border-color:transparent;color:#fff;cursor:default}.attendance-toggle-button.check-out{background:#ff4d4d14;border:2px solid rgba(255,77,77,.25);color:#ff4d4d}.attendance-toggle-button.check-out:hover:not(:disabled){background:#ff4d4d26;border-color:#ff4d4d66;transform:translateY(-1px)}.attendance-toggle-button.check-out.disabled{opacity:.35;cursor:not-allowed;background:#ffffff08;border-color:#ffffff14;color:#ffffff4d}.attendance-toggle-button.processing{opacity:.6;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-page-header{flex-direction:column;gap:12px}.mark-attendance-page-title{font-size:1.4rem}.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.4rem}.mark-attendance-search-wrapper{max-width:none}.mark-attendance-search-input{padding:.75rem .75rem .75rem 2.75rem;font-size:.88rem}.mark-attendance-cards-grid{grid-template-columns:1fr;gap:1rem}.mark-attendance-member-card{padding:1.1rem}.mark-attendance-member-avatar{width:42px;height:42px;font-size:.95rem}.mark-attendance-member-name{font-size:1rem}.attendance-toggle-container{gap:.5rem}.attendance-toggle-button{padding:.6rem .65rem;font-size:.78rem}}@media (max-width: 480px){.mark-attendance-page-title{font-size:1.25rem}.mark-attendance-member-card{padding:1rem}.attendance-toggle-container{flex-direction:column}.attendance-toggle-button{padding:.65rem}}.mark-attendance-refresh-btn:focus-visible,.mark-attendance-search-input:focus-visible,.attendance-toggle-button:focus-visible,.mark-attendance-detail-button:focus-visible,.error-dismiss:focus-visible,.success-dismiss:focus-visible{outline:2px solid rgba(162,19,12,.5);outline-offset:2px}@media (prefers-contrast: high){.mark-attendance-member-card,.mark-attendance-stat-card{border-color:#ffffff4d}.contact-text,.mark-attendance-page-subtitle{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.mark-attendance-member-card{animation:none;opacity:1;transform:none;transition:none}.spinning{animation:none}.mark-attendance-member-card:hover,.attendance-toggle-button:hover{transform:none}}.fee-management-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.fee-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.fee-page-header-left{flex:1}.fee-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.fee-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.fee-month-highlight{color:#ffd43b;font-weight:600}.fee-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.fee-address-btn,.fee-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fee-address-btn:hover,.fee-refresh-btn:hover:not(:disabled){background:#a29c0c26;border-color:#a29c0c4d;color:#ffd43b}.fee-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.fee-refresh-btn.spinning svg{animation:feeSpin 1s linear infinite}@keyframes feeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fee-error{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8080;font-size:.9rem;margin-bottom:24px}.fee-error svg{flex-shrink:0;color:#ef4444}.fee-error-retry{margin-left:auto;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff6b6b;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.fee-error-retry:hover{background:#ef444440}.fee-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.fee-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:all .25s ease}.fee-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.8}.fee-stat-card.collected:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.fee-stat-card.pending:before{background:linear-gradient(90deg,#ffc107,#ffd54f)}.fee-stat-card.overdue:before{background:linear-gradient(90deg,#ff4d4d,#ff8080)}.fee-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.fee-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fee-stat-label{font-size:.82rem;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.4px}.fee-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.fee-stat-icon.collected{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf504d}.fee-stat-icon.pending{background:linear-gradient(135deg,#ffc107,#ffd54f);box-shadow:0 4px 12px #ffc1074d}.fee-stat-icon.overdue{background:linear-gradient(135deg,#ff4d4d,#f66);box-shadow:0 4px 12px #ff4d4d4d}.fee-stat-value{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:4px}.fee-stat-value.collected-val{color:#4ade80}.fee-stat-value.overdue-val{color:#f87171}.fee-stat-footer{font-size:.8rem;color:#fff6}.fee-loading-dots{display:flex;gap:6px;align-items:center;height:1.8rem}.fee-loading-dots span{width:7px;height:7px;border-radius:50%;background:#a29c0c80;animation:feePulse 1.4s ease-in-out infinite both}.fee-loading-dots span:nth-child(1){animation-delay:-.32s}.fee-loading-dots span:nth-child(2){animation-delay:-.16s}.fee-loading-dots span:nth-child(3){animation-delay:0s}@keyframes feePulse{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1.1);opacity:1}}.fee-search-section{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:14px}.fee-search-wrapper{position:relative;display:flex;align-items:center}.fee-search-icon{position:absolute;left:14px;color:#ffc107;display:flex;align-items:center;z-index:2}.fee-search-input{width:100%;padding:12px 40px 12px 44px;background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;font-family:DM Sans,sans-serif;transition:all .2s ease;box-sizing:border-box}.fee-search-input::placeholder{color:#fff6}.fee-search-input:focus{outline:none;border-color:#ffc10766;box-shadow:0 0 0 3px #ffc1071a;background:#ffffff0f}.fee-search-clear{position:absolute;right:12px;background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:4px;display:flex;transition:all .2s ease}.fee-search-clear:hover{color:#ffc107}.fee-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.fee-filter-btn{padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;font-family:DM Sans,sans-serif;transition:all .2s ease}.fee-filter-btn:hover{background:#ffffff12;color:#fff}.fee-filter-btn.active{background:#ffc10726;border-color:#ffc10766;color:#ffc107}.fee-search-results-info{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffc10714;border:1px solid rgba(255,193,7,.2);border-radius:8px;font-size:.85rem;color:#ffc107}.fee-clear-filters{background:none;border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:4px 10px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.fee-clear-filters:hover{background:#ffc1071a}.fee-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.fee-member-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;opacity:0;transform:translateY(12px);animation:feeCardIn .4s ease forwards;animation-delay:var(--animation-delay, 0s)}@keyframes feeCardIn{to{opacity:1;transform:translateY(0)}}.fee-member-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.7}.fee-member-card.paid:before{background:linear-gradient(90deg,#4caf50,#66bb6a)}.fee-member-card.pending:before{background:linear-gradient(90deg,#ffc107,#ffd54f)}.fee-member-card.overdue:before{background:linear-gradient(90deg,#ff4d4d,#ff8080)}.fee-member-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.fee-member-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#a29c0c4d,#a29c0c26);display:flex;align-items:center;justify-content:center;color:#ffd43b;flex-shrink:0;font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;overflow:hidden;transition:all .2s ease}.fee-member-avatar.with-photo{background:none}.fee-member-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.fee-member-card:hover .fee-member-avatar{box-shadow:0 4px 12px #a29c0c40}.fee-member-info{flex:1;min-width:0}.fee-member-id-badge{display:inline-block;background:#ffc1071a;border:1px solid rgba(255,193,7,.2);color:#ffc107;padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:600;letter-spacing:.4px;margin-bottom:4px}.fee-member-name{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:#fff;margin:0 0 2px;line-height:1.3}.fee-member-email{color:#ffffff80;font-size:.82rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-payment-details{text-align:right;flex-shrink:0}.fee-payment-status{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-bottom:4px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.fee-payment-status.paid{color:#4caf50}.fee-payment-status.pending{color:#ffc107}.fee-payment-status.overdue{color:#ff4d4d}.fee-payment-amount{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#fff}.fee-member-arrow{color:#ffffff4d;transition:all .2s ease;flex-shrink:0}.fee-member-card:hover .fee-member-arrow{color:#ffd43b;transform:translate(2px)}.fee-loading-container{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;gap:16px}.fee-loader{width:40px;height:40px;border:3px solid rgba(162,156,12,.2);border-radius:50%;border-top-color:#ffd43b;animation:feeSpin 1s linear infinite}.fee-loading-text{color:#ffffff80;font-size:.9rem}.fee-empty-container{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;text-align:center}.fee-empty-title{font-family:Orbitron,sans-serif;font-size:1.3rem;color:#fff;margin:0 0 8px}.fee-empty-text{color:#ffffff80;font-size:.95rem;margin:0;max-width:400px}.address-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s ease}.address-modal{background:#1a1a1a;border-radius:16px;border:1px solid rgba(162,156,12,.15);box-shadow:0 20px 50px #00000080;width:90%;max-width:480px;max-height:85vh;overflow-y:auto}.address-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.address-modal-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.address-modal-title svg{color:#ffd43b}.address-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.address-modal-close:hover{background:#ff3c3c1a;color:#ff6b6b}.address-modal-content{padding:24px}.address-modal-description{color:#fff9;margin:0 0 18px;line-height:1.5;font-size:.9rem}.address-input-wrapper{margin-bottom:12px}.address-label{display:block;font-weight:600;color:#fff;margin-bottom:8px;font-size:.9rem}.address-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;padding:12px;resize:vertical;min-height:80px;box-sizing:border-box;transition:all .2s ease}.address-textarea::placeholder{color:#fff6}.address-textarea:focus{outline:none;border-color:#ffc10766;box-shadow:0 0 0 3px #ffc1071a}.address-character-count{text-align:right;font-size:.8rem;color:#fff6;margin-top:4px}.address-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8080;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:.85rem;margin-top:12px}.address-error svg{flex-shrink:0;color:#ef4444}.address-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid rgba(255,255,255,.08)}.address-modal-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 18px;border-radius:10px;font-weight:500;cursor:pointer;font-size:.88rem;transition:all .2s ease}.address-modal-cancel:hover:not(:disabled){background:#ffffff1a}.address-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.address-modal-save{background:linear-gradient(135deg,#a29c0c,#ffd43b);border:none;color:#000;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;font-size:.88rem;display:flex;align-items:center;gap:6px;transition:all .2s ease}.address-modal-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #a29c0c4d}.address-modal-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.address-save-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#000;animation:feeSpin 1s linear infinite}@media (max-width: 768px){.fee-page-header{flex-direction:column;gap:12px}.fee-page-title{font-size:1.4rem}.fee-stats-grid{grid-template-columns:1fr;gap:10px}.fee-members-grid{grid-template-columns:1fr}.fee-search-results-info{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.fee-page-title{font-size:1.2rem}.fee-stat-value{font-size:1.4rem}.fee-member-card{padding:12px;gap:10px}.fee-member-avatar{width:38px;height:38px;font-size:.8rem}.fee-member-name{font-size:.88rem}.fee-payment-amount{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.fee-stat-card,.fee-member-card{animation:none!important;transition:none!important}.fee-stat-card:hover,.fee-member-card:hover{transform:none}.fee-refresh-btn.spinning svg,.fee-loader,.fee-loading-dots span,.address-save-spinner{animation:none!important}}.fee-address-btn:focus-visible,.fee-refresh-btn:focus-visible,.fee-filter-btn:focus-visible,.fee-search-input:focus-visible,.fee-member-card:focus-visible,.address-modal-close:focus-visible,.address-modal-cancel:focus-visible,.address-modal-save:focus-visible{outline:2px solid rgba(162,156,12,.6);outline-offset:2px}.mpd-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.mpd-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.mpd-page-header-left{display:flex;align-items:center;gap:12px}.mpd-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mpd-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mpd-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.mpd-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.mpd-highlight{color:#ff6b6b;font-weight:600}.mpd-highlight-accent{color:#a2130c;font-weight:600}.mpd-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.mpd-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mpd-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.mpd-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.mpd-content{display:flex;flex-direction:column;gap:20px}.mpd-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px;transition:all .25s ease}.mpd-card:hover{background:#ffffff0a;border-color:#ffffff1a}.mpd-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.mpd-card-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:600;margin:0;color:#fff;letter-spacing:.3px}.mpd-section-label{font-size:.9rem;font-weight:600;margin:0 0 8px;color:#fffc}.mpd-btn{border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.mpd-btn:disabled{opacity:.5;cursor:not-allowed}.mpd-btn-primary{background:linear-gradient(135deg,#a2130c,#d4261a);color:#fff;box-shadow:0 2px 10px #a2130c40}.mpd-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.mpd-btn-secondary{background:#ffffff0f;color:#ffffffd9;border:1px solid rgba(255,255,255,.12)}.mpd-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.mpd-btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 2px 10px #22c55e40}.mpd-btn-success:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.mpd-btn-trainer{background:linear-gradient(135deg,#0077b6,#00b4d8);color:#fff;box-shadow:0 2px 10px #0077b640}.mpd-btn-trainer:hover:not(:disabled){box-shadow:0 4px 16px #0077b666;transform:translateY(-1px)}.mpd-btn-group{display:flex;gap:8px}.mpd-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;width:100%;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.mpd-input:focus{outline:none;border-color:#a2130c80;background:#ffffff12}.mpd-input::placeholder{color:#ffffff4d}.mpd-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem;cursor:pointer}.mpd-select option{background:#1e1e1e;color:#fff}.mpd-textarea{min-height:80px;resize:vertical}.mpd-input-date{color-scheme:dark}.mpd-member-info-card{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.mpd-member-info-left{display:flex;align-items:center;gap:16px}.mpd-member-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#a2130c,#d4261a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #a2130c4d}.mpd-member-name{font-size:1.25rem;font-weight:700;margin:0 0 4px}.mpd-member-email{margin:0 0 2px;color:#fff9;font-size:.88rem}.mpd-member-joined{margin:0;color:#fff6;font-size:.82rem}.mpd-member-info-right{display:flex;flex-direction:column;gap:8px}.mpd-payment-summary{margin-top:4px}.mpd-payment-amount{margin:0;font-size:1.05rem;font-weight:600}.mpd-payment-date{margin:4px 0 0;color:#ffffff80;font-size:.82rem}.mpd-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:.88rem;font-weight:500}.mpd-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.mpd-status-paid{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.mpd-status-overdue{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.mpd-status-pending{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fbbf24}.mpd-trainer-display{background:#00b4d80f;border:1px solid rgba(0,180,216,.15);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.mpd-trainer-name{font-size:1.1rem;font-weight:700;margin:0 0 4px}.mpd-trainer-detail{margin:0 0 2px;font-size:.85rem;color:#ffffff80}.mpd-trainer-commission{text-align:center}.mpd-commission-value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#00b4d8}.mpd-commission-label{font-size:.75rem;color:#ffffff73;margin-top:2px}.mpd-date-display{background:#ffc1070f;border:1px solid rgba(255,193,7,.15);border-radius:12px;padding:24px;text-align:center}.mpd-date-icon{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;color:#ffc107}.mpd-date-label{margin:0;color:#ffc107;font-size:1rem;font-weight:600}.mpd-date-edit{max-width:200px;margin:0 auto}.mpd-date-input{text-align:center;font-size:1.5rem!important;font-weight:700!important}.mpd-date-big{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:800;color:#ffc107;margin-bottom:6px}.mpd-date-sub{margin:0;color:#ffffffb3;font-size:1rem}.mpd-fees-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.mpd-fee-item{min-width:0}.mpd-fee-label{display:block;font-size:.82rem;font-weight:600;color:#fff9;margin-bottom:8px}.mpd-fee-value{font-size:1.2rem;font-weight:700;padding:8px 0}.mpd-fee-total{background:#a2130c14;border:1px solid rgba(162,19,12,.15);border-radius:12px;padding:16px}.mpd-fee-total-value{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:800;color:#ff6b6b;padding:8px 0}.mpd-actions{display:flex;gap:12px;justify-content:center;padding-top:8px}.mpd-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mpd-modal{background:#1a1a1a;border:1px solid rgba(162,19,12,.3);border-radius:16px;width:92%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009}.mpd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.mpd-modal-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:600;margin:0;color:#fff}.mpd-modal-close{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mpd-modal-close:hover{background:#ffffff14;color:#fffc}.mpd-modal-body{padding:24px;overflow-y:auto;flex:1}.mpd-modal-desc{margin:0 0 20px;color:#fff9;line-height:1.6}.mpd-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.mpd-form-group{margin-bottom:20px}.mpd-form-label{display:block;margin-bottom:8px;color:#ffffffd9;font-weight:600;font-size:.88rem}.mpd-form-help{display:block;margin-top:6px;color:#fff6;font-size:.82rem;line-height:1.4}.mpd-help-text{margin:6px 0 0;font-size:.82rem;color:#fff6}.mpd-breakdown{background:#6b46c10a;border:1px solid rgba(107,70,193,.15);border-radius:12px;padding:20px;margin-bottom:20px}.mpd-breakdown-title{font-family:Orbitron,sans-serif;color:#9377e3;font-size:.95rem;font-weight:600;margin:0 0 16px}.mpd-breakdown-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-bottom:16px}.mpd-breakdown-value{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;color:#fff;font-size:.95rem;font-weight:600;text-align:center}.mpd-breakdown-total{background:#a2130c14;border:1px solid rgba(162,19,12,.2);border-radius:8px;padding:12px;color:#ff6b6b;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;text-align:center}.mpd-month-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-bottom:6px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.mpd-month-row-first{background:#a2130c14;border-color:#a2130c33}.mpd-month-label{font-weight:600;font-size:.9rem}.mpd-month-tag{font-size:.78rem;margin-left:6px;font-weight:400}.mpd-month-tag-payment{color:#a2130c}.mpd-month-tag-covered{color:#22c55e}.mpd-month-amount-primary{font-weight:700;color:#ff6b6b}.mpd-month-amount-covered{font-weight:700;color:#22c55e}.mpd-commission-section{background:#00b4d80a;border:1px solid rgba(0,180,216,.15);border-radius:12px;padding:20px;margin-bottom:20px}.mpd-commission-title{font-family:Orbitron,sans-serif;color:#00b4d8;font-size:.95rem;font-weight:600;margin:0 0 12px}.mpd-commission-desc{margin:0 0 14px;font-size:.88rem;color:#fff9}.mpd-commission-trainer-name{color:#00b4d8;font-weight:600}.mpd-commission-note{font-size:.78rem;opacity:.5}.mpd-commission-input{width:150px!important}.mpd-commission-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.mpd-commission-cell{text-align:center;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.07)}.mpd-commission-cell-label{font-size:.75rem;color:#ffffff73;margin-bottom:6px}.mpd-commission-cell-value{font-weight:700;font-size:1rem;color:#fff}.mpd-text-green{color:#22c55e!important}.mpd-text-yellow{color:#fbbf24!important}.mpd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#fff9}.mpd-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:mpd-spin .8s linear infinite}.mpd-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:16px}.mpd-error h3{margin:0;font-size:1.25rem}.mpd-error p{margin:0;color:#ffffff80}.mpd-empty-state{text-align:center;padding:28px;color:#ffffff59}.mpd-empty-state p{margin:0 0 4px}@keyframes mpd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mpd-spin{animation:mpd-spin .8s linear infinite}@media (max-width: 900px){.mpd-fees-grid,.mpd-breakdown-grid{grid-template-columns:1fr 1fr}.mpd-member-info-card{flex-direction:column}}@media (max-width: 768px){.mpd-page-header{flex-direction:column;gap:12px}.mpd-page-title{font-size:1.4rem}.mpd-fees-grid{grid-template-columns:1fr 1fr}.mpd-commission-grid{grid-template-columns:1fr}.mpd-trainer-display{flex-direction:column;text-align:center}.mpd-actions{flex-direction:column}.mpd-actions .mpd-btn{width:100%;text-align:center}}@media (max-width: 480px){.mpd-fees-grid,.mpd-breakdown-grid{grid-template-columns:1fr}.mpd-date-big{font-size:2rem}.mpd-modal{width:96%;max-height:95vh}.mpd-modal-body{padding:16px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ph-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.ph-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.ph-page-header-left{display:flex;align-items:center;gap:12px}.ph-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ph-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.ph-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.ph-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.ph-highlight{color:#ff6b6b;font-weight:600}.ph-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.ph-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ph-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.ph-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ph-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px;transition:all .25s ease}.ph-card:hover{background:#ffffff0a;border-color:#ffffff1a}.ph-member-card{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:24px}.ph-member-left{display:flex;align-items:flex-start;gap:16px;flex:1}.ph-member-avatar{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#a2130c,#d4261a);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #a2130c4d}.ph-member-name{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 4px;color:#fff}.ph-member-email{margin:0 0 6px;color:#fff9;font-size:.88rem}.ph-member-joined{margin:0;color:#ffffff73;font-size:.82rem;display:flex;align-items:center;gap:6px}.ph-summary-row{display:flex;gap:20px;flex-shrink:0}.ph-summary-item{display:flex;flex-direction:column;gap:4px;text-align:center}.ph-summary-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.ph-summary-value{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700;color:#fff}.ph-text-green{color:#22c55e!important}.ph-text-yellow{color:#fbbf24!important}.ph-text-paid{color:#22c55e!important}.ph-text-pending{color:#fbbf24!important}.ph-text-overdue{color:#ef4444!important}.ph-cards-section,.ph-cards-grid{display:flex;flex-direction:column;gap:16px}.ph-payment-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px;position:relative;overflow:hidden;transition:all .25s ease}.ph-payment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8}.ph-payment-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.ph-status-paid:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.ph-status-paid{border-color:#22c55e26}.ph-status-paid:hover{border-color:#22c55e4d}.ph-status-pending:before{background:linear-gradient(90deg,#fbbf24,#fcd34d)}.ph-status-pending{border-color:#fbbf2426}.ph-status-pending:hover{border-color:#fbbf244d}.ph-status-overdue:before{background:linear-gradient(90deg,#ef4444,#f87171)}.ph-status-overdue{border-color:#ef444426}.ph-status-overdue:hover{border-color:#ef44444d}.ph-payment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.ph-period-info{flex:1}.ph-period-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:700;color:#fff;margin:0 0 10px}.ph-package-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px;border-radius:8px;margin-bottom:10px;width:fit-content;color:#b794f6;background:#8a63d214;border:1px solid rgba(138,99,210,.2)}.ph-package-progress{opacity:.7;font-weight:500;font-size:.72rem}.ph-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px;border-radius:8px;width:fit-content}.ph-badge-paid{color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.ph-badge-pending{color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.ph-badge-overdue{color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.2)}.ph-amount-display{text-align:right;flex-shrink:0}.ph-amount-label{display:block;font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.ph-amount-value{display:block;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff}.ph-fee-breakdown{margin-bottom:16px}.ph-breakdown-title{font-size:.82rem;font-weight:600;color:#fff9;margin:0 0 10px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.4px}.ph-fee-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph-fee-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.ph-fee-label{font-size:.78rem;color:#ffffff80;font-weight:500}.ph-fee-value{font-family:Orbitron,sans-serif;font-size:.95rem;color:#fff;font-weight:700}.ph-payment-meta{border-top:1px solid rgba(255,255,255,.06);padding-top:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ph-payment-date{display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:.85rem}.ph-manager-note{display:flex;align-items:center;gap:6px;color:#ff6b6b;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ph-payment-actions{border-top:1px solid rgba(255,255,255,.06);padding-top:14px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ph-receipt-section{display:flex;align-items:center}.ph-btn{border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.ph-btn:disabled{opacity:.5;cursor:not-allowed}.ph-btn-primary{background:linear-gradient(135deg,#a2130c,#d4261a);color:#fff;box-shadow:0 2px 10px #a2130c40}.ph-btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.ph-btn-secondary{background:#ffffff0f;color:#ffffffd9;border:1px solid rgba(255,255,255,.12)}.ph-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.ph-btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 2px 10px #22c55e40}.ph-btn-success:hover:not(:disabled){box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.ph-btn-ghost{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.ph-btn-ghost:hover:not(:disabled){background:#a2130c1a;border-color:#a2130c40;color:#ff6b6b}.ph-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:ph-spin .8s linear infinite}.ph-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;width:100%;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.ph-input:focus{outline:none;border-color:#a2130c80;background:#ffffff12}.ph-input::placeholder{color:#ffffff4d}.ph-textarea{min-height:80px;resize:vertical}.ph-form-group{margin-bottom:16px}.ph-form-label{display:block;margin-bottom:8px;color:#ffffffb3;font-weight:600;font-size:.85rem}.ph-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;animation:ph-fadeIn .25s ease}.ph-modal{background:#1a1a1a;border:1px solid rgba(162,19,12,.3);border-radius:16px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009;animation:ph-slideUp .3s ease;position:relative;overflow:hidden}.ph-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.ph-modal-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:600;margin:0;color:#fff}.ph-modal-close{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ph-modal-close:hover{background:#ffffff14;color:#fffc}.ph-modal-body{padding:24px;overflow-y:auto;flex:1}.ph-modal-icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ph-modal-icon-success{background:#22c55e1a;border:2px solid rgba(34,197,94,.25);color:#22c55e}.ph-modal-desc{text-align:center;color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0 0 20px}.ph-modal-details{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:14px;margin-bottom:20px}.ph-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.ph-detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.ph-detail-label{font-size:.85rem;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ph-detail-value{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:#fff}.ph-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.ph-edit-subtitle{text-align:center;font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.ph-edit-package-tag{font-size:.72rem;color:#b794f6;background:#8a63d21a;border:1px solid rgba(138,99,210,.2);padding:3px 8px;border-radius:6px}.ph-edit-form{display:flex;flex-direction:column;gap:16px}.ph-edit-field{display:flex;flex-direction:column;gap:6px}.ph-edit-input-wrapper{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;transition:border-color .2s ease}.ph-edit-input-wrapper:focus-within{border-color:#a2130c80}.ph-edit-currency{padding:0 12px;font-family:Orbitron,sans-serif;font-weight:600;color:#fff6;font-size:.95rem;-webkit-user-select:none;user-select:none}.ph-edit-input{flex:1;background:transparent;border:none;padding:12px 12px 12px 0;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;outline:none;width:100%;-moz-appearance:textfield}.ph-edit-input::-webkit-outer-spin-button,.ph-edit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ph-edit-total{display:flex;justify-content:space-between;align-items:center;padding:14px;margin-top:4px;background:#a2130c14;border:1px solid rgba(162,19,12,.15);border-radius:10px}.ph-edit-total-label{font-family:Orbitron,sans-serif;font-size:.88rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.4px}.ph-edit-total-value{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;color:#ff6b6b}.ph-empty{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:48px 24px;text-align:center}.ph-empty-icon{color:#a2130c66;margin-bottom:16px;display:flex;justify-content:center}.ph-empty h3{font-family:Orbitron,sans-serif;font-size:1.15rem;color:#fff;margin:0 0 8px}.ph-empty p{color:#ffffff80;margin:0;font-size:.95rem}.ph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#fff9}.ph-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:ph-spin .8s linear infinite}.ph-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:16px}.ph-error-icon{color:#ef4444;opacity:.6}.ph-error h3{font-family:Orbitron,sans-serif;font-size:1.25rem;margin:0}.ph-error p{margin:0;color:#ffffff80;max-width:400px}@keyframes ph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ph-spin{animation:ph-spin .8s linear infinite}@keyframes ph-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ph-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ph-page-header{flex-direction:column;gap:12px}.ph-page-title{font-size:1.4rem}.ph-member-card{flex-direction:column}.ph-summary-row{flex-direction:row;justify-content:space-around;width:100%}.ph-payment-card-header{flex-direction:column;gap:12px}.ph-amount-display{text-align:left}.ph-fee-items{grid-template-columns:1fr}.ph-payment-meta{flex-direction:column;align-items:flex-start}.ph-payment-actions{flex-direction:column}.ph-payment-actions .ph-btn{width:100%;justify-content:center}.ph-modal{max-width:92%}.ph-modal-footer{flex-direction:column}.ph-modal-footer .ph-btn{width:100%;justify-content:center}}@media (max-width: 480px){.ph-member-left{flex-direction:column;align-items:center;text-align:center}.ph-member-joined{justify-content:center}.ph-period-title{font-size:1rem}.ph-amount-value{font-size:1.25rem}.ph-modal{max-width:96%;max-height:95vh}.ph-modal-body{padding:16px}}@media (prefers-reduced-motion: reduce){.ph-payment-card,.ph-modal-overlay,.ph-modal,.ph-spinner,.ph-btn-spinner{animation:none!important;transition:none!important}.ph-payment-card:hover,.ph-btn:hover{transform:none!important}}.package-management-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.package-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.package-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.package-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5;max-width:500px}.package-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.package-create-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;font-family:Orbitron,sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #a2130c4d;letter-spacing:.3px}.package-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #a2130c66}.package-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.package-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.package-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.package-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;gap:1.5rem;color:#fff9}.package-loading-spinner{width:44px;height:44px;border:3px solid rgba(162,19,12,.15);border-top:3px solid #ff4d4d;border-radius:50%;animation:spin 1s linear infinite}.package-error-message{background:linear-gradient(135deg,#ff4d4d1f,#ff4d4d0f);border:1px solid rgba(255,77,77,.25);color:#ff8080;padding:.85rem 1.15rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.no-packages{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px}.no-packages-icon{color:#a2130c4d;margin-bottom:1.5rem}.no-packages h3{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 .75rem}.no-packages p{color:#ffffff80;margin:0 0 1.5rem;font-size:1rem}.create-first-package-button{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-family:Orbitron,sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #a2130c4d}.create-first-package-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a2130c66}.package-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden;transition:all .25s ease}.package-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a2130c,#ff4d4d);opacity:0;transition:opacity .25s ease}.package-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.package-card:hover:before{opacity:1}.package-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.package-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #a2130c4d}.package-status.active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.25);padding:.4rem .65rem;border-radius:8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.package-status.active:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%}.package-details{text-align:center;margin-bottom:1.5rem}.package-name{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 .85rem}.package-duration{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-bottom:.85rem}.duration-number{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:800;color:#ff6b6b;line-height:1}.duration-text{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;color:#ffffffb3}.package-description{color:#ffffff80;line-height:1.5;margin:0;font-size:.9rem}.package-card-footer{border-top:1px solid rgba(255,255,255,.06);padding-top:1.15rem}.package-meta{text-align:center}.created-date{font-size:.82rem;color:#ffffff73;font-family:Orbitron,sans-serif;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.modal-container{background:#1a1a1a;border-radius:14px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid rgba(162,19,12,.3);box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title{margin:0;color:#fff;font-size:1.3rem;font-weight:600;font-family:Orbitron,sans-serif}.modal-close-button{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.4rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#ffffff14;color:#fff}.modal-content{padding:1.75rem}.modal-description{margin:0 0 1.75rem;color:#ffffff8c;line-height:1.6;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:#fff;font-weight:600;font-size:.85rem;font-family:Orbitron,sans-serif}.form-input{width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:.95rem;font-family:DM Sans,sans-serif;transition:all .2s ease;box-sizing:border-box}.form-input:focus{border-color:#a2130c66;box-shadow:0 0 0 3px #a2130c1a;background:#ffffff0f;outline:none}.form-input::placeholder{color:#ffffff59}.form-help{display:block;margin-top:.45rem;color:#ffffff73;font-size:.82rem;line-height:1.4}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.75rem 1.75rem;border-top:1px solid rgba(255,255,255,.08)}.cancel-button{padding:.7rem 1.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffb3;cursor:pointer;font-weight:500;font-size:.88rem;transition:all .2s ease;font-family:Orbitron,sans-serif}.cancel-button:hover{background:#ffffff1a;color:#fff}.create-button{padding:.7rem 1.25rem;border-radius:10px;border:none;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;cursor:pointer;font-weight:600;font-size:.88rem;transition:all .2s ease;font-family:Orbitron,sans-serif;box-shadow:0 4px 12px #a2130c4d}.create-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #a2130c66}.create-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.package-page-header{flex-direction:column;gap:12px}.package-page-title{font-size:1.4rem}.package-page-subtitle{max-width:none}.packages-grid{grid-template-columns:1fr;gap:1.25rem}.package-card{padding:1.25rem}.duration-number{font-size:2rem}.modal-container{margin:1rem;max-width:calc(100% - 2rem)}.modal-header,.modal-content{padding:1.25rem}.modal-actions{padding:0 1.25rem 1.25rem;flex-direction:column}.modal-actions button{width:100%}}@media (max-width: 480px){.package-page-title{font-size:1.25rem}.package-create-btn{font-size:.75rem;padding:8px 12px}.package-card{padding:1.1rem}.duration-number{font-size:1.75rem}.package-name{font-size:1.1rem}}.package-refresh-btn:focus-visible,.package-create-btn:focus-visible,.create-first-package-button:focus-visible,.modal-close-button:focus-visible,.form-input:focus-visible,.cancel-button:focus-visible,.create-button:focus-visible{outline:2px solid rgba(162,19,12,.5);outline-offset:2px}@media (prefers-contrast: high){.package-card,.no-packages{border-color:#ffffff4d}.package-description,.package-page-subtitle{color:#ffffffe6}}@media (prefers-reduced-motion: reduce){.package-card{transition:none}.spinning{animation:none}.package-card:hover,.package-create-btn:hover,.create-first-package-button:hover{transform:none}.package-loading-spinner{animation:none}}.rpt-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;position:relative;max-width:1400px;margin:0 auto}.rpt-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.rpt-page-title{font-family:Orbitron,sans-serif;font-size:1.65rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.rpt-page-subtitle{font-size:.92rem;color:#ffffff80;margin:0;line-height:1.5}.rpt-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.rpt-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffb3;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.rpt-export-btn:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff;transform:translateY(-1px)}.rpt-export-btn--excel:hover{border-color:#10b98166;color:#10b981;background:#10b98114}.rpt-export-btn--pdf:hover{border-color:#a2130c66;color:#ff6b6b;background:#a2130c14}.rpt-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.rpt-tab-group{display:flex;gap:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:4px}.rpt-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border:none;border-radius:7px;background:transparent;color:#ffffff80;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.rpt-tab:hover{color:#fffc;background:#ffffff0a}.rpt-tab.active{background:#a2130c33;color:#ff6b6b;box-shadow:0 0 12px #a2130c26}.rpt-date-picker-wrap{flex-shrink:0}.rpt-date-picker{padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-family:DM Sans,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s;color-scheme:dark}.rpt-date-picker:focus{border-color:#a2130c80}.rpt-error{display:flex;align-items:center;gap:10px;padding:12px 18px;margin-bottom:20px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:.9rem}.rpt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:#ffffff80;font-size:.92rem}.rpt-loading--inline{padding:48px 20px}.rpt-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.08);border-top-color:#a2130c;border-radius:50%;animation:rpt-spin .7s linear infinite}@keyframes rpt-spin{to{transform:rotate(360deg)}}.rpt-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.rpt-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .25s ease;position:relative;overflow:hidden}.rpt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .25s ease}.rpt-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.rpt-card:hover:before{opacity:1}.rpt-card--revenue:before{background:linear-gradient(90deg,#a2130c,#ff4d4d)}.rpt-card--emp:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.rpt-card--trainer:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.rpt-card--expense:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.rpt-card--net:before{background:linear-gradient(90deg,#10b981,#34d399)}.rpt-card:hover.rpt-card--revenue{border-color:#a2130c40}.rpt-card:hover.rpt-card--emp{border-color:#3b82f640}.rpt-card:hover.rpt-card--trainer{border-color:#8b5cf640}.rpt-card:hover.rpt-card--expense{border-color:#f59e0b40}.rpt-card:hover.rpt-card--net{border-color:#10b98140}.rpt-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpt-card-icon--revenue{background:#a2130c26;color:#ff6b6b}.rpt-card-icon--emp{background:#3b82f61f;color:#60a5fa}.rpt-card-icon--trainer{background:#8b5cf61f;color:#a78bfa}.rpt-card-icon--expense{background:#f59e0b1f;color:#fbbf24}.rpt-card-icon--net{background:#10b9811f;color:#34d399}.rpt-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.rpt-card-label{font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.rpt-card-value{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:.3px;line-height:1.3}.rpt-card-value--trainer{background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rpt-card-value--expense{background:linear-gradient(135deg,#fff 30%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rpt-card-value--positive{color:#34d399}.rpt-card-value--negative{color:#f87171}.rpt-card-sub{font-size:.78rem;color:#ffffff59;line-height:1.4}.rpt-tables{display:flex;flex-direction:column;gap:24px}.rpt-section{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.rpt-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.06);gap:12px;flex-wrap:wrap}.rpt-section-title{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0;display:flex;align-items:center;gap:10px}.rpt-section-title svg{color:#fff6;flex-shrink:0}.rpt-count-badge{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:10px;background:#a2130c26;color:#ff9a9a;border:1px solid rgba(162,19,12,.2)}.rpt-count-badge--trainer{background:#8b5cf61f;color:#a78bfa;border-color:#8b5cf633}.rpt-count-badge--expense{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b33}.rpt-empty{padding:56px 24px;text-align:center;color:#ffffff80}.rpt-empty svg{color:#ffffff1f;margin-bottom:12px}.rpt-empty h4{font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600;color:#ffffffb3;margin:0 0 6px}.rpt-empty p{font-size:.88rem;margin:0;color:#fff6}.rpt-table-scroll{overflow-x:auto;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(162,19,12,.2) transparent}.rpt-table-scroll::-webkit-scrollbar{width:5px;height:5px}.rpt-table-scroll::-webkit-scrollbar-track{background:transparent}.rpt-table-scroll::-webkit-scrollbar-thumb{background:#a2130c33;border-radius:4px}.rpt-table{width:100%;border-collapse:collapse;font-size:.87rem;min-width:800px}.rpt-table thead th{padding:12px 20px;text-align:left;font-family:DM Sans,sans-serif;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.7px;color:#fff6;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:5;white-space:nowrap}.rpt-th-right{text-align:right!important}.rpt-th-center{text-align:center!important}.rpt-table tbody td{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);color:#ffffffd9;vertical-align:middle}.rpt-row-hover{transition:background .15s ease}.rpt-row-hover:hover{background:#ffffff08}.rpt-name-cell{display:flex;align-items:center;gap:10px}.rpt-avatar{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpt-avatar--accent{background:#a2130c26;color:#ff6b6b}.rpt-avatar--emp{background:#3b82f61f;color:#60a5fa}.rpt-avatar--trainer{background:#8b5cf61f;color:#a78bfa}.rpt-td-muted{color:#ffffff73!important}.rpt-td-amount{font-family:Orbitron,sans-serif;font-size:.82rem;font-weight:600;color:#fffc;text-align:right}.rpt-td-amount--bold{color:#fff;font-weight:700}.rpt-td-amount--deduction{color:#f87171}.rpt-td-amount--trainer{color:#a78bfa}.rpt-td-amount--trainer-total{color:#c4b5fd;font-weight:700}.rpt-td-amount--expense{color:#fbbf24}.rpt-td-center{text-align:center}.rpt-comment-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;font-style:italic;font-size:.84rem}.rpt-desc-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;font-style:italic}.rpt-status-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.rpt-status-badge--paid{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.2)}.rpt-status-badge--pending{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.rpt-comm-count{font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;color:#ffffff59;margin-left:6px}.rpt-toggle-btn{background:none;border:1px solid rgba(139,92,246,.25);color:#a78bfa;padding:4px 12px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.3px}.rpt-toggle-btn:hover{background:#8b5cf61f;border-color:#8b5cf666;color:#c4b5fd}.rpt-detail-row{background:#8b5cf605}.rpt-detail-cell{padding:16px 24px 20px 40px!important;border-bottom:1px solid rgba(255,255,255,.04)!important}.rpt-detail-label{font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:700;color:#a78bfa;margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px}.rpt-detail-table{width:100%;border-collapse:collapse}.rpt-detail-table thead th{padding:6px 12px;text-align:left;font-family:DM Sans,sans-serif;font-weight:600;font-size:.68rem;color:#8b5cf680;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(139,92,246,.12);background:transparent;position:static}.rpt-detail-table tbody td{padding:6px 12px;font-size:.8rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.03)}.rpt-package-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.rpt-total-row{background:#ffffff05}.rpt-total-row td{border-bottom:none!important}.rpt-total-label{font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:700;text-align:right!important;padding:14px 20px!important;letter-spacing:.5px}.rpt-total-amount{font-family:Orbitron,sans-serif;font-weight:700;text-align:right!important;padding:14px 20px!important;font-size:.92rem}.rpt-total-row--trainer .rpt-total-label,.rpt-total-amount--trainer{color:#c4b5fd}.rpt-total-row--expense .rpt-total-label,.rpt-total-amount--expense{color:#fbbf24}.rpt-category-bar{padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.04);background:#0000001a}.rpt-category-bar-label{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.rpt-category-badges{display:flex;flex-wrap:wrap;gap:8px}.rpt-cat-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:600;border:1px solid}.rpt-cat-badge--inline{padding:2px 8px;font-size:.73rem}.rpt-cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rpt-actions-cell{display:flex;gap:6px;justify-content:center}.rpt-action-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.rpt-action-btn--edit{color:#10b98199}.rpt-action-btn--edit:hover{color:#10b981;background:#10b9811a}.rpt-action-btn--delete{color:#ef444480}.rpt-action-btn--delete:hover{color:#ef4444;background:#ef44441a}.rpt-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#a2130c,#d4261b);color:#fff;font-family:DM Sans,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.4px}.rpt-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #a2130c59}.rpt-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.rpt-btn-primary--sm{padding:7px 14px;font-size:.78rem}.rpt-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff9;font-family:DM Sans,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.4px}.rpt-btn-ghost:hover{background:#ffffff0d;color:#fff;border-color:#ffffff40}.rpt-btn-danger{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-family:DM Sans,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.4px}.rpt-btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #dc262659}.rpt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;padding:16px;animation:rpt-fadeIn .15s ease}@keyframes rpt-fadeIn{0%{opacity:0}to{opacity:1}}.rpt-modal-card{background:#161616;border:1px solid rgba(162,19,12,.2);border-radius:16px;padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000080}.rpt-modal-card--danger{border-color:#ef444440;text-align:center}.rpt-modal-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:700;color:#ff6b6b;margin:0 0 24px;text-align:center;text-transform:uppercase;letter-spacing:1px}.rpt-confirm-title{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;color:#ef4444;margin-bottom:12px}.rpt-confirm-text{color:#ffffffb3;font-size:.92rem;margin-bottom:24px;line-height:1.5}.rpt-form-group{margin-bottom:18px}.rpt-form-label{display:block;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:700;color:#ffffff80;margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.rpt-form-input,.rpt-form-select,.rpt-form-textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-family:DM Sans,sans-serif;font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .2s}.rpt-form-input:focus,.rpt-form-select:focus,.rpt-form-textarea:focus{border-color:#a2130c80}.rpt-form-select{cursor:pointer;color-scheme:dark}.rpt-form-textarea{resize:vertical;min-height:80px}.rpt-form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;padding:10px 14px;border-radius:8px;font-size:.84rem;margin-bottom:16px}.rpt-form-actions{display:flex;gap:10px;margin-top:24px}.rpt-form-actions>*{flex:1;justify-content:center}@media (max-width: 1100px){.rpt-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.rpt-page-header{flex-direction:column;gap:12px}.rpt-page-title{font-size:1.35rem}.rpt-controls{flex-direction:column;align-items:stretch}.rpt-tab-group{justify-content:center}.rpt-summary-grid{grid-template-columns:1fr}.rpt-section-header{flex-direction:column;align-items:flex-start;gap:10px}.rpt-card-value{font-size:1.15rem}}@media (max-width: 480px){.rpt-page-header-actions{flex-wrap:wrap}.rpt-export-btn{flex:1;justify-content:center}.rpt-modal-card{padding:20px}}.olddata-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.olddata-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.olddata-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.olddata-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5;max-width:560px}.olddata-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.olddata-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.olddata-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.olddata-search-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.olddata-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.olddata-search-icon{position:absolute;left:14px;color:#ffffff59;pointer-events:none}.olddata-search-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 40px 12px 42px;color:#fff;font-family:DM Sans,sans-serif;font-size:.92rem;transition:all .2s ease;outline:none}.olddata-search-input::placeholder{color:#ffffff4d}.olddata-search-input:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.olddata-search-clear{position:absolute;right:12px;background:#ffffff1a;border:none;color:#ffffff80;cursor:pointer;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.olddata-search-clear:hover{background:#ffffff26;color:#fff}.olddata-search-count{font-size:.82rem;color:#fff6;white-space:nowrap;flex-shrink:0}.olddata-error{display:flex;align-items:center;gap:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:14px 18px;margin-bottom:24px;color:#ff8a8a;font-size:.9rem}.olddata-error svg{flex-shrink:0}.olddata-error-retry{margin-left:auto;background:#ef444426;border:1px solid rgba(239,68,68,.25);color:#ff8a8a;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;font-family:DM Sans,sans-serif;font-weight:500;transition:all .2s ease;white-space:nowrap}.olddata-error-retry:hover{background:#ef444440}.olddata-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff59;text-align:center}.olddata-empty svg{margin-bottom:16px;opacity:.4}.olddata-empty p{font-size:.95rem;margin:0}.olddata-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.olddata-member-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;cursor:pointer;transition:all .25s ease;animation:olddata-fadeUp .4s ease both}.olddata-member-card:hover{background:#ffffff0d;border-color:#a2130c40;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.olddata-member-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.olddata-member-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #a2130c4d}.olddata-member-info{flex:1;min-width:0}.olddata-member-name{font-size:1rem;font-weight:600;margin:0 0 2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.olddata-member-id{font-size:.78rem;color:#fff6;font-family:DM Sans,sans-serif}.olddata-member-arrow{color:#fff3;flex-shrink:0;transition:all .2s ease}.olddata-member-card:hover .olddata-member-arrow{color:#ff6b6b;transform:translate(3px)}.olddata-member-details{padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}.olddata-member-detail-row{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#ffffff80}.olddata-member-detail-row svg{flex-shrink:0;opacity:.5}.olddata-member-detail-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.olddata-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#ffffff80;font-size:.9rem}.olddata-spinner{width:40px;height:40px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:olddata-spin .8s linear infinite}@keyframes olddata-spin{to{transform:rotate(360deg)}}@keyframes olddata-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.olddata-page-header{flex-direction:column;gap:12px}.olddata-page-title{font-size:1.4rem}.olddata-page-subtitle{max-width:100%}.olddata-search-bar{flex-direction:column;align-items:stretch}.olddata-search-count{text-align:right}.olddata-members-grid{grid-template-columns:1fr}}@media (max-width: 480px){.olddata-page-title{font-size:1.25rem}.olddata-member-card{padding:16px}}@media (prefers-reduced-motion: reduce){.olddata-member-card{animation:none}.olddata-spinner{animation-duration:1.5s}.olddata-member-card:hover{transform:none}}.modd-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.modd-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.modd-page-header-left{display:flex;align-items:center;gap:12px}.modd-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modd-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.modd-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 4px;color:#fff;letter-spacing:.5px}.modd-page-subtitle{font-size:.9rem;color:#ffffff80;margin:0;line-height:1.5}.modd-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.modd-btn-primary{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;border-radius:10px;padding:.55rem 1.15rem;cursor:pointer;font-weight:600;font-size:.88rem;font-family:DM Sans,sans-serif;transition:all .2s ease;box-shadow:0 2px 8px #a2130c33;white-space:nowrap}.modd-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #a2130c4d}.modd-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.modd-btn-create{display:inline-flex;align-items:center;gap:.4rem;height:38px}.modd-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1.5rem}.modd-spinner{width:42px;height:42px;border:3px solid rgba(162,19,12,.2);border-top:3px solid #ff4d4d;border-radius:50%;animation:modd-spin 1s linear infinite}@keyframes modd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modd-loading-text{color:#ffffff80;font-size:.9rem}.modd-not-found{text-align:center;padding:4rem 2rem}.modd-not-found h3{font-family:Orbitron,sans-serif;margin:0 0 .5rem;color:#ffffffb3}.modd-not-found p{color:#ffffff73;margin:0 0 1.5rem}.modd-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;margin-bottom:1.25rem}.modd-card-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 1.25rem;color:#fff}.modd-member-info-card{display:flex;align-items:center;gap:1rem}.modd-member-avatar{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #a2130c40}.modd-member-details{flex:1;min-width:0}.modd-member-name{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 2px;color:#fff}.modd-member-email{margin:0 0 2px;color:#fff9;font-size:.88rem}.modd-member-meta{margin:0;color:#fff6;font-size:.8rem}.modd-table-wrap{overflow-x:auto;margin:0 -.5rem;padding:0 .5rem}.modd-table{width:100%;border-collapse:separate;border-spacing:0 .35rem}.modd-th{background:#a2130c14;color:#ff9a9a;padding:.85rem 1rem;text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid rgba(162,19,12,.15);white-space:nowrap}.modd-th:first-child{border-radius:8px 0 0 8px}.modd-th:last-child{border-radius:0 8px 8px 0}.modd-tr{background:#ffffff05;transition:background .2s ease}.modd-tr:hover{background:#a2130c0a}.modd-td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;vertical-align:middle}.modd-month-label{font-weight:600;color:#ff6b6b}.modd-td-total{font-weight:700;color:#ff6b6b;font-family:Orbitron,sans-serif;font-size:.88rem}.modd-td-notes{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff8c}.modd-created-date{font-size:.82rem;color:#fff9}.modd-created-by{font-size:.72rem;color:#ffffff59}.modd-action-btns{display:flex;gap:.4rem}.modd-btn-edit{background:#a2130c1a;border:1px solid rgba(162,19,12,.2);border-radius:8px;padding:.4rem .7rem;cursor:pointer;color:#ff9a9a;font-size:.8rem;font-weight:500;font-family:DM Sans,sans-serif;transition:all .2s ease}.modd-btn-edit:hover{background:#a2130c33;border-color:#a2130c59}.modd-btn-delete{background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;padding:.4rem .7rem;cursor:pointer;color:#ef4444;font-size:.8rem;font-weight:500;font-family:DM Sans,sans-serif;transition:all .2s ease}.modd-btn-delete:hover{background:#ef444426;border-color:#ef44444d}.modd-empty-text{text-align:center;padding:2.5rem;color:#fff6}.modd-empty-text p{margin:0 0 .35rem}.modd-empty-hint{font-size:.85rem;color:#ffffff4d}.modd-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:400;animation:modd-fadeIn .2s ease-out}.modd-modal{background:#1a1a1a;border-radius:16px;width:92%;max-width:640px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0009;animation:modd-slideUp .25s ease-out}@keyframes modd-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modd-slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modd-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.modd-modal-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;margin:0;color:#fff}.modd-modal-close{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff80;border-radius:8px;padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modd-modal-close:hover{background:#ff4d4d1a;border-color:#ff4d4d40;color:#ff6b6b}.modd-modal-body{padding:1.5rem}.modd-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}.modd-form-row{display:grid;gap:1rem;margin-bottom:1.25rem}.modd-form-row--2col{grid-template-columns:1fr 1fr}.modd-form-row--3col{grid-template-columns:1fr 1fr 1fr}.modd-form-group{display:flex;flex-direction:column}.modd-label{display:block;margin-bottom:.4rem;color:#ffffffb3;font-weight:600;font-size:.82rem}.modd-input{width:100%;padding:.7rem .85rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:.95rem;font-family:DM Sans,sans-serif;transition:all .2s ease;box-sizing:border-box}.modd-input:focus{outline:none;border-color:#a2130c66;box-shadow:0 0 0 2px #a2130c26;background:#ffffff0f}.modd-input::placeholder{color:#ffffff4d}.modd-textarea{width:100%;min-height:80px;padding:.7rem .85rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff;font-size:.95rem;font-family:DM Sans,sans-serif;resize:vertical;line-height:1.5;transition:all .2s ease;box-sizing:border-box}.modd-textarea:focus{outline:none;border-color:#a2130c66;box-shadow:0 0 0 2px #a2130c26;background:#ffffff0f}.modd-textarea::placeholder{color:#ffffff4d}.modd-total-box{background:#a2130c14;border:1px solid rgba(162,19,12,.18);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem;text-align:center}.modd-total-label{display:block;margin-bottom:.35rem;color:#ff9a9a;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.modd-total-value{font-size:1.75rem;font-weight:800;color:#ff6b6b;font-family:Orbitron,sans-serif}.modd-btn-cancel{padding:.6rem 1.15rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffb3;cursor:pointer;font-weight:500;font-size:.88rem;font-family:DM Sans,sans-serif;transition:all .2s ease}.modd-btn-cancel:hover{background:#ffffff14;border-color:#ffffff2e}@media (max-width: 768px){.modd-page-header{flex-direction:column;gap:12px}.modd-page-title{font-size:1.4rem}.modd-member-info-card{flex-direction:column;align-items:flex-start;gap:.85rem}.modd-form-row--3col{grid-template-columns:1fr}.modd-modal{width:95%}.modd-modal-body{padding:1.25rem}.modd-modal-footer{padding:1rem 1.25rem}}@media (max-width: 480px){.modd-page-title{font-size:1.2rem}.modd-page-subtitle{font-size:.82rem}.modd-card{padding:1.15rem}.modd-form-row--2col{grid-template-columns:1fr}.modd-th,.modd-td{padding:.65rem .75rem;font-size:.82rem}.modd-btn-edit,.modd-btn-delete{padding:.3rem .55rem;font-size:.72rem}.modd-btn-create span{display:none}.modd-total-value{font-size:1.4rem}}.modd-back-btn:focus-visible,.modd-btn-primary:focus-visible,.modd-btn-edit:focus-visible,.modd-btn-delete:focus-visible,.modd-btn-cancel:focus-visible,.modd-modal-close:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}.modd-input:focus,.modd-textarea:focus{outline:none}@media (prefers-reduced-motion: reduce){.modd-btn-primary:hover,.modd-btn-edit:hover,.modd-btn-cancel:hover{transform:none}.modd-spinner{animation-duration:0s}.modd-modal,.modd-modal-overlay{animation:none}}.modd-back-btn,.modd-btn-primary,.modd-btn-edit,.modd-btn-delete,.modd-btn-cancel,.modd-modal-close{-webkit-user-select:none;user-select:none}.modd-modal::-webkit-scrollbar{width:6px}.modd-modal::-webkit-scrollbar-track{background:transparent}.modd-modal::-webkit-scrollbar-thumb{background:#a2130c40;border-radius:3px}.modd-modal::-webkit-scrollbar-thumb:hover{background:#a2130c66}@media print{.modd-back-btn,.modd-btn-primary,.modd-btn-edit,.modd-btn-delete,.modd-page-header-actions,.modd-modal-overlay{display:none}.modd-card{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000;break-inside:avoid}.modd-table{border-collapse:collapse}.modd-th{background:#f5f5f5;color:#333;border-bottom:2px solid #999}.modd-td{border-bottom:1px solid #ddd;color:#333}}.tsalary-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.tsalary-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.tsalary-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.tsalary-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5;max-width:600px}.tsalary-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.tsalary-add-trainer-btn{padding:9px 18px;font-size:.88rem}.tsalary-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tsalary-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.tsalary-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:.9rem;font-weight:500}.tsalary-alert svg{flex-shrink:0}.tsalary-alert-success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#4ade80}.tsalary-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8a8a}.tsalary-alert-dismiss{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;opacity:.6;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .15s ease}.tsalary-alert-dismiss:hover{opacity:1}.tsalary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.tsalary-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:18px 16px;text-align:center;transition:all .25s ease;animation:tsalary-fadeUp .4s ease both}.tsalary-stat-card:hover{background:#ffffff0d;border-color:#a2130c33;transform:translateY(-1px)}.tsalary-stat-value{font-size:1.5rem;font-weight:700;color:#ff6b6b;margin:0 0 4px;font-family:Orbitron,sans-serif;letter-spacing:.5px}.tsalary-stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:500}.tsalary-search-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.tsalary-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.tsalary-search-icon{position:absolute;left:14px;color:#ffffff59;pointer-events:none}.tsalary-search-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 40px 12px 42px;color:#fff;font-family:DM Sans,sans-serif;font-size:.92rem;transition:all .2s ease;outline:none;box-sizing:border-box}.tsalary-search-input::placeholder{color:#ffffff4d}.tsalary-search-input:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.tsalary-search-clear{position:absolute;right:12px;background:#ffffff1a;border:none;color:#ffffff80;cursor:pointer;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tsalary-search-clear:hover{background:#ffffff26;color:#fff}.tsalary-search-count{font-size:.82rem;color:#fff6;white-space:nowrap;flex-shrink:0}.tsalary-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff59;text-align:center}.tsalary-empty svg{margin-bottom:16px;opacity:.4}.tsalary-empty p{font-size:.95rem;margin:0}.tsalary-trainers-list{display:flex;flex-direction:column;gap:10px}.tsalary-trainer-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;transition:all .25s ease;animation:tsalary-fadeUp .4s ease both}.tsalary-trainer-card:hover{background:#ffffff0d;border-color:#ffffff1f}.tsalary-trainer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tsalary-trainer-info{display:flex;align-items:center;gap:14px;flex:1;min-width:200px}.tsalary-trainer-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #a2130c4d}.tsalary-trainer-meta{min-width:0}.tsalary-trainer-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.tsalary-trainer-name{font-size:1rem;font-weight:600;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsalary-trainer-detail{font-size:.82rem;color:#ffffff80;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tsalary-highlight{color:#ff6b6b;font-weight:600}.tsalary-salary-info{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tsalary-salary-item{text-align:center;min-width:72px}.tsalary-salary-value{display:block;font-size:1.05rem;font-weight:700;color:#ff6b6b;font-family:Orbitron,sans-serif}.tsalary-salary-value.accent-green{color:#4ade80}.tsalary-salary-label{display:block;font-size:.72rem;color:#ffffff73;margin-top:2px}.tsalary-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.tsalary-badge-active{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.tsalary-badge-inactive{background:#ef44441f;color:#ff8a8a;border:1px solid rgba(239,68,68,.25)}.tsalary-badge-paid{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.tsalary-badge-pending{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.tsalary-edit-form{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.tsalary-edit-field{display:flex;flex-direction:column;gap:4px}.tsalary-edit-label{font-size:.72rem;color:#ffffff80;font-weight:500}.tsalary-edit-input{background:#ffffff0f;border:1px solid rgba(162,19,12,.25);border-radius:8px;padding:8px 12px;color:#fff;font-family:DM Sans,sans-serif;font-size:.92rem;width:120px;outline:none;transition:all .2s ease}.tsalary-edit-input:focus{border-color:#a2130c80;background:#ffffff14;box-shadow:0 0 0 3px #a2130c1a}.tsalary-edit-actions{display:flex;gap:8px;align-items:center}.tsalary-trainer-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.tsalary-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.tsalary-btn-primary{background:linear-gradient(135deg,#a2130c,#c0392b);color:#fff;box-shadow:0 2px 8px #a2130c40}.tsalary-btn-primary:hover{box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.tsalary-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tsalary-btn-secondary{background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.12)}.tsalary-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.tsalary-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.tsalary-btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 2px 8px #22c55e40}.tsalary-btn-success:hover{box-shadow:0 4px 16px #22c55e66;transform:translateY(-1px)}.tsalary-btn-success:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tsalary-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tsalary-spin .6s linear infinite}.tsalary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#ffffff80;font-size:.9rem}.tsalary-spinner{width:40px;height:40px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:tsalary-spin .8s linear infinite}@keyframes tsalary-spin{to{transform:rotate(360deg)}}@keyframes tsalary-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tsalary-modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tsalary-modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tsalary-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:tsalary-modalFadeIn .2s ease}.tsalary-modal{background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:18px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009,0 0 0 1px #a2130c14,0 0 60px #a2130c0f;animation:tsalary-modalSlideUp .3s cubic-bezier(.4,0,.2,1)}.tsalary-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.tsalary-modal-header-left{display:flex;align-items:center;gap:14px}.tsalary-modal-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#a2130c33,#ff4d4d26);border:1px solid rgba(162,19,12,.25);display:flex;align-items:center;justify-content:center;color:#ff6b6b;flex-shrink:0}.tsalary-modal-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 2px;color:#fff;letter-spacing:.3px}.tsalary-modal-subtitle{font-size:.8rem;color:#ffffff73;margin:0}.tsalary-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.tsalary-modal-close:hover{background:#ef44441a;border-color:#ef444433;color:#ff6b6b}.tsalary-modal-error{display:flex;align-items:center;gap:10px;margin:16px 24px 0;padding:12px 16px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8a8a;font-size:.85rem;font-weight:500;flex-shrink:0}.tsalary-modal-error svg{flex-shrink:0}.tsalary-modal-body{padding:20px 24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(162,19,12,.25) transparent}.tsalary-modal-body::-webkit-scrollbar{width:5px}.tsalary-modal-body::-webkit-scrollbar-track{background:transparent}.tsalary-modal-body::-webkit-scrollbar-thumb{background:#a2130c40;border-radius:4px}.tsalary-modal-section{margin-bottom:22px}.tsalary-modal-section:last-child{margin-bottom:4px}.tsalary-modal-section-title{font-size:.78rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.tsalary-modal-section-hint{font-size:.8rem;color:#ffffff59;margin:-6px 0 14px;font-style:italic}.tsalary-modal-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tsalary-modal-field{display:flex;flex-direction:column;gap:5px}.tsalary-modal-label{font-size:.8rem;font-weight:500;color:#fff9}.tsalary-required{color:#ff6b6b}.tsalary-modal-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;color:#fff;font-family:DM Sans,sans-serif;font-size:.9rem;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.tsalary-modal-input::placeholder{color:#ffffff40}.tsalary-modal-input:focus{border-color:#a2130c73;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.tsalary-modal-field.has-error .tsalary-modal-input{border-color:#ef444480;background:#ef44440a}.tsalary-modal-field.has-error .tsalary-modal-input:focus{box-shadow:0 0 0 3px #ef44441a}.tsalary-field-error{font-size:.73rem;color:#ff8a8a;font-weight:500}.tsalary-modal-input-wrapper{position:relative;display:flex;align-items:center}.tsalary-modal-input-password{padding-right:44px}.tsalary-password-toggle{position:absolute;right:8px;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tsalary-password-toggle:hover{background:#ffffff14;color:#ffffffb3}.tsalary-modal-footer{padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.tsalary-modal-footer-hint{display:flex;align-items:center;gap:6px;font-size:.76rem;color:#ffffff59;flex:1;min-width:0}.tsalary-modal-footer-hint svg{flex-shrink:0;opacity:.6}.tsalary-modal-footer-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 1024px){.tsalary-trainer-row{flex-direction:column;align-items:flex-start}.tsalary-salary-info{padding-left:58px}.tsalary-trainer-actions{padding-left:58px;width:calc(100% - 58px)}.tsalary-edit-form{padding-left:58px}}@media (max-width: 768px){.tsalary-page-header{flex-direction:column;gap:12px}.tsalary-page-title{font-size:1.4rem}.tsalary-page-subtitle{max-width:100%}.tsalary-stats-grid{grid-template-columns:repeat(2,1fr)}.tsalary-search-bar{flex-direction:column;align-items:stretch}.tsalary-search-count{text-align:right}.tsalary-salary-info,.tsalary-trainer-actions,.tsalary-edit-form{padding-left:0}.tsalary-trainer-actions{width:100%}.tsalary-trainer-actions .tsalary-btn{flex:1;justify-content:center}.tsalary-modal{max-width:100%;max-height:95vh;border-radius:14px}.tsalary-modal-fields-grid{grid-template-columns:1fr}.tsalary-modal-footer{flex-direction:column;align-items:stretch;gap:12px}.tsalary-modal-footer-actions{justify-content:stretch}.tsalary-modal-footer-actions .tsalary-btn{flex:1;justify-content:center}.tsalary-modal-header{padding:18px 18px 14px}.tsalary-modal-body{padding:16px 18px}.tsalary-modal-footer{padding:14px 18px 18px}.tsalary-modal-error{margin:12px 18px 0}}@media (max-width: 480px){.tsalary-page-title{font-size:1.25rem}.tsalary-page-header-actions{width:100%}.tsalary-add-trainer-btn{flex:1;justify-content:center}.tsalary-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tsalary-stat-card{padding:14px 10px}.tsalary-stat-value{font-size:1.2rem}.tsalary-trainer-card{padding:16px}.tsalary-salary-info{gap:14px}.tsalary-edit-input{width:100px}.tsalary-modal-title{font-size:1rem}.tsalary-modal-icon{width:38px;height:38px;border-radius:10px}}@media (prefers-reduced-motion: reduce){.tsalary-trainer-card,.tsalary-stat-card{animation:none}.tsalary-spinner,.tsalary-btn-spinner{animation-duration:1.5s}.tsalary-btn-primary:hover,.tsalary-btn-success:hover,.tsalary-stat-card:hover{transform:none}.tsalary-modal-overlay,.tsalary-modal{animation:none}}.tsd-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.tsd-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.tsd-page-header-left{display:flex;align-items:center;gap:12px}.tsd-page-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tsd-back-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.tsd-back-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.tsd-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 4px;color:#fff;letter-spacing:.5px}.tsd-page-subtitle{font-size:.9rem;color:#ffffff80;margin:0;line-height:1.5}.tsd-btn-edit{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fffc;white-space:nowrap}.tsd-btn-edit:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b;transform:translateY(-1px)}.tsd-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600;flex-shrink:0;white-space:nowrap}.tsd-badge--active,.tsd-badge--paid{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.tsd-badge--inactive{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.tsd-badge--pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.tsd-alert{padding:.85rem 1.15rem;border-radius:12px;text-align:center;margin-bottom:1.25rem;font-size:.9rem;font-weight:500;animation:tsd-slideIn .3s ease-out}.tsd-alert--success{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e}.tsd-alert--error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}@keyframes tsd-slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tsd-loading-wrapper{display:flex;align-items:center;justify-content:center;min-height:40vh}.tsd-spinner{width:42px;height:42px;border:3px solid rgba(162,19,12,.2);border-top:3px solid #ff4d4d;border-radius:50%;animation:tsd-spin 1s linear infinite}@keyframes tsd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tsd-not-found{text-align:center;padding:4rem 2rem}.tsd-not-found h3{font-family:Orbitron,sans-serif;margin:0 0 1rem;color:#ffffffb3}.tsd-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.25rem}.tsd-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.25rem;text-align:center;transition:all .25s ease}.tsd-stat-box:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.tsd-stat-value{font-size:1.5rem;font-weight:700;font-family:Orbitron,sans-serif;line-height:1.2;margin-bottom:.25rem}.tsd-stat-value--accent{color:#ff6b6b}.tsd-stat-label{font-size:.75rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.tsd-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;margin-bottom:1.25rem}.tsd-card-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;margin:0 0 1rem;color:#fff}.tsd-empty-text{text-align:center;color:#fff6;padding:2rem;font-size:.9rem;margin:0}.tsd-members-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.tsd-member-chip{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.45rem .75rem;font-size:.85rem;transition:all .2s ease}.tsd-member-chip:hover{background:#ffffff0f;border-color:#ffffff24}.tsd-member-chip-name{font-weight:500}.tsd-member-chip-fee{color:#fff6;font-size:.78rem}.tsd-month-row{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;margin-bottom:.65rem;transition:all .2s ease}.tsd-month-row:hover{border-color:#ffffff1f}.tsd-month-row:last-child{margin-bottom:0}.tsd-month-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;cursor:pointer;flex-wrap:wrap;gap:.75rem;transition:background .2s ease}.tsd-month-header:hover{background:#ffffff05}.tsd-month-left{display:flex;align-items:center;gap:.75rem}.tsd-month-label{font-weight:700;font-size:1.05rem}.tsd-month-count{font-size:.82rem;color:#ffffff73}.tsd-month-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tsd-month-figure{text-align:right}.tsd-month-figure-label{display:block;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.3px}.tsd-month-figure-value{font-weight:600;font-size:.92rem}.tsd-month-figure-value--comm{color:#ff6b6b}.tsd-month-figure-value--total{color:#22c55e;font-family:Orbitron,sans-serif;font-weight:700}.tsd-chevron{font-size:.85rem;transition:transform .2s ease;color:#fff6}.tsd-chevron--open{transform:rotate(180deg)}.tsd-month-expanded{padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);background:#a2130c08}.tsd-expanded-title{font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700;margin:0 0 .75rem;color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px}.tsd-comm-row{display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;margin-bottom:.45rem;flex-wrap:wrap;gap:.5rem;transition:all .2s ease}.tsd-comm-row:hover{background:#ffffff0a;border-color:#ffffff1a}.tsd-comm-row:last-child{margin-bottom:0}.tsd-comm-member{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tsd-comm-name{font-weight:600;font-size:.92rem}.tsd-comm-package{font-size:.75rem;color:#a78bfa}.tsd-comm-figures{display:flex;gap:1.25rem;font-size:.82rem;flex-wrap:wrap;color:#ffffffb3}.tsd-comm-earned{color:#22c55e;font-weight:700}.tsd-comm-gym{color:#fff6}.tsd-paid-date{margin:1rem 0 0;font-size:.82rem;color:#ffffff73}.tsd-btn-primary{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;border-radius:8px;padding:.45rem .9rem;cursor:pointer;font-weight:600;font-size:.8rem;font-family:DM Sans,sans-serif;transition:all .2s ease;box-shadow:0 2px 8px #a2130c33;white-space:nowrap}.tsd-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #a2130c4d}.tsd-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes tsd-modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tsd-modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tsd-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:tsd-modalFadeIn .2s ease}.tsd-modal{background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:18px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #0009,0 0 0 1px #a2130c14,0 0 60px #a2130c0f;animation:tsd-modalSlideUp .3s cubic-bezier(.4,0,.2,1)}.tsd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.tsd-modal-header-left{display:flex;align-items:center;gap:14px}.tsd-modal-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#a2130c33,#ff4d4d26);border:1px solid rgba(162,19,12,.25);display:flex;align-items:center;justify-content:center;color:#ff6b6b;flex-shrink:0}.tsd-modal-title{font-family:Orbitron,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 2px;color:#fff;letter-spacing:.3px}.tsd-modal-subtitle{font-size:.8rem;color:#ffffff73;margin:0}.tsd-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.tsd-modal-close:hover{background:#ef44441a;border-color:#ef444433;color:#ff6b6b}.tsd-modal-error{display:flex;align-items:center;gap:10px;margin:16px 24px 0;padding:12px 16px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8a8a;font-size:.85rem;font-weight:500;flex-shrink:0}.tsd-modal-error svg{flex-shrink:0}.tsd-modal-body{padding:20px 24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(162,19,12,.25) transparent}.tsd-modal-body::-webkit-scrollbar{width:5px}.tsd-modal-body::-webkit-scrollbar-track{background:transparent}.tsd-modal-body::-webkit-scrollbar-thumb{background:#a2130c40;border-radius:4px}.tsd-modal-section{margin-bottom:22px}.tsd-modal-section:last-child{margin-bottom:4px}.tsd-modal-section-title{font-size:.78rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.tsd-modal-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tsd-modal-field{display:flex;flex-direction:column;gap:5px}.tsd-modal-label{font-size:.8rem;font-weight:500;color:#fff9}.tsd-required{color:#ff6b6b}.tsd-modal-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;color:#fff;font-family:DM Sans,sans-serif;font-size:.9rem;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.tsd-modal-input::placeholder{color:#ffffff40}.tsd-modal-input:focus{border-color:#a2130c73;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.tsd-modal-field.has-error .tsd-modal-input{border-color:#ef444480;background:#ef44440a}.tsd-modal-field.has-error .tsd-modal-input:focus{box-shadow:0 0 0 3px #ef44441a}.tsd-field-error{font-size:.73rem;color:#ff8a8a;font-weight:500}.tsd-modal-input-wrapper{position:relative;display:flex;align-items:center}.tsd-modal-input-password{padding-right:44px}.tsd-password-toggle{position:absolute;right:8px;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tsd-password-toggle:hover{background:#ffffff14;color:#ffffffb3}.tsd-status-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px}.tsd-status-info{display:flex;flex-direction:column;gap:2px}.tsd-status-label{font-size:.88rem;font-weight:600;color:#fff}.tsd-status-hint{font-size:.78rem;color:#fff6}.tsd-toggle{position:relative;width:48px;height:26px;border-radius:13px;border:none;cursor:pointer;transition:all .25s ease;background:#ffffff1f;flex-shrink:0;padding:0}.tsd-toggle--active{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 10px #22c55e4d}.tsd-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000004d}.tsd-toggle--active .tsd-toggle-knob{transform:translate(22px)}.tsd-modal-footer{padding:16px 24px 20px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.tsd-modal-footer-hint{display:flex;align-items:center;gap:6px;font-size:.76rem;color:#ffffff59;flex:1;min-width:0}.tsd-modal-footer-hint svg{flex-shrink:0;opacity:.6}.tsd-modal-footer-actions{display:flex;gap:8px;flex-shrink:0}.tsd-modal-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.tsd-modal-btn--primary{background:linear-gradient(135deg,#a2130c,#c0392b);color:#fff;box-shadow:0 2px 8px #a2130c40}.tsd-modal-btn--primary:hover{box-shadow:0 4px 16px #a2130c66;transform:translateY(-1px)}.tsd-modal-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tsd-modal-btn--secondary{background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.12)}.tsd-modal-btn--secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.tsd-modal-btn--secondary:disabled{opacity:.4;cursor:not-allowed}.tsd-modal-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tsd-spin .6s linear infinite}@media (max-width: 768px){.tsd-page-header{flex-direction:column;gap:12px}.tsd-page-header-right{align-self:flex-start}.tsd-page-title{font-size:1.4rem}.tsd-stats-row{grid-template-columns:1fr 1fr}.tsd-month-header{flex-direction:column;align-items:flex-start;gap:.65rem}.tsd-month-right{width:100%;justify-content:flex-start;gap:.75rem}.tsd-comm-row{flex-direction:column;align-items:flex-start;gap:.4rem}.tsd-comm-figures{gap:.75rem;font-size:.78rem}.tsd-modal{max-width:100%;max-height:95vh;border-radius:14px}.tsd-modal-fields-grid{grid-template-columns:1fr}.tsd-modal-footer{flex-direction:column;align-items:stretch;gap:12px}.tsd-modal-footer-actions{justify-content:stretch}.tsd-modal-footer-actions .tsd-modal-btn{flex:1;justify-content:center}.tsd-modal-header{padding:18px 18px 14px}.tsd-modal-body{padding:16px 18px}.tsd-modal-footer{padding:14px 18px 18px}.tsd-modal-error{margin:12px 18px 0}}@media (max-width: 480px){.tsd-page-title{font-size:1.2rem}.tsd-page-subtitle{font-size:.82rem}.tsd-stats-row{grid-template-columns:1fr}.tsd-stat-value{font-size:1.3rem}.tsd-card{padding:1.15rem}.tsd-month-header{padding:.75rem 1rem}.tsd-month-figure-value{font-size:.85rem}.tsd-member-chip{font-size:.8rem;padding:.35rem .6rem}.tsd-btn-edit{padding:7px 12px;font-size:.8rem}.tsd-modal-title{font-size:1rem}.tsd-modal-icon{width:38px;height:38px;border-radius:10px}}.tsd-back-btn:focus-visible,.tsd-btn-primary:focus-visible,.tsd-btn-edit:focus-visible,.tsd-month-header:focus-visible,.tsd-modal-close:focus-visible,.tsd-modal-btn:focus-visible,.tsd-toggle:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tsd-stat-box:hover,.tsd-btn-primary:hover,.tsd-btn-edit:hover,.tsd-modal-btn--primary:hover{transform:none}.tsd-spinner,.tsd-modal-btn-spinner{animation-duration:1.5s}.tsd-chevron,.tsd-toggle-knob{transition:none}.tsd-modal-overlay,.tsd-modal{animation:none}}.tsd-back-btn,.tsd-btn-primary,.tsd-btn-edit,.tsd-month-header,.tsd-toggle{-webkit-user-select:none;user-select:none}@media print{.tsd-back-btn,.tsd-btn-primary,.tsd-btn-edit{display:none}.tsd-card,.tsd-stat-box,.tsd-month-row{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000;break-inside:avoid}}.empmgmt-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.empmgmt-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.empmgmt-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.empmgmt-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5;max-width:520px}.empmgmt-page-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.empmgmt-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.empmgmt-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.empmgmt-refresh-btn.spinning svg{animation:empmgmt-spin 1s linear infinite}.empmgmt-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:.9rem}.empmgmt-alert svg{flex-shrink:0}.empmgmt-alert span{flex:1}.empmgmt-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8a8a}.empmgmt-alert-retry{background:linear-gradient(135deg,#a2130c,#c0392b);color:#fff;border:none;border-radius:8px;padding:6px 14px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.empmgmt-alert-retry:hover{box-shadow:0 4px 12px #a2130c59}.empmgmt-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.empmgmt-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .25s ease;animation:empmgmt-fadeUp .4s ease both}.empmgmt-stat-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.empmgmt-stat-card.empmgmt-stat-total{border-top:2px solid #ff6b6b}.empmgmt-stat-card.empmgmt-stat-active{border-top:2px solid #4ade80}.empmgmt-stat-card.empmgmt-stat-inactive{border-top:2px solid #ff8a8a}.empmgmt-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.empmgmt-stat-icon-total{background:linear-gradient(135deg,#a2130c,#ff4d4d);box-shadow:0 4px 14px #a2130c4d}.empmgmt-stat-icon-active{background:linear-gradient(135deg,#16a34a,#4ade80);box-shadow:0 4px 14px #22c55e4d}.empmgmt-stat-icon-inactive{background:linear-gradient(135deg,#dc2626,#ff6b6b);box-shadow:0 4px 14px #ef444440}.empmgmt-stat-value{font-size:1.6rem;font-weight:700;margin:0 0 2px;font-family:Orbitron,sans-serif;color:#fff}.empmgmt-stat-label{font-size:.78rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:500}.empmgmt-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px}.empmgmt-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;min-width:0}.empmgmt-search-icon{position:absolute;left:14px;color:#ffffff59;pointer-events:none}.empmgmt-search-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 40px 12px 42px;color:#fff;font-family:DM Sans,sans-serif;font-size:.92rem;transition:all .2s ease;outline:none;box-sizing:border-box}.empmgmt-search-input::placeholder{color:#ffffff4d}.empmgmt-search-input:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.empmgmt-search-clear{position:absolute;right:12px;background:#ffffff1a;border:none;color:#ffffff80;cursor:pointer;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.empmgmt-search-clear:hover{background:#ffffff26;color:#fff}.empmgmt-filter-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 36px 12px 16px;color:#fff;font-family:DM Sans,sans-serif;font-size:.92rem;cursor:pointer;outline:none;min-width:140px;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.empmgmt-filter-select option{background:#1a1a1a;color:#fff}.empmgmt-filter-select:focus{border-color:#a2130c66;box-shadow:0 0 0 3px #a2130c1a}.empmgmt-result-count{font-size:.82rem;color:#fff6;white-space:nowrap;flex-shrink:0}.empmgmt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff59;text-align:center}.empmgmt-empty svg{margin-bottom:16px;opacity:.4}.empmgmt-empty-title{font-size:1.1rem;margin:0 0 6px;color:#ffffff8c}.empmgmt-empty-subtitle{font-size:.9rem;margin:0 0 24px;color:#ffffff59}.empmgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.empmgmt-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s ease;animation:empmgmt-fadeUp .4s ease both;position:relative}.empmgmt-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#a2130c,#ff6b6b);opacity:.6;transition:opacity .25s ease}.empmgmt-card:hover{background:#ffffff0d;border-color:#a2130c40;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.empmgmt-card:hover:before{opacity:1}.empmgmt-card-top{padding:20px 20px 0;display:flex;align-items:flex-start;justify-content:space-between}.empmgmt-card-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #a2130c4d}.empmgmt-card-body{padding:16px 20px}.empmgmt-card-name{font-size:1.05rem;font-weight:600;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empmgmt-card-designation{font-size:.88rem;color:#ffffff8c;margin:0 0 14px}.empmgmt-card-details{display:flex;flex-direction:column;gap:8px}.empmgmt-card-detail-row{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#ffffff80}.empmgmt-card-detail-row svg{flex-shrink:0;opacity:.5}.empmgmt-text-active{color:#4ade80;font-weight:500}.empmgmt-text-inactive{color:#ff8a8a;font-weight:500}.empmgmt-card-footer{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.05)}.empmgmt-card-view-btn{width:100%;background:#a2130c14;border:1px solid rgba(162,19,12,.2);color:#ff6b6b;padding:10px 16px;border-radius:10px;font-family:DM Sans,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.empmgmt-card-view-btn:hover{background:#a2130c26;border-color:#a2130c59}.empmgmt-card-view-btn svg{transition:transform .2s ease}.empmgmt-card:hover .empmgmt-card-view-btn svg{transform:translate(3px)}.empmgmt-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.empmgmt-badge-active{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.empmgmt-badge-inactive{background:#ef44441f;color:#ff8a8a;border:1px solid rgba(239,68,68,.25)}.empmgmt-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.empmgmt-btn-primary{background:linear-gradient(135deg,#a2130c,#c0392b);color:#fff;box-shadow:0 2px 10px #a2130c4d}.empmgmt-btn-primary:hover{box-shadow:0 4px 18px #a2130c73;transform:translateY(-1px)}.empmgmt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#ffffff80;font-size:.9rem}.empmgmt-spinner{width:40px;height:40px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:empmgmt-spin .8s linear infinite}@keyframes empmgmt-spin{to{transform:rotate(360deg)}}@keyframes empmgmt-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.empmgmt-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.empmgmt-page-header{flex-direction:column;gap:12px}.empmgmt-page-title{font-size:1.4rem}.empmgmt-page-subtitle{max-width:100%}.empmgmt-stats-grid{grid-template-columns:1fr;gap:10px}.empmgmt-stat-card{padding:16px}.empmgmt-controls{flex-direction:column;align-items:stretch}.empmgmt-filter-select{min-width:unset}.empmgmt-result-count{text-align:right}.empmgmt-grid{grid-template-columns:1fr}}@media (max-width: 480px){.empmgmt-page-title{font-size:1.25rem}.empmgmt-page-header-actions{width:100%;justify-content:flex-end}.empmgmt-stat-value{font-size:1.3rem}.empmgmt-card-top{padding:16px 16px 0}.empmgmt-card-body{padding:14px 16px}.empmgmt-card-footer{padding:12px 16px 16px}}@media (prefers-reduced-motion: reduce){.empmgmt-card,.empmgmt-stat-card{animation:none}.empmgmt-spinner,.empmgmt-refresh-btn.spinning svg{animation-duration:1.5s}.empmgmt-card:hover,.empmgmt-stat-card:hover,.empmgmt-btn-primary:hover{transform:none}}.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}.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}.wkreview-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.wkreview-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.wkreview-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.wkreview-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5;max-width:520px}.wkreview-page-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.wkreview-plan-count{font-size:.82rem;color:#ffffff73;white-space:nowrap;padding:6px 12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.wkreview-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.wkreview-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.wkreview-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.wkreview-refresh-btn.spinning svg{animation:wkreview-spin 1s linear infinite}.wkreview-alert{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:20px;font-size:.9rem}.wkreview-alert svg{flex-shrink:0}.wkreview-alert span{flex:1}.wkreview-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8a8a}.wkreview-alert-dismiss{background:#ffffff1a;border:none;color:inherit;cursor:pointer;opacity:.6;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;width:22px;height:22px;transition:opacity .15s ease;flex-shrink:0}.wkreview-alert-dismiss:hover{opacity:1}.wkreview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:20px;color:#ffffff80;font-size:.9rem}.wkreview-spinner{width:40px;height:40px;border:3px solid rgba(162,19,12,.2);border-top-color:#a2130c;border-radius:50%;animation:wkreview-spin .8s linear infinite}.wkreview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff59;text-align:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px}.wkreview-empty svg{margin-bottom:16px;opacity:.4}.wkreview-empty-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;color:#fff9;margin:0 0 8px}.wkreview-empty-subtitle{font-size:.92rem;color:#fff6;margin:0 0 24px;max-width:380px;line-height:1.5}.wkreview-plans-list{display:flex;flex-direction:column;gap:14px}.wkreview-plan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:all .25s ease;animation:wkreview-fadeUp .4s ease both;position:relative}.wkreview-plan-card:before{content:"";display:block;height:3px;background:linear-gradient(90deg,#a2130c,#ff6b6b);opacity:.5;transition:opacity .25s ease}.wkreview-plan-card:hover{background:#ffffff0d;border-color:#ffffff1f}.wkreview-plan-card:hover:before{opacity:.9}.wkreview-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;transition:background .2s ease}.wkreview-card-header:hover{background:#ffffff08}.wkreview-card-header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.wkreview-plan-icon{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #a2130c4d}.wkreview-plan-info{min-width:0}.wkreview-plan-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 3px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wkreview-plan-member{font-size:.84rem;color:#ffffff80;margin:0}.wkreview-chevron{color:#ffffff4d;transition:transform .25s ease;flex-shrink:0;display:flex;align-items:center}.wkreview-chevron.expanded{transform:rotate(180deg)}.wkreview-expanded{padding:0 22px 22px;border-top:1px solid rgba(255,255,255,.06);animation:wkreview-expandIn .25s ease-out}.wkreview-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.wkreview-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.04)}.wkreview-detail-label{font-size:.82rem;color:#ffffff80;font-weight:500}.wkreview-detail-value{font-family:Orbitron,sans-serif;font-size:.88rem;font-weight:600;color:#ff6b6b}.wkreview-ai-section{background:#ffffff05;border:1px solid rgba(162,19,12,.12);border-radius:12px;padding:18px;margin:14px 0 18px}.wkreview-ai-title{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;color:#ff6b6b;margin:0 0 14px;display:flex;align-items:center;gap:8px}.wkreview-ai-content{max-height:300px;overflow-y:auto;padding-right:6px}.wkreview-ai-content::-webkit-scrollbar{width:4px}.wkreview-ai-content::-webkit-scrollbar-track{background:transparent}.wkreview-ai-content::-webkit-scrollbar-thumb{background:#a2130c40;border-radius:4px}.wkreview-ai-block{margin-bottom:16px}.wkreview-ai-block:last-child{margin-bottom:0}.wkreview-ai-heading{font-family:DM Sans,sans-serif;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.4}.wkreview-ai-heading.level-1{font-size:1rem;color:#ff6b6b}.wkreview-ai-heading.level-2{font-size:.92rem;color:#ff8a8a}.wkreview-ai-heading.level-3{font-size:.88rem;color:#faa}.wkreview-ai-body{margin-left:4px}.wkreview-ai-list-item{display:flex;gap:8px;margin-bottom:6px;font-size:.88rem;color:#fffc;line-height:1.5}.wkreview-ai-bullet{color:#ff6b6b;flex-shrink:0;margin-top:1px}.wkreview-ai-text{color:#fffc;line-height:1.6;margin:0 0 8px;font-size:.88rem}.wkreview-actions{display:flex;gap:10px;margin-top:4px}.wkreview-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.wkreview-btn-primary{background:linear-gradient(135deg,#a2130c,#c0392b);color:#fff;box-shadow:0 2px 10px #a2130c4d;flex:1}.wkreview-btn-primary:hover{box-shadow:0 4px 18px #a2130c73;transform:translateY(-1px)}.wkreview-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.wkreview-btn-secondary{background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.12);flex:1}.wkreview-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.wkreview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:400;animation:wkreview-modalFade .2s ease-out}.wkreview-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:480px;box-shadow:0 24px 48px #00000080;animation:wkreview-modalSlide .25s ease-out}.wkreview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.wkreview-modal-title{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;margin:0}.wkreview-modal-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.wkreview-modal-close:hover{color:#ff6b6b;background:#a2130c1a}.wkreview-modal-body{padding:24px}.wkreview-textarea{width:100%;padding:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:DM Sans,sans-serif;font-size:.92rem;min-height:120px;resize:vertical;transition:all .2s ease;box-sizing:border-box;outline:none}.wkreview-textarea::placeholder{color:#ffffff4d}.wkreview-textarea:focus{border-color:#a2130c66;background:#ffffff0f;box-shadow:0 0 0 3px #a2130c1a}.wkreview-modal-footer{padding:0 24px 24px;display:flex;gap:10px}@keyframes wkreview-spin{to{transform:rotate(360deg)}}@keyframes wkreview-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wkreview-expandIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes wkreview-modalFade{0%{opacity:0}to{opacity:1}}@keyframes wkreview-modalSlide{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.wkreview-page-header{flex-direction:column;gap:12px}.wkreview-page-title{font-size:1.4rem}.wkreview-page-subtitle{max-width:100%}.wkreview-card-header{padding:16px 18px}.wkreview-expanded{padding:0 18px 18px}.wkreview-details-grid{grid-template-columns:1fr 1fr}.wkreview-actions{flex-direction:column;gap:8px}.wkreview-modal{width:95%;margin:16px}.wkreview-modal-footer{flex-direction:column;gap:8px}}@media (max-width: 480px){.wkreview-page-title{font-size:1.25rem}.wkreview-plan-icon{width:38px;height:38px}.wkreview-plan-icon svg{width:18px;height:18px}.wkreview-details-grid{grid-template-columns:1fr;padding:12px}.wkreview-ai-section{padding:14px}.wkreview-ai-content{max-height:220px}.wkreview-card-header{padding:14px 16px}.wkreview-expanded{padding:0 16px 16px}}@media (prefers-reduced-motion: reduce){.wkreview-plan-card,.wkreview-expanded{animation:none}.wkreview-spinner,.wkreview-refresh-btn.spinning svg{animation-duration:1.5s}.wkreview-modal-overlay,.wkreview-modal{animation:none}.wkreview-plan-card:hover,.wkreview-btn-primary:hover{transform:none}}.wkreview-card-header:focus-visible,.wkreview-btn:focus-visible,.wkreview-modal-close:focus-visible,.wkreview-refresh-btn:focus-visible{outline:2px solid #ff6b6b;outline-offset:2px}.wkreview-textarea:focus-visible{outline:none}@media (prefers-contrast: high){.wkreview-plan-card,.wkreview-modal{border-color:#ffffff4d}.wkreview-plan-member,.wkreview-detail-label,.wkreview-ai-list-item,.wkreview-ai-text{color:#ffffffe6}}.forum-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.forum-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.forum-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.forum-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.forum-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.forum-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.forum-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.forum-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.forum-create-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:0 1.25rem;height:38px;border-radius:10px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.88rem;box-shadow:0 2px 10px #a2130c40}.forum-create-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #a2130c59}.forum-error-message{background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);color:#ff8080;padding:.85rem 1.15rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;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 .2s ease}.forum-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(162,19,12,.2);border-radius:50%;border-top:3px solid #ff4d4d;animation:spin 1s linear infinite;margin-bottom:1rem}.forum-loading p{color:#ffffff80;font-size:.9rem;margin:0}.forum-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.07)}.empty-state-icon{color:#a2130c80;margin-bottom:1.5rem}.forum-empty-state h3{font-family:Orbitron,sans-serif;font-size:1.35rem;color:#fff;margin:0 0 .75rem;font-weight:600}.forum-empty-state p{color:#ffffff80;margin:0 0 1.75rem;font-size:.95rem}.empty-state-button{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;padding:.7rem 1.75rem;border-radius:10px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #a2130c40;font-size:.9rem}.empty-state-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #a2130c59}.forum-posts-grid{display:flex;flex-direction:column;gap:1.25rem}.forum-post-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;position:relative;overflow:hidden;transition:all .25s ease;opacity:0;transform:translateY(12px);animation:slideUpStagger .5s ease-out forwards;animation-delay:var(--animation-delay)}@keyframes slideUpStagger{to{opacity:1;transform:translateY(0)}}.forum-post-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.forum-post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a2130c99,#ff4d4d4d);opacity:0;transition:opacity .25s ease}.forum-post-card:hover:before{opacity:1}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.post-user-info{display:flex;align-items:center;gap:.85rem}.post-user-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #a2130c40}.user-details{display:flex;flex-direction:column;gap:.2rem}.user-name{font-family:DM Sans,sans-serif;font-weight:600;color:#fff;margin:0;font-size:.95rem}.user-role{font-family:DM Sans,sans-serif;font-size:.72rem;color:#ff9a9a;background:#a2130c1f;padding:.15rem .55rem;border-radius:6px;align-self:flex-start;font-weight:500;text-transform:capitalize}.post-time{color:#fff6;font-size:.78rem}.post-delete-button{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff6;border-radius:8px;padding:.45rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.post-delete-button:hover{background:#ff4d4d1a;border-color:#ff4d4d40;color:#ff6b6b}.post-content{margin-bottom:1.25rem}.post-content p{color:#ffffffd9;line-height:1.6;margin:0;font-size:.95rem;word-wrap:break-word}.post-interactions{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.interaction-button{display:flex;align-items:center;gap:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff80;padding:.4rem .85rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500}.interaction-button:hover{background:#a2130c1a;border-color:#a2130c33;color:#ff6b6b}.like-button.liked{background:#ff4d4d1a;border-color:#ff4d4d40;color:#ff4d4d}.post-replies{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06)}.replies-header h5{font-family:DM Sans,sans-serif;font-size:.82rem;color:#ffffff80;margin:0 0 .85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.replies-list{display:flex;flex-direction:column;gap:.75rem}.reply-item{display:flex;gap:.65rem;background:#ffffff05;padding:.85rem;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.reply-avatar{width:30px;height:30px;border-radius:8px;background:#a2130c26;display:flex;align-items:center;justify-content:center;color:#ff9a9a;flex-shrink:0}.reply-content{flex:1}.reply-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;flex-wrap:wrap}.reply-name{font-family:DM Sans,sans-serif;font-weight:600;color:#fff;font-size:.85rem}.reply-role{font-size:.68rem;color:#ff9a9a;background:#a2130c1a;padding:.1rem .45rem;border-radius:5px;font-weight:500}.reply-time{color:#ffffff59;font-size:.72rem;margin-left:auto}.reply-text{color:#ffffffbf;line-height:1.5;margin:0;font-size:.88rem;word-wrap:break-word}.replies-more{text-align:center;padding:.6rem;background:#a2130c0d;border-radius:8px;border:1px solid rgba(162,19,12,.1)}.replies-more span{color:#ff9a9a;font-size:.78rem;font-weight:500}.forum-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:400;animation:fadeIn .2s ease-out}.forum-modal-content{background:#1a1a1a;border-radius:16px;width:90%;max-width:560px;max-height:80vh;overflow:auto;box-shadow:0 20px 60px #0009;border:1px solid rgba(255,255,255,.1);animation:slideUp .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#fff;margin:0;font-weight:600}.modal-close-button{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#ffffff80;border-radius:8px;padding:.4rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#ff4d4d1a;border-color:#ff4d4d40;color:#ff6b6b}.modal-body{padding:1.5rem}.reply-textarea{width:100%;min-height:110px;padding:.85rem;background:#ffffff0a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;resize:vertical;margin-bottom:.5rem;font-family:DM Sans,sans-serif;line-height:1.5;transition:all .2s ease;box-sizing:border-box}.reply-textarea:focus{outline:none;border-color:#a2130c66;box-shadow:0 0 0 2px #a2130c26;background:#ffffff0f}.reply-textarea::placeholder{color:#ffffff59}.character-count{color:#ffffff59;text-align:right;margin-bottom:1rem;font-size:.8rem}.modal-footer{padding:0 1.5rem 1.5rem}.modal-submit-button{width:100%;padding:.85rem 1.25rem;background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border-radius:10px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 12px #a2130c40}.modal-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 18px #a2130c59}.modal-submit-button:disabled{opacity:.4;cursor:not-allowed;background:#444;box-shadow:none;transform:none}@media (max-width: 768px){.forum-page-header{flex-direction:column;gap:12px}.forum-page-title{font-size:1.4rem}.forum-post-card{padding:1.25rem}.post-header{flex-direction:column;gap:.75rem;align-items:flex-start}.post-delete-button{align-self:flex-end}.post-interactions{flex-wrap:wrap;gap:.5rem}.interaction-button{padding:.35rem .7rem;font-size:.8rem}.reply-item{padding:.7rem}.forum-modal-content{width:95%;margin:1rem}.modal-header{padding:1rem 1.25rem}.modal-body{padding:1.25rem}.modal-footer{padding:0 1.25rem 1.25rem}}@media (max-width: 480px){.forum-page-title{font-size:1.25rem}.forum-create-button span{display:none}.forum-post-card{padding:1rem}.post-user-avatar{width:36px;height:36px}.user-name{font-size:.88rem}.user-role{font-size:.68rem}.post-content p{font-size:.9rem}.interaction-button{padding:.3rem .6rem;font-size:.75rem}.reply-avatar{width:26px;height:26px}.reply-name{font-size:.78rem}.reply-role{font-size:.65rem}.reply-time{font-size:.68rem}.reply-text{font-size:.82rem}.modal-header{padding:.85rem 1rem}.modal-header h3{font-size:1rem}.modal-body{padding:1rem}.modal-footer{padding:0 1rem 1rem}.reply-textarea{min-height:90px;padding:.7rem}.modal-submit-button{padding:.7rem 1rem;font-size:.85rem}}.forum-refresh-btn:focus-visible,.forum-create-button:focus-visible,.post-delete-button:focus-visible,.interaction-button:focus-visible,.empty-state-button:focus-visible,.modal-close-button:focus-visible,.modal-submit-button:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}.reply-textarea:focus{outline:none}@media (prefers-contrast: high){.forum-post-card,.reply-item,.forum-modal-content{border-color:#ffffff4d}.post-content p,.reply-text{color:#fffffff2}}@media (prefers-reduced-motion: reduce){.forum-post-card{animation:none;opacity:1;transform:none}.forum-post-card:hover{transform:none}.spinning,.loading-spinner,.button-spinner{animation-duration:0s}}.forum-refresh-btn,.forum-create-button,.post-delete-button,.interaction-button,.empty-state-button,.modal-close-button,.modal-submit-button{-webkit-user-select:none;user-select:none}.forum-modal-content::-webkit-scrollbar,.reply-textarea::-webkit-scrollbar{width:6px}.forum-modal-content::-webkit-scrollbar-track,.reply-textarea::-webkit-scrollbar-track{background:transparent}.forum-modal-content::-webkit-scrollbar-thumb,.reply-textarea::-webkit-scrollbar-thumb{background:#a2130c40;border-radius:3px}.forum-modal-content::-webkit-scrollbar-thumb:hover,.reply-textarea::-webkit-scrollbar-thumb:hover{background:#a2130c66}@media print{.post-interactions,.forum-modal-overlay,.forum-page-header-actions{display:none}.forum-post-card{background:#fff;border:1px solid #ccc;box-shadow:none;break-inside:avoid;color:#000}}.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}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{flex-shrink:0;color:#ff4d4d}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}*{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}.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}}.pos-page{font-family:DM Sans,Arial,sans-serif;color:#fff;position:relative;max-width:1200px;margin:0 auto}.pos-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.pos-page-title{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:.5px}.pos-page-subtitle{font-size:.95rem;color:#fff9;margin:0;line-height:1.5}.pos-page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.pos-refresh-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pos-refresh-btn:hover{background:#a2130c26;border-color:#a2130c4d;color:#ff6b6b}.pos-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:pos-spin 1s linear infinite}@keyframes pos-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pos-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.pos-stat-box{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.35rem;text-align:center;transition:all .25s ease}.pos-stat-box:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.pos-stat-value{font-size:1.85rem;font-weight:800;font-family:Orbitron,sans-serif;margin-bottom:.3rem;line-height:1.2}.pos-stat-label{font-size:.78rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.pos-loading-dots{display:flex;gap:.4rem;justify-content:center;align-items:center;min-height:2rem}.pos-loading-dot{width:7px;height:7px;border-radius:50%;background:#ff4d4d;animation:pos-pulse 1.4s ease-in-out infinite both}@keyframes pos-pulse{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.2);opacity:1}}.pos-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:1.5rem}.pos-nav-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.5rem;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:.75rem}.pos-nav-card:hover{background:#ffffff0d;transform:translateY(-3px)}.pos-nav-card--green:hover{border-color:#10b98166;box-shadow:0 8px 24px #10b9811a}.pos-nav-card--blue:hover{border-color:#3b82f666;box-shadow:0 8px 24px #3b82f61a}.pos-nav-card--purple:hover{border-color:#a855f766;box-shadow:0 8px 24px #a855f71a}.pos-nav-card-icon{font-size:1.75rem}.pos-nav-card-title{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;margin:0;color:#fff}.pos-nav-card-desc{margin:0;color:#ffffff80;font-size:.88rem;line-height:1.5}.pos-nav-card-btn{display:inline-flex;align-items:center;border:none;border-radius:10px;padding:.6rem 1.15rem;cursor:pointer;font-size:.85rem;font-weight:600;font-family:DM Sans,sans-serif;color:#fff;transition:all .2s ease;align-self:flex-start;margin-top:auto;box-shadow:0 2px 8px #00000026}.pos-nav-card-btn:hover{transform:translateY(-1px)}.pos-nav-card-btn--green{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 10px #10b98140}.pos-nav-card-btn--green:hover{box-shadow:0 4px 16px #10b98159}.pos-nav-card-btn--blue{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 10px #3b82f640}.pos-nav-card-btn--blue:hover{box-shadow:0 4px 16px #3b82f659}.pos-nav-card-btn--purple{background:linear-gradient(135deg,#7c3aed,#a78bfa);box-shadow:0 2px 10px #a855f740}.pos-nav-card-btn--purple:hover{box-shadow:0 4px 16px #a855f759}.pos-low-stock-card{background:#ffffff08;border:1px solid rgba(239,68,68,.15);border-radius:14px;padding:1.5rem}.pos-low-stock-title{font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:700;color:#ef4444;margin:0 0 1rem}.pos-low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;background:#ef44440f;border:1px solid rgba(239,68,68,.12);border-radius:10px;margin-bottom:.5rem;transition:all .2s ease}.pos-low-stock-item:last-child{margin-bottom:0}.pos-low-stock-item:hover{background:#ef44441a;border-color:#ef444433}.pos-low-stock-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pos-low-stock-name{font-weight:600;font-size:.92rem}.pos-low-stock-category{font-size:.78rem;color:#fff6}.pos-low-stock-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.pos-low-stock-count{font-weight:700;font-family:Orbitron,sans-serif;font-size:.85rem}.pos-low-stock-count--empty{color:#ef4444}.pos-low-stock-count--low{color:#f59e0b}.pos-restock-btn{background:linear-gradient(135deg,#a2130c,#ff4d4d);color:#fff;border:none;border-radius:8px;padding:.35rem .75rem;cursor:pointer;font-size:.75rem;font-weight:600;font-family:DM Sans,sans-serif;transition:all .2s ease;box-shadow:0 2px 6px #a2130c33}.pos-restock-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #a2130c4d}@media (max-width: 768px){.pos-page-header{flex-direction:column;gap:12px}.pos-page-title{font-size:1.4rem}.pos-stats-grid{grid-template-columns:repeat(2,1fr)}.pos-nav-grid{grid-template-columns:1fr}.pos-low-stock-item{flex-direction:column;align-items:flex-start;gap:.5rem}.pos-low-stock-actions{align-self:flex-end}}@media (max-width: 480px){.pos-page-title{font-size:1.25rem}.pos-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.pos-stat-box{padding:1rem}.pos-stat-value{font-size:1.5rem}.pos-stat-label{font-size:.7rem}.pos-nav-card{padding:1.25rem}.pos-nav-card-title{font-size:.95rem}}.pos-refresh-btn:focus-visible,.pos-nav-card-btn:focus-visible,.pos-restock-btn:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}.pos-nav-card:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:4px}@media (prefers-reduced-motion: reduce){.pos-stat-box:hover,.pos-nav-card:hover,.pos-nav-card-btn:hover,.pos-restock-btn:hover{transform:none}.spinning,.pos-loading-dot{animation-duration:0s}}.pos-refresh-btn,.pos-nav-card-btn,.pos-restock-btn{-webkit-user-select:none;user-select:none}@media print{.pos-page-header-actions{display:none}.pos-nav-card,.pos-stat-box,.pos-low-stock-card{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000;break-inside:avoid}}.aia-page{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;max-width:900px;margin:0 auto;display:flex;flex-direction:column;height:calc(100vh - 116px);min-height:0}.aia-anim-item{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--anim-order, 0) * .1s)}.aia-mounted .aia-anim-item{opacity:1;transform:translateY(0)}.aia-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-shrink:0}.aia-header-left{display:flex;align-items:flex-start;gap:14px}.aia-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 20px #a2130c66}.aia-title{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;margin:0 0 4px;color:#fff;letter-spacing:.5px}.aia-subtitle{font-size:.9rem;color:#ffffff80;margin:0;line-height:1.5}.aia-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff8c;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.aia-clear-btn:hover{background:#ff3c3c1a;border-color:#ff3c3c40;color:#ff6b6b}.aia-banner-error{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ff8080;font-size:.88rem;margin-bottom:16px;flex-shrink:0}.aia-banner-error svg{flex-shrink:0;color:#ef4444}.aia-chat-container{flex:1;min-height:0;overflow-y:auto;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);margin-bottom:16px;position:relative}.aia-chat-container.aia-empty{display:flex;align-items:center;justify-content:center;overflow-y:hidden}.aia-chat-container::-webkit-scrollbar{width:5px}.aia-chat-container::-webkit-scrollbar-track{background:transparent}.aia-chat-container::-webkit-scrollbar-thumb{background:#a2130c40;border-radius:4px}.aia-chat-container::-webkit-scrollbar-thumb:hover{background:#a2130c66}.aia-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;max-width:640px;width:100%}.aia-welcome-icon-wrapper{position:relative;margin-bottom:20px}.aia-welcome-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:1;box-shadow:0 8px 32px #a2130c66}.aia-welcome-icon svg{width:30px;height:30px}.aia-welcome-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(162,19,12,.25) 0%,transparent 70%);animation:aiaGlowPulse 3s ease-in-out infinite}@keyframes aiaGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}.aia-welcome-title{font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 8px}.aia-welcome-text{font-size:.92rem;color:#ffffff80;margin:0 0 28px;line-height:1.55;max-width:460px}.aia-suggestions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.aia-suggestion-chip{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#ffffffbf;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:400;text-align:left;line-height:1.4;transition:all .2s ease;opacity:0;transform:translateY(8px);animation:aiaChipIn .35s ease forwards;animation-delay:calc(var(--chip-delay, 0s) + .3s)}@keyframes aiaChipIn{to{opacity:1;transform:translateY(0)}}.aia-suggestion-chip:hover:not(:disabled){background:#a2130c1f;border-color:#a2130c4d;color:#ff9a9a;transform:translateY(-1px)}.aia-suggestion-chip:disabled{opacity:.4;cursor:not-allowed}.aia-chip-text{flex:1}.aia-chip-arrow{flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .2s ease;color:#ff6b6b}.aia-suggestion-chip:hover .aia-chip-arrow{opacity:1;transform:translate(0)}.aia-messages{padding:20px;display:flex;flex-direction:column;gap:4px}.aia-msg{display:flex;gap:12px;padding:14px 0;animation:aiaMsgIn .3s ease}@keyframes aiaMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.aia-msg+.aia-msg{border-top:1px solid rgba(255,255,255,.04)}.aia-msg-avatar{flex-shrink:0;padding-top:2px}.aia-avatar-user{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#a2130c,#ff4d4d);display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:.85rem;color:#fff}.aia-avatar-bot{width:34px;height:34px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ff6b6b}.aia-msg-content{flex:1;min-width:0}.aia-msg-sender{font-size:.78rem;font-weight:600;color:#ffffff73;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.aia-msg-text{font-size:.93rem;line-height:1.65;color:#ffffffe0;word-wrap:break-word;overflow-wrap:break-word}.aia-msg-user .aia-msg-text{color:#fffffff2}.aia-msg-error .aia-msg-text{color:#ff8080}.aia-msg-error .aia-avatar-bot{border-color:#ef44444d;color:#ef4444}.aia-msg-markdown strong{color:#fff;font-weight:600}.aia-msg-markdown em{color:#ffffffbf;font-style:italic}.ai-md-h2{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;margin:16px 0 8px;letter-spacing:.3px}.ai-md-h3{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:#ff9a9a;margin:14px 0 6px}.ai-md-h4{font-size:.9rem;font-weight:600;color:#fffc;margin:12px 0 4px}.ai-md-hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:14px 0}.ai-md-ul{list-style:none;padding:0;margin:8px 0}.ai-md-li{position:relative;padding-left:18px;margin-bottom:5px;color:#ffffffd1;line-height:1.55}.ai-md-li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#ff6b6b;opacity:.7}.ai-md-li.ai-md-ol:before{content:counter(ol-counter);counter-increment:ol-counter;background:none;color:#ff6b6b;font-size:.82rem;font-weight:700;width:auto;height:auto;border-radius:0;top:0;opacity:1;font-family:Orbitron,sans-serif}.ai-md-ul:has(.ai-md-ol){counter-reset:ol-counter}.aia-typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 0}.aia-typing-dot{width:7px;height:7px;border-radius:50%;background:#ff6b6b;opacity:.5;animation:aiaTypingBounce 1.4s ease-in-out infinite both}.aia-typing-dot:nth-child(1){animation-delay:-.32s}.aia-typing-dot:nth-child(2){animation-delay:-.16s}.aia-typing-dot:nth-child(3){animation-delay:0s}@keyframes aiaTypingBounce{0%,80%,to{transform:scale(.7);opacity:.35}40%{transform:scale(1.1);opacity:1}}.aia-typing-label{font-size:.82rem;color:#fff6;margin-left:4px;font-style:italic}.aia-input-area{flex-shrink:0}.aia-input-wrapper{display:flex;align-items:flex-end;gap:10px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .2s ease}.aia-input-wrapper:focus-within{border-color:#a2130c66;box-shadow:0 0 0 3px #a2130c1a;background:#ffffff0a}.aia-input{flex:1;background:transparent;border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:.95rem;line-height:1.5;resize:none;outline:none;min-height:24px;max-height:120px;padding:2px 0}.aia-input::placeholder{color:#ffffff59}.aia-input:disabled{opacity:.5;cursor:not-allowed}.aia-send-btn,.aia-stop-btn{width:38px;height:38px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.aia-send-btn{background:linear-gradient(135deg,#a2130c,#d4241a);color:#fff;box-shadow:0 4px 14px #a2130c59}.aia-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #a2130c73}.aia-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.aia-stop-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ff6b6b}.aia-stop-btn:hover{background:#ef444440}.aia-input-footer{text-align:center;font-size:.75rem;color:#ffffff40;margin-top:8px;letter-spacing:.2px}@media (max-width: 768px){.aia-page{height:calc(100vh - 86px)}.aia-header{flex-direction:column;gap:12px}.aia-header-left{gap:10px}.aia-title{font-size:1.3rem}.aia-clear-btn{align-self:flex-end}.aia-suggestions-grid{grid-template-columns:1fr}.aia-welcome{padding:24px 16px}.aia-welcome-title{font-size:1.15rem}.aia-messages{padding:14px}.aia-msg{gap:10px}.aia-avatar-user,.aia-avatar-bot{width:30px;height:30px;border-radius:8px}.aia-avatar-user{font-size:.75rem}.aia-avatar-bot svg{width:18px;height:18px}}@media (max-width: 480px){.aia-title{font-size:1.15rem}.aia-subtitle{font-size:.82rem}.aia-header-icon{width:38px;height:38px}.aia-header-icon svg{width:18px;height:18px}.aia-welcome-icon{width:52px;height:52px;border-radius:16px}.aia-welcome-icon svg{width:24px;height:24px}.aia-suggestion-chip{font-size:.8rem;padding:10px 12px}.aia-input{font-size:.9rem}.aia-send-btn,.aia-stop-btn{width:34px;height:34px}}@media (prefers-reduced-motion: reduce){.aia-anim-item{transition:none!important;opacity:1!important;transform:none!important}.aia-suggestion-chip{animation:none!important;opacity:1!important;transform:none!important}.aia-msg{animation:none!important}.aia-typing-dot{animation:none!important;opacity:.6!important}.aia-welcome-glow{animation:none!important}}.aia-send-btn:focus-visible,.aia-stop-btn:focus-visible,.aia-clear-btn:focus-visible,.aia-suggestion-chip:focus-visible,.aia-input:focus-visible{outline:2px solid rgba(162,19,12,.6);outline-offset:2px}