@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.login-container{background-color:#0000;background-image:radial-gradient(circle at 0 0,#06b6d438,#0000 30%),radial-gradient(circle at 100% 100%,#6366f147,#0000 34%),linear-gradient(120deg,#080c17eb,#0f172ab8 46%,#080c17db),url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=85&w=1600&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.login-backdrop{background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 85%);mask-image:radial-gradient(circle,#000 35%,#0000 85%)}.login-glass{z-index:1;background:#0f172ab8;border-radius:28px;width:100%;max-width:460px;padding:40px;position:relative}.login-header{text-align:center;margin-bottom:28px}.login-kicker{color:var(--secondary-color);letter-spacing:.28rem;margin-bottom:12px;font-size:.78rem;font-weight:700}.logo-icon-large{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;width:72px;height:72px;box-shadow:0 0 30px var(--primary-glow);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.5rem;font-weight:800;display:flex}.login-header h1{margin-bottom:8px;font-size:2rem}.input-with-icon{position:relative}.input-with-icon .input-glass{width:100%;padding-left:44px}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-btn{width:100%;margin-top:8px;padding:14px;font-size:1rem}.login-error{border-radius:var(--radius-md);color:#fda4af;background:#f43f5e1f;border:1px solid #f43f5e3d;margin:8px 0 4px;padding:12px 14px;font-size:.92rem}.login-credentials{color:var(--text-secondary);text-align:center;margin:2px 0 16px;font-size:.86rem}@media (width<=640px){.login-container{background-position:58%;align-items:end;padding:16px}.login-glass{border-radius:24px;padding:26px 18px}.login-header h1{font-size:clamp(1.5rem,8vw,1.8rem)}.login-kicker{letter-spacing:.18rem}.logo-icon-large{border-radius:20px;width:62px;height:62px;margin-bottom:16px}}@media (width<=380px){.login-container{padding:12px}.login-glass{padding:22px 14px}.login-header{margin-bottom:20px}}.dash-page{gap:20px;display:grid}.dash-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.dash-kpi{background:var(--bg-surface,#fff);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;flex-direction:column;gap:8px;min-height:132px;padding:20px 20px 18px;display:flex;position:relative;overflow:hidden}.dash-kpi:before{content:"";width:100%;height:3px;position:absolute;inset:0 auto auto 0}.dash-kpi.tone-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.dash-kpi.tone-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.dash-kpi.tone-gold:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.dash-kpi.tone-red:before{background:linear-gradient(90deg,#ef4444,#fb7185)}.dash-kpi.clickable{cursor:pointer;transition:transform .18s,box-shadow .18s}.dash-kpi.clickable:hover{transform:translateY(-2px);box-shadow:0 14px 34px #ef444429}.dash-kpi.clickable:focus-visible{outline-offset:2px;outline:2px solid #ef4444}.dash-kpi-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dash-kpi-icon{border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.dash-kpi.tone-blue .dash-kpi-icon{color:#3b82f6;background:#3b82f61f}.dash-kpi.tone-purple .dash-kpi-icon{color:#8b5cf6;background:#8b5cf61f}.dash-kpi.tone-gold .dash-kpi-icon{color:#d97706;background:#f59e0b24}.dash-kpi.tone-red .dash-kpi-icon{color:#ef4444;background:#ef44441f}.dash-spark{opacity:.9;width:72px;height:28px}.dash-kpi-label{color:var(--text-muted);margin:2px 0 0;font-size:.84rem;font-weight:600}.dash-kpi-value{letter-spacing:-.03em;color:var(--text-primary);font-size:1.85rem;font-weight:800;line-height:1}.dash-kpi-value.money{font-size:1.45rem}.dash-mid-grid,.dash-bottom-grid{gap:16px;display:grid}.dash-mid-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.95fr) minmax(240px,.75fr)}.dash-bottom-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.95fr)}.dash-card{background:var(--bg-surface,#fff);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;min-width:0;padding:18px 18px 16px}.dash-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.dash-card-head.compact{align-items:center;margin-bottom:14px}.dash-card-head h3{letter-spacing:-.02em;margin:0 0 4px;font-size:1.02rem;font-weight:750}.dash-card-head p{color:var(--text-muted);margin:0;font-size:.8rem}.dash-legend{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.75rem;font-weight:600;display:flex}.dash-legend span{align-items:center;gap:6px;display:inline-flex}.dash-legend .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dash-legend .dot.blue{background:#3b82f6}.dash-legend .dot.gray{background:#cbd5e1}.dash-chart-wrap{width:100%;min-height:240px}.dash-class-list,.dash-member-list{gap:10px;display:grid}.dash-class-item,.dash-member-item{background:#94a3b814;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.dash-class-avatar,.dash-member-avatar{color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:750;display:grid;overflow:hidden}.dash-class-avatar img,.dash-member-avatar img{object-fit:cover;width:100%;height:100%}.dash-class-meta strong,.dash-member-item strong{font-size:.9rem;font-weight:700;display:block}.dash-class-meta span,.dash-member-item span{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}.dash-class-progress{background:#94a3b833;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.dash-class-progress div{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80);height:100%}.dash-class-item em{color:#16a34a;font-size:.78rem;font-style:normal;font-weight:700}.dash-package-badge{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.7rem;font-style:normal;font-weight:700}.dash-package-badge.premium{color:#2563eb;background:#3b82f61f}.dash-package-badge.standard{color:#7c3aed;background:#8b5cf61f}.dash-package-badge.student{color:#d97706;background:#f59e0b24}.dash-package-badge.daily{color:#059669;background:#10b98124}.dash-cal-nav{width:30px;height:30px;color:var(--text-secondary);background:0 0;border:1px solid #94a3b838;border-radius:10px;font-size:1.1rem;line-height:1}.dash-cal-nav:hover{color:var(--primary-color);background:#3b82f614}.dash-calendar-card .dash-card-head h3{text-transform:capitalize;margin:0;font-size:.95rem}.dash-cal-weekdays,.dash-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.dash-cal-weekdays{margin-bottom:8px}.dash-cal-weekdays span{text-align:center;color:var(--text-muted);font-size:.7rem;font-weight:700}.dash-cal-day{aspect-ratio:1;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;font-family:inherit;font-size:.78rem;font-weight:600}.dash-cal-day.empty{pointer-events:none}.dash-cal-day:hover:not(.empty){background:#3b82f614}.dash-cal-day.today{color:#2563eb;box-shadow:inset 0 0 0 1.5px #3b82f6}.dash-cal-day.selected{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 8px 16px #3b82f64d}.dash-donut-wrap{height:180px;position:relative}.dash-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dash-donut-center strong{font-size:1.4rem;font-weight:800;line-height:1}.dash-donut-center span{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:600}.dash-donut-legend{gap:8px;margin-top:8px;display:grid}.dash-donut-legend-item{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.8rem;display:grid}.dash-donut-legend-item i{border-radius:50%;width:9px;height:9px}.dash-donut-legend-item span{color:var(--text-secondary)}.dash-donut-legend-item strong{color:var(--text-primary)}.dash-notice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dash-notice{background:var(--bg-surface,#fff);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.dash-notice-icon{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.dash-notice.tone-info .dash-notice-icon{color:#2563eb;background:#3b82f61f}.dash-notice.tone-success .dash-notice-icon{color:#059669;background:#10b98124}.dash-notice.tone-warning .dash-notice-icon{color:#d97706;background:#f59e0b24}.dash-notice strong{margin-bottom:3px;font-size:.88rem;display:block}.dash-notice p{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.4}.dash-empty{text-align:center;color:var(--text-muted);background:#94a3b814;border-radius:14px;margin:0;padding:18px 12px;font-size:.86rem}@media (width<=1280px){.dash-mid-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.dash-calendar-card{grid-column:1/-1}.dash-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-bottom-grid>:last-child{grid-column:1/-1}}@media (width<=1024px){.dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-notice-grid{grid-template-columns:1fr}}@media (width<=760px){.dash-mid-grid,.dash-bottom-grid{grid-template-columns:1fr}.dash-calendar-card,.dash-bottom-grid>:last-child{grid-column:auto}.dash-kpi-grid{grid-template-columns:1fr}}.sidebar{--sb-bg:#151b2e;--sb-bg-soft:#1a2238;--sb-text:#e8eefc;--sb-muted:#b8c4de;--sb-sub:#d5def2;--sb-border:#ffffff14;border-right:1px solid var(--sb-border);width:268px;height:100%;min-height:0;color:var(--sb-text);transition:transform var(--transition-normal);z-index:30;background:linear-gradient(#121826 0%,#151b2e 48%,#101522 100%);flex-direction:column;flex-shrink:0;margin:0;display:flex;overflow:hidden}.sidebar-body{flex-direction:column;flex:1;min-height:0;padding:18px 14px 0;display:flex;overflow:hidden}.sidebar-logo{justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 6px;display:flex}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 8px 20px #3b82f659}.logo-text{letter-spacing:.02em;color:#fff;font-size:1.15rem;font-weight:800}.logo-text span{color:#93c5fd;font-weight:700}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent;flex-direction:column;flex:1;gap:18px;min-height:0;padding-bottom:12px;padding-right:4px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.nav-section{flex-direction:column;gap:3px;display:flex}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:#9eb0d4;padding:0 12px 8px;font-size:.72rem;font-weight:750}.nav-item{color:var(--sb-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:.92rem;font-weight:600;transition:background-color .18s,color .18s,box-shadow .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);box-shadow:0 10px 24px #3b82f659}.nav-item svg{opacity:1;color:#c7d7f5;flex-shrink:0;width:18px;height:18px}.nav-item:hover svg,.nav-item.active svg{color:#fff;opacity:1}.nav-toggle{justify-content:space-between}.nav-toggle.expanded{color:#fff;background:#ffffff14}.nav-toggle.expanded svg{color:#93c5fd}.nav-item-main{align-items:center;gap:12px;display:inline-flex}.nav-group{flex-direction:column;display:flex}.sub-menu{border-left:2px solid #60a5fabf;flex-direction:column;gap:3px;margin:4px 0 8px 18px;padding-left:14px;display:flex}.sub-nav-item{color:var(--sb-sub);border-radius:10px;padding:9px 12px;font-size:.86rem;font-weight:600;transition:background-color .18s,color .18s}.sub-nav-item:hover{color:#fff;background:#ffffff1a}.sub-nav-item.active{color:#fff;background:#3b82f647;font-weight:700;box-shadow:inset 0 0 0 1px #93c5fd59}.sidebar-footer{border-top:1px solid var(--sb-border);flex-direction:column;flex-shrink:0;gap:10px;padding:14px;display:flex}.sidebar-profile{border:1px solid var(--sb-border);background:#ffffff0a;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.sidebar-profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.82rem;font-weight:700;display:grid}.sidebar-profile-meta{flex:1;min-width:0}.sidebar-profile-meta strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.sidebar-profile-meta span{color:var(--sb-muted);margin-top:2px;font-size:.72rem;display:block}.sidebar-online-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 3px #22c55e33}.sidebar-close{color:var(--sb-muted);background:0 0;border-radius:10px;padding:6px;display:none}.btn-logout{color:#fb7185;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:.88rem;font-weight:500;transition:background-color .18s;display:flex}.btn-logout:hover{background:#f43f5e1f}@media (width<=960px){.sidebar{width:min(86vw,320px);height:100dvh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 60px #00000059}.sidebar.open{transform:translate(0)}.sidebar-close{display:flex}}.layout-container{--bg-base:#f3f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--primary-color:#3b82f6;--primary-glow:#3b82f638;--secondary-color:#6366f1;--secondary-glow:#6366f138;--accent-color:#e11d48;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--card-bg:#fff;--card-hover-bg:#fff;--input-bg:#fff;--glass-border:1px solid #94a3b833;--glass-shadow:0 10px 30px #0f172a0f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;width:100%;height:100dvh;color:var(--text-primary);background:var(--app-background,#f3f5f9);font-family:Plus Jakarta Sans,Segoe UI,sans-serif;display:flex;overflow:hidden}.layout-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.layout-container .glass-panel{background:var(--bg-surface);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:none;border-radius:var(--radius-lg)}.layout-container .glass-card{background:var(--card-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:none;border-radius:var(--radius-lg)}.layout-container .glass-card:hover{background:var(--card-hover-bg);transform:none;box-shadow:0 14px 36px #0f172a14}.layout-container .glass-table th{color:var(--text-secondary);border-bottom-color:#94a3b838}.layout-container .glass-table td{border-bottom-color:#94a3b824}.layout-container .glass-table tr:hover td{background:#3b82f60a}.layout-container .form-control,.layout-container .input-glass{background:var(--input-bg);color:var(--text-primary);border-color:#94a3b847}.layout-container .form-control:focus,.layout-container .input-glass:focus{background:#fff}.layout-container.theme-dark .form-control:focus,.layout-container.theme-dark .input-glass:focus{background:#0f172ae6}.layout-container .btn-outline{color:var(--text-primary);background:#ffffffb3;border-color:#3b82f638}.layout-container .btn-outline:hover{background:#3b82f614;border-color:#3b82f661}.topbar{box-shadow:none;background:0 0;border:none;flex-shrink:0;align-items:center;gap:18px;margin:0;padding:16px 28px 12px;display:flex}.topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-title-block{min-width:0}.topbar-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:1.45rem;font-weight:800;line-height:1.15}.topbar-subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.86rem;overflow:hidden}.mobile-menu-btn{background:var(--bg-surface);width:42px;height:42px;color:var(--text-primary);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px;justify-content:center;align-items:center;display:none}.topbar-search{background:var(--bg-surface);border:var(--glass-border);width:min(340px,28vw);height:44px;box-shadow:var(--glass-shadow);color:var(--text-muted);border-radius:14px;flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.topbar-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.88rem}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search kbd{color:var(--text-muted);background:#94a3b81f;border:1px solid #94a3b833;border-radius:8px;padding:3px 7px;font-family:inherit;font-size:.68rem;font-weight:600}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.topbar-icon-btn{background:var(--bg-surface);width:42px;height:42px;color:var(--text-secondary);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:12px;justify-content:center;align-items:center;transition:background-color .18s,color .18s,transform .18s;display:inline-flex;position:relative}.topbar-icon-btn:hover{color:var(--primary-color);transform:translateY(-1px)}.topbar-icon-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;box-shadow:0 10px 22px #3b82f659}.topbar-icon-btn.primary:hover{color:#fff}.topbar-badge{color:#fff;border:2px solid var(--app-background,#f3f5f9);background:#ef4444;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.user-profile{background:var(--bg-surface);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px;align-items:center;gap:10px;margin-left:6px;padding:4px 10px 4px 4px;display:flex}.avatar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:flex}.user-name{font-size:.84rem;font-weight:650;line-height:1.2}.user-role{color:var(--text-muted);font-size:.7rem}.page-wrapper{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:8px 28px 28px;overflow:hidden auto}.page-wrapper .page-container{contain:layout style;padding:0}.mobile-sidebar-overlay{display:none}@media (width<=1200px){.topbar-search{width:min(260px,24vw)}.user-profile-text{display:none}.user-profile{padding:4px}}@media (width<=960px){.layout-container{min-width:0}.topbar{flex-wrap:wrap;padding:12px 16px 8px}.topbar-search{order:3;width:100%}.mobile-menu-btn{display:inline-flex}.page-wrapper{padding:8px 16px 20px}.mobile-sidebar-overlay{z-index:20;background:#05080f8c;border:none;display:block;position:fixed;inset:0}}@media (width<=640px){.topbar{gap:10px;padding:10px 12px 6px}.topbar-title{font-size:1.2rem}.topbar-subtitle,.topbar-actions .topbar-icon-btn:nth-child(3){display:none}.page-wrapper{padding:6px 12px 18px}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:radial-gradient(circle at top,#2563eb38,#0000 36%),#0f172a7a;justify-content:center;align-items:flex-start;padding:76px 28px 28px;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{background:linear-gradient(180deg, var(--bg-surface-hover), var(--bg-surface));width:100%;max-width:920px;max-height:calc(100svh - 68px);color:var(--text-primary);border:1px solid #2563eb2e;border-radius:28px;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 28px 70px #0f172a57}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.modal-header{background:var(--card-bg);border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary)}.modal-footer{background:linear-gradient(180deg, transparent, var(--card-bg));border-top:1px solid #94a3b833;justify-content:flex-end;gap:12px;padding:20px 0 0;display:flex}.member-avatar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.table-actions{justify-content:space-between;align-items:center;margin-top:24px;padding:16px;display:flex}.search-box{background:var(--input-bg);border-radius:var(--radius-md);border:1px solid #94a3b838;align-items:center;gap:8px;width:300px;padding:8px 16px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.search-box input::placeholder{color:var(--text-muted)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.member-form-hero{border-radius:var(--radius-lg);background:radial-gradient(circle at top right, #06b6d42e, transparent 34%), var(--card-bg);border:1px solid #2563eb29;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px;display:grid}.member-form-hero h4{margin:4px 0 8px;font-size:1.15rem}.form-kicker{color:var(--secondary-color);letter-spacing:.18rem;text-transform:uppercase;font-size:.78rem;font-weight:700}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-hint{color:var(--text-muted);font-size:.78rem}.device-sync-checkbox{border-radius:var(--radius-md);cursor:pointer;background:#2563eb0f;border:1px solid #2563eb38;grid-column:1/-1;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.device-sync-checkbox input{width:18px;height:18px;accent-color:var(--primary-color);flex-shrink:0;margin-top:3px}.device-sync-checkbox strong{color:var(--text-primary);margin-bottom:4px;font-size:.92rem;display:block}.device-sync-checkbox small{color:var(--text-muted);font-size:.8rem;line-height:1.45;display:block}.device-sync-notice{border-radius:var(--radius-md);color:#047857;background:#10b9811a;border:1px solid #10b98140;margin:12px 0 0;padding:12px 14px;font-size:.88rem}.form-control{background:var(--input-bg);color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #94a3b847;outline:none;padding:10px 12px}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.photo-upload-section{justify-content:center;display:flex}.photo-preview{background-color:var(--input-bg);width:120px;height:120px;color:var(--text-muted);cursor:pointer;background-position:50%;background-size:cover;border:2px dashed #2563eb47;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.photo-preview:hover{border-color:var(--primary-color);color:var(--primary-color)}.members-header{gap:16px}.members-header.compact{margin-bottom:0}.members-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 16px;display:flex}.members-toolbar-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.members-toolbar-tabs button{background:var(--input-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #94a3b83d;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.members-toolbar-tabs button:hover{color:var(--text-primary);border-color:#2563eb59}.members-toolbar-tabs button.active{color:var(--primary-color);background:linear-gradient(135deg,#2563eb24,#06b6d414);border-color:#2563eb59}.members-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.new-sales-note{color:var(--text-secondary);background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:14px;margin:0 0 16px;padding:12px 14px;font-size:.92rem;line-height:1.5}.bulk-import-modal{max-width:760px}.bulk-import-subtitle{margin:6px 0 0;font-size:.88rem}.bulk-import-body{gap:16px}.bulk-import-actions{flex-wrap:wrap;gap:10px;display:flex}.bulk-file-picker{cursor:pointer;margin:0}.bulk-import-file{margin:0;font-size:.9rem}.bulk-sync-toggle{margin-top:0}.bulk-preview-table{margin-top:4px}.bulk-preview-more{margin:0;padding:10px 14px 0;font-size:.82rem}.bulk-import-result{border-radius:14px;padding:14px 16px;font-size:.9rem}.bulk-import-result.ok{color:#047857;background:#10b9811a;border:1px solid #10b9813d}.bulk-import-result.warn{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b47}.bulk-import-result ul{margin:10px 0 0;padding-left:18px}.bulk-import-footer{margin-top:4px;padding-top:8px}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.members-filters{margin-top:24px}.mono-cell{color:var(--accent-color);font-family:monospace}.section-title{color:var(--text-primary);border-bottom:1px solid #94a3b833;margin-top:4px;margin-bottom:-4px;padding-bottom:8px}@media (width<=768px){.modal-overlay,.member-modal-overlay{align-items:flex-end;padding:0}.member-modal{border-radius:22px 22px 0 0;max-height:94svh}.member-modal-layout{grid-template-columns:1fr}.member-modal-rail{border-bottom:1px solid #94a3b82e;border-right:0;flex-direction:row;align-items:center;padding:14px}.member-photo-card{border-radius:16px;flex-shrink:0;width:88px}.member-preview-card{text-align:left;flex-direction:row;flex:1;align-items:center;gap:12px}.member-preview-chips{justify-content:flex-start}.member-form-grid{grid-template-columns:1fr}.member-form-grid .span-2{grid-column:span 1}.membership-summary{grid-template-columns:1fr}.modal-overlay .modal-content{border-radius:22px;max-height:calc(100svh - 28px)}.members-toolbar{flex-direction:column;align-items:stretch}.members-toolbar-actions,.members-toolbar-tabs{width:100%}.members-toolbar-actions .btn-outline,.members-toolbar-actions .btn-primary{flex:1;justify-content:center}.table-actions{flex-direction:column;align-items:stretch;gap:12px}.search-box{width:100%}.modal-body{gap:16px;padding:16px}.modal-header,.modal-footer{padding:16px}.modal-footer{flex-direction:column-reverse;padding:16px 0 0}.member-form-hero{text-align:center;grid-template-columns:1fr;gap:16px;padding:16px}.photo-preview{width:104px;height:104px}.form-grid{grid-template-columns:1fr;gap:12px}.modal-footer .btn-outline,.modal-footer .btn-primary{width:100%}}.portal-credentials-panel{margin:18px 0}.portal-credentials-box{background:#6366f114;border:1px solid #6366f12e;border-radius:16px;gap:12px;padding:14px 16px;display:grid}.portal-credentials-box span{color:var(--text-muted);margin-bottom:4px;font-size:.82rem;display:block}.portal-credentials-box.highlight{background:#10b98114;border-color:#10b98133}.portal-actions{flex-wrap:wrap;gap:8px;display:flex}.portal-hint{margin-top:8px}.portal-modal{max-width:520px}.member-modal-overlay{align-items:center;padding:20px}.member-modal{max-width:860px;max-height:min(88vh,700px)}.member-modal-header{background:linear-gradient(135deg,#2563eb1a,#06b6d40f);flex-shrink:0}.member-modal-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--secondary-color);margin:0 0 4px;font-size:.72rem;font-weight:700}.member-modal-form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.member-modal-layout{flex:1;grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.member-modal-rail{background:#f8fafcb8;border-right:1px solid #94a3b82e;flex-direction:column;gap:16px;padding:20px 16px;display:flex}.member-photo-card{aspect-ratio:1;background-color:var(--input-bg);width:100%;color:var(--text-muted);cursor:pointer;background-position:50%;background-size:cover;border:2px dashed #2563eb47;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.member-photo-card:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.member-photo-change{color:#fff;text-align:center;background:#0f172a9e;padding:8px;font-size:.78rem;font-weight:600;position:absolute;inset:auto 0 0}.member-preview-card{text-align:center;background:var(--card-bg);border:1px solid #94a3b829;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;display:flex}.member-preview-avatar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-weight:700;display:grid;overflow:hidden}.member-preview-avatar img{object-fit:cover;width:100%;height:100%}.member-preview-card strong{font-size:.95rem;line-height:1.3}.member-preview-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.member-chip{color:var(--text-secondary);background:#94a3b829;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:700}.member-chip.active{color:#047857;background:#10b98124}.member-chip.passive{color:#be123c;background:#f43f5e1f}.member-chip.package{color:#1d4ed8;background:#2563eb1f}.member-chip.sync{color:#0e7490;background:#06b6d424}.member-modal-main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.member-modal-tabs{border-bottom:1px solid #94a3b829;flex-shrink:0;gap:8px;padding:14px 18px 0;display:flex;overflow-x:auto}.member-modal-tabs button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:12px 12px 0 0;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-size:.86rem;font-weight:600;display:inline-flex}.member-modal-tabs button:hover{color:var(--text-primary);background:#2563eb0d}.member-modal-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#2563eb14}.member-modal-panel{flex:1;min-height:0;padding:20px 22px;overflow-y:auto}.member-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-form-grid .span-2{grid-column:span 2}.member-card-panel-intro{background:#2563eb0f;border:1px solid #2563eb24;border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.member-card-panel-intro strong{margin-bottom:4px;display:block}.device-sync-checkbox.modern{margin-top:16px}.membership-summary{background:#10b98114;border:1px solid #10b9812e;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.membership-summary span{color:var(--text-muted);margin-bottom:4px;font-size:.75rem;display:block}.membership-summary strong{font-size:.92rem}.member-portal-box{margin-top:18px}.member-portal-box h4{margin:0 0 10px;font-size:.95rem}.member-modal-footer{background:var(--card-bg);border-top:1px solid #94a3b833;flex-shrink:0;margin:0;padding:16px 22px}.terminals-layout{grid-template-columns:minmax(320px,420px) 1fr;gap:24px;display:grid}.terminals-panel-header{color:var(--text-primary);justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.terminals-title{margin-bottom:6px}.terminals-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.terminal-form-footer{justify-content:flex-end;margin-top:20px;display:flex}.terminal-form-actions{flex-wrap:wrap;gap:12px}.adms-config-box{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;gap:12px;margin-bottom:20px;padding:16px;display:grid}.adms-url-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.adms-url-row code{border-radius:var(--radius-sm);min-width:220px;color:var(--secondary-color);background:#00000040;flex:1;padding:10px 12px}.btn-small{padding:10px 16px}.terminal-card{flex-direction:column;gap:18px;min-height:260px;display:flex}.terminal-card-header{justify-content:space-between;gap:16px;display:flex}.terminal-meta{color:var(--text-muted);margin-top:4px;font-size:.9rem}.terminal-details{color:var(--text-secondary);gap:10px;font-size:.92rem;display:grid}.terminal-actions{margin-top:auto}.terminal-message{color:var(--secondary-color);margin-top:18px}.terminal-error{color:var(--accent-color)}.terminal-empty-state{min-height:220px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;display:flex}@media (width<=1024px){.terminals-layout{grid-template-columns:1fr}}@media (width<=640px){.adms-url-row{flex-direction:column;align-items:stretch}}.qr-terminals-layout{grid-template-columns:minmax(320px,420px) 1fr;gap:24px;display:grid}.qr-terminals-panel-header{color:var(--text-primary);justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.qr-terminals-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.qr-terminal-form-footer{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.qr-terminal-message{color:var(--secondary-color);margin-top:16px}.qr-terminal-card{flex-direction:column;gap:16px;min-height:200px;display:flex}.qr-terminal-card-head{justify-content:space-between;gap:12px;display:flex}.qr-terminal-meta{color:var(--text-secondary);gap:8px;font-size:.92rem;display:grid}.qr-terminal-empty{text-align:center;color:var(--text-muted);padding:28px}@media (width<=960px){.qr-terminals-layout{grid-template-columns:1fr}}.qr-online-layout{grid-template-columns:minmax(320px,440px) 1fr;gap:24px;margin-bottom:24px;display:grid}.qr-online-panel-header{color:var(--text-primary);justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.qr-online-local-banner{border-radius:var(--radius-md);color:var(--text-primary);background:#0ea5e91f;border:1px solid #0ea5e947;margin-bottom:16px;padding:14px 16px}.qr-online-local-banner p{color:var(--text-secondary);margin:6px 0 0;font-size:.92rem}.qr-online-ip-picker{gap:8px;display:grid}.qr-online-ip-picker label{color:var(--text-muted);font-size:.88rem}.qr-online-ip-row{flex-wrap:wrap;gap:10px;display:flex}.qr-online-ip-row select{border-radius:var(--radius-sm);min-width:220px;color:var(--text-primary);background:#ffffffd1;border:1px solid #94a3b83d;flex:1;padding:10px 12px}.qr-online-config-box{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;gap:12px;margin-bottom:20px;padding:16px;display:grid}.qr-online-warning{border-radius:var(--radius-sm);color:#9a3412;background:#fb923c24;border:1px solid #fb923c59;margin:0;padding:10px 12px;font-size:.9rem}.qr-online-test-links{flex-wrap:wrap;gap:14px;display:flex}.qr-online-test-links a{color:var(--primary-color);font-size:.9rem;text-decoration:underline}.qr-online-setup-table-wrap{margin-bottom:20px}.qr-online-setup-table-wrap h4{color:var(--text-primary);margin:0 0 10px}.qr-online-setup-table{border-collapse:collapse;width:100%;font-size:.88rem}.qr-online-setup-table th,.qr-online-setup-table td{text-align:left;vertical-align:top;border-bottom:1px solid #94a3b82e;padding:8px 10px}.qr-online-setup-table th{color:var(--text-muted);text-transform:uppercase;font-size:.76rem}.qr-online-setup-note{margin-top:10px}.qr-online-raw-cell code{white-space:pre-wrap;word-break:break-word;max-width:280px;color:var(--secondary-color);font-size:.75rem;display:block}.qr-online-url-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qr-online-url-row code{border-radius:var(--radius-sm);min-width:220px;color:var(--secondary-color);background:#00000040;flex:1;padding:10px 12px}.qr-online-form-footer{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.qr-online-message{color:var(--secondary-color);margin-top:16px}.qr-online-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.qr-online-card{flex-direction:column;gap:16px;min-height:220px;display:flex}.qr-online-card-head{justify-content:space-between;gap:12px;display:flex}.qr-online-meta{color:var(--text-secondary);gap:8px;font-size:.92rem;display:grid}.qr-online-error{color:#fda4af}.qr-online-empty,.qr-online-empty-cell{color:var(--text-muted);text-align:center}.qr-online-config-panel{align-self:start}.qr-online-config-panel.is-open .qr-online-form{border-top:1px solid #94a3b82e;margin-top:20px;padding-top:20px}.qr-online-config-panel.is-collapsed .qr-online-form{margin-top:16px}.qr-online-events-panel,.qr-online-config-panel.is-collapsed{padding-bottom:0}.qr-online-collapsible-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:0;display:flex}.qr-online-collapsible-toggle:hover .qr-online-collapsible-toggle-text h3{color:var(--primary-color)}.qr-online-collapsible-toggle-text h3{color:var(--text-primary);margin:0 0 4px;transition:color .15s}.qr-online-collapsible-toggle-text p{margin:0}.qr-online-collapsible-toggle-meta{color:var(--text-muted);flex-shrink:0;align-items:center;gap:10px;display:flex}.is-open>.qr-online-collapsible-toggle{border-bottom:1px solid #94a3b82e;margin-bottom:16px;padding-bottom:16px}.qr-online-collapsible-body{max-height:520px;padding-right:4px;overflow:auto}.qr-online-collapsible-body::-webkit-scrollbar{width:8px;height:8px}.qr-online-collapsible-body::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.qr-online-events-panel{margin-bottom:24px}.qr-online-events-count{min-width:28px;height:28px;color:var(--primary-color);background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.82rem;font-weight:600;display:inline-flex}.qr-online-events-table-wrap,.qr-online-collapsible-body.qr-online-events-table-wrap{border-radius:var(--radius-md);border:1px solid #94a3b824;max-height:320px}.qr-online-events-table{border-collapse:collapse;width:100%}.qr-online-events-table th,.qr-online-events-table td{text-align:left;border-bottom:1px solid #94a3b82e;padding:12px 14px;font-size:.92rem}.qr-online-events-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}@media (width<=960px){.qr-online-layout{grid-template-columns:1fr}}.qr-send-hero{align-items:center;gap:16px;margin-bottom:24px;display:flex}.qr-send-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;padding:16px 20px;display:grid}.qr-send-step{align-items:flex-start;gap:12px;display:flex}.qr-send-step-num{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.qr-send-step p{margin:4px 0 0;font-size:.85rem}.qr-send-device-meta.online{border-left:3px solid #34d399}.qr-send-device-meta.offline{border-left:3px solid #fbbf24}.qr-send-queue-status{color:var(--text-muted);margin-top:4px;display:block}.qr-send-help{border-top:1px solid var(--border-color);margin-top:20px;padding-top:12px;font-size:.9rem}.qr-send-help summary{cursor:pointer;margin-bottom:8px;font-weight:600}.qr-send-help ol{margin:0 0 12px 1.2rem;padding:0}.qr-send-help li{margin-bottom:6px}.qr-send-hero svg{color:var(--primary-color)}.qr-send-hero h3{margin-bottom:6px}.qr-send-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;display:grid}.qr-send-panel{flex-direction:column;min-height:560px;display:flex}.qr-send-panel.side{min-height:560px;max-height:calc(100vh - 140px);overflow:hidden}.qr-send-panel.side .qr-send-queue{flex-direction:column;flex:1;min-height:0;display:flex}.qr-send-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.qr-send-search{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:0 14px;display:flex}.qr-send-search input{color:var(--text-color);background:0 0;border:0;flex:1;padding:12px 0}.qr-send-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow:auto}.qr-send-item{text-align:left;border:1px solid var(--border-color);width:100%;color:var(--text-color);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.qr-send-item.selected{border-color:var(--primary-color);background:#6366f11f}.qr-send-item.muted{opacity:.55}.qr-send-check{text-align:center;width:22px;color:var(--primary-color);font-weight:700}.qr-send-item strong{display:block}.qr-send-item small,.qr-send-empty{color:var(--text-muted)}.qr-send-device-meta{background:#ffffff08;border-radius:12px;gap:8px;margin-bottom:16px;padding:12px;font-size:.92rem;display:grid}.qr-send-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;display:inline-flex}.qr-send-btn.secondary{margin-top:10px}.qr-send-btn.tcp-write{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669}.qr-send-btn.tcp-write:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669)}.qr-send-btn.danger{color:#f87171;border-color:#f8717166}.qr-send-btn.danger:hover:not(:disabled){background:#f871711f;border-color:#f87171}.qr-send-device-users{border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px}.qr-send-device-users h4{margin-bottom:10px}.qr-send-device-users-list{max-height:180px;overflow:auto}.qr-send-device-user-row{border-bottom:1px solid #ffffff0f;padding:8px 0}.qr-send-device-user-row strong{display:block}.qr-send-device-user-row small{color:var(--text-muted)}.qr-send-queue-row.status-pending small{color:#fbbf24}.qr-send-queue-row.status-sent small,.qr-send-queue-row.status-confirmed small{color:#34d399}.qr-send-queue{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.qr-send-queue-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.qr-send-queue-header h4{margin:0}.qr-send-queue-count{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0a;border-radius:999px;padding:4px 10px;font-size:.82rem}.qr-send-queue-scroll{background:#00000026;border:1px solid #ffffff0f;border-radius:12px;max-height:260px;padding-right:4px;overflow:hidden auto}.qr-send-queue-scroll::-webkit-scrollbar{width:8px}.qr-send-queue-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.qr-send-queue-empty{margin:0;padding:12px 0}.qr-send-queue h4{margin-bottom:12px}.qr-send-queue-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.qr-send-queue-row:last-child{border-bottom:none}.qr-send-queue-row-main{flex:1;min-width:0}.qr-send-queue-qr-btn{border:1px solid var(--border-color);width:34px;height:34px;color:var(--primary-color);cursor:pointer;background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.qr-send-queue-qr-btn:hover{border-color:var(--primary-color);background:#6366f126}.qr-send-modal-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qr-send-modal{width:min(100%,420px);padding:20px}.qr-send-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.qr-send-modal-header h3{margin:0;font-size:1.05rem}.qr-send-modal-close{width:32px;height:32px;color:var(--text-color);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.qr-send-modal-body{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-send-preview-image{background:#fff;border-radius:12px;width:280px;height:280px;padding:8px}.qr-send-preview-loading{width:280px;height:280px;color:var(--text-muted);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;display:flex}.qr-send-preview-meta{width:100%;font-size:.9rem}.qr-send-preview-content{word-break:break-all;background:#0000004d;border-radius:8px;margin:8px 0;padding:10px 12px;font-family:Fira Code,Consolas,monospace;font-size:.82rem;display:block}.qr-send-modal-actions{gap:10px;margin-top:18px;display:flex}.qr-send-modal-actions .btn-outline,.qr-send-modal-actions .btn-primary{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.qr-send-queue-row strong{display:block}.qr-send-queue-row small{color:var(--text-muted)}.qr-send-message{margin-top:20px;padding:16px}.qr-send-console{margin-top:24px}.qr-send-console-toggle{width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 0 4px;font-size:1rem;font-weight:600;display:flex}.qr-send-console-toggle svg:first-child{color:var(--primary-color)}.qr-send-console-toggle span{text-align:left;flex:1}.qr-send-console-toolbar{gap:8px;margin:12px 0 8px;display:flex}.qr-send-console-filter{border:1px solid var(--border-color);color:var(--text-color);background:#00000040;border-radius:8px;flex:1;padding:8px 12px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.85rem}.qr-send-console-refresh{border-radius:8px;padding:8px 12px}.qr-send-console-body{background:#00000059;border-radius:10px;max-height:320px;padding:8px 12px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.7;overflow:auto}.qr-send-console-empty{color:var(--text-muted);text-align:center;padding:16px 0}.qr-send-console-row{border-bottom:1px solid #ffffff0a;align-items:baseline;gap:10px;padding:2px 0;display:flex}.qr-send-console-time{color:#94a3b8;flex-shrink:0;min-width:70px}.qr-send-console-type{text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;min-width:120px;font-size:.78rem;font-weight:600}.qr-send-console-type.success{color:#34d399}.qr-send-console-type.info{color:#60a5fa}.qr-send-console-type.warning{color:#fbbf24}.qr-send-console-type.error{color:#f87171}.qr-send-console-msg{color:#e2e8f0;word-break:break-word}@media (width<=960px){.qr-send-layout,.qr-send-steps{grid-template-columns:1fr}}.movements-table{width:100%}.movements-filter-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.movements-page-size{color:var(--text-muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.movements-page-size select{border-radius:var(--radius-md);color:var(--text-primary);background:#0003;border:1px solid #ffffff14;padding:8px 12px}.movements-page{contain:layout style}.movements-table-panel{contain:content;padding:0;overflow:hidden}.movements-table-scroll{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:calc(100dvh - 360px)}.movement-search-box{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff14;align-items:center;gap:10px;width:min(100%,420px);padding:10px 14px;display:flex}.movement-search-box input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0}.movement-search-box input::placeholder{color:var(--text-muted)}.member-cell{align-items:center;gap:12px;display:flex}.member-avatar-sm{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:36px;height:36px}.member-avatar-fallback{color:#fff;background:linear-gradient(135deg,#6366f1d9,#06b6d4d9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.72rem;font-weight:700;display:inline-flex}.movement-card-id{font-size:.8rem}.movements-empty{text-align:center;color:var(--text-muted);padding:32px}.movements-table tbody.is-loading{opacity:.55;pointer-events:none}.movements-table tbody tr{content-visibility:auto;contain-intrinsic-size:56px}.font-medium{color:var(--text-primary);font-weight:500}.direction{align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:inline-flex}.direction.in{color:var(--success-color)}.direction.out{color:var(--warning-color)}.direction.neutral{color:var(--accent-color)}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movements-tabs{gap:8px;margin-bottom:16px;display:flex}.movements-tab{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:#00000026;border:1px solid #ffffff14;padding:10px 18px}.movements-tab.active{color:var(--text-primary);background:#6366f133;border-color:#6366f173}.movements-pagination{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.movements-page-meta{text-align:center;width:100%;color:var(--text-muted);font-size:.85rem}.movements-page-numbers{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.movements-page-btn{border-radius:var(--radius-md);min-width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#00000026;border:1px solid #ffffff14}.movements-page-btn.active{color:var(--text-primary);background:#6366f140;border-color:#6366f173}.users-modal-overlay{z-index:1200;background:radial-gradient(circle at top,#2563eb2e,#0000 42%),#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.users-modal-overlay .modal-content{border:1px solid #94a3b838;border-radius:22px;flex-direction:column;width:min(920px,100%);max-height:min(90dvh,900px);margin:0;padding:0;animation:.18s ease-out usersModalIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a47}.users-credentials-modal{width:min(500px,100%)!important;max-height:min(80dvh,520px)!important}@keyframes usersModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.users-modal-overlay .modal-header{background:var(--card-bg,var(--bg-surface));border-bottom:1px solid #94a3b82e;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.users-modal-overlay .modal-header h3{margin:0;font-size:1.05rem}.users-modal-overlay .modal-body{flex:1;min-height:0;padding:20px 22px 22px;overflow-y:auto}.users-modal{width:100%}.users-modal-note{margin:0 0 16px;font-size:.85rem}.users-modal .form-group{margin-bottom:16px}.users-modal .form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.88rem;display:block}.users-menu-permissions{border-top:1px solid #94a3b833;margin-top:8px;padding-top:16px}.users-menu-permissions-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.users-menu-permissions-head h4{margin:0}.users-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:min(36vh,320px);padding-right:4px;display:grid;overflow:auto}.users-menu-grid h5{margin:0 0 10px}.users-menu-group{margin-bottom:14px}.users-menu-group strong{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;display:block}.users-menu-checks{gap:6px;display:grid}.users-menu-check{align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.35;display:flex}.users-menu-check input{margin-top:3px}.users-modal-footer{border-top:none;justify-content:flex-end;gap:10px;margin-top:20px;padding:0;display:flex}.users-menu-grid-single{grid-template-columns:1fr;max-height:min(38vh,340px)}@media (width<=768px){.users-modal-overlay{align-items:center;padding:12px}.users-modal-overlay .modal-content{border-radius:18px;width:100%;max-height:92dvh}.users-menu-grid{grid-template-columns:1fr;max-height:32vh}.users-modal-footer{flex-direction:column-reverse}.users-modal-footer .btn-primary,.users-modal-footer .btn-outline{width:100%}}@media (prefers-reduced-motion:reduce){.users-modal-overlay .modal-content{animation:none}}.reports-hero{background:radial-gradient(circle at 100% 0,#06b6d42e,#0000 32%),#ffffff14;align-items:center;gap:20px;margin-bottom:24px;display:flex}.reports-hero-icon{color:#fff;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 12px 30px #2563eb3d}.reports-kicker{color:var(--secondary-color);letter-spacing:.18rem;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700}.reports-hero h2{margin-bottom:8px;font-size:1.6rem}.reports-panel-header{color:var(--text-primary);justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.reports-panel-header h3{margin-bottom:6px}.member-report-controls{grid-template-columns:repeat(2,minmax(180px,240px)) auto;align-items:end;gap:16px;display:grid}.report-download-btn{min-height:42px}.report-error{color:var(--accent-color);margin-top:14px}.report-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:20px;display:grid}.report-summary-card{padding:18px}.report-summary-card span{color:var(--text-secondary);margin-bottom:8px;font-size:.86rem;display:block}.report-summary-card strong{font-size:1.5rem}.reports-panel{margin-bottom:24px}.visitors-hero{background:radial-gradient(circle at 100% 0,#14b8a62e,#0000 32%),#ffffff14}.visitors-hero-icon{background:linear-gradient(135deg,#0f766e,#06b6d4)}.visitor-report-controls{grid-template-columns:minmax(180px,240px) auto auto}.visitors-table-wrap{margin-top:20px;padding:0;overflow:auto}@media (width<=640px){.reports-hero{flex-direction:column;align-items:flex-start}.member-report-controls,.visitor-report-controls{grid-template-columns:1fr}}.turnstile-warning{align-items:center;gap:16px;margin-bottom:24px;display:flex;border-color:#f43f5e38!important}.turnstile-warning svg{color:var(--accent-color)}.turnstile-warning h3{margin-bottom:6px}.turnstile-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.turnstile-panel{flex-direction:column;gap:18px;display:flex}.turnstile-panel-header{justify-content:space-between;gap:16px;display:flex}.turnstile-panel-header h3{margin-bottom:6px}.selected-terminal-card{border:var(--glass-border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-secondary);gap:10px;padding:16px;display:grid}.selected-terminal-card strong{color:var(--text-primary)}.command-preview{border:var(--glass-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--secondary-color);letter-spacing:.02rem;padding:14px 16px;font-family:monospace;font-weight:700}.turnstile-open-btn{width:100%;margin-top:auto;padding:14px}.danger-open{background:linear-gradient(135deg, var(--accent-color), #f97316);box-shadow:0 10px 24px #f43f5e38}.turnstile-message{color:var(--text-primary);margin-top:24px;font-weight:600}@media (width<=960px){.turnstile-layout{grid-template-columns:1fr}}@media (width<=640px){.turnstile-warning,.turnstile-panel-header{align-items:flex-start}}.card-transfer-hero{align-items:center;gap:16px;margin-bottom:24px;display:flex}.card-transfer-hero svg{color:var(--secondary-color)}.card-transfer-hero h3{margin-bottom:6px}.card-transfer-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;display:grid}.transfer-panel{flex-direction:column;min-height:560px;display:flex}.transfer-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.transfer-panel-header h3{margin-bottom:6px}.transfer-search{border:var(--glass-border);border-radius:var(--radius-md);background:var(--input-bg);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.transfer-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0}.transfer-list{gap:10px;padding-right:4px;display:grid;overflow-y:auto}.terminal-list{margin-bottom:18px}.transfer-item{text-align:left;border:var(--glass-border);border-radius:var(--radius-md);background:var(--card-bg);width:100%;color:var(--text-primary);grid-template-columns:30px 1fr;gap:12px;padding:14px;display:grid}.transfer-item:hover{background:var(--card-hover-bg)}.transfer-item.selected{border-color:var(--primary-color);box-shadow:0 10px 24px var(--primary-glow)}.transfer-item.muted small{color:var(--accent-color)}.transfer-check{width:24px;height:24px;color:var(--primary-color);background:#2563eb1a;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.transfer-item strong,.transfer-item small{display:block}.transfer-item small{color:var(--text-muted);margin-top:5px;font-size:.82rem}.transfer-empty{border:var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;padding:22px}.transfer-send-btn{width:100%;margin-top:auto;padding:14px}.transfer-message{color:var(--text-primary);margin-top:24px;font-weight:600}@media (width<=1024px){.card-transfer-layout{grid-template-columns:1fr}.transfer-panel{min-height:auto}}@media (width<=640px){.card-transfer-hero{align-items:flex-start}.transfer-item{padding:12px}}.device-personnel-page .device-personnel-hero{align-items:center;gap:16px;margin-bottom:20px;display:flex}.device-personnel-hero svg{color:var(--secondary-color)}.device-personnel-hero h3{margin-bottom:6px}.device-personnel-source{margin-bottom:16px;padding:18px}.device-personnel-source-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.device-personnel-source-row label{flex:1;gap:6px;min-width:240px;font-size:.85rem;font-weight:600;display:grid}.device-personnel-source-row select{border:var(--glass-border);background:var(--input-bg);color:inherit;border-radius:10px;padding:10px 12px}.device-personnel-status{margin:12px 0 0}.device-personnel-options{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:14px 18px;display:flex}.device-personnel-options label{align-items:center;gap:8px;font-weight:600;display:inline-flex}.device-personnel-message{color:#0f766e;margin-bottom:16px;padding:12px 16px;font-weight:600}.device-personnel-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;display:grid}.device-personnel-page .transfer-panel{flex-direction:column;min-height:560px;display:flex}.device-personnel-page .transfer-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.device-personnel-page .transfer-search{border:var(--glass-border);border-radius:var(--radius-md);background:var(--input-bg);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.device-personnel-page .transfer-search input{width:100%;color:inherit;background:0 0;border:0;outline:none}.device-personnel-actions{gap:8px;margin-bottom:12px;display:flex}.device-personnel-page .transfer-list{gap:8px;max-height:520px;padding-right:4px;display:grid;overflow:auto}.device-personnel-page .transfer-item{text-align:left;cursor:pointer;background:#ffffff8c;border:1px solid #94a3b833;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.device-personnel-page .transfer-item.selected{background:#0ea5e91a;border-color:#0ea5e973}.device-personnel-page .transfer-item.muted{opacity:.72}.device-personnel-page .transfer-check{border:1px solid #94a3b859;border-radius:6px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.8rem;display:grid}.device-personnel-page .transfer-item strong{margin-bottom:2px;display:block}.device-personnel-page .transfer-item small{color:var(--text-muted,#64748b);font-size:.78rem;display:block}.device-personnel-bio{align-items:center;gap:6px;margin-top:4px;display:inline-flex!important}.device-personnel-page .transfer-empty{text-align:center;color:var(--text-muted,#64748b);padding:24px}@media (width<=980px){.device-personnel-layout{grid-template-columns:1fr}}.packages-layout{grid-template-columns:minmax(300px,420px) 1fr;gap:24px;display:grid}.package-form{gap:16px;height:fit-content;display:grid}.package-form-title{align-items:center;gap:12px;display:flex}.package-message{color:var(--secondary-color);font-weight:600}@media (width<=960px){.packages-layout{grid-template-columns:1fr}}.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.payment-card{align-content:start;gap:14px;display:grid}.payment-card h3{align-items:center;gap:10px;display:flex}.bulk-member-list,.payment-list{gap:8px;max-height:210px;display:grid;overflow-y:auto}.bulk-member{border:var(--glass-border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);text-align:left;padding:10px 12px}.bulk-member.selected{border-color:var(--primary-color);box-shadow:0 8px 18px var(--primary-glow)}.payment-row{border:var(--glass-border);border-radius:var(--radius-md);background:var(--card-bg);justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.payment-row span{color:var(--accent-color);font-size:.86rem}.danger-payment{background:linear-gradient(135deg, var(--accent-color), #f97316)}.payment-message{color:var(--secondary-color);margin-top:24px;font-weight:700}@media (width<=960px){.payment-grid{grid-template-columns:1fr}}.door-groups-page{flex-direction:column;gap:20px;display:flex}.door-groups-message{background:#06b6d41f;border:1px solid #06b6d447;border-radius:14px;padding:12px 16px}.door-groups-layout{grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:20px;display:grid}.door-groups-form-panel h2,.door-groups-list-panel h2{margin:0 0 16px}.door-groups-form-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.door-groups-form-head h2{margin:0}.door-groups-form{gap:14px;display:grid}.door-groups-form input,.door-groups-form textarea,.door-groups-form select{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.door-rows-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.door-rows-head h3{margin:0;font-size:1rem}.door-rows{gap:12px;display:grid}.door-row-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;gap:10px;padding:14px;display:grid}.door-row-top{justify-content:space-between;align-items:center;display:flex}.device-pick-section{background:#94a3b814;border:1px solid #94a3b82e;border-radius:16px;gap:10px;padding:14px;display:grid}.device-pick-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.device-pick-head h3{margin:0;font-size:.98rem}.device-pick-head span{color:var(--primary-color);font-size:.78rem;font-weight:700}.device-pick-hint{color:var(--text-muted);margin:0;font-size:.82rem}.device-check-grid{gap:8px;display:grid}.device-check-item{background:var(--bg-surface,#fff);cursor:pointer;border:1px solid #94a3b838;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex}.device-check-item input{width:16px;height:16px;accent-color:var(--primary-color,#3b82f6);flex-shrink:0;margin-top:3px}.device-check-item span{gap:2px;min-width:0;display:grid}.device-check-item strong{color:var(--text-primary);font-size:.9rem}.device-check-item small{color:var(--text-muted);font-size:.78rem}.device-check-item.selected{background:#3b82f614;border-color:#3b82f673;box-shadow:0 8px 18px #3b82f614}.device-check-empty{color:var(--text-muted);border:1px dashed #94a3b859;border-radius:12px;padding:12px;font-size:.86rem}.device-pick-summary{color:var(--text-secondary);background:#3b82f614;border:1px solid #3b82f62e;border-radius:14px;padding:12px 14px;font-size:.88rem}.door-group-devices{font-weight:600;color:var(--text-secondary)!important;margin:6px 0 0!important}.icon-danger{color:#ef4444;cursor:pointer;background:#ef44441f;border:none;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.door-group-list{gap:12px;display:grid}.door-group-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:1fr auto;align-items:start;gap:12px;padding:14px;display:grid}.door-group-card strong{margin-bottom:4px;display:block}.door-group-card span,.door-group-card p{color:var(--text-muted);font-size:.88rem}.door-group-card p{margin:8px 0 0}.door-group-card-actions{flex-direction:column;gap:8px;display:flex}.door-group-card-actions button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 12px}.door-group-card-actions .danger{color:#ef4444;background:#ef444426;align-items:center;gap:6px;display:inline-flex}.door-groups-empty{color:var(--text-muted);border:1px dashed var(--border-color);border-radius:14px;padding:14px}@media (width<=980px){.door-groups-layout,.door-group-card{grid-template-columns:1fr}.door-group-card-actions{flex-flow:wrap}}.sports-programs-page{flex-direction:column;gap:20px;display:flex}.sports-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.sports-header h1{margin:4px 0}.sports-header span,.sports-kicker{color:var(--text-muted)}.sports-kicker{letter-spacing:.14rem;text-transform:uppercase;color:var(--primary-color);font-size:.75rem;font-weight:800}.sports-message{color:var(--text-primary);background:#06b6d41f;border:1px solid #06b6d447;border-radius:14px;padding:12px 16px}.sports-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px;display:grid}.sports-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:20px}.sports-panel h2{margin:0 0 16px}.sports-form{gap:10px;margin-bottom:18px;display:grid}.sports-program-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sports-form input,.sports-form select,.sports-form textarea{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.sports-program-form textarea,.sports-program-form .sports-form-actions{grid-column:1/-1}.sports-form-actions{gap:10px;display:flex}.sports-form-actions button,.coach-actions button,.program-card-actions button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 14px}.sports-form-actions .ghost,.coach-actions .danger,.program-card-actions .danger{color:#ef4444;background:#ef444426}.coach-photo,.program-card-top img,.program-avatar{width:56px;height:56px;color:var(--primary-color);background:#6366f11f;border-radius:16px;place-items:center;display:grid;overflow:hidden}.coach-photo img,.program-card-top img{object-fit:cover;width:100%;height:100%}.coach-card strong,.program-card strong{display:block}.coach-card span,.program-card span,.program-card p,.program-card small{color:var(--text-muted)}.coach-actions,.program-card-actions{flex-wrap:wrap;gap:8px;display:flex}.coach-actions .danger,.program-card-actions .danger{align-items:center;gap:6px;display:inline-flex}.sports-empty{color:var(--text-muted);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:14px;padding:14px}.week-grid{grid-template-columns:repeat(7,minmax(140px,1fr));gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.week-column{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;min-width:140px;padding:12px}.week-column h3{margin:0 0 12px;font-size:.95rem}.week-items{gap:10px;display:grid}.program-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:12px}.program-card-top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.program-card-top img,.program-avatar{border-radius:12px;width:40px;height:40px}.program-desc{margin:8px 0 0;font-size:.85rem}.program-card-actions{margin-top:10px}@media (width<=1100px){.sports-layout,.sports-program-form{grid-template-columns:1fr}}@media (width<=720px){.week-grid{grid-template-columns:1fr}}.sports-single{max-width:none}.coaches-page{flex-direction:column;gap:20px;display:flex}.coaches-back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:.9rem;text-decoration:none;display:inline-flex}.coaches-back-link:hover{color:var(--primary-color)}.coaches-message{color:var(--text-primary);background:#06b6d41f;border:1px solid #06b6d447;border-radius:14px;padding:12px 16px}.coaches-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:20px;display:grid}.coaches-form-panel h2,.coaches-list-panel h2{margin:0 0 16px}.coaches-form{gap:10px;display:grid}.coaches-form input,.coaches-form textarea{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.coaches-form-actions{flex-wrap:wrap;gap:10px;display:flex}.coach-list{gap:12px;display:grid}.coach-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:72px 1fr auto;align-items:start;gap:14px;padding:14px;display:grid}.coach-photo{width:72px;height:72px;color:var(--primary-color);background:#6366f11f;border-radius:18px;place-items:center;display:grid;overflow:hidden}.coach-photo img{object-fit:cover;width:100%;height:100%}.coach-card-body strong{margin-bottom:4px;display:block}.coach-card-body span{color:var(--text-muted);font-size:.9rem}.coach-bio{color:var(--text-muted);margin:8px 0 0;font-size:.85rem;line-height:1.45}.coach-actions{flex-direction:column;gap:8px;display:flex}.coach-actions button{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:8px 12px}.coach-actions .danger{color:#ef4444;background:#ef444426;align-items:center;gap:6px;display:inline-flex}.coaches-empty{color:var(--text-muted);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:14px;padding:14px}@media (width<=900px){.coaches-layout{grid-template-columns:1fr}.coach-card{grid-template-columns:64px 1fr}.coach-actions{flex-flow:wrap;grid-column:1/-1}}.personal-fitness-page{flex-direction:column;gap:20px;display:flex}.personal-fitness-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.personal-fitness-header h1{align-items:center;gap:10px;margin:4px 0;display:flex}.personal-fitness-header span,.personal-kicker{color:var(--text-muted)}.personal-kicker{letter-spacing:.14rem;text-transform:uppercase;color:var(--primary-color);font-size:.75rem;font-weight:800}.personal-message{color:var(--text-primary);background:#06b6d41f;border:1px solid #06b6d447;border-radius:14px;padding:12px 16px}.personal-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:20px}.personal-assignee{grid-template-columns:160px minmax(0,1fr);gap:10px;margin-bottom:14px;display:grid}.personal-assignee select,.personal-form input,.personal-form select,.personal-form textarea{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.personal-target{color:var(--text-secondary);margin:0 0 14px}.personal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.personal-form textarea{grid-column:1/-1}.personal-form-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.personal-form-actions button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.personal-form-actions button.ghost{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.personal-week-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.personal-week-column h3{margin:0 0 10px;font-size:.9rem}.personal-week-items{gap:10px;display:grid}.personal-program-card{background:#10b9810f;border:1px solid #10b98147;border-radius:16px;padding:12px}.personal-program-card-top{color:#059669;align-items:flex-start;gap:10px;display:flex}.personal-program-card-top strong{color:var(--text-primary);display:block}.personal-program-card-top span{color:var(--text-muted);font-size:.82rem}.personal-program-desc{white-space:pre-wrap;color:var(--text-secondary);margin:8px 0 0;font-size:.88rem}.personal-program-actions{gap:8px;margin-top:10px;display:flex}.personal-program-actions button{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:0 0;border-radius:10px;padding:6px 10px}.personal-program-actions button.danger{color:#dc2626;border-color:#dc26264d}.personal-empty{color:var(--text-muted);text-align:center;padding:24px}@media (width<=1100px){.personal-form{grid-template-columns:1fr}.personal-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.personal-assignee,.personal-week-grid{grid-template-columns:1fr}}.fitness-exercise-picker-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.fitness-exercise-picker-sheet{color:#0f172a;background:#fff;border-radius:20px 20px 16px 16px;grid-template-rows:auto auto 1fr auto;gap:12px;width:min(100%,520px);max-height:min(82vh,720px);padding:16px;display:grid;box-shadow:0 24px 60px #0f172a47}.layout-container .fitness-exercise-picker-sheet{background:var(--card-bg,#fff);color:var(--text-primary,#0f172a)}.fitness-exercise-picker-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.fitness-exercise-picker-head h3{margin:0;font-size:1.05rem}.fitness-exercise-picker-head p{color:#64748b;margin:4px 0 0;font-size:.84rem}.fitness-exercise-picker-close{width:34px;height:34px;color:inherit;cursor:pointer;background:#94a3b829;border:0;border-radius:10px;place-items:center;display:grid}.fitness-exercise-picker-search{background:#f8fafce6;border:1px solid #94a3b847;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.fitness-exercise-picker-search input{font:inherit;background:0 0;border:0;outline:none;flex:1}.fitness-exercise-picker-list{gap:8px;min-height:0;display:grid;overflow-y:auto}.fitness-exercise-picker-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b838;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.fitness-exercise-picker-item.selected{background:#2563eb14;border-color:#2563eb73}.fitness-exercise-picker-icon{color:#2563eb;background:#2563eb1a;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.fitness-exercise-picker-icon.has-photo{background:#e2e8f0;padding:0}.fitness-exercise-picker-icon.has-photo.is-zoomable{cursor:zoom-in}.fitness-exercise-picker-icon img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.fitness-exercise-lightbox{z-index:140;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c17e0;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.fitness-exercise-lightbox-close{top:max(14px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:14px}.fitness-exercise-lightbox figure{justify-items:center;gap:12px;width:min(100%,420px);margin:0;display:grid}.fitness-exercise-lightbox img{object-fit:contain;background:#0f172a;border-radius:22px;width:100%;max-height:min(72vh,520px);box-shadow:0 24px 60px #00000073}.fitness-exercise-lightbox figcaption{color:#fff;text-align:center;font-size:1rem;font-weight:700}.fitness-exercise-picker-copy{flex:1;min-width:0}.fitness-exercise-picker-copy strong{font-size:.92rem;display:block}.fitness-exercise-picker-copy small{color:#64748b;margin-top:2px;font-size:.78rem;display:block}.fitness-exercise-picker-check{color:#2563eb;flex-shrink:0}.fitness-exercise-picker-empty{text-align:center;color:#64748b;margin:0;padding:24px 12px}.fitness-exercise-picker-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0891b2);border:0;border-radius:12px;width:100%;padding:12px 16px;font-weight:700}.fitness-exercise-picker-save:disabled{opacity:.55;cursor:not-allowed}@media (width>=768px){.fitness-exercise-picker-overlay{align-items:center}.fitness-exercise-picker-sheet{border-radius:20px}}.ready-fitness-page{flex-direction:column;gap:20px;display:flex}.ready-fitness-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.ready-fitness-header h1{align-items:center;gap:10px;margin:4px 0;display:flex}.ready-fitness-header span,.ready-fitness-kicker{color:var(--text-muted)}.ready-fitness-kicker{letter-spacing:.14rem;text-transform:uppercase;color:var(--primary-color);font-size:.75rem;font-weight:800}.ready-fitness-message{color:var(--text-primary);background:#06b6d41f;border:1px solid #06b6d447;border-radius:14px;padding:12px 16px}.ready-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ready-template-card{text-align:left;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:18px;transition:border-color .2s,transform .2s}.ready-template-card:hover,.ready-template-card.active{border-color:var(--primary-color);transform:translateY(-2px)}.ready-template-card strong{margin:10px 0 6px;font-size:1rem;display:block}.ready-template-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.45}.ready-template-card span{color:var(--text-muted);margin-top:10px;font-size:.82rem;font-weight:700;display:inline-block}.ready-level-badge{letter-spacing:.04rem;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.fitness-level-light{color:#059669;background:#05966924}.fitness-level-medium{color:#d97706;background:#d9770624}.fitness-level-hard{color:#dc2626;background:#dc262624}.ready-fitness-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:16px;display:grid}.ready-preview-panel,.ready-assign-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:20px}.ready-preview-head,.ready-assign-head{align-items:center;gap:8px;margin-bottom:16px;display:flex}.ready-preview-head h2,.ready-assign-head h2{margin:0;font-size:1.05rem}.ready-preview-hint{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.ready-week-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.ready-week-column h3{color:var(--primary-color);margin:0 0 10px;font-size:.9rem}.ready-week-items{flex-direction:column;gap:8px;display:flex}.ready-exercise-card{background:var(--input-bg);border:1px solid var(--border-color);border-radius:14px;align-items:flex-start;gap:10px;padding:10px;display:flex}.ready-exercise-card.pickable{text-align:left;cursor:pointer;width:100%;transition:border-color .15s,transform .15s}.ready-exercise-card.pickable:hover{border-color:var(--primary-color);transform:translateY(-1px)}.ready-exercise-chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto}.ready-exercise-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.ready-exercise-card strong{font-size:.88rem;display:block}.ready-exercise-card span{color:var(--text-muted);font-size:.8rem}.ready-exercise-icon.icon-chest{color:#3b82f6;background:#3b82f624}.ready-exercise-icon.icon-back{color:#0ea5e9;background:#0ea5e924}.ready-exercise-icon.icon-legs{color:#a855f7;background:#a855f724}.ready-exercise-icon.icon-shoulders{color:#f97316;background:#f9731624}.ready-exercise-icon.icon-arms{color:#ca8a04;background:#eab30824}.ready-exercise-icon.icon-core{color:#ec4899;background:#ec489924}.ready-exercise-icon.icon-cardio{color:#10b981;background:#10b98124}.ready-exercise-icon.icon-dumbbell{color:#6b7280;background:#6b728024}.ready-assignee{grid-template-columns:160px minmax(0,1fr);gap:10px;margin-bottom:14px;display:grid}.ready-assignee select{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.ready-assign-target{color:var(--text-secondary);align-items:center;gap:8px;margin:0 0 12px;display:flex}.ready-assign-note{color:var(--text-muted);margin:0 0 16px;font-size:.88rem;line-height:1.5}.ready-assign-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-weight:700;display:inline-flex}.ready-assign-btn:disabled{opacity:.55;cursor:not-allowed}.ready-empty{color:var(--text-muted)}@media (width<=1100px){.ready-template-grid,.ready-fitness-layout{grid-template-columns:1fr}}.nutrition-page{gap:20px;display:grid}.nutrition-hero{background:linear-gradient(135deg,#22c55e1f,#2563eb14);border:1px solid #22c55e2e;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.nutrition-hero-copy .page-title{margin:8px 0 6px;font-size:clamp(1.35rem,2vw,1.85rem)}.nutrition-hero-badge{color:#16a34a;background:#22c55e29;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.nutrition-hero-member{background:var(--card-bg);border:1px solid #94a3b82e;border-radius:16px;align-items:center;gap:12px;min-width:220px;padding:12px 16px;display:flex}.nutrition-hero-member small{color:var(--text-muted);font-size:.75rem;display:block}.nutrition-hero-avatar{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.nutrition-toast{border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:.92rem;display:flex}.nutrition-toast.success{color:#15803d;background:#22c55e1f;border:1px solid #22c55e47}.nutrition-toast.error{color:#b91c1c;background:#ef44441a;border:1px solid #ef44443d}.nutrition-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.nutrition-sidebar{grid-template-rows:auto auto 1fr;gap:14px;max-height:calc(100vh - 120px);padding:18px;display:grid;position:sticky;top:12px}.nutrition-sidebar-head{justify-content:space-between;align-items:center;display:flex}.nutrition-sidebar-head h2{margin:0;font-size:1rem}.nutrition-count{color:var(--primary-color);background:#2563eb1a;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.nutrition-search{background:var(--input-bg);color:var(--text-muted);border:1px solid #94a3b838;border-radius:14px;align-items:center;gap:10px;padding:0 12px;display:flex}.nutrition-search input{color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-size:.9rem}.nutrition-member-list{gap:8px;padding-right:2px;display:grid;overflow:auto}.nutrition-member-btn{text-align:left;cursor:pointer;background:#94a3b80f;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s,transform .15s;display:flex}.nutrition-member-btn:hover{background:#2563eb0f;border-color:#2563eb24}.nutrition-member-btn.active{box-shadow:inset 3px 0 0 var(--primary-color);background:#2563eb1a;border-color:#2563eb47}.nutrition-member-avatar{width:40px;height:40px;color:var(--primary-color);background:linear-gradient(135deg,#2563eb2e,#0891b22e);border-radius:12px;flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}.nutrition-member-info{gap:2px;min-width:0;display:grid}.nutrition-member-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.nutrition-member-info small{color:var(--text-muted);font-size:.76rem}.nutrition-empty{text-align:center;padding:20px 8px;font-size:.88rem}.nutrition-editor{gap:16px;display:grid}.nutrition-placeholder{text-align:center;min-height:360px;color:var(--text-muted);place-content:center;justify-items:center;gap:10px;padding:40px 24px;display:grid}.nutrition-placeholder h3{color:var(--text-primary);margin:8px 0 0}.nutrition-section{gap:16px;padding:20px 22px;display:grid}.nutrition-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.nutrition-section-head h2{margin:0;font-size:1.05rem}.nutrition-energy-hint{color:var(--text-muted);background:#94a3b81a;border-radius:999px;padding:6px 10px;font-size:.82rem}.nutrition-macro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.nutrition-macro-card{cursor:text;background:#ffffff05;border:1px solid #94a3b829;border-radius:16px;gap:8px;padding:14px;display:grid}.nutrition-macro-card.tone-calories{background:linear-gradient(#f973161a,#0000);border-color:#f9731633}.nutrition-macro-card.tone-protein{background:linear-gradient(#ef444414,#0000);border-color:#ef44442e}.nutrition-macro-card.tone-carbs{background:linear-gradient(#eab3081a,#0000);border-color:#eab30833}.nutrition-macro-card.tone-fat{background:linear-gradient(#22c55e1a,#0000);border-color:#22c55e33}.nutrition-macro-icon{background:#ffffff8c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.nutrition-macro-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.nutrition-macro-input-wrap{align-items:baseline;gap:6px;display:flex}.nutrition-macro-input-wrap input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:none;padding:0;font-size:1.35rem;font-weight:700}.nutrition-macro-input-wrap small{color:var(--text-muted);font-size:.78rem}.nutrition-macro-bar{background:#94a3b824;border-radius:999px;height:8px;display:flex;overflow:hidden}.nutrition-macro-bar-segment{height:100%}.nutrition-macro-bar-segment.tone-protein{background:#ef4444}.nutrition-macro-bar-segment.tone-carbs{background:#eab308}.nutrition-macro-bar-segment.tone-fat{background:#22c55e}.nutrition-meal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.nutrition-meal-card{background:#94a3b80a;border:1px solid #94a3b829;border-radius:16px;gap:10px;padding:14px;display:grid}.nutrition-meal-top{justify-content:space-between;align-items:center;display:flex}.nutrition-meal-index{letter-spacing:.04em;text-transform:uppercase;color:var(--primary-color);font-size:.78rem;font-weight:700}.nutrition-meal-remove{color:#dc2626;cursor:pointer;background:#ef444414;border:0;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.nutrition-meal-fields{grid-template-columns:1fr auto;gap:8px;display:grid}.nutrition-meal-card input,.nutrition-meal-card textarea,.nutrition-notes{background:var(--input-bg);width:100%;color:var(--text-primary);border:1px solid #94a3b833;border-radius:12px;padding:10px 12px;font-size:.9rem}.nutrition-time-field{background:var(--input-bg);color:var(--text-muted);border:1px solid #94a3b833;border-radius:12px;align-items:center;gap:6px;min-width:108px;padding:0 10px;display:flex}.nutrition-time-field input{background:0 0;border:0;width:72px;padding:10px 0}.nutrition-notes{resize:vertical;min-height:110px}.nutrition-save-bar{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;bottom:10px}@media (width<=1100px){.nutrition-layout{grid-template-columns:1fr}.nutrition-sidebar{max-height:none;position:static}.nutrition-member-list{max-height:240px}}@media (width<=768px){.nutrition-hero{flex-direction:column;align-items:flex-start}.nutrition-macro-grid,.nutrition-meal-grid,.nutrition-meal-fields{grid-template-columns:1fr}.nutrition-save-bar{flex-direction:column;align-items:stretch}}.growth-page{gap:18px;display:grid}.growth-layout{grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.growth-list{align-content:start;gap:8px;padding:12px;display:grid}.growth-member-btn{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.growth-member-btn.active{background:#2563eb1a;border-color:#2563eb66}.growth-detail{gap:16px;padding:18px;display:grid}.growth-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.growth-stats article{background:#ffffff0a;border:1px solid #94a3b82e;border-radius:12px;padding:12px}.growth-stats span{color:var(--text-muted);font-size:.8rem;display:block}.growth-stats strong{font-size:1.3rem}.growth-empty{text-align:center;color:var(--text-muted);padding:24px}@media (width<=900px){.growth-layout,.growth-stats{grid-template-columns:1fr}}.lesson-reservation-message{background:#06b6d41f;border:1px solid #06b6d43d;border-radius:14px;margin-bottom:16px;padding:12px 16px}.lesson-reservation-filters{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.lesson-reservation-filters button{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:8px 14px}.lesson-reservation-filters button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.lesson-reservation-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.lesson-reservation-card{flex-direction:column;gap:10px;display:flex}.lesson-reservation-card-head{align-items:flex-start;gap:10px;display:flex}.lesson-reservation-card-head strong{display:block}.lesson-reservation-card-head span{color:var(--text-muted);font-size:.88rem}.lesson-reservation-badge{background:#94a3b829;border-radius:999px;margin-left:auto;padding:6px 10px;font-size:.75rem;font-weight:700}.lesson-reservation-card.status-pending .lesson-reservation-badge{color:#d97706;background:#f59e0b29}.lesson-reservation-card.status-approved .lesson-reservation-badge{color:#059669;background:#10b98129}.lesson-reservation-card.status-rejected .lesson-reservation-badge{color:#dc2626;background:#ef444429}.lesson-reservation-actions{gap:10px;margin-top:6px;display:flex}.lesson-reservation-empty{text-align:center;color:var(--text-muted);padding:28px}.mobile-content-message{background:#06b6d41f;border:1px solid #06b6d43d;border-radius:14px;margin-bottom:16px;padding:12px 16px}.mobile-content-form{gap:12px;margin-bottom:20px;display:grid}.mobile-content-form h3{margin:0}.mobile-content-form input,.mobile-content-form select,.mobile-content-form textarea{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.mobile-content-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.mobile-content-card{flex-direction:column;gap:10px;display:flex}.mobile-content-card.inactive{opacity:.55}.mobile-content-card-head{align-items:flex-start;gap:10px;display:flex}.mobile-content-card-head strong{display:block}.mobile-content-card-head span{color:var(--text-muted);font-size:.85rem}.mobile-content-card-head button{margin-left:auto}.bia-body-visual{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.bia-body-scene{background:radial-gradient(70% 55% at 50% 88%,#0ea5e924,#0000 70%),linear-gradient(#f0f9ffe6,#f8fafc66);border:1px solid #0ea5e924;border-radius:20px;justify-content:center;width:100%;padding:12px 8px 4px;display:flex}.bia-body-figure-stage{box-sizing:content-box;justify-content:center;align-items:center;width:min(100%,300px);min-height:320px;margin:0 auto;padding:0 78px;display:flex;position:relative}.bia-body-figure{object-fit:contain;filter:drop-shadow(0 10px 22px #0e74b238);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:168px;height:auto;display:block}.bia-measure-badge{text-align:center;z-index:2;background:#fffffff7;border:1px solid #94a3b859;border-radius:12px;min-width:74px;padding:7px 10px;position:absolute;box-shadow:0 6px 18px #0f172a14}.bia-measure-badge:before{content:"";background:#64748b8c;width:18px;height:1px;position:absolute;top:50%}.bia-measure-badge.right:before{right:100%}.bia-measure-badge.left:before{left:100%}.bia-measure-badge span{color:#64748b;font-size:.68rem;font-weight:600;line-height:1.2;display:block}.bia-measure-badge strong{color:#0f172a;margin-top:2px;font-size:.82rem;font-weight:800;line-height:1.2;display:block}.bia-body-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:320px;display:grid}.bia-body-metric{text-align:center;border:1px solid #0000;border-radius:14px;padding:12px 10px}.bia-body-metric span{color:var(--text-muted,#64748b);margin-bottom:4px;font-size:.72rem;display:block}.bia-body-metric strong{font-size:1rem}.bia-body-metric.fat{color:#b45309;background:#f59e0b1f;border-color:#f59e0b47}.bia-body-metric.muscle{color:#047857;background:#10b9811f;border-color:#10b98147}.bia-body-metric.bmi{color:#6d28d9;background:#8b5cf61f;border-color:#8b5cf647}.bia-body-metric.weight{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f647}.bia-body-visual.compact .bia-body-figure-stage{width:min(100%,200px);min-height:260px}.bia-body-visual.compact .bia-body-figure{max-width:140px}.bia-body-visual.compact .bia-measure-badge{min-width:64px;padding:5px 8px}.bia-body-visual.compact .bia-measure-badge span{font-size:.62rem}.bia-body-visual.compact .bia-measure-badge strong{font-size:.74rem}.body-analysis-visual .bia-body-visual{flex:1}.body-analysis-visual .bia-body-scene{flex:1;min-height:340px}.body-analysis-visual .bia-body-figure-stage{width:min(100%,280px);min-height:320px}.body-analysis-visual .bia-body-figure{max-width:190px}.vf-body-analysis-card .bia-body-scene{background:radial-gradient(70% 55% at 50% 88%,#0ea5e91a,#0000 70%),#f8fafc99}@media (width<=420px){.bia-body-figure-stage{width:100%;max-width:100%;padding:0 4px}.bia-measure-badge.right{right:0!important}.bia-measure-badge.left{left:0!important}}.body-analysis-message{background:#06b6d41f;border:1px solid #06b6d43d;border-radius:14px;margin-bottom:16px;padding:12px 16px}.body-analysis-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px;display:grid}.body-analysis-form,.body-analysis-visual,.body-analysis-chart-panel{flex-direction:column;gap:12px;display:flex}.body-analysis-form h3,.body-analysis-visual-head,.body-analysis-chart-panel h3{align-items:center;gap:8px;margin:0;display:flex}.body-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.body-analysis-form input,.body-analysis-form select,.body-analysis-form textarea,.body-analysis-filter select{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;padding:12px 14px}.body-analysis-visual{align-items:stretch;min-width:0}.body-analysis-visual .bia-body-visual{flex:1;justify-content:center}.body-analysis-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.body-analysis-stats div{background:var(--input-bg);border:1px solid var(--border-color);border-radius:14px;padding:12px}.body-analysis-stats span{color:var(--text-muted);font-size:.8rem;display:block}.body-analysis-stats strong{font-size:1.1rem}.body-analysis-chart{width:100%;min-height:280px}@media (width<=900px){.body-analysis-layout{grid-template-columns:1fr}}.mobile-info-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.mobile-info-stat{color:#047857;background:#10b98114;border:1px solid #10b9812e;border-radius:18px;align-items:center;gap:12px;padding:16px 18px;display:flex}.mobile-info-stat.warn{color:#b45309;background:#f59e0b14;border-color:#f59e0b33}.mobile-info-stat strong{color:var(--text-primary);font-size:1.35rem;display:block}.mobile-info-stat span{color:var(--text-muted);font-size:.85rem}.mobile-info-toolbar{padding:14px 16px}.mobile-info-search{align-items:center;gap:10px;display:flex}.mobile-info-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:none}.mobile-info-message{color:var(--text-primary);background:#6366f11a;border:1px solid #6366f12e;border-radius:14px;margin-top:12px;padding:12px 14px}.mobile-info-sub{margin-top:4px;font-size:.82rem}.row-actions .btn-compact.danger{color:#f87171;border-color:#f8717159}.row-actions .btn-compact.danger:hover:not(:disabled){background:#f871711f;border-color:#f87171}.mobile-password-cell{min-width:180px}.mobile-password-view,.mobile-password-input-wrap{align-items:center;gap:8px;display:flex}.mobile-password-value{letter-spacing:.04em;word-break:break-all;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem}.mobile-password-toggle{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffffb3;border:1px solid #94a3b847;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-password-toggle:hover{color:var(--primary-color);background:#3b82f614;border-color:#3b82f659}.mobile-password-edit{gap:8px;min-width:220px;display:grid}.mobile-password-input-wrap{position:relative}.mobile-password-input-wrap .mobile-password-input{width:100%;padding-right:42px}.mobile-password-input-wrap .mobile-password-toggle{width:30px;height:30px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mobile-password-input{padding:8px 10px;font-family:monospace;font-size:.9rem}.mobile-password-edit-actions{flex-wrap:wrap;gap:6px;display:flex}@media (width<=768px){.mobile-info-stats{grid-template-columns:1fr}}:root{--vf-accent:#0ea5e9;--vf-accent-dark:#0284c7;--vf-accent-deep:#0369a1;--vf-accent-soft:#0ea5e924;--vf-teal:#0d9488;--vf-bg:#e8eef5;--vf-bg-glow:#dbeafe;--vf-dark:#0b1220;--vf-dark-2:#152033;--vf-card:#fff;--vf-text:#0f172a;--vf-muted:#64748b;--vf-green:#16a34a;--vf-green-bg:#ecfdf3;--vf-red:#dc2626;--vf-red-bg:#fef2f2;--vf-radius:18px;--vf-radius-lg:24px;--vf-shadow:0 8px 28px #0f172a14;--vf-shadow-soft:0 2px 10px #0f172a0d;--vf-shadow-nav:0 12px 40px #0f172a47;--vf-density:.92;--vf-font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--vf-ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}.vf-app{background:radial-gradient(ellipse 120% 80% at 10% -10%, var(--vf-bg-glow) 0%, transparent 55%), radial-gradient(ellipse 90% 60% at 100% 0%, #0d94881f 0%, transparent 50%), linear-gradient(180deg, #eef3f9 0%, var(--vf-bg) 40%, #e4ebf3 100%);width:100%;min-height:100dvh;color:var(--vf-text);font-family:var(--vf-font);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;flex-direction:column;max-width:480px;margin:0 auto;font-size:14px;line-height:1.45;display:flex;position:relative;overflow-x:hidden}.vf-app:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:radial-gradient(#0f172a09 .6px,#0000 .6px);background-size:14px 14px;position:absolute;inset:0}.vf-app>*{z-index:1;position:relative}.vf-header{color:#fff;z-index:30;background:linear-gradient(165deg,#0b1220 0%,#152033 55%,#0f1a2e 100%);border-bottom:1px solid #ffffff0f;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;padding:12px 14px 10px;display:grid;position:sticky;top:0;box-shadow:0 8px 24px #0f172a2e}.vf-header-titles{text-align:center}.vf-header-titles h1{letter-spacing:-.02em;margin:0;font-size:.98rem;font-weight:800}.vf-header-titles p{color:#ffffff80;margin:2px 0 0;font-size:.7rem;font-weight:500}.vf-header-btn{color:#fff;cursor:pointer;width:42px;height:42px;transition:background .2s var(--vf-ease), transform .15s var(--vf-ease);background:#ffffff14;border:0;border-radius:14px;place-items:center;display:grid;position:relative}.vf-header-btn:active{background:#ffffff24;transform:scale(.94)}.vf-header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.vf-warn-btn{position:relative}.vf-warn-count{color:#0b1220;background:#f59e0b;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:900;display:inline-flex;position:absolute;top:4px;right:4px}.vf-notif-dot{background:var(--vf-accent);border:2px solid var(--vf-dark);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.vf-back-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;color:var(--vf-accent-deep);font-size:.9rem;font-weight:700;font-family:var(--vf-font);cursor:pointer;background:#ffffffb8;border:0;border-bottom:1px solid #94a3b82e;padding:11px 16px}.vf-main{padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.vf-tab-content{animation:vf-fade-up .32s var(--vf-ease);gap:14px;padding:14px 14px 8px;display:grid}@keyframes vf-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vf-bottom-nav{width:min(100%,480px);height:calc(64px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);box-sizing:border-box;-webkit-backdrop-filter:none;z-index:40;background:linear-gradient(#152033 0%,#0b1220 100%);border:0;border-top:1px solid #ffffff14;border-radius:0;flex-flow:row;justify-content:space-between;align-items:stretch;gap:0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 28px #0f172a38}.vf-bottom-nav button{color:#ffffff6b;min-width:0;max-width:none;height:100%;font-family:var(--vf-font);letter-spacing:0;cursor:pointer;transition:color .2s var(--vf-ease), background .2s var(--vf-ease);background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:.62rem;font-weight:700;line-height:1.1;display:flex}.vf-bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;max-width:100%;display:block;overflow:hidden}.vf-bottom-nav button svg{flex-shrink:0}.vf-bottom-nav button:active{opacity:.9;transform:none}.vf-bottom-nav button.active{color:#fff;background:linear-gradient(145deg,#0ea5e952,#0d948838);box-shadow:inset 0 0 0 1px #0ea5e938}.vf-bottom-nav button.active svg{filter:drop-shadow(0 0 8px #0ea5e98c)}:is(.vf-app:has(.vf-bottom-nav button:nth-child(4):last-child) .vf-bottom-nav,.vf-bottom-nav.member-nav,.vf-bottom-nav.cols-4,.vf-bottom-nav.cols-5,.vf-bottom-nav.cols-6,.vf-bottom-nav.cols-7){grid-template-columns:unset}.vf-bottom-nav.cols-6 button,.vf-bottom-nav.cols-7 button{padding:4px 1px;font-size:.56rem}.vf-bottom-nav.cols-6 button span,.vf-bottom-nav.cols-7 button span,.vf-bottom-nav.cols-5 button span,.vf-bottom-nav.cols-6.member-nav button span{font-size:inherit}@media (prefers-reduced-motion:reduce){.vf-tab-content{animation:none}.vf-bottom-nav button,.vf-header-btn,.vf-quick-tile{transition:none}}.vf-card{background:var(--vf-card);border-radius:var(--vf-radius);box-shadow:var(--vf-shadow-soft);border:1px solid #94a3b824;padding:14px}.vf-card.flat{box-shadow:var(--vf-shadow-soft)}.vf-card h3{letter-spacing:-.02em;margin:0 0 4px;font-size:1.05rem;font-weight:800}.vf-muted{color:var(--vf-muted);margin:0;font-size:.85rem}.vf-hero-card{border-radius:var(--vf-radius-lg);color:#fff;background:radial-gradient(circle at 88% 12%,#ffffff38,#0000 40%),linear-gradient(135deg,#0f766e 0%,#0d9488 38%,#0284c7 100%);border:1px solid #ffffff1f;padding:18px;box-shadow:0 16px 40px #0ea5e947,inset 0 1px #ffffff2e}.vf-absent-circle{text-align:center;aspect-ratio:1;color:#9a3412;background:linear-gradient(145deg,#fff7ed 0%,#ffedd5 100%);border:3px solid #fb923c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:min(100%,220px);margin:0 auto 16px;padding:24px;display:flex;box-shadow:0 12px 32px #fb923c40}.vf-absent-circle .vf-absent-days{color:#fff;background:#fb923c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:10px;font-size:1.5rem;font-weight:800;display:flex}.vf-absent-circle strong{margin-bottom:4px;font-size:.95rem;line-height:1.35}.vf-absent-circle small{color:#c2410c;opacity:.9;font-size:.75rem}.vf-staff-alerts{gap:12px;margin-bottom:14px;display:grid}.vf-alert-card{border:1px solid #0000;border-radius:16px;padding:14px}.vf-alert-card.warn{background:linear-gradient(#fb923c24,#ffffffeb);border-color:#fb923c47}.vf-alert-card.info{background:linear-gradient(#2563eb1a,#ffffffeb);border-color:#2563eb38}.vf-alert-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.vf-alert-card-head h3{margin:4px 0 0;font-size:.95rem}.vf-alert-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--vf-muted);align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.vf-alert-send-all{white-space:nowrap;padding:8px 12px;font-size:.78rem}.vf-alert-member-list{gap:8px;max-height:220px;display:grid;overflow:auto}.vf-alert-member-list.compact{max-height:160px}.vf-alert-member-row{background:#ffffffb8;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.vf-alert-member-row.static{background:#ffffff8c}.vf-alert-member-row strong{font-size:.88rem;display:block}.vf-alert-member-row small{color:var(--vf-muted);font-size:.74rem}.vf-alert-feedback{color:#15803d;text-align:center;margin:0;font-size:.82rem}.vf-member-reminders{gap:8px;margin-bottom:12px;display:grid}.vf-reminder-card{background:var(--vf-card);border:1px solid #94a3b82e;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.vf-reminder-card.type-membership{background:#2563eb14;border-color:#2563eb3d}.vf-reminder-card.type-installment{background:#f59e0b1a;border-color:#f59e0b47}.vf-reminder-card.type-miss_you{background:#ec48991a;border-color:#ec489947}.vf-reminder-card strong{margin-bottom:2px;font-size:.88rem;display:block}.vf-reminder-card p{color:var(--vf-muted);margin:0;font-size:.8rem;line-height:1.35}.vf-hero-card h2{letter-spacing:-.03em;margin:4px 0;font-size:1.32rem;font-weight:800}.vf-hero-kicker{text-transform:uppercase;letter-spacing:.1em;opacity:.88;margin:0;font-size:.72rem;font-weight:700}.vf-hero-card .vf-muted{color:#ffffffd1}.vf-stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vf-stat-grid.single{grid-template-columns:1fr}.vf-stat-card{background:var(--vf-card);border-radius:var(--vf-radius);box-shadow:var(--vf-shadow-soft);border:1px solid #94a3b829;padding:16px 18px}.vf-stat-card.accent{background:linear-gradient(135deg, var(--vf-accent-dark), var(--vf-accent));color:#fff;border-color:#0000;box-shadow:0 12px 28px #0ea5e947}.vf-stat-card.accent .vf-stat-label{color:#fffc}.vf-stat-label{color:var(--vf-muted);margin-bottom:6px;font-size:.76rem;font-weight:600;display:block}.vf-stat-card strong{letter-spacing:-.03em;font-size:1.7rem;font-weight:800}.vf-quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vf-quick-tile{text-align:left;box-shadow:var(--vf-shadow-soft);font-family:var(--vf-font);letter-spacing:-.01em;color:var(--vf-text);cursor:pointer;transition:transform .15s var(--vf-ease), box-shadow .2s var(--vf-ease), border-color .2s var(--vf-ease);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b829;border-radius:18px;gap:12px;padding:14px;font-size:.86rem;font-weight:700;display:grid}.vf-quick-tile:active{transform:scale(.97);box-shadow:0 1px 4px #0f172a0f}.vf-quick-icon{background:var(--vf-accent-soft);width:44px;height:44px;color:var(--vf-accent-deep);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0ea5e91f}.vf-quick-tile.tone-sky .vf-quick-icon{color:#0284c7;background:#0ea5e924}.vf-quick-tile.tone-teal .vf-quick-icon{color:#0f766e;background:#0d948824}.vf-quick-tile.tone-amber .vf-quick-icon{color:#b45309;background:#f59e0b29}.vf-quick-tile.tone-rose .vf-quick-icon{color:#e11d48;background:#f43f5e1f}.vf-quick-tile.tone-indigo .vf-quick-icon{color:#4f46e5;background:#4f46e51f}.vf-segment{box-shadow:var(--vf-shadow-soft);background:#ffffffe6;border:1px solid #94a3b82e;border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:5px;display:grid}.vf-segment button{font-family:var(--vf-font);color:var(--vf-muted);cursor:pointer;transition:background .2s var(--vf-ease), color .2s var(--vf-ease), box-shadow .2s var(--vf-ease);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px;font-size:.82rem;font-weight:700;display:flex}.vf-segment button.active{background:linear-gradient(135deg, var(--vf-accent-dark), var(--vf-accent));color:#fff;box-shadow:0 8px 20px #0ea5e959}.vf-qr-card-main{text-align:center}.vf-scan-box{margin-top:14px}.vf-viewfinder{aspect-ratio:1;background:#0f172a;border-radius:16px;width:100%;max-width:280px;margin:0 auto;position:relative;overflow:hidden}.vf-viewfinder .vf-scan-video{object-fit:cover;width:100%;height:100%}.vf-scan-placeholder{z-index:2;text-align:center;color:#ffffffbf;background:#0f172ad1;place-content:center;gap:10px;padding:16px;font-size:.85rem;display:grid;position:absolute;inset:0}.vf-corner{border:3px solid var(--vf-accent);z-index:2;width:28px;height:28px;position:absolute}.vf-corner-tl{border-bottom:0;border-right:0;border-radius:8px 0 0;top:12px;left:12px}.vf-corner-tr{border-bottom:0;border-left:0;border-radius:0 8px 0 0;top:12px;right:12px}.vf-corner-bl{border-top:0;border-right:0;border-radius:0 0 0 8px;bottom:12px;left:12px}.vf-corner-br{border-top:0;border-left:0;border-radius:0 0 8px;bottom:12px;right:12px}.vf-scan-line{background:linear-gradient(90deg, transparent, var(--vf-accent), transparent);z-index:2;height:2px;animation:2s ease-in-out infinite vf-sweep;position:absolute;left:10%;right:10%}@keyframes vf-sweep{0%,to{opacity:.5;top:18%}50%{opacity:1;top:78%}}.vf-scan-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.vf-btn-camera{background:linear-gradient(135deg, var(--vf-accent-dark), var(--vf-accent));color:#fff;width:100%;font-family:var(--vf-font);cursor:pointer;transition:transform .15s var(--vf-ease), box-shadow .2s var(--vf-ease);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:.92rem;font-weight:800;display:inline-flex;box-shadow:0 10px 26px #0ea5e959}.vf-btn-camera:active{transform:scale(.98)}.vf-btn-ghost{background:var(--vf-accent-soft);color:var(--vf-accent-deep);font-family:var(--vf-font);cursor:pointer;border:1px solid #0ea5e947;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.vf-generated-qr{background:#fff;border-radius:16px;margin:14px auto;padding:12px;display:inline-block;position:relative}.vf-qr-countdown{z-index:2;color:#fff;border:2px solid var(--vf-accent);background:#0f172ad1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 8px 20px #0ea5e959}.vf-qr-countdown span{font-size:1.2rem;font-weight:800;line-height:1}.vf-qr-countdown small{opacity:.85;margin-top:2px;font-size:.62rem}.vf-generated-qr img{width:200px;display:block}.vf-own-qr{background:var(--vf-card);border-radius:var(--vf-radius);box-shadow:var(--vf-shadow);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.vf-own-qr.compact{grid-template-columns:1fr auto auto}.vf-own-qr strong{font-size:.95rem;display:block}.vf-own-qr p{color:var(--vf-muted);margin:4px 0 0;font-size:.78rem}.vf-own-qr-thumb{cursor:pointer;border-radius:10px;width:56px;height:56px}.vf-btn-outline-sm{color:var(--vf-accent-deep);font-family:var(--vf-font);white-space:nowrap;cursor:pointer;transition:background .15s var(--vf-ease), transform .15s var(--vf-ease);background:#0ea5e914;border:1px solid #0ea5e959;border-radius:12px;padding:8px 12px;font-size:.78rem;font-weight:700}.vf-btn-outline-sm:active{background:#0ea5e924;transform:scale(.97)}.vf-section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.vf-section-head h3{letter-spacing:-.02em;margin:0;font-size:1.02rem;font-weight:800}.vf-link-muted{color:var(--vf-muted);font-size:.78rem}.vf-entry-list{gap:8px;display:grid}.vf-entry-row,.vf-member-card{background:var(--vf-card);border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 2px 10px #12131a0a}.vf-member-card{grid-template-columns:auto 1fr auto}.vf-entry-avatar{background:var(--vf-accent-soft);width:44px;height:44px;color:var(--vf-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid;overflow:hidden}.vf-entry-avatar.small{width:36px;height:36px;font-size:.75rem}.vf-entry-avatar.large{width:56px;height:56px}.vf-entry-avatar img{object-fit:cover;width:100%;height:100%}.vf-entry-copy strong{font-size:.92rem;display:block}.vf-entry-copy small{color:var(--vf-muted);font-size:.78rem}.vf-entry-chevron{color:var(--vf-muted)}.vf-badge{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.vf-badge.in{background:var(--vf-green-bg);color:#16a34a}.vf-badge.out{background:var(--vf-red-bg);color:#dc2626}.vf-search{background:var(--vf-card);box-shadow:var(--vf-shadow);color:var(--vf-muted);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.vf-search input{width:100%;color:var(--vf-text);background:0 0;border:0;outline:none;font-size:.9rem}.vf-member-pick-list{gap:6px;max-height:200px;margin-top:12px;display:grid;overflow-y:auto}.vf-member-pick{background:var(--vf-bg);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px;font-weight:500;display:flex}.vf-member-pick.active{border-color:var(--vf-accent);background:var(--vf-accent-soft)}.vf-growth-analysis{gap:12px;display:grid}.vf-growth-search-meta{margin:-4px 0 0;font-size:.8rem}.vf-growth-pick-list{max-height:min(42vh,320px)}.vf-growth-pick-name{text-align:left;flex:1}.vf-member-pick small{white-space:nowrap;margin-left:auto;font-size:.72rem}.vf-member-list{gap:8px;display:grid}.vf-profile-settings{align-items:center;gap:14px;display:flex}.vf-settings-list{gap:8px;display:grid}.vf-settings-row{font-family:var(--vf-font);text-align:left;box-shadow:var(--vf-shadow-soft);cursor:pointer;color:var(--vf-text);transition:transform .15s var(--vf-ease), box-shadow .2s var(--vf-ease);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b829;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;font-size:.92rem;font-weight:700;display:grid}.vf-settings-row:active{transform:scale(.98)}.vf-settings-row.danger{color:#dc2626}.vf-settings-icon{background:var(--vf-accent-soft);width:42px;height:42px;color:var(--vf-accent-deep);border-radius:14px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0ea5e91a}.vf-settings-row.danger .vf-settings-icon{background:var(--vf-red-bg);color:#dc2626}.vf-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.vf-info-grid small{color:var(--vf-muted);margin-bottom:2px;font-size:.75rem;display:block}.vf-nutrition-summary h3{margin:0 0 12px;font-size:1rem}.vf-day-tabs{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.vf-day-tabs button{background:var(--vf-card);color:var(--vf-muted);white-space:nowrap;cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-size:.8rem;font-weight:600}.vf-day-tabs button.active{background:var(--vf-accent);color:#fff}.vf-personal-card{border-left:3px solid #10b981}.vf-personal-card-head{color:#059669;align-items:center;gap:8px;display:flex}.vf-personal-desc{white-space:pre-wrap;margin:8px 0 0;font-size:.92rem;line-height:1.5}.vf-personal-program-error{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.vf-home-personal{background:linear-gradient(135deg,#10b9811f,#06b6d414);border:1px solid #10b98138;border-radius:18px;margin-bottom:16px;padding:16px}.vf-home-personal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.vf-home-personal-kicker{letter-spacing:.12em;text-transform:uppercase;color:#059669;margin:0 0 4px;font-size:.72rem;font-weight:800}.vf-home-personal-icon{color:#059669;background:#10b98129;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.vf-home-personal-count{color:#047857;background:#10b98124;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 10px;font-size:.9rem;font-weight:700;display:inline-flex}.vf-home-personal-list{gap:10px;display:grid}.vf-home-personal-empty{margin:0 0 12px}.vf-home-personal-link{color:#059669;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;padding:0;font-weight:600;display:inline-flex}.vf-home-salon{background:linear-gradient(145deg, #0ea5e91f, #0d948814), var(--vf-card);box-shadow:var(--vf-shadow-soft);border:1px solid #0ea5e933;border-radius:20px;margin-bottom:4px;padding:16px}.vf-home-salon-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.vf-home-salon-title-wrap{align-items:center;gap:12px;display:flex}.vf-home-salon-badge{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0d9488);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 8px 18px #0ea5e947}.vf-home-salon-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--vf-accent-deep);margin:0 0 2px;font-size:.72rem;font-weight:800}.vf-home-salon-count{min-width:34px;height:34px;color:var(--vf-accent-deep);background:#0ea5e924;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.9rem;font-weight:800;display:inline-flex}.vf-today-announce-list{gap:8px;display:grid}.vf-today-announce-card{background:#fff;border:1px solid #94a3b82e;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 2px 8px #0f172a0a}.vf-today-announce-main{flex:1;min-width:0}.vf-today-announce-main strong{letter-spacing:-.01em;color:var(--vf-text);font-size:.95rem;font-weight:800;line-height:1.3;display:block}.vf-today-announce-main .vf-muted{margin-top:4px;font-size:.78rem}.vf-salon-coach-photo.compact{width:36px;height:36px;color:var(--vf-accent-deep);background:#0ea5e91f;border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.vf-salon-coach-photo.compact img{object-fit:cover;width:100%;height:100%}.vf-home-salon-empty.compact{gap:8px;padding:14px 8px}.vf-home-salon-empty.compact p{font-size:.85rem}.vf-salon-timeline{gap:12px;display:grid}.vf-salon-slot{grid-template-columns:58px 14px 1fr;align-items:stretch;gap:10px;display:grid}.vf-salon-time-col{flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;padding-top:4px;display:flex}.vf-salon-time-col strong{color:#312e81;font-size:.88rem}.vf-salon-time-col span{color:var(--vf-muted);font-size:.74rem}.vf-salon-track{justify-content:center;display:flex;position:relative}.vf-salon-track:before{content:"";background:linear-gradient(#6366f1,#6366f126);border-radius:999px;width:2px;position:absolute;top:8px;bottom:8px}.vf-salon-track-dot{z-index:1;background:#6366f1;border-radius:50%;width:10px;height:10px;margin-top:14px;box-shadow:0 0 0 4px #6366f12e}.vf-salon-card{background:#ffffffe0;border:1px solid #6366f124;border-radius:16px;padding:12px 14px}.vf-salon-card-top{align-items:center;gap:10px;display:flex}.vf-salon-coach-photo{color:#4f46e5;background:#6366f11f;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.vf-salon-coach-photo img{object-fit:cover;width:100%;height:100%}.vf-salon-card strong{font-size:.95rem;display:block}.vf-salon-card .vf-muted{margin:2px 0 0;font-size:.8rem}.vf-salon-location{color:#0e7490;background:#06b6d41f;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.vf-salon-desc{color:var(--vf-muted);margin:8px 0 0;font-size:.82rem;line-height:1.45}.vf-home-salon-empty{text-align:center;color:var(--vf-muted);justify-items:center;gap:8px;padding:18px 12px;display:grid}.vf-home-salon-empty p{margin:0;font-size:.88rem}.vf-home-salon-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:12px;padding:0;font-weight:600;display:inline-flex}.vf-form{gap:10px;display:grid}.vf-form select,.vf-form input,.vf-form textarea{border:1px solid #00000014;border-radius:12px;padding:12px;font-size:.9rem}.vf-form-actions{flex-wrap:wrap;gap:8px;display:flex}.vf-search-field{border:1px solid #00000014;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.vf-search-field input{background:0 0;border:none;flex:1;padding:12px 0}.vf-template-pick-list{gap:8px;margin-top:10px;display:grid}.vf-template-pick{text-align:left;background:#fff;border:1px solid #00000014;border-radius:12px;gap:4px;padding:12px;display:grid}.vf-template-pick.active{background:#4f46e50f;border-color:#4f46e5}.vf-template-pick span{color:var(--vf-muted,#64748b);font-size:.82rem}.vf-mobile-day-block,.vf-mobile-week-grid{gap:10px;display:grid}.vf-mobile-day-block h4,.vf-mobile-week-grid h4{margin:0 0 8px}.vf-mobile-exercise-row{border-top:1px solid #0000000f;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.vf-mobile-exercise-row.pickable{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #0000000f;width:100%}.vf-mobile-exercise-row.pickable:active{background:#0ea5e914}.vf-mobile-exercise-row.pickable .vf-entry-chevron{color:var(--vf-muted);margin-left:auto}.vf-mobile-exercise-row strong{display:block}.vf-mobile-exercise-row small{color:var(--vf-muted,#64748b);display:block}.vf-mobile-program-item{border-top:1px solid #0000000f;padding:8px 0}.vf-mobile-program-actions{gap:8px;margin-top:8px;display:flex}.vf-mobile-program-actions button{background:#fff;border:1px solid #00000014;border-radius:8px;padding:6px 10px;font-size:.82rem}.vf-mobile-program-actions button.danger{color:#b91c1c}.vf-assign-note{font-size:.82rem}.vf-location-badge{border-radius:999px;align-items:center;gap:6px;margin:8px auto;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.vf-location-badge.active{color:#047857;background:#10b9811f}.vf-location-badge.pending{color:#0369a1;background:#0ea5e91f}.vf-location-badge.denied{color:#b91c1c;background:#ef44441f}.vf-alert{border-radius:12px;margin-top:10px;padding:12px 14px;font-size:.88rem}.vf-alert.error{background:var(--vf-red-bg);color:#b91c1c}.vf-alert.success{background:var(--vf-green-bg);color:#15803d;gap:2px;display:grid}.vf-btn-primary{background:linear-gradient(135deg, var(--vf-accent-dark), var(--vf-accent));color:#fff;font-family:var(--vf-font);letter-spacing:-.01em;cursor:pointer;width:100%;transition:transform .15s var(--vf-ease), box-shadow .2s var(--vf-ease), opacity .2s;border:0;border-radius:16px;padding:15px 20px;font-size:.95rem;font-weight:800;box-shadow:0 10px 24px #0ea5e952}.vf-btn-primary:active{transform:scale(.98)}.vf-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.vf-btn-outline{color:var(--vf-text);font-family:var(--vf-font);cursor:pointer;width:100%;transition:background .15s var(--vf-ease), transform .15s var(--vf-ease);background:#ffffffb3;border:1px solid #94a3b866;border-radius:16px;margin-top:12px;padding:14px 20px;font-weight:700}.vf-btn-outline:active{background:#fff;transform:scale(.98)}.vf-btn-outline.danger{color:#ef4444;background:#fef2f299;border-color:#ef444473}.vf-turnstile-warning{background:#f59e0b14;border:1px solid #f59e0b59;align-items:flex-start;gap:14px;display:flex}.vf-turnstile-open-btn{margin-top:8px}.vf-field-label{color:var(--vf-muted);margin:10px 0 6px;font-size:.82rem;font-weight:600;display:block}.vf-info-grid.compact{margin-top:12px}.vf-login{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#0000;background-image:radial-gradient(circle at 0 0,#0ea5e938,#0000 30%),radial-gradient(circle at 100% 100%,#0d948847,#0000 34%),linear-gradient(120deg,#080c17eb,#0f172ab8 46%,#080c17db),url(https://images.unsplash.com/photo-1534438327276-14e5300c3a48?q=85&w=1600&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;place-items:center;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:grid;position:relative;overflow:hidden}.vf-login-backdrop{background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 85%);mask-image:radial-gradient(circle,#000 35%,#0000 85%)}.vf-login-glow{background:radial-gradient(circle,#0ea5e959,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-60px}.vf-login-card{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border:1px solid #ffffff14;border-radius:28px;width:min(100%,400px);padding:28px;position:relative}.vf-brand-mark{background:linear-gradient(135deg, var(--vf-accent-dark), var(--vf-accent));border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:16px;font-size:1.3rem;font-weight:900;display:grid}.vf-brand-mark.small{width:48px;height:48px;margin-bottom:0;font-size:1rem}.vf-login-kicker{color:var(--vf-accent);letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:800}.vf-login-card h1{margin:8px 0;font-size:1.5rem}.vf-login-desc{color:#ffffff8c;margin-bottom:20px;font-size:.9rem}.vf-login-card form{gap:12px;display:grid}.vf-login-card input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:14px 16px}.vf-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#080c178c;display:flex;position:fixed;inset:0}.vf-drawer{color:#fff;width:min(300px,86vw);height:100%;animation:vf-slide .22s var(--vf-ease);background:linear-gradient(#121c2e 0%,#0b1220 100%);border-right:1px solid #ffffff0f;grid-template-rows:auto 1fr;gap:16px;padding:18px 14px;display:grid;box-shadow:12px 0 40px #00000040}@keyframes vf-slide{0%{opacity:.6;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.vf-drawer-head{border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:12px;display:grid}.vf-drawer-head p{color:#ffffff80;margin:2px 0 0;font-size:.8rem}.vf-drawer-head button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.vf-drawer-links{align-content:start;gap:4px;display:grid}.vf-drawer-links button{color:#ffffffe0;text-align:left;font-family:var(--vf-font);cursor:pointer;transition:background .15s var(--vf-ease);background:0 0;border:0;border-radius:12px;padding:12px;font-size:.9rem;font-weight:600}.vf-drawer-links button:hover,.vf-drawer-links button:active{background:#0ea5e929}.vf-drawer-links button.danger{color:#f87171;background:#f8717114;margin-top:14px}.vf-modal-overlay{z-index:60;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vf-modal-sheet{text-align:center;background:#fff;border-radius:24px;width:min(100%,320px);padding:24px;position:relative}.vf-modal-close{background:var(--vf-bg);cursor:pointer;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.vf-qr-full{width:220px;margin:16px auto;display:block}.vf-qr-full.large{width:min(78vw,300px)}.vf-qr-modal-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.vf-qr-modal-sheet{background:#fff}.vf-qr-immersive-mode .vf-header,.vf-qr-immersive-mode .vf-back-bar{display:none}.vf-qr-immersive-mode .vf-main{padding:0;overflow:hidden}.vf-qr-immersive-mode .vf-bottom-nav{background:#fff;border-top:1px solid #0f172a14;border-radius:0;box-shadow:0 -8px 24px #0f172a0f}.vf-qr-immersive-mode .vf-bottom-nav button{color:#0f172a66}.vf-qr-immersive-mode .vf-bottom-nav button.active{color:var(--vf-accent-deep);background:#0ea5e924;box-shadow:inset 0 0 0 1px #0ea5e933}.vf-qr-immersive-mode .vf-bottom-nav button.active svg{filter:none}.vf-tab-qr-mine{min-height:100%;padding:0!important}.vf-qr-bright-stage{background:#fff;justify-content:center;align-items:center;min-height:calc(100dvh - 72px);padding:56px 16px 28px;display:flex;position:relative;overflow:hidden}.vf-qr-bright-back{z-index:3;color:#0f172a;cursor:pointer;background:#0f172a12;border:0;border-radius:999px;align-items:center;gap:4px;padding:10px 14px 10px 10px;font-size:.9rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #0f172a14}.vf-qr-bright-back.inline{box-shadow:none;position:static}.vf-qr-bright-back-bottom{z-index:4;color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:700;display:inline-flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a3d}.vf-hero-card-profile{overflow:hidden}.vf-hero-profile{align-items:center;gap:14px;margin-bottom:8px;display:flex}.vf-hero-avatar.large{color:#fff;background:linear-gradient(135deg,#06b6d4,#0ea5e9);border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:1.2rem;font-weight:800;display:grid;overflow:hidden;box-shadow:0 0 0 3px #ffffff59,0 8px 20px #0f172a33}.vf-hero-avatar.large img{object-fit:cover;width:100%;height:100%}.vf-qr-bright-backdrop{filter:brightness(1.08);pointer-events:none;background:radial-gradient(circle at 50% 38%,#fff 0%,#f8fafc 55%,#f1f5f9 100%);position:absolute;inset:0}.vf-qr-bright-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(100%,420px);display:flex;position:relative}.vf-qr-bright-kicker{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0;font-size:.82rem;font-weight:700}.vf-qr-bright-frame{aspect-ratio:1;background:#fff;border-radius:28px;place-items:center;width:min(92vw,92vmin);padding:14px;animation:2.4s ease-in-out infinite vf-qr-glow-pulse;display:grid;box-shadow:0 0 0 1px #0f172a0f,0 24px 60px #0f172a1f,0 0 80px #ffffffe6}.vf-qr-bright-image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.vf-qr-bright-loading{color:#64748b;place-items:center;gap:10px;font-size:.9rem;display:grid}.vf-qr-bright-hint{color:#334155;margin:0;font-size:.95rem;font-weight:600}.vf-qr-countdown.bright{color:#0f172a;width:auto;height:auto;box-shadow:none;background:#0f172a0d;border:0;border-radius:999px;flex-direction:row;gap:8px;margin-top:4px;padding:10px 16px;position:static}.vf-qr-countdown.bright span{color:#0f172a;font-size:1.35rem;font-weight:800}@keyframes vf-qr-glow-pulse{0%,to{box-shadow:0 0 0 1px #0f172a0f,0 24px 60px #0f172a1f,0 0 60px #10b98114}50%{box-shadow:0 0 0 1px #10b9812e,0 28px 70px #0f172a24,0 0 100px #10b98138}}.vf-admin-turnstile-banner{width:100%;color:var(--vf-text);text-align:left;background:linear-gradient(135deg,#f59e0b29,#ea580c14);border:1px solid #f59e0b73;border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;display:flex}.vf-admin-turnstile-banner strong{font-size:1rem;display:block}.vf-admin-turnstile-banner small{color:var(--vf-muted);margin-top:4px;font-size:.78rem;display:block}.vf-admin-turnstile-banner .vf-quick-icon{flex-shrink:0}@media (width>=481px){.vf-bottom-nav{border-radius:0}}.vf-staff-last-entry{align-items:center;gap:12px;display:flex}.vf-sport-efficiency{gap:16px}.vf-sport-date-nav{grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;display:grid}.vf-sport-date-btn{background:var(--vf-card);width:40px;height:40px;color:var(--vf-text);cursor:pointer;border:0;border-radius:12px;place-items:center;display:grid;box-shadow:0 2px 10px #12131a0f}.vf-sport-date-btn:disabled{opacity:.35;cursor:not-allowed}.vf-sport-date-label{background:var(--vf-card);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:.82rem;font-weight:600;display:flex;box-shadow:0 2px 10px #12131a0f}.vf-sport-efficiency-card{text-align:center;padding:24px 18px}.vf-sport-efficiency-kicker{letter-spacing:.08em;color:var(--vf-muted);margin:0;font-size:.72rem;font-weight:700}.vf-sport-efficiency-total{margin:8px 0 20px;font-size:2rem;line-height:1.1}.vf-sport-ring-wrap{width:220px;height:220px;margin:0 auto 18px;position:relative}.vf-sport-ring{width:100%;height:100%;transform:rotate(-90deg)}.vf-sport-ring-bg,.vf-sport-ring-progress{fill:none;stroke-width:10px}.vf-sport-ring-bg{stroke:#94a3b840}.vf-sport-ring-progress{stroke:#22c55e;stroke-linecap:round;transition:stroke-dashoffset .35s}.vf-sport-ring-center{place-content:center;gap:2px;display:grid;position:absolute;inset:0}.vf-sport-ring-center small{color:var(--vf-muted);letter-spacing:.06em;font-size:.72rem;font-weight:700}.vf-sport-ring-center strong{font-size:1.35rem}.vf-sport-ring-center span{color:#16a34a;font-size:1rem;font-weight:700}.vf-sport-status{margin:0 0 16px;font-size:.92rem;font-weight:600}.vf-sport-status.near,.vf-sport-status.done{color:#16a34a}.vf-sport-status.progress{color:var(--vf-muted)}.vf-sport-sessions{text-align:left;border-top:1px solid #94a3b833;padding-top:14px}.vf-sport-sessions h4{margin:0 0 10px;font-size:.9rem}.vf-sport-session-row{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.vf-sport-session-row:last-child{border-bottom:0}.vf-sport-session-row strong{font-size:.88rem;display:block}.vf-sport-session-row small{color:var(--vf-muted);margin-top:2px;font-size:.78rem;display:block}.vf-sport-session-row>span{color:#16a34a;flex-shrink:0;font-weight:700}.vf-sport-empty{text-align:left;margin:0}.vf-coaches-page{padding-bottom:8px}.vf-coach-grid{gap:14px;display:grid}.vf-coach-card{background:var(--vf-card);border-radius:18px;grid-template-columns:88px 1fr;align-items:start;gap:14px;padding:14px;display:grid;box-shadow:0 2px 12px #12131a0f}.vf-coach-photo{background:linear-gradient(135deg,#6366f126,#06b6d41f);border-radius:20px;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.vf-coach-photo img{object-fit:cover;width:100%;height:100%}.vf-coach-photo-fallback{color:#6366f1}.vf-coach-info strong{margin-bottom:4px;font-size:1rem;display:block}.vf-coach-specialty{color:#4f46e5;background:#6366f11a;border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.vf-coach-bio{color:var(--vf-muted);margin:0;font-size:.82rem;line-height:1.45}@media (width>=480px){.vf-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vf-coach-card{text-align:center;grid-template-columns:1fr}.vf-coach-photo{width:100%;max-width:160px;height:140px;margin:0 auto}.vf-coach-info{flex-direction:column;align-items:center;display:flex}}.vf-qr-success-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0f172ac7;justify-content:center;align-items:center;padding:24px;animation:.12s vf-fade-in;display:flex;position:fixed;inset:0}.vf-qr-success-flash{pointer-events:none;animation:.45s ease-out vf-success-screen-flash;position:absolute;inset:0}.vf-qr-success-flash.entry{background:radial-gradient(circle,#10b98173,#0000 68%)}.vf-qr-success-flash.exit{background:radial-gradient(circle,#2563eb59,#0000 68%)}.vf-qr-success-rings{pointer-events:none;width:120px;height:120px;position:absolute;top:42px;left:50%;transform:translate(-50%)}.vf-qr-success-rings span{border:2px solid #10b98173;border-radius:50%;animation:1s ease-out infinite vf-success-ring;position:absolute;inset:0}.vf-qr-success-rings span:nth-child(2){animation-delay:.35s}.vf-qr-success-rings span:nth-child(3){animation-delay:.7s}.vf-qr-success-card{color:#0f172a;text-align:center;background:#fff;border-radius:20px;width:min(100%,360px);padding:24px 20px 20px;animation:.28s cubic-bezier(.2,.9,.3,1.15) vf-pop-in;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a59,0 0 0 1px #fff3}.vf-qr-success-burst{pointer-events:none;background:radial-gradient(circle,#10b98147,#0000 68%);border-radius:50%;width:280px;height:280px;animation:.7s ease-out vf-success-burst;position:absolute;inset:-40% auto auto 50%;transform:translate(-50%)}.vf-qr-success-icon{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 12px;display:flex;position:relative}.vf-qr-success-icon.entry{color:#059669;background:#10b98129;animation:1.2s infinite vf-pulse-success;box-shadow:0 0 0 12px #10b9811f}.vf-qr-success-icon.exit{color:#2563eb;background:#2563eb29;box-shadow:0 0 0 12px #2563eb1f}.vf-qr-success-card h3{z-index:1;color:#0f172a;margin:0 0 8px;font-size:1.35rem;font-weight:800;position:relative}.vf-qr-success-card p{z-index:1;color:#1e293b;margin:0 0 6px;font-weight:700;position:relative}.vf-qr-success-card span{z-index:1;color:#64748b;margin-bottom:18px;font-size:.9rem;display:block;position:relative}.vf-qr-success-btn{z-index:1;width:100%;margin-top:4px;position:relative}.vf-membership-chip{color:#047857;background:#10b98124;border-radius:999px;margin-top:12px;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.vf-membership-chip.warn{color:#b45309;background:#f59e0b29}.vf-membership-status{text-align:left;box-sizing:border-box;background:#fff;border:1px solid #94a3b847;border-radius:16px;align-items:flex-start;gap:12px;width:100%;margin-top:14px;padding:12px 14px;display:flex;box-shadow:0 1px 2px #0f172a0a}.vf-membership-status-icon{color:#475569;background:#f1f5f9;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.vf-membership-status-body{flex-direction:column;gap:2px;min-width:0;display:flex}.vf-membership-status-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.72rem;font-weight:700}.vf-membership-status-date{color:#0f172a;font-size:1rem;font-weight:800;line-height:1.25}.vf-membership-status-remain{color:#475569;margin-top:2px;font-size:.82rem;font-weight:600}.vf-membership-status.soon{background:#fff;border-color:#f59e0b59}.vf-membership-status.soon .vf-membership-status-icon{color:#c2410c;background:#fff7ed}.vf-membership-status.soon .vf-membership-status-label{color:#b45309}.vf-membership-status.soon .vf-membership-status-date{color:#0f172a}.vf-membership-status.soon .vf-membership-status-remain{color:#c2410c}.vf-membership-status.warn{background:#fff;border-color:#ef444459}.vf-membership-status.warn .vf-membership-status-icon{color:#b91c1c;background:#fef2f2}.vf-membership-status.warn .vf-membership-status-label{color:#b91c1c}.vf-membership-status.warn .vf-membership-status-date{color:#0f172a}.vf-membership-status.warn .vf-membership-status-remain{color:#b91c1c}.vf-membership-status.expired{background:#fff;border-color:#94a3b866}.vf-membership-status.expired .vf-membership-status-icon{color:#64748b;background:#f8fafc}.vf-membership-status.expired .vf-membership-status-label{color:#64748b}.vf-membership-status.expired .vf-membership-status-date{color:#0f172a}.vf-membership-status.expired .vf-membership-status-remain{color:#64748b}.vf-bell-btn{position:relative}.vf-staff-alerts-overlay{z-index:120;padding:12px 12px calc(12px + env(safe-area-inset-bottom));place-items:end center}.vf-staff-header-sheet{text-align:left;border-radius:22px 22px 18px 18px;width:min(100%,420px);max-height:min(88vh,720px);padding:20px 16px 16px;overflow:auto;box-shadow:0 18px 48px #0f172a47}.vf-staff-occupancy-hint{color:#ffffffd1;margin-top:6px;font-size:.82rem;display:block}.vf-staff-header-sheet-kicker{align-items:center;gap:8px;margin-bottom:6px;font-weight:900;display:flex}.vf-staff-header-sheet-subtitle{margin-bottom:14px}.vf-staff-header-sheet-occupancy{margin-bottom:6px}.vf-staff-header-sheet-alerts{gap:12px;display:grid}.vf-staff-header-sheet-section-title{color:#0f172ad1;font-size:.92rem;font-weight:900}.vf-notif-count{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;display:inline-flex;position:absolute;top:4px;right:4px}.vf-notification-card.type-membership{border-left:3px solid #f59e0b}.vf-notification-card.type-campaign{border-left:3px solid #8b5cf6}.vf-notification-card.type-reservation{border-left:3px solid #10b981}.vf-notification-card-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.vf-reservation-status{color:#2563eb;background:#2563eb1f;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-block}.vf-body-analysis-card h3{margin:0 0 12px}.vf-body-analysis-card .body-silhouette-wrap{margin-bottom:8px}.vf-body-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vf-body-metrics div{background:#94a3b81f;border-radius:12px;padding:10px}.vf-body-metrics span{color:var(--vf-muted);font-size:.78rem;display:block}.vf-progress-row{grid-template-columns:84px 1fr 48px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.vf-progress-bar{background:#94a3b833;border-radius:999px;height:8px;overflow:hidden}.vf-progress-bar i{border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#10b981);height:100%;display:block}.vf-segment.compact{margin-bottom:10px}@keyframes vf-pop-in{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes vf-success-burst{0%{opacity:.9;transform:translate(-50%)scale(.4)}to{opacity:0;transform:translate(-50%)scale(1.2)}}@keyframes vf-pulse-success{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes vf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vf-success-screen-flash{0%{opacity:0;transform:scale(.85)}20%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes vf-success-ring{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(2.2)}}.vf-admin-dashboard{gap:14px}.vf-dash-hero{background:linear-gradient(135deg, var(--vf-dark) 0%, var(--vf-dark-2) 100%);color:#fff;border:0}.vf-dash-hero-top{color:#ffffffbf;align-items:center;gap:8px;margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-flex}.vf-dash-hero p{color:#ffffff9e;margin:0;font-size:.84rem;line-height:1.45}.vf-dash-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vf-dash-kpi{background:var(--vf-card);box-shadow:var(--vf-shadow);border-radius:14px;gap:4px;min-height:96px;padding:12px;display:grid}.vf-dash-kpi-icon{background:var(--vf-accent-soft);width:32px;height:32px;color:var(--vf-accent);border-radius:10px;place-items:center;display:grid}.vf-dash-kpi strong{font-size:1.35rem;line-height:1.1}.vf-dash-kpi strong.compact{font-size:1rem}.vf-dash-kpi strong small{color:var(--vf-muted);margin-left:4px;font-size:.72rem;font-weight:600}.vf-dash-kpi em{color:var(--vf-muted);font-size:.72rem;font-style:normal}.vf-dash-kpi.green{background:linear-gradient(145deg,#10b9811f,#fff 55%)}.vf-dash-kpi.green .vf-dash-kpi-icon{color:#059669;background:#10b98129}.vf-dash-kpi.blue{background:linear-gradient(145deg,#3b82f61f,#fff 55%)}.vf-dash-kpi.blue .vf-dash-kpi-icon{color:#2563eb;background:#3b82f629}.vf-dash-kpi.indigo .vf-dash-kpi-icon{color:#4f46e5;background:#6366f129}.vf-dash-kpi.amber{background:linear-gradient(145deg,#f59e0b24,#fff 55%)}.vf-dash-kpi.amber .vf-dash-kpi-icon{color:#d97706;background:#f59e0b2e}.vf-dash-kpi.red{background:linear-gradient(145deg,#ef44441f,#fff 55%)}.vf-dash-kpi.red .vf-dash-kpi-icon{color:#dc2626;background:#ef444429}.vf-empty-card{text-align:center;color:var(--vf-muted);font-size:.88rem}.vf-header.home-greeting{grid-template-columns:42px 1fr auto;align-items:flex-start;padding-bottom:18px}.vf-header-greeting{text-align:left;min-width:0;padding-top:2px}.vf-header-greeting h1{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:800;overflow:hidden}.vf-header-greeting p{color:#ffffff8c;text-transform:capitalize;margin:4px 0 0;font-size:.72rem}.vf-header-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;font-size:.72rem;font-weight:800;display:grid;overflow:hidden}.vf-header-avatar img{object-fit:cover;width:100%;height:100%}.vf-home-v2{gap:14px;margin-top:-6px}.vf-missyou-wrap{margin-top:-4px}.vf-missyou-card{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#9333ea 100%);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 12px 28px #7c3aed47}.vf-missyou-icon{background:#ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.vf-missyou-copy strong{font-size:.92rem;display:block}.vf-missyou-copy p{opacity:.92;margin:4px 0 0;font-size:.75rem;line-height:1.35}.vf-activity-card{box-shadow:var(--vf-shadow);background:#fff;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;display:grid;position:relative;overflow:hidden}.vf-activity-ring{--pct:35%;background:radial-gradient(circle at center, #fff 58%, transparent 59%), conic-gradient(#f97316 var(--pct), #fed7aa 0);border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid}.vf-activity-ring strong{color:#ea580c;font-size:1.35rem;line-height:1}.vf-activity-ring span{letter-spacing:.04em;color:#9a3412;font-size:.58rem;font-weight:800}.vf-activity-kicker{color:#ea580c;align-items:center;gap:6px;margin:0 0 4px;font-size:.78rem;font-weight:700;display:inline-flex}.vf-activity-copy h3{margin:0 0 4px;font-size:1.02rem;font-weight:800}.vf-activity-copy small{color:var(--vf-muted);margin-bottom:10px;display:block}.vf-activity-cta{color:#fff;background:linear-gradient(90deg,#f97316,#fbbf24);border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #f9731647}.vf-membership-hero{color:#fff;background:linear-gradient(120deg,#0d9488 0%,#0891b2 48%,#2563eb 100%);border-radius:22px;padding:16px;box-shadow:0 14px 32px #0891b247}.vf-membership-hero-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.vf-membership-brand{align-items:center;gap:12px;min-width:0;display:flex}.vf-membership-logo{background:#fff3;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.vf-membership-brand p{letter-spacing:.08em;opacity:.85;margin:0;font-size:.68rem}.vf-membership-brand strong{margin-top:2px;font-size:1rem;display:block}.vf-membership-brand small{opacity:.85;margin-top:2px;font-size:.72rem;display:block}.vf-active-pill{white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.68rem;font-weight:800;display:inline-flex}.vf-active-pill.warn{background:#ef444440}.vf-membership-hero-panel{color:var(--vf-text);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.vf-membership-hero-date{align-items:center;gap:10px;min-width:0;display:flex}.vf-membership-cal{color:#7c3aed;background:#8b5cf624;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.vf-membership-hero-date small,.vf-membership-package small{letter-spacing:.06em;color:var(--vf-muted);font-size:.62rem;font-weight:800;display:block}.vf-membership-hero-date strong{margin-top:2px;font-size:.9rem;display:block}.vf-membership-hero-date em{color:var(--vf-muted);margin-top:2px;font-size:.72rem;font-style:normal;display:block}.vf-membership-package{text-align:right;flex-shrink:0}.vf-membership-package strong{color:#16a34a;margin-top:2px;font-size:.95rem;display:block}.vf-home-quick h3,.vf-upcoming-lessons .vf-section-head h3{letter-spacing:.06em;color:#334155;margin:0 0 12px;font-size:.82rem;font-weight:800}.vf-home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vf-home-quick-tile{box-shadow:var(--vf-shadow-soft);text-align:left;cursor:pointer;background:#fff;border:0;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 12px;display:flex}.vf-home-quick-icon{border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.vf-home-quick-tile strong{color:var(--vf-text);font-size:.88rem}.vf-home-quick-tile small{color:var(--vf-muted);font-size:.72rem}.vf-home-quick-tile.tone-teal .vf-home-quick-icon{color:#0f766e;background:#0d948824}.vf-home-quick-tile.tone-blue .vf-home-quick-icon{color:#2563eb;background:#2563eb24}.vf-home-quick-tile.tone-amber .vf-home-quick-icon{color:#d97706;background:#f59e0b29}.vf-home-quick-tile.tone-rose .vf-home-quick-icon{color:#e11d48;background:#f43f5e24}.vf-home-quick-tile.tone-purple .vf-home-quick-icon{color:#7c3aed;background:#7c3aed24}.vf-home-quick-tile.tone-orange .vf-home-quick-icon{color:#ea580c;background:#f9731624}.vf-home-quick-tile.tone-pink .vf-home-quick-icon{color:#db2777;background:#ec489924}.vf-home-quick-tile.tone-mint .vf-home-quick-icon{color:#0d9488;background:#14b8a624}.vf-link-purple{color:#7c3aed;cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:700}.vf-upcoming-list{gap:8px;display:grid}.vf-upcoming-row{width:100%;box-shadow:var(--vf-shadow-soft);text-align:left;cursor:pointer;background:#fff;border:0;border-radius:16px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.vf-upcoming-thumb{color:#4f46e5;background:#eef2ff;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.vf-upcoming-thumb img{object-fit:cover;width:100%;height:100%}.vf-upcoming-copy strong{font-size:.9rem;display:block}.vf-upcoming-copy span{color:var(--vf-muted);margin-top:2px;font-size:.72rem;display:block}.vf-upcoming-cap{border-radius:999px;padding:4px 8px;font-size:.72rem;font-style:normal;font-weight:800}.vf-upcoming-cap.cool{color:#059669;background:#10b98124}.vf-upcoming-cap.warm{color:#ea580c;background:#f9731624}.vf-upcoming-chevron{color:#94a3b8}.vf-day-tabs-green button.active{box-shadow:0 8px 18px #22c55e47;color:#fff!important;background:#22c55e!important}.vf-ex-list{gap:10px;display:grid}.vf-ex-card{box-shadow:var(--vf-shadow-soft);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px;display:grid}.vf-ex-thumb{color:#0f172a;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}button.vf-ex-thumb.is-zoomable{cursor:zoom-in;appearance:none;border:0;padding:0}button.vf-ex-thumb.is-zoomable:active{transform:scale(.96)}.vf-ex-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.vf-ex-thumb.is-fallback{background:linear-gradient(145deg,#eef2ff,#e2e8f0)}.vf-ex-thumb-sm{border-radius:12px;width:44px;height:44px}.vf-ex-lightbox{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c17e0;place-items:center;padding:24px 16px;animation:.18s ease-out vf-ex-lightbox-in;display:grid;position:fixed;inset:0}@keyframes vf-ex-lightbox-in{0%{opacity:0}to{opacity:1}}.vf-ex-lightbox-close{top:max(14px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:14px}.vf-ex-lightbox-figure{justify-items:center;gap:12px;width:min(100%,420px);margin:0;animation:.22s cubic-bezier(.22,1,.36,1) vf-ex-lightbox-pop;display:grid}@keyframes vf-ex-lightbox-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.vf-ex-lightbox-figure img{object-fit:contain;background:#0f172a;border-radius:22px;width:100%;max-height:min(72vh,520px);box-shadow:0 24px 60px #00000073}.vf-ex-lightbox-figure figcaption{color:#fff;text-align:center;text-wrap:balance;font-size:1rem;font-weight:700}.vf-ex-title-row{align-items:center;gap:6px;display:flex}.vf-ex-icon-chip{color:#16a34a;background:#22c55e24;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.vf-ex-body strong{font-size:.92rem}.vf-ex-muscle{color:var(--vf-muted);margin-top:3px;font-size:.74rem;display:block}.vf-ex-stats{text-align:center;align-items:center;gap:6px;display:flex}.vf-ex-stats strong{font-size:1rem;line-height:1;display:block}.vf-ex-stats small{color:var(--vf-muted);margin-top:2px;font-size:.62rem;display:block}.vf-ex-stats>span{color:#cbd5e1;font-weight:700}.vf-ex-chevron{color:#94a3b8;background:#f1f5f9;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.vf-ex-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;margin-right:8px}.vf-motivate-card{box-shadow:var(--vf-shadow-soft);background:#fff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:8px;padding:14px 16px;display:grid}.vf-motivate-icon{color:#16a34a;background:#22c55e1f;border:1.5px solid #22c55e59;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.vf-motivate-card strong{font-size:.92rem;display:block}.vf-motivate-card p{color:var(--vf-muted);margin:3px 0 0;font-size:.75rem}.vf-motivate-chevron{color:#94a3b8}.vf-bottom-nav.accent-purple button.active,.vf-bottom-nav.accent-purple button.active svg{color:#7c3aed}.vf-bottom-nav.accent-green button.active,.vf-bottom-nav.accent-green button.active svg{color:#16a34a}.vf-bottom-nav.member-nav button span{white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:.62rem;overflow:hidden}.vf-bottom-nav button.nav-logout,.vf-bottom-nav button.nav-logout svg{color:#dc2626}.vf-app input,.vf-app textarea,.vf-app select,.vf-login input,.vf-login textarea,.vf-login select{font-size:16px}.filter-btn{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff1a;padding:8px 16px;font-size:.85rem;font-weight:500}.filter-btn:hover{background:#ffffff0d}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-glow)}.finance-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:24px;display:grid}.finance-card{align-items:flex-start;gap:20px;display:flex;padding:24px!important}.card-icon{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.card-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.8rem;font-weight:600}.card-title{color:var(--text-primary);margin-bottom:8px;font-size:1.05rem;font-weight:600}.card-amount{letter-spacing:-1px;margin-bottom:8px;font-size:2rem;font-weight:700}.card-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.finance-charts-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.finance-chart-frame{width:100%;min-width:0;height:300px;min-height:300px}.chart-container{min-width:0}@media (width<=1200px){.finance-charts-grid{grid-template-columns:1fr}}.receivable-month-picker{align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.receivable-month-picker input{color:inherit;font:inherit;background:0 0;border:0}.receivable-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.receivable-summary-card{gap:6px;padding:20px;display:grid}.receivable-summary-card strong{font-size:1.4rem}.receivable-summary-card span{color:var(--text-muted);font-size:.9rem}.receivable-message{color:#047857;background:#10b9811f;border-radius:12px;margin-bottom:16px;padding:12px 14px}@media (width<=900px){.receivable-summary-grid{grid-template-columns:1fr}}:root{--bg-base:#f3f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--primary-color:#3b82f6;--primary-glow:#3b82f640;--secondary-color:#6366f1;--secondary-glow:#6366f140;--accent-color:#f43f5e;--success-color:#10b981;--warning-color:#f59e0b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-border:1px solid #94a3b833;--glass-shadow:0 10px 30px #0f172a0f;--glass-blur:blur(12px);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:15px}html.vf-mobile-root{touch-action:manipulation;width:100%;max-width:100%;font-size:16px;overflow-x:hidden}html.vf-mobile-root,html.vf-mobile-root body,html.vf-mobile-root #root{overscroll-behavior-x:none;width:100%;max-width:100%;overflow-x:hidden}body{background-color:var(--bg-base);color:var(--text-primary);background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.page-container{width:100%;padding:22px}.page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.4px;font-size:1.45rem;font-weight:600}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:18px}.glass-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-normal);background:#ffffff08;padding:16px}.glass-card:hover{background:var(--card-hover-bg,#ffffffe6);border-color:#3b82f638;transform:translateY(-2px);box-shadow:0 12px 28px #0f172a14}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-radius:var(--radius-full);transition:all var(--transition-normal);box-shadow:0 4px 15px var(--primary-glow);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 25px var(--primary-glow);transform:translateY(-2px)scale(1.02)}.btn-outline{color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-normal);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.btn-outline:hover{background:#ffffff1a;border-color:#fff6}.input-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.input-glass{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-normal);background:#0003;border:1px solid #ffffff1a;padding:14px 16px;font-size:1rem}.input-glass:focus{border-color:var(--primary-color);background:#0006;outline:none;box-shadow:0 0 0 2px #6366f133}.text-gradient{background:linear-gradient(135deg, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:.8rem;font-weight:600}.status-active{color:var(--success-color);background:#10b98126;border:1px solid #10b9814d}.status-inactive{color:var(--accent-color);background:#f43f5e26;border:1px solid #f43f5e4d}.status-warning{color:var(--warning-color);background:#f59e0b26;border:1px solid #f59e0b4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.16s ease-out forwards fadeIn}@media (prefers-reduced-motion:reduce){.animate-fade-in{opacity:1;animation:none}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.glass-table{border-collapse:collapse;width:100%}.glass-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #94a3b838;padding:16px;font-size:.85rem;font-weight:500}.glass-table td{border-bottom:1px solid #94a3b824;padding:16px}.glass-table tr:hover td{background:#3b82f60a}.table-scroll{overflow-x:auto}.table-panel-scroll{min-height:280px;max-height:calc(100dvh - 300px);overflow:auto}.table-panel-scroll .glass-table thead th{z-index:2;background:var(--bg-surface,#fff);-webkit-backdrop-filter:none;position:sticky;top:0;box-shadow:0 1px #94a3b833}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-compact{padding:8px 12px;font-size:.82rem}.danger-outline{color:var(--accent-color);border-color:#f43f5e59}.danger-outline:hover{background:#f43f5e1a}@media (width<=768px){.page-container{padding:20px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.glass-table th,.glass-table td{white-space:nowrap;padding:12px 10px}}

/* vitalfit-layout-fix-20260725 */
.layout-content > .topbar{
  position:sticky;
  top:0;
  z-index:40;
  flex-shrink:0;
  background:color-mix(in srgb, var(--app-background,#f3f5f9) 92%, #fff);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #94a3b824;
}
.page-wrapper{
  min-height:0;
  overflow:auto;
}
.users-modal-overlay{
  align-items:center !important;
  justify-content:center !important;
  padding:max(12px, env(safe-area-inset-top)) 12px 12px !important;
  overflow:auto;
}
.users-modal-overlay .modal-content{
  margin:auto !important;
  max-height:min(86dvh, 820px) !important;
}
.users-modal-overlay .modal-header{
  position:sticky;
  top:0;
  z-index:3;
}
.users-menu-grid,
.users-menu-grid-single{
  max-height:min(42dvh, 360px) !important;
}
.device-personnel-page{
  padding-top:2px;
}
.device-personnel-page .device-personnel-hero{
  margin-top:0;
}
.sidebar-nav{
  scroll-padding-top:8px;
}