@charset "UTF-8";:root{--font-ui:"Plus Jakarta Sans","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Plus Jakarta Sans","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#09090b;--surface:#121215;--surface-2:#18181b;--surface-3:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.15);--input-border:#27272a;--accent:#dc2626;--accent-2:#ef4444;--accent-soft:rgba(220,38,38,.15);--primary-action:#dc2626;--primary-contrast:#ffffff;--grid-dot:transparent;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--ok-bg:rgba(16,185,129,.14);--warn-bg:rgba(245,158,11,.15);--bad-bg:rgba(239,68,68,.15);--shadow:0 20px 40px -15px rgba(0,0,0,.6);--shadow-soft:0 2px 10px rgba(0,0,0,.4);--radius:16px;--radius-sm:10px;--sidebar:252px;--mobile-nav:68px;color-scheme:dark}[data-theme="dark"],.dark{--bg:#09090b;--surface:#121215;--surface-2:#18181b;--surface-3:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.15);--input-border:#27272a;--accent:#dc2626;--accent-2:#ef4444;--accent-soft:rgba(220,38,38,.15);--primary-action:#dc2626;--primary-contrast:#ffffff;--grid-dot:transparent;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--ok-bg:rgba(16,185,129,.14);--warn-bg:rgba(245,158,11,.15);--bad-bg:rgba(239,68,68,.15);--shadow:0 20px 40px -15px rgba(0,0,0,.6);--shadow-soft:0 2px 10px rgba(0,0,0,.4);color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%;overflow-x:clip}body{min-height:100vh;min-height:100dvh;margin:0;overflow-x:clip;background-color:var(--bg);background-image:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 32%),radial-gradient(circle at 8% 100%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 28%);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.modal-open{overflow:hidden}button,input,select,textarea,a{font:inherit;letter-spacing:0}button,a,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:active,a:active{transform:translateY(1px)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:400;border:1px solid var(--line-strong);border-radius:8px;padding:9px 12px;background:var(--text);color:var(--surface);font-size:12px;font-weight:600;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 62%,transparent);outline-offset:2px}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.58}.page{display:none}.page.active{display:grid;gap:16px}html[data-page="dashboard"] #page-dashboard,html[data-page="classes"] #page-classes,html[data-page="students"] #page-students,html[data-page="payments"] #page-payments,html[data-page="actions"] #page-actions,html[data-page="bookings"] #page-bookings,html[data-page="plans"] #page-plans,html[data-page="waitlist"] #page-waitlist,html[data-page="tournaments"] #page-tournaments,html[data-page="uniforms"] #page-uniforms,html[data-page="reports"] #page-reports,html[data-page="settings"] #page-settings,html[data-page="more"] #page-more{display:grid !important;gap:16px !important}html[data-page]:not([data-page="dashboard"]) #page-dashboard{display:none !important}html[data-page="dashboard"] .nav-item[data-page="dashboard"],html[data-page="classes"] .nav-item[data-page="classes"],html[data-page="students"] .nav-item[data-page="students"],html[data-page="payments"] .nav-item[data-page="payments"],html[data-page="actions"] .nav-item[data-page="actions"],html[data-page="bookings"] .nav-item[data-page="bookings"],html[data-page="plans"] .nav-item[data-page="plans"],html[data-page="waitlist"] .nav-item[data-page="waitlist"],html[data-page="reports"] .nav-item[data-page="reports"],html[data-page="settings"] .nav-item[data-page="settings"]{background:rgba(220,38,38,0.12) !important;color:#fff !important;border-color:rgba(220,38,38,0.3) !important}html:not([data-page-ready]) .page{visibility:hidden}.mobile-only,.mobile-only-page,.mobile-only-nav{display:none !important}.app{min-height:100vh;padding:0 0 60px 260px;background:var(--bg)}.page{width:100%;max-width:1440px;margin-inline:auto;padding:24px 32px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:260px;padding:16px 12px;border:0;border-right:1px solid var(--line);border-radius:0;background:#09090b;box-shadow:none;overflow-y:auto;gap:10px}.brand,.mobile-top-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand{padding:4px 4px 18px;border-bottom:1px solid var(--line)}.brand-mark-tl,.brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#ffffff;font-weight:800;font-size:13px;letter-spacing:-0.02em;box-shadow:0 4px 14px rgba(220,38,38,0.28);user-select:none}.brand-logo-wrap{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#ffffff;padding:2px;box-shadow:0 3px 10px rgba(0,0,0,0.45);overflow:hidden;user-select:none}.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block}.sidebar-kestrel-badge{display:none !important}.login-logo.brand-logo-wrap,.login-logo.brand-mark-tl,.login-logo.brand-mark{width:72px;height:72px;border-radius:22px;font-size:20px;box-shadow:0 8px 24px rgba(0,0,0,0.45);margin-inline:auto;margin-bottom:14px;background:#ffffff;padding:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand strong,.mobile-top-brand strong{display:block;overflow:hidden;color:var(--text);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.brand small,.mobile-top-brand small{display:block;color:var(--muted);font-size:11px}.sidebar-search-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;border-radius:8px;background:#121215;border:1px solid rgba(255,255,255,0.08);color:#71717a;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s ease;margin-top:4px}.sidebar-search-trigger:hover{background:#18181b;border-color:rgba(255,255,255,0.16);color:#f4f4f5}.sidebar-search-trigger kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;padding:1px 5px;border-radius:4px;background:#27272a;border:1px solid rgba(255,255,255,0.12);color:#a1a1aa}.nav{display:flex;flex-direction:column;gap:12px;padding-top:10px;flex:1}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label,.section-label,.eyebrow,.panel-head span{color:#71717a;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav-label{padding:6px 10px 4px;margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;height:38px;border:1px solid transparent;border-radius:8px;padding:0 10px;background:transparent;color:#a1a1aa;font-size:13px;font-weight:500;text-align:left;transition:none}.nav-item:hover{background:rgba(255,255,255,0.04);color:#f4f4f5}.nav-item:active{transform:none !important}.nav-item.active{background:rgba(220,38,38,0.12) !important;color:#f87171 !important;font-weight:600 !important;border-color:rgba(220,38,38,0.25) !important;transform:none !important}.nav-item.active .nav-icon{color:#ef4444 !important;stroke:#ef4444 !important}.nav-badge{margin-left:auto;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,0.08);color:#a1a1aa;transition:none}.nav-item.active .nav-badge{background:rgba(220,38,38,0.25) !important;color:#fca5a5 !important;border:1px solid rgba(220,38,38,0.35) !important}.user-footer{display:flex;align-items:center;gap:10px;padding:10px;margin-top:auto;border-top:1px solid rgba(255,255,255,0.08);border-radius:10px;background:#0d0d10}.user-avatar{width:32px;height:32px;border-radius:8px;background:#ffffff;border:1px solid rgba(255,255,255,0.25);color:#ef4444;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;padding:2px;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:contain;display:block}.user-meta{display:flex;flex-direction:column;min-width:0;flex:1}.user-meta strong{color:#f4f4f5;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{color:#71717a;font-size:10px;display:flex;align-items:center;gap:4px}.online-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,0.6);display:inline-block}.ghost-btn-icon{background:transparent;border:none;color:#71717a;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease}.ghost-btn-icon:hover{background:#27272a;color:#ffffff}.nav-icon-wrap{display:inline-flex;align-items:center;justify-content:center}.nav-icon{display:block;width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.theme-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}@media (hover:hover){.row-card:hover,.student-card:hover,.student-row:hover,.kpi:hover,.mini-stat:hover,.more-card:hover,.booking-class-card:hover{border-color:var(--line-strong)}}.ghost-btn,.soft-btn,.primary-btn,.mini-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:12px;padding:0 15px;font-size:13px;font-weight:600;white-space:nowrap;transition:all 0.15s ease;cursor:pointer;user-select:none}.ghost-btn:active,.soft-btn:active,.primary-btn:active,.mini-btn:active{transform:scale(0.96)}.primary-btn{border:1px solid var(--primary-action);background:var(--primary-action);color:var(--primary-contrast);box-shadow:0 6px 16px rgba(220,38,38,0.22)}.primary-btn:hover{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 8px 20px rgba(220,38,38,0.32)}.soft-btn,.ghost-btn,.mini-btn{border:1px solid var(--line);background:var(--surface);color:var(--text)}.soft-btn:hover,.ghost-btn:hover,.mini-btn:hover{background:var(--surface-2);border-color:var(--line-strong)}.ghost-btn{margin-top:auto;width:100%}.mini-btn{min-height:34px;border-radius:9px;padding-inline:10px;font-size:12px;gap:6px}.btn-primary{border:1px solid var(--primary-action) !important;background:var(--primary-action) !important;color:var(--primary-contrast) !important;box-shadow:0 6px 16px rgba(220,38,38,0.22) !important;border-radius:12px !important;font-weight:600 !important;transition:all 0.15s ease !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;user-select:none !important}.btn-primary:hover{background:var(--accent-2) !important;border-color:var(--accent-2) !important;box-shadow:0 8px 20px rgba(220,38,38,0.32) !important}.btn-primary:active{transform:scale(0.96) !important}.btn-secondary{border:1px solid var(--line) !important;background:var(--surface) !important;color:var(--text) !important;border-radius:12px !important;font-weight:600 !important;transition:all 0.15s ease !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;user-select:none !important}.btn-secondary:hover{background:var(--surface-2) !important;border-color:var(--line-strong) !important}.btn-secondary:active{transform:scale(0.96) !important}.mini-btn.primary-mini{background:rgba(220,38,38,0.12);color:#f87171;border:1px solid rgba(220,38,38,0.28);font-weight:600}.mini-btn.primary-mini:hover{background:rgba(220,38,38,0.22);border-color:rgba(220,38,38,0.45);color:#ffffff}.mini-btn.icon-btn{padding:0;width:34px;min-width:34px;justify-content:center}.danger-mini,.mini-btn.danger,.danger-more{border-color:color-mix(in srgb,var(--bad) 25%,var(--line));background:var(--bad-bg);color:var(--bad)}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.sidebar-footer #logoutBtn{flex:1 1 auto}.theme-toggle-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);flex:0 0 auto;transition:background-color .16s ease,border-color .16s ease}.theme-toggle-btn:hover{background:var(--surface-3);border-color:var(--line-strong)}@media (min-width:981px){.theme-float{display:none !important}}.theme-float{position:fixed;right:18px;bottom:18px;z-index:130;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;max-width:1440px;margin-inline:auto;padding:20px 32px 16px;border-bottom:1px solid rgba(255,255,255,0.08)}.topbar-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar-live-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.25);color:#34d399;font-size:11px;font-weight:600;letter-spacing:0.02em}.live-dot-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;animation:liveDotPulse 2s cubic-bezier(0.4,0,0.6,1) infinite}.amber-dot-pulse{width:6px;height:6px;border-radius:50%;background:#f59e0b;animation:liveDotPulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes liveDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.35;transform:scale(0.85)}}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:#71717a;font-weight:500}.bc-sep{color:#3f3f46;font-size:12px}.breadcrumbs strong{color:#ffffff;font-weight:600;font-size:15px;letter-spacing:-0.01em}#topbarEyebrow{display:none !important}.topbar h1{margin-top:3px;color:var(--text);font-family:var(--font-display);font-size:clamp(24px,2.8vw,32px);font-weight:750;line-height:1.1;letter-spacing:-.03em}.mobile-top-brand{display:none}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mode-chip{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:0 11px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--input-border);border-radius:12px;outline:none;padding:0 13px;background:var(--bg);color:var(--text)}textarea{min-height:96px;padding-block:10px;resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}[data-theme="dark"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239aa8ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator{filter:invert(0.85);cursor:pointer}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.filters > input,.filters > select{flex:1 1 180px;min-width:130px}.filters > input[type="date"],.filters > input[type="month"]{flex:0 1 165px;min-width:135px}.filters > button,.filters > .soft-btn,.filters > .primary-btn{flex:0 0 auto}@media (max-width:640px){.filters{display:grid;grid-template-columns:1fr;gap:8px}.filters > *{width:100%}}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}.global-search{position:relative;width:min(320px,32vw)}.global-results{position:absolute;top:calc(100% + 7px);right:0;z-index:80;display:none;width:min(360px,86vw);padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.global-results.open{display:grid;gap:4px}.global-results button,.global-empty{display:grid;gap:2px;width:100%;min-height:50px;border:0;border-radius:9px;padding:8px 10px;background:transparent;color:var(--text);text-align:left}.global-results button:hover{background:var(--surface-2)}.global-results span,.global-empty{color:var(--muted);font-size:12px}.system-notice,.mode-chip{display:none !important;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;padding:11px 14px;background:var(--surface);color:var(--muted);font-size:12px}.system-notice:not(:empty){display:flex;gap:8px;align-items:center}.system-notice strong{flex:0 0 auto;color:var(--text);white-space:nowrap}.panel,.row-card,.student-card,.student-row,.kpi,.mini-stat,.today-class,.calendar-day,.payment-priority-card,.action-item,.action-focus-card,.operation-card,.report-note,.schedule-preview,.check-item,.class-student-option,.more-card,.booking-form,.booking-board,.booking-class-card,.student-confirm-card,.login-box,.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 2px 10px rgba(0,0,0,0.4)}.panel{display:grid;gap:16px;padding:19px;box-shadow:var(--shadow-soft)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin-top:2px;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1.08}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.kpi-grid,.kpi-grid-4,.finance-summary,.report-grid,.student-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-summary,.report-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi,.kpi-card{min-height:104px;padding:16px;background:#121215;border:1px solid rgba(255,255,255,0.08);border-radius:14px;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.kpi span,.mini-stat span{display:block;color:#71717a;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}.kpi strong,.mini-stat strong{display:block;margin-top:6px;overflow-wrap:normal;color:#ffffff;font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1;letter-spacing:-0.02em}.mini-stat strong{white-space:nowrap}.kpi small,.mini-stat small,.meta{display:block;margin-top:5px;color:#71717a;font-size:12px;line-height:1.35}.mini-stat{min-height:90px;padding:14px}.kpi-ok,.mini-stat.kpi-ok{border-color:rgba(16,185,129,0.25)}.kpi-warn,.mini-stat.kpi-warn{border-color:rgba(245,158,11,0.28)}.kpi-bad,.mini-stat.kpi-bad{border-color:rgba(239,68,68,0.28)}.wait-needs-reply{border-left:3px solid rgba(239,68,68,0.45)}.focus-strip{display:grid}.day-command,.report-hero,.booking-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;max-width:100%;box-sizing:border-box;gap:20px;align-items:center;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:22px 24px;background:#121215;box-shadow:0 4px 20px rgba(0,0,0,0.4);position:relative;overflow:hidden}.day-command::before,.report-hero::before,.booking-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#dc2626,#ef4444,transparent)}.day-command h2,.report-hero h2,.booking-hero h1{margin-top:4px;color:#ffffff;font-family:var(--font-display);font-size:clamp(22px,2.5vw,30px);font-weight:750;line-height:1.15;letter-spacing:-.025em}.day-command p,.report-hero .meta,.booking-hero p:not(.eyebrow){margin-top:6px;max-width:720px;color:#a1a1aa;font-size:13px}.day-command-main{min-width:0;max-width:100%;box-sizing:border-box}.day-command-actions,.report-hero .actions{display:grid;gap:8px;min-width:180px}.hero-primary-btn,.hero-secondary-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;height:38px !important;min-height:38px !important;padding:0 14px !important;font-size:12.5px !important;font-weight:600 !important;line-height:1 !important;white-space:nowrap !important;box-sizing:border-box !important}.hero-primary-btn svg,.hero-secondary-btn svg{display:block !important;flex-shrink:0 !important;width:14px !important;height:14px !important;margin:0 !important}.hero-primary-btn span,.hero-secondary-btn span{display:inline-block !important;line-height:1 !important}.quick-actions:empty,.payment-priority:empty{display:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}.dashboard-side-col{display:flex;flex-direction:column;gap:16px}.tnum{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}@media (max-width:980px){.dashboard-grid{grid-template-columns:1fr}}.day-command.next-class-panel{background:#111114;border:1px solid rgba(255,255,255,0.08);box-shadow:0 0 25px -5px rgba(220,38,38,0.15),0 4px 20px rgba(0,0,0,0.4);position:relative;overflow:hidden;border-radius:18px;padding:18px 20px}.day-command.next-class-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#dc2626,#ef4444,transparent)}.hero-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.live-status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:rgba(220,38,38,0.12);border:1px solid rgba(220,38,38,0.28);color:#f87171;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;transition:all 0.2s ease}.live-status-pill.in-progress{background:rgba(220,38,38,0.14);border-color:rgba(220,38,38,0.35);color:#f87171}.live-status-pill.starting-soon{background:rgba(245,158,11,0.12);border-color:rgba(245,158,11,0.3);color:#fbbf24}.live-status-pill.upcoming{background:rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.3);color:#60a5fa}.live-status-pill.future{background:rgba(168,85,247,0.12);border-color:rgba(168,85,247,0.3);color:#c084fc}.live-status-pill.finished{background:rgba(113,113,122,0.14);border-color:rgba(113,113,122,0.25);color:#a1a1aa}.hero-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);font-weight:500}.hero-capacity-pill{font-size:10.5px;padding:2px 8px;font-weight:700}.hero-title{font-size:clamp(18px,2vw,22px);font-weight:750;color:#ffffff;margin:0 0 4px;letter-spacing:-0.025em;line-height:1.2}.hero-subtitle{margin:0 0 8px;font-size:12.5px;color:var(--muted);line-height:1.4}.quick-checkin-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.quick-checkin-label{font-size:10.5px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:0.04em;margin-right:2px}.quick-checkin-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:#18181b;border:1px solid rgba(255,255,255,0.1);color:#d4d4d8;font-size:11px;font-weight:500;cursor:pointer;transition:all 0.15s ease;user-select:none;max-width:140px}.quick-checkin-chip .chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-checkin-chip:hover{border-color:rgba(16,185,129,0.4);color:#ffffff}.quick-checkin-chip.present{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.35);color:#6ee7b7;font-weight:600}.quick-checkin-chip .dot{width:5px;height:5px;border-radius:50%;background:#f59e0b;flex-shrink:0}.quick-checkin-chip.present .dot{background:#10b981}.kpi-card-enhanced{display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:#111114;border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:14px;min-height:116px;transition:border-color 0.15s ease,background 0.15s ease}.kpi-card-enhanced:hover{background:#15151a;border-color:rgba(255,255,255,0.14)}.kpi-card-value{font-size:clamp(20px,2vw,24px);font-weight:700;letter-spacing:-0.02em;line-height:1.15;color:#ffffff;margin-top:4px}.kpi-progress-bar{width:100%;height:4px;background:#1c1c21;border-radius:9999px;overflow:hidden;margin-top:6px}.kpi-progress-fill{height:100%;background:#dc2626;border-radius:9999px;transition:width 0.3s ease}.kpi-progress-fill.emerald{background:#10b981}.finance-kpi-footer{display:flex;align-items:center;justify-content:space-between;min-height:18px}#pendingList .pending-student-card,.pending-student-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.pending-student-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.pending-avatar{width:32px;height:32px;border-radius:8px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);color:#ef4444;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.pending-student-info{min-width:0;flex:1}.pending-student-info .link-title{font-weight:600;font-size:13px;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.pending-student-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.pending-amount{font-size:13px;font-weight:700;color:#ffffff;white-space:nowrap}.pending-buttons{display:flex;align-items:center;gap:6px}.timeline-feed{position:relative;padding-left:18px;display:flex;flex-direction:column;gap:12px}.timeline-feed::before{content:'';position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,0.08)}.timeline-item{position:relative;font-size:12px;line-height:1.4;color:#d4d4d8}.timeline-dot{position:absolute;left:-18px;top:4px;width:7px;height:7px;border-radius:50%;background:#71717a;box-shadow:0 0 0 3px #111114}.timeline-dot.green{background:#10b981}.timeline-dot.blue{background:#3b82f6}.timeline-dot.purple{background:#a855f7}.timeline-dot.red{background:#ef4444}.timeline-time{font-size:10.5px;color:#71717a;margin-top:2px}#todayClasses .class-row{background:#111114;border:1px solid rgba(255,255,255,0.08);border-radius:14px;transition:all 0.15s ease}#todayClasses .class-row:hover{border-color:rgba(255,255,255,0.14);background:#15151a}#pendingList .row-card{background:#111114;border:1px solid rgba(255,255,255,0.08);border-radius:14px;transition:all 0.15s ease}#pendingList .row-card:hover{border-color:rgba(239,68,68,0.3);background:#15151a}.list,.student-list,.action-feed,.student-action-list,.check-list,.student-confirm-list,.booking-class-list{display:grid;gap:8px}.row-card,.student-row,.action-item,.check-item,.student-confirm-card,.payment-priority-card,.class-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.student-row{content-visibility:auto;contain-intrinsic-size:72px}.class-row{content-visibility:visible !important;contain:none !important}.row-card:hover,.student-row:hover,.action-item:hover,.payment-priority-card:hover,.class-row:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent-soft) 22%,var(--surface))}.compact-row{min-height:60px}.row-card h3,.student-card h3,.operation-card h3{color:var(--text);font-size:15px;font-weight:600}.link-title{border:0;padding:0;background:transparent;color:var(--text);font-weight:600;text-align:left}.compact-title{font-size:15px}.actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pill{display:inline-flex;align-items:center;min-height:23px;max-width:100%;border-radius:999px;padding:0 8px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.pill.ok,.ok{background:rgba(16,185,129,0.12);color:#34d399;border:1px solid rgba(16,185,129,0.22)}.pill.warn,.warn{background:rgba(245,158,11,0.12);color:#fbbf24;border:1px solid rgba(245,158,11,0.22)}.pill.bad,.bad{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.22)}.confirm-teacher-button{border:0;cursor:pointer;font:inherit}.pill.ok::before,.pill.warn::before,.pill.bad::before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;flex-shrink:0}.empty{display:grid;place-items:center;min-height:90px;border:1px dashed var(--line-strong);border-radius:12px;padding:20px;background:var(--surface-2);color:var(--muted);text-align:center}.student-list-head,.student-row{grid-template-columns:minmax(180px,1.2fr) minmax(150px,.9fr) minmax(110px,.65fr) minmax(130px,.75fr) auto}.student-list-head{display:grid;gap:10px;padding:0 12px 2px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.student-main,.student-plan,.student-frequency,.student-payment{min-width:0}.student-plan strong,.student-frequency strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-grid,#planGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.student-card{display:grid;gap:9px;padding:15px}.today-planner,.class-calendar,.payment-priority-grid,.operation-grid,.more-grid{display:grid;gap:10px}.today-class{display:grid;gap:10px;padding:14px}.today-class-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.class-timebox{display:grid;align-content:center;min-width:78px;min-height:66px;border-radius:14px;padding:10px;background:var(--surface-2);text-align:center}.class-timebox span{color:var(--text);font-size:20px;font-weight:750;line-height:1}.class-timebox small{margin-top:4px;color:var(--muted);font-size:11px}.today-class .class-main{display:block}.today-class .class-main strong,.today-class .class-main span{display:block}.today-class .class-main > strong{font-size:16px}.today-class .class-main > span{margin-top:3px;color:var(--muted);font-size:12px}.class-calendar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.calendar-day{min-height:90px;padding:10px;box-shadow:none;cursor:pointer;transition:all 0.15s ease;border-radius:var(--radius-sm,8px)}.calendar-day:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));transform:translateY(-1px)}.calendar-day.today{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft)}.calendar-day.active,.calendar-day.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:0 0 0 1.5px var(--accent)}.quick-day-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-weight:500;transition:all 0.15s ease;cursor:pointer}.quick-day-btn:hover{color:var(--text);border-color:var(--accent)}.quick-day-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.calendar-day button{display:grid;gap:2px;width:100%;border:0;padding:0;background:transparent;color:var(--text);text-align:left}.calendar-day strong{font-size:14px}.calendar-day span,.calendar-day small{display:block;color:var(--muted);font-size:11px}.calendar-day .pill.ok{display:inline-flex;align-items:center;justify-content:center;min-height:auto;height:18px;line-height:1;padding:0 6px;font-size:10px;font-weight:700;vertical-align:middle}.calendar-day .pill.ok::before{width:5px;height:5px;margin-right:4px}.class-direct-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mini-btn.ok-mini{background:rgba(16,185,129,0.14);color:#34d399;border:1px solid rgba(16,185,129,0.3);font-weight:600}.mini-btn.ok-mini:hover{background:rgba(16,185,129,0.22)}@media (max-width:768px){.desktop-only{display:none !important}}@media (min-width:769px){.mobile-only{display:none !important}}.class-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;min-width:0}#todayClasses .class-row{grid-template-columns:1fr}#todayClasses .class-row .actions{justify-content:flex-start}#todayClasses .class-roster{display:none}.class-time{display:grid;align-content:center;min-width:66px;min-height:60px;border-radius:14px;background:var(--accent-soft);color:var(--text);text-align:center}.class-time strong{color:var(--accent);font-size:18px;font-weight:750;line-height:1}.class-time small{color:var(--muted);font-size:11px}.roster-list{display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}.roster-person{display:inline-grid;gap:1px;max-width:180px;border-radius:10px;padding:6px 8px;background:var(--surface-2)}.roster-person strong,.roster-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-person strong{font-size:12px}.roster-person small{color:var(--muted);font-size:10px}.payment-priority{display:grid;gap:10px}.payment-priority-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.payment-priority-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.operation-card{display:grid;gap:16px;padding:16px}.operation-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.operation-grid span{display:grid;gap:3px;border-radius:10px;padding:10px;background:var(--surface-2)}.operation-grid strong{font-size:16px}.operation-grid small{color:var(--muted);font-size:11px}.action-item{grid-template-columns:58px minmax(0,1fr);align-items:start}.action-item time{display:grid;gap:5px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.action-item time small{width:fit-content;border-radius:999px;padding:2px 7px;background:var(--surface-2);color:var(--muted);font-size:10px}.action-line,.action-meta-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.action-line strong{border-radius:999px;padding:3px 8px;background:var(--surface-2);font-size:11px}.action-line span{font-weight:600}.action-item p{margin-top:6px;color:var(--muted);font-size:13px}.action-day{display:flex;align-items:center;gap:10px;margin:8px 0 2px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.action-day::after{content:"";height:1px;flex:1;background:var(--line)}.action-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-focus-card{display:grid;gap:10px;padding:14px}.action-focus-head{display:flex;justify-content:space-between;gap:10px}.action-focus-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--line)}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-group{display:grid;gap:10px;min-width:0;margin:0;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--surface-2)}.form-group legend{padding:0 4px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.schedule-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.schedule-group-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.schedule-add-btn{flex:0 0 auto}.fixed-schedule-list{display:grid;gap:9px}.fixed-schedule-row{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(110px,.65fr) minmax(170px,1.25fr) 38px;align-items:end;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface)}.fixed-schedule-remove{width:38px;height:42px;align-self:end;color:var(--danger);font-size:20px}.schedule-preview{display:grid;gap:4px;padding:12px;background:var(--surface);box-shadow:none}.schedule-preview span{color:var(--muted);font-size:11px;font-weight:600}.schedule-preview strong{font-size:13px}.schedule-preview-list{display:grid;gap:8px}.schedule-preview-item + .schedule-preview-item{border-top:1px solid var(--line);padding-top:8px}.schedule-preview-dates{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.schedule-preview-dates small{border-radius:999px;padding:4px 7px;background:var(--surface-2);color:var(--muted)}.native-class-select{display:none}.class-students-picker{display:grid;gap:9px}.class-picker-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.class-picker-head span{color:var(--muted);font-size:12px;font-weight:600}.class-student-list{display:grid;gap:7px;max-height:280px;overflow:auto}.class-student-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;background:var(--surface);box-shadow:none}.class-student-option.selected{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:var(--accent-soft)}.class-student-option input{width:18px;min-height:18px;accent-color:var(--accent)}.class-student-option strong,.class-student-option small{display:block}.class-student-option small{color:var(--muted)}.modal-wrap,.login-wall,.booking-wall{position:fixed;inset:0;z-index:100;display:none;overflow:auto;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));background:rgba(9,9,11,.75);backdrop-filter:blur(12px)}.modal-wrap.open,.login-wall.open{display:grid;place-items:center}.booking-wall.open{display:block}.login-wall{z-index:105}.booking-wall{z-index:110;background:var(--bg);backdrop-filter:none}html.needs-auth .app,html.needs-auth .sidebar,html.needs-auth .topbar{visibility:hidden !important;opacity:0 !important;pointer-events:none !important}html.needs-auth .login-wall{display:grid !important;place-items:center !important;opacity:1 !important;visibility:visible !important;z-index:9999 !important}html.needs-auth .booking-wall{display:none !important}.login-box{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7);display:grid;gap:14px;justify-items:stretch}.modal{position:relative;width:min(640px,100%);max-height:min(90vh,880px);background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.75);display:flex;flex-direction:column;overflow:hidden;transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),opacity 0.2s ease}.modal.legacy-grid{display:grid;gap:14px;padding:24px;overflow-y:auto}.wide-modal{width:min(920px,100%)}.modal h2,.login-copy h2{color:var(--text);font-size:20px;font-weight:700;line-height:1.15;letter-spacing:-0.02em}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,0.06);background:#18181b;flex-shrink:0}.modal-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.modal-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#ef4444;text-transform:uppercase;letter-spacing:0.06em}.modal-header h2{margin:0;font-size:18px;font-weight:700;color:#f4f4f5;letter-spacing:-0.02em;line-height:1.2}.modal-subtitle{margin:0;font-size:12px;color:#a1a1aa}.modal-close-btn,.close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:#a1a1aa;cursor:pointer;transition:all 0.15s ease;flex-shrink:0;padding:0;position:static}.modal-close-btn:hover,.close:hover{background:rgba(255,255,255,0.08);color:#ffffff;border-color:rgba(255,255,255,0.15)}.modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;flex:1 1 auto;overscroll-behavior:contain}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:999px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,0.06);background:#18181b;flex-shrink:0}.form-section-card{background:#141417;border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.form-section-card:hover{border-color:rgba(255,255,255,0.09)}.form-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.form-section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:0.05em}.form-section-title svg{color:#ef4444;flex-shrink:0}.fixed-schedule-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end;background:#18181b;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:10px 12px}.fixed-schedule-remove{height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,0.2);background:rgba(239,68,68,0.08);color:#ef4444;border-radius:10px;cursor:pointer;transition:all 0.15s ease;padding:0;flex-shrink:0}.fixed-schedule-remove:hover{background:rgba(239,68,68,0.16);border-color:rgba(239,68,68,0.4)}.schedule-add-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ef4444;background:rgba(220,38,38,0.08);border:1px solid rgba(220,38,38,0.2);border-radius:10px;padding:6px 12px;cursor:pointer;transition:all 0.15s ease}.schedule-add-btn:hover{background:rgba(220,38,38,0.16);border-color:rgba(220,38,38,0.35)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 0.75s linear infinite}.btn-loading{opacity:0.85 !important;pointer-events:none !important;cursor:wait !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important}.btn-saved{background:#10b981 !important;border-color:#10b981 !important;color:#ffffff !important;box-shadow:0 4px 14px rgba(16,185,129,0.3) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important}.athlete-profile-view{display:flex;flex-direction:column;gap:16px}.athlete-hero{display:flex;align-items:center;gap:18px;padding:20px;background:#141417;border:1px solid rgba(255,255,255,0.07);border-radius:20px}.athlete-avatar{width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;letter-spacing:-0.02em;box-shadow:0 8px 24px rgba(220,38,38,0.28);flex-shrink:0}.athlete-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.athlete-name{font-size:22px;font-weight:700;color:#f4f4f5;letter-spacing:-0.02em;line-height:1.15;margin:0}.athlete-contacts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:#a1a1aa}.athlete-contact-link{display:inline-flex;align-items:center;gap:5px;color:#a1a1aa;text-decoration:none;transition:color 0.15s ease}.athlete-contact-link:hover{color:#f4f4f5}.athlete-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.athlete-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.04);color:#d4d4d8}.athlete-badge.status-ativo{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.25);color:#34d399}.athlete-badge.status-experimental{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.25);color:#fbbf24}.athlete-badge.status-pausado{background:rgba(113,113,122,0.1);border-color:rgba(113,113,122,0.25);color:#a1a1aa}.status-dot-6px{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot-6px.green{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,0.6)}.status-dot-6px.amber{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,0.6)}.status-dot-6px.red{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.6)}.status-dot-6px.gray{background:#71717a}.athlete-pay-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:16px;flex-wrap:wrap}.athlete-pay-banner.paid{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.22)}.athlete-pay-banner.pending{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25)}.athlete-pay-banner.scheduled{background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.25)}.athlete-pay-left{display:flex;align-items:center;gap:12px}.athlete-pay-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.athlete-pay-banner.paid .athlete-pay-icon{background:rgba(16,185,129,0.15);color:#34d399}.athlete-pay-banner.pending .athlete-pay-icon{background:rgba(239,68,68,0.15);color:#ef4444}.athlete-pay-banner.scheduled .athlete-pay-icon{background:rgba(56,189,248,0.15);color:#38bdf8}.athlete-pay-title{font-size:14px;font-weight:700;color:#f4f4f5;margin:0}.athlete-pay-sub{font-size:12px;color:#a1a1aa;margin:0}.athlete-pay-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.athlete-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.athlete-kpi-card{background:#141417;border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.athlete-kpi-card:hover{border-color:rgba(255,255,255,0.1)}.athlete-kpi-label{font-size:11px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:0.05em}.athlete-kpi-val{font-size:20px;font-weight:800;color:#f4f4f5;letter-spacing:-0.02em;line-height:1.2}.athlete-kpi-sub{font-size:11px;color:#a1a1aa;line-height:1.3}.athlete-section{background:#141417;border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.athlete-section-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#f4f4f5;letter-spacing:-0.01em}.athlete-section-title svg{color:#ef4444}.athlete-list{display:flex;flex-direction:column;gap:8px}.athlete-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:#18181b;border:1px solid rgba(255,255,255,0.04);font-size:13px}.athlete-item-row:hover{border-color:rgba(255,255,255,0.08)}.athlete-item-main{display:flex;flex-direction:column;gap:2px}.athlete-item-main strong{color:#f4f4f5;font-size:13px}.athlete-item-main small{color:#a1a1aa;font-size:11px}.athlete-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width:768px){.athlete-two-col{grid-template-columns:1fr}.athlete-kpi-grid{grid-template-columns:repeat(2,1fr)}.athlete-hero{flex-direction:column;text-align:center}.athlete-contacts,.athlete-badges{justify-content:center}.fixed-schedule-row{grid-template-columns:1fr}}.login-logo{width:74px;height:74px}.login-pin{color:var(--muted);font-size:12px;text-align:center}.booking-shell{display:grid;gap:14px;width:min(1040px,100%);margin:0 auto}.booking-hero{grid-template-columns:auto minmax(0,1fr)}.booking-logo{width:84px;height:84px;border-radius:16px}.booking-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:13px;padding:4px;background:var(--surface)}.booking-tabs button{min-height:42px;border:0;border-radius:10px;padding:0 14px;background:transparent;color:var(--muted);font-weight:600}.booking-tabs button.active{background:var(--accent-soft);color:var(--accent)}.booking-layout{display:grid;gap:14px}.booking-pane{display:none;grid-template-columns:minmax(270px,350px) minmax(0,1fr);gap:14px;align-items:start}.booking-pane.active{display:grid}.student-pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.student-pane .student-confirm-form{grid-column:1 / -1;position:static}.student-pane > .booking-board{min-width:0}.student-booking-board{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent-soft) 34%,var(--surface))}.student-booking-board .booking-class-card{background:var(--surface)}.student-slot-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.student-slot-filters label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.student-slot-filters select{min-height:38px;border:1px solid var(--line);border-radius:9px;padding:0 9px;background:var(--surface);color:var(--text);font:inherit;font-size:13px}.booking-form{display:grid;gap:12px;position:sticky;top:14px;padding:18px}.booking-board{padding:18px}.booking-class-list{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-class-list > .empty{grid-column:1 / -1}.booking-class-card{display:grid;gap:6px;min-height:112px;border:1px solid var(--line);padding:15px;color:var(--text);text-align:left}.booking-class-card span,.booking-class-card small,.booking-status{color:var(--muted);font-size:12px}.booking-class-card.is-full{opacity:.62}.booking-class-card:disabled{cursor:not-allowed}.admin-entry{justify-self:end}.student-confirm-head,.student-confirm-summary{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.student-confirm-card strong,.student-confirm-card span,.student-confirm-card small{display:block}.student-confirm-card span,.student-confirm-card small{color:var(--muted);font-size:12px}.confirm-choice,.attendance-actions,.extra-attendance{display:flex;gap:8px;flex-wrap:wrap}.mini-btn.active,.mini-btn.present{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.extra-attendance input{flex:1 1 240px;height:38px;background:#18181b;border:1px solid #27272a;border-radius:8px;color:#fff;padding:0 12px;font-size:13px;outline:none;transition:border-color 0.15s}.extra-attendance input:focus{border-color:#ef4444}.extra-attendance select{flex:0 1 170px;height:38px;background:#18181b;border:1px solid #27272a;border-radius:8px;color:#fff;padding:0 10px;font-size:13px;outline:none;cursor:pointer}.extra-attendance button{height:38px;padding:0 16px;white-space:nowrap}.attendance-title-pills{margin-top:8px}.check-item.checked-in{border-color:color-mix(in srgb,var(--ok) 42%,var(--line));background:var(--ok-bg)}.check-item.likely-absent{background:var(--bad-bg)}.report-columns{align-items:start}.report-note{padding:14px;color:var(--muted)}.more-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.more-card{display:grid;gap:5px;min-height:118px;border:1px solid var(--line);padding:16px;background:var(--surface);background-color:var(--surface) !important;color:var(--text) !important;-webkit-appearance:none;appearance:none;text-align:left}.more-card span,.more-card small{color:var(--muted);font-size:11px}.more-card:hover,.more-card:focus-visible{background-color:var(--surface-2) !important}[data-theme="dark"] .more-card{background-color:var(--surface) !important;color:var(--text) !important}[data-theme="dark"] .more-card:hover,[data-theme="dark"] .more-card:focus-visible{background-color:var(--surface-2) !important}.settings-layout{display:grid;gap:16px}.settings-intro{grid-template-columns:minmax(0,1fr) minmax(250px,.58fr);align-items:end;padding:20px}.settings-intro h2,.settings-danger-zone h2{margin-top:4px;color:var(--text);font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:750;line-height:1.04;letter-spacing:-.04em}.settings-intro p,.settings-danger-zone p{max-width:680px;margin-top:8px;color:var(--muted)}.settings-notice{display:grid;gap:4px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:12px 14px;background:var(--surface-2);color:var(--muted);font-size:12px}.settings-notice strong{color:var(--text)}.settings-helper{margin-top:-5px}.settings-form{display:grid;gap:12px}.settings-form .form-group{background:var(--surface-2)}.check-control{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:40px;color:var(--text)}.check-control input{width:17px;min-height:17px;accent-color:var(--accent)}.settings-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.settings-saved{color:var(--muted);font-size:11px}.settings-preview-card{display:grid;gap:18px;border:1px solid var(--line);border-radius:22px;padding:20px;background:var(--surface-2)}.settings-preview-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center}.preview-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--primary-contrast);font-size:12px;font-weight:700}.settings-preview-head strong,.settings-preview-head span{display:block}.settings-preview-head span{color:var(--muted);font-size:12px}.preview-chevron{color:var(--accent);font-size:26px !important;line-height:1}.settings-preview-balance{display:grid;gap:5px;border-radius:16px;padding:18px;background:var(--surface)}.settings-preview-balance > span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.settings-preview-balance strong{color:var(--text);font-family:var(--font-display);font-size:clamp(26px,4vw,42px);font-weight:750;letter-spacing:-.04em;line-height:1}.settings-preview-balance p{color:var(--muted);font-size:12px}.settings-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-preview-stats span{display:grid;gap:3px;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface)}.settings-preview-stats small{color:var(--muted);font-size:10px}.settings-preview-stats strong{font-size:15px}.settings-danger-zone{display:flex;justify-content:space-between;gap:16px;align-items:end}.settings-danger-zone > div{min-width:0}.settings-danger-zone h2{font-family:var(--font-ui);font-size:20px;font-weight:600}.settings-about-panel{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);padding:20px}.settings-about-content{display:flex;flex-direction:column;gap:16px}.settings-about-brand{display:flex;align-items:flex-start;gap:14px}.settings-about-icon-wrap{width:42px;height:42px;border-radius:10px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(220,38,38,0.2)}.settings-about-icon{width:100%;height:100%;display:block}.settings-about-text{flex:1;min-width:0}.settings-about-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-about-title-row h3{font-family:var(--font-ui);font-size:16px;font-weight:700;letter-spacing:-0.01em;color:var(--text);margin:0}.settings-about-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:600;color:var(--muted);letter-spacing:-0.01em}.settings-about-desc{font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px;max-width:620px}.settings-about-badges{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.about-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:500;color:var(--text)}.about-chip-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,0.4)}.whatsapp-status-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md,12px);margin-top:10px}.whatsapp-status-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);font-weight:500}.whatsapp-status-dot{width:8px;height:8px;border-radius:50%;background:#a1a1aa;flex-shrink:0;transition:background-color 0.2s ease,box-shadow 0.2s ease}.whatsapp-status-dot.connected{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,0.5)}.whatsapp-status-dot.connecting{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,0.5)}.whatsapp-status-dot.disconnected{background:#ef4444}.whatsapp-status-actions{display:flex;gap:8px;flex-wrap:wrap}.whatsapp-qr-container{margin-top:12px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md,12px);text-align:center}.whatsapp-qr-box{display:inline-block;background:#ffffff;padding:12px;border-radius:12px;margin-top:6px;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.whatsapp-qr-box img{display:block;width:200px;height:200px}.list-more-btn,.dashboard-more-btn{width:100%}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:300;max-width:min(90vw,420px);border-radius:999px;padding:11px 15px;background:var(--text);color:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%,0)}@media (min-width:981px){.page-dashboard .panel,#page-dashboard .panel{min-height:0}}@media (min-width:981px) and (max-width:1100px){.topbar{grid-template-columns:1fr;align-items:start;gap:10px}.topbar h1{white-space:nowrap}.top-actions{justify-content:flex-start}.global-search{width:min(360px,48vw)}}@media (max-width:980px){*{-webkit-tap-highlight-color:transparent !important}.app{padding:8px 0 calc(var(--mobile-nav) + 20px + env(safe-area-inset-bottom,16px)) !important}.page{padding:0 10px !important;gap:8px !important}input,select,textarea{font-size:16px !important}.sidebar{position:fixed;inset:auto 0 0 0;z-index:90;display:block !important;width:100% !important;margin:0;padding:6px 8px calc(8px + env(safe-area-inset-bottom,8px)) !important;border-radius:20px 20px 0 0 !important;border-top:1px solid var(--line) !important;border-left:0 !important;border-right:0 !important;border-bottom:0 !important;background:rgba(9,9,11,0.94) !important;box-shadow:0 -8px 28px rgba(0,0,0,.6) !important;backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important}.sidebar .brand,.sidebar .ghost-btn,.sidebar-footer,.sidebar-search-trigger,.user-footer,.nav-badge,.nav-label{display:none !important}.sidebar .nav-group{display:contents !important}.secondary-nav,.nav-item.secondary-nav,button.nav-item.secondary-nav,.sidebar .secondary-nav{display:none !important}.mobile-only{display:flex !important}.mobile-only-page.active{display:grid !important}.mobile-only-nav{display:flex !important}.nav{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:2px !important;padding:0 !important;margin:0 !important;width:100% !important;overflow:hidden !important}.nav-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;min-width:0 !important;min-height:48px !important;padding:4px 1px !important;border-radius:12px !important;background:transparent !important;border:0 !important;color:var(--muted) !important;transition:none !important}.nav-item[data-page="dashboard"]{order:1}.nav-item[data-page="classes"]{order:2}.nav-item[data-page="students"]{order:3}.nav-item[data-page="payments"]{order:4}.nav-item[data-page="more"],.nav-item.mobile-only-nav{order:5 !important;display:flex !important}.nav-item.secondary-nav{display:none !important}.nav-icon-wrap{display:flex !important;align-items:center !important;justify-content:center !important;width:38px !important;height:24px !important;border-radius:12px !important;transition:all .18s ease !important}.nav-label-text{font-size:10px !important;font-weight:600 !important;letter-spacing:-.01em !important;line-height:1 !important;color:inherit !important;transition:color .15s ease !important}.nav-item.active{color:var(--accent) !important}.nav-item.active .nav-icon-wrap{background:var(--accent-soft) !important;color:var(--accent) !important}.nav-item.active .nav-label-text{font-weight:750 !important;color:var(--accent) !important}.nav-icon{width:18px;height:18px}.theme-float{display:none !important}.topbar{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;min-height:42px !important;height:42px !important;padding:0 10px !important;margin-bottom:8px !important;gap:8px !important}.topbar-heading{display:none !important}.mobile-top-brand{display:flex !important;align-items:center !important;gap:8px !important;flex:1 1 auto !important;min-width:0 !important;padding-bottom:0 !important;border-bottom:none !important}.mobile-top-brand-left{display:flex !important;align-items:center !important;gap:8px !important;min-width:0 !important}.mobile-top-brand-left .brand-logo-wrap,.mobile-top-brand-left .brand-mark-tl{width:30px !important;height:30px !important;border-radius:8px !important;font-size:11px !important;flex-shrink:0 !important;padding:1.5px !important}.mobile-top-brand-left strong{font-size:13px !important;font-weight:700 !important;white-space:nowrap !important;color:var(--text) !important}.mobile-top-brand-left small{display:none !important}.mobile-portal-badge{display:inline-flex !important;align-items:center !important;gap:5px !important;padding:6px 12px !important;min-height:34px !important;border-radius:10px !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;color:var(--muted) !important;font-size:12px !important;font-weight:600 !important;text-decoration:none !important;white-space:nowrap !important;margin-left:auto !important}.mobile-portal-badge:active{background:rgba(255,255,255,0.1) !important;color:var(--text) !important}.top-actions{display:flex !important;align-items:center !important;gap:6px !important;width:auto !important;flex-shrink:0 !important}.global-search,.top-actions #modeStatus,.top-actions #userRoleBadge,.top-actions > .primary-btn,.top-actions > [data-open-student]{display:none !important}.top-actions > .soft-btn[data-refresh],.top-actions > [data-refresh]{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:34px !important;height:34px !important;padding:0 12px !important;font-size:12px !important;font-weight:600 !important;border-radius:10px !important;flex:none !important;white-space:nowrap !important}.two-col,.booking-pane,.form-row,.action-focus{grid-template-columns:1fr}.schedule-group-head{align-items:stretch;flex-direction:column}.schedule-add-btn{width:auto !important;align-self:flex-start !important}.fixed-schedule-row{grid-template-columns:minmax(0,1fr) minmax(115px,.75fr) 40px}.fixed-schedule-group-field{grid-column:1 / 3}.fixed-schedule-remove{grid-column:3;grid-row:1 / 3;align-self:stretch;height:auto}.kpi-grid,.kpi-grid-4,#studentsKpiGrid,#financeKpiGrid,.finance-summary,.report-grid,.student-report-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px !important;margin-top:6px !important}.kpi-card{padding:8px 10px !important;min-height:80px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;border-radius:10px !important;gap:4px !important}.kpi-card-value{font-size:18px !important;margin-top:2px !important}.kpi-progress-bar{margin-top:4px !important;height:3px !important}.finance-kpi-footer{margin-top:3px !important;min-height:14px !important}.finance-kpi-footer span,.finance-kpi-footer button{font-size:10.5px !important}.day-command,.report-hero,.booking-hero{grid-template-columns:minmax(0,1fr) !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:10px 12px !important;gap:8px !important;border-radius:12px !important;margin-bottom:8px !important}.day-command-main{min-width:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important}.day-command h2,.report-hero h2,.booking-hero h1{font-size:17px !important;line-height:1.2 !important;margin:0 0 2px !important}.day-command p,.report-hero .meta,.booking-hero p:not(.eyebrow){font-size:11.5px !important;line-height:1.35 !important;margin-top:1px !important}.quick-checkin-row{margin-top:4px !important;gap:4px !important;display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;padding-bottom:2px !important;scrollbar-width:none !important;min-width:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important}.quick-checkin-row::-webkit-scrollbar{display:none}.quick-checkin-label{font-size:10px !important;text-transform:uppercase !important;letter-spacing:0.04em !important;flex-shrink:0 !important;align-self:center !important}.quick-checkin-chip{padding:2px 7px !important;font-size:10.5px !important;height:24px !important;flex-shrink:0 !important;border-radius:6px !important}.hero-status-row{display:grid !important;grid-template-columns:1fr auto !important;align-items:center !important;gap:4px 8px !important;width:100% !important}.live-status-pill{grid-column:1 / 2;grid-row:1;justify-self:start;padding:2px 6px !important;font-size:10.5px !important}.hero-capacity-pill{grid-column:2 / 3;grid-row:1;justify-self:end;font-size:10px !important;padding:2px 6px !important}.hero-meta-item{grid-column:1 / -1;grid-row:2;justify-self:start;font-size:11.5px !important}.day-command-actions,.report-hero .actions{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:6px !important;width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;margin-top:4px !important}.day-command-actions > button:first-child,.day-command-actions > .hero-primary-btn{grid-column:1 / -1 !important;min-height:38px !important;height:38px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;font-size:13px !important;gap:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#ffffff !important;background:var(--primary-action) !important}.hero-secondary-btn{min-height:36px !important;height:36px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;font-size:12px !important;gap:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}.student-list-head{display:none}.student-row,.row-card,.payment-priority-card,.student-confirm-card,.today-class-head,.class-row{grid-template-columns:1fr;align-items:start}.check-item{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:12px 14px !important;border-radius:14px !important;background:#18181b !important;border:1px solid rgba(255,255,255,0.08) !important;margin-bottom:8px !important}.check-item.checked-in{background:rgba(34,197,94,0.08) !important;border-color:rgba(34,197,94,0.35) !important}.check-item > div:first-child{flex:1 1 auto !important;min-width:0 !important}.check-item strong{font-size:14.5px !important;font-weight:700 !important;color:#fff !important;display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.check-item .meta{font-size:11.5px !important;color:#a1a1aa !important;margin:2px 0 6px !important}.check-item .pill-row{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:wrap !important}.check-item button[data-toggle-attendance]{flex:0 0 auto !important;min-width:88px !important;height:42px !important;border-radius:12px !important;font-size:13px !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;background:rgba(255,255,255,0.08) !important;color:#f8fafc !important;border:1px solid rgba(255,255,255,0.18) !important}.check-item button[data-toggle-attendance].present{background:#16a34a !important;color:#fff !important;border-color:#22c55e !important;box-shadow:0 2px 10px rgba(34,197,94,0.35) !important}.class-timebox{width:fit-content;min-width:78px}.actions{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:wrap !important;justify-content:flex-start !important}.actions > button:not(.icon-btn),.actions > a:not(.icon-btn):not(.pill){flex:1 1 auto !important;min-width:70px !important}.actions > .icon-btn,.mini-btn.icon-btn{flex:0 0 32px !important;width:32px !important;min-width:32px !important;max-width:32px !important;height:32px !important;padding:0 !important}.class-direct-actions{display:flex !important;align-items:center !important;gap:6px !important;width:100% !important;margin-top:10px !important;flex-wrap:nowrap !important}.class-direct-actions > button.desktop-only{display:none !important}.class-direct-actions > button:not(.desktop-only),.class-direct-actions > details > summary{height:38px !important;min-height:38px !important;border-radius:10px !important;font-size:12px !important;font-weight:600 !important;padding:0 10px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;white-space:nowrap !important}.class-direct-actions > button:not(.desktop-only){flex:1 1 auto !important}.class-direct-actions > details.action-dropdown{flex:0 0 auto !important;position:relative !important;width:auto !important;min-width:66px !important}.class-direct-actions > details.action-dropdown summary{width:100% !important;min-width:66px !important;padding:0 10px !important}.class-direct-actions .dropdown-menu{right:0 !important;left:auto !important;min-width:190px !important;z-index:100 !important}#attendanceModal .attendance-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin-bottom:14px !important}#attendanceModal .attendance-actions button{height:38px !important;font-size:12.5px !important;font-weight:700 !important;border-radius:10px !important;display:flex !important;align-items:center !important;justify-content:center !important;border:1px solid rgba(255,255,255,0.1) !important;background:rgba(255,255,255,0.06) !important;color:#e2e8f0 !important}#attendanceModal #markAllPresent{background:rgba(34,197,94,0.16) !important;color:#4ade80 !important;border-color:rgba(34,197,94,0.35) !important}#attendanceModal #finishAttendance{background:rgba(220,38,38,0.16) !important;color:#f87171 !important;border-color:rgba(220,38,38,0.35) !important}#attendanceModal #copyAttendance{background:rgba(255,255,255,0.08) !important;color:#fff !important;border-color:rgba(255,255,255,0.15) !important}#attendanceModal #clearAttendance{background:rgba(255,255,255,0.04) !important;color:#94a3b8 !important;border-color:rgba(255,255,255,0.08) !important}#attendanceModal .extra-attendance{display:flex !important;flex-direction:column !important;gap:8px !important}#attendanceModal .extra-attendance input{width:100% !important;flex:none !important;height:40px !important}#attendanceModal .extra-attendance select{width:100% !important;flex:none !important;height:40px !important}#attendanceModal .extra-attendance button{width:100% !important;flex:none !important;height:40px !important;font-weight:600 !important}.more-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding-bottom:20px !important}.more-card{min-height:84px !important;padding:12px 14px !important;border-radius:14px !important;background:#18181b !important;border:1px solid rgba(255,255,255,0.08) !important;display:flex !important;flex-direction:row !important;align-items:center !important;text-align:left !important;gap:12px !important;text-decoration:none !important;color:#fff !important;cursor:pointer !important;transition:background 0.15s ease,transform 0.1s ease !important;box-sizing:border-box !important}.more-card:active{transform:scale(0.98) !important;background:#27272a !important}.more-card-icon{width:38px !important;height:38px !important;border-radius:10px !important;background:rgba(255,255,255,0.06) !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;color:#cbd5e1 !important}.more-card-content{display:flex !important;flex-direction:column !important;gap:2px !important;min-width:0 !important}.more-card strong{font-size:13.5px !important;font-weight:700 !important;color:#fff !important;display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.more-card small{font-size:11px !important;line-height:1.25 !important;color:#a1a1aa !important;display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.more-card.danger-more{border-color:rgba(239,68,68,0.25) !important}.more-card.danger-more:active{background:rgba(239,68,68,0.15) !important}#pendingList .pending-student-card,.pending-student-card{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:8px !important;padding:12px !important}#pendingList .pending-student-main,.pending-student-main{display:flex !important;align-items:center !important;gap:10px !important;width:100% !important}#pendingList .pending-student-actions,.pending-student-actions{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;padding-top:8px !important;border-top:1px solid rgba(255,255,255,0.06) !important}.class-calendar{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.class-calendar::-webkit-scrollbar{display:none}.calendar-day{flex:0 0 126px}.payment-priority-grid,.booking-class-list{grid-template-columns:1fr}.settings-intro,.settings-danger-zone{grid-template-columns:1fr}.settings-danger-zone{align-items:start;flex-direction:column}.settings-danger-zone .danger-mini{width:100%}.check-control{grid-column:1 / -1}.booking-form{position:static}.modal-wrap{align-items:end;padding:0}.modal-wrap.open{display:grid;place-items:end stretch}.modal{width:100%;max-height:calc(100dvh - 22px);border-radius:20px 20px 0 0;padding:0}.modal.legacy-grid{padding:14px 14px calc(20px + env(safe-area-inset-bottom))}.modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.theme-choice-preview{position:relative;overflow:hidden;width:76px;height:52px;align-items:flex-end;gap:4px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2)}.theme-choice-preview::before{position:absolute;inset:6px 6px auto;height:5px;border-radius:999px;background:var(--theme-swatch);content:""}.theme-choice-preview i{width:14px;height:28px;border-radius:4px;background:var(--theme-swatch)}.theme-choice-copy small{display:block}.booking-tabs [data-public-tab="student"]{order:-1}.booking-layout [data-public-pane="student"]{order:-1}.student-booking-board{grid-column:1 / -1;border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:color-mix(in srgb,var(--accent-soft) 34%,var(--surface))}.student-booking-option{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:82px;background:var(--surface)}.student-booking-option > div{display:grid;gap:4px}.student-booking-option .mini-btn{align-self:center}.class-head-actions{align-items:center}.class-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;background:var(--surface-2)}.class-tools > div{display:grid;gap:3px;min-width:0}.class-tools strong{color:var(--text);font-size:14px}.class-tools .meta{margin-top:0}.schedule-slots-field{display:grid;gap:12px;margin:0;border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;background:var(--surface-2)}.schedule-slots-field legend{padding-inline:4px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.schedule-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.schedule-slot-day{display:grid;gap:7px;min-width:0}.schedule-slot-day > strong{color:var(--text);font-size:12px}.schedule-slot-day > div{display:grid;gap:5px}.schedule-slot-day label{display:flex;flex-direction:row;align-items:center;gap:6px;min-height:30px;border:1px solid var(--line);border-radius:7px;padding:4px 7px;background:var(--surface);color:var(--text);font-size:11px}.schedule-slot-day input{width:15px;min-height:15px;accent-color:var(--accent)}.schedule-notify-control{padding:8px 0}.modal-actions{justify-content:flex-end}@media (max-width:760px){.class-head-actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:6px !important;align-items:center !important}.class-head-actions > *{flex:1 1 auto !important;font-size:11px !important;padding-inline:8px !important;min-height:32px !important;white-space:nowrap !important}.class-tools{align-items:stretch;flex-direction:column}.class-tools > button{width:100%}.schedule-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.booking-tabs{width:100%}.booking-tabs button{flex:1 1 0;padding-inline:8px;font-size:11px}.student-booking-option{grid-template-columns:1fr}.student-booking-option .mini-btn{width:100%}.schedule-slots{grid-template-columns:1fr}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions > *{width:100%}}@media (max-width:520px){.panel{padding:14px}.theme-choice-grid{grid-template-columns:1fr}.theme-choice-copy small{max-width:220px}.settings-actions > *{flex:1 1 160px}.settings-preview-card{padding:14px;border-radius:16px}.settings-preview-stats{grid-template-columns:1fr}.kpi{min-height:88px;padding:12px}.kpi strong,.mini-stat strong{font-size:clamp(19px,5.3vw,24px)}.day-command h2,.booking-hero h1,.report-hero h2{font-size:17px !important;line-height:1.2 !important;margin:0 0 2px !important}.two-col.dashboard-grid{gap:8px !important;margin-top:6px !important}.panel.dashboard-classes-panel,.panel.dashboard-pending-panel,.panel.dashboard-action-panel{padding:10px 12px !important;gap:8px !important;border-radius:12px !important}.panel-head{gap:8px !important}.panel-head h2{font-size:17px !important}.panel-head span{font-size:10px !important}.panel-head .soft-btn,.panel-head .primary-btn{min-height:32px;padding-inline:10px;font-size:12px}.class-main{grid-template-columns:1fr}.class-time{width:fit-content;min-width:72px}.login-box{align-self:end;border-radius:16px 16px 0 0}.booking-wall{padding:10px 10px calc(18px + env(safe-area-inset-bottom))}.booking-tabs{width:100%}.booking-tabs button{flex:1;padding-inline:8px}}@media (max-width:980px){.class-row .actions{display:flex !important;align-items:center !important;gap:8px !important;width:100% !important;margin-top:8px !important}.class-row .actions > .mini-btn:not(.icon-btn){flex:1 1 0 !important;min-width:0 !important}.class-row .actions > details.action-dropdown,.class-row .actions > .action-dropdown{flex:0 0 32px !important;width:32px !important;min-width:32px !important;max-width:32px !important}.student-booking-board{min-width:0}}@media (max-width:520px){.student-slot-filters{grid-template-columns:1fr}.student-booking-board .panel-head{align-items:flex-start}.booking-hero{padding:18px}.booking-logo{width:68px;height:68px}}@media (min-width:981px){.class-row .actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:auto}.class-row .actions > .mini-btn:not(.icon-btn){flex:0 0 auto}.class-row .actions > .action-dropdown{flex:0 0 auto}}@media (min-width:981px){.student-pane > .student-booking-board{grid-column:auto}}.setup-guide-card{position:relative;display:grid;gap:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--radius);padding:20px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 40%,var(--surface)),var(--surface) 60%);box-shadow:var(--shadow-soft);margin-bottom:6px}.setup-guide-content{display:grid;gap:6px}.setup-guide-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:3px 10px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.setup-guide-card h3{margin:0;color:var(--text);font-size:18px;font-weight:750;line-height:1.2}.setup-guide-card p{margin:0;color:var(--muted);font-size:13px;max-width:680px}.setup-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}.setup-step{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface)}.setup-step .step-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;flex:0 0 auto}.setup-step > div{display:grid;gap:2px;min-width:0;flex:1 1 auto}.setup-step strong{font-size:13px;color:var(--text)}.setup-step small{font-size:11px;color:var(--muted)}.setup-step .primary-mini{flex:0 0 auto;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.setup-dismiss-btn{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.setup-dismiss-btn:hover{background:var(--surface-2);color:var(--text)}.finance-dashboard{display:flex;flex-direction:column;gap:22px;width:100%;max-width:100%;min-width:0}.finance-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.finance-header-row h2{font-size:22px;font-weight:700;letter-spacing:-0.02em;color:#fff}.finance-header-row p{font-size:13px;color:var(--muted);margin-top:2px}.finance-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.finance-kpi-card{background:#121215;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.4)}.finance-kpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:all 0.2s}.finance-kpi-card.highlight::before{background:linear-gradient(90deg,#dc2626,#ef4444)}.finance-kpi-header{display:flex;align-items:center;justify-content:space-between}.finance-kpi-header span{font-size:12px;font-weight:600;color:var(--muted)}.finance-kpi-icon{width:32px;height:32px;border-radius:8px;background:#18181b;border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:var(--muted)}.finance-kpi-value{font-size:26px;font-weight:800;letter-spacing:-0.03em;color:#fff}.finance-kpi-footer{display:flex;align-items:center;gap:6px;font-size:11px}.trend-pill{display:inline-flex;align-items:center;gap:4px;font-weight:700;padding:2px 6px;border-radius:4px;font-size:10px}.trend-pill.up{background:rgba(16,185,129,0.12);color:#34d399}.trend-pill.down{background:rgba(220,38,38,0.2);color:#f87171}.trend-pill.neutral{background:rgba(255,255,255,0.06);color:var(--muted)}.trend-pill.warn{background:rgba(245,158,11,0.15);color:#fbbf24}.finance-kpi-footer span.meta{color:#71717a}.finance-middle-grid{display:grid;grid-template-columns:2fr 1.1fr 0.9fr;gap:16px;min-width:0;max-width:100%}.finance-card{background:#121215;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,0.4);min-width:0;max-width:100%;overflow:hidden}.finance-card-head{display:flex;align-items:center;justify-content:space-between}.finance-card-head h3{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.finance-card-head p{font-size:12px;color:var(--muted);margin-top:2px}.badge-secondary{font-size:10px;font-weight:600;background:#27272a;color:var(--muted);padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,0.06)}.badge-secondary.success{background:rgba(16,185,129,0.12);color:#34d399;border-color:rgba(16,185,129,0.25)}.chart-container{width:100%;height:160px;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.chart-month-labels{display:flex;justify-content:space-between;font-size:11px;color:#71717a;padding:0 4px}.wallet-card-preview{background:linear-gradient(135deg,#1e1b4b,#0f172a);border:1px solid rgba(99,102,241,0.25);border-radius:14px;padding:16px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:135px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.5)}.wallet-chip{width:28px;height:20px;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:4px}.wallet-key{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;letter-spacing:0.1em;color:#cbd5e1}.wallet-bottom{display:flex;align-items:flex-end;justify-content:space-between}.wallet-bottom strong{font-size:13px;font-weight:700;color:#fff}.wallet-bottom span{font-size:9px;color:#94a3b8;text-transform:uppercase}.finance-transactions-card{background:#121215;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,0.4);min-width:0;max-width:100%;overflow:hidden}.finance-table-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:12px;overflow-x:auto}.finance-tab-btn{background:transparent;border:none;color:var(--muted);font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all 0.15s ease}.finance-tab-btn:hover{color:#fff;background:rgba(255,255,255,0.04)}.finance-tab-btn.active{background:#27272a;color:#fff;border:1px solid rgba(255,255,255,0.08)}.finance-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.finance-data-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#71717a;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.08)}.finance-data-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,0.04);color:#f4f4f5;vertical-align:middle}.finance-data-table tr:hover td{background:rgba(255,255,255,0.02)}.finance-student-cell{display:flex;align-items:center;gap:10px}.finance-student-avatar{width:30px;height:30px;border-radius:50%;background:#27272a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.finance-student-name{font-weight:600;color:#fff;display:block;text-decoration:none}.finance-student-name:hover{color:#ef4444}.finance-student-phone{font-size:11px;color:#71717a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap}.status-badge.paid{background:rgba(16,185,129,0.12);color:#34d399;border:1px solid rgba(16,185,129,0.25)}.status-badge.pending{background:rgba(245,158,11,0.12);color:#fbbf24;border:1px solid rgba(245,158,11,0.25)}.status-badge-dot{width:6px;height:6px;border-radius:50%}.status-badge.paid .status-badge-dot{background:#10b981}.status-badge.pending .status-badge-dot{background:#f59e0b}.amount-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;font-size:13px}.amount-cell.credit{color:#34d399}.amount-cell.pending{color:#fbbf24}@media (max-width:1180px){.finance-middle-grid{grid-template-columns:1fr}}@media (max-width:1024px){.kpi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.kpi-grid-4,#financeKpiGrid,#studentsKpiGrid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;width:100% !important}.finance-kpi-card{padding:10px 12px !important;gap:6px !important;border-radius:12px !important;min-width:0 !important}.finance-kpi-header span{font-size:11px !important}.finance-kpi-icon{width:24px !important;height:24px !important;flex-shrink:0 !important}.finance-kpi-icon svg{width:13px !important;height:13px !important}.finance-kpi-value{font-size:clamp(15px,4.5vw,19px) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.finance-kpi-footer{flex-wrap:wrap !important;gap:4px !important;font-size:10px !important}.finance-kpi-footer span.meta{font-size:10px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.finance-header-row{flex-direction:column;align-items:flex-start}.finance-data-table th:nth-child(2),.finance-data-table td:nth-child(2),.finance-data-table th:nth-child(3),.finance-data-table td:nth-child(3){display:none}}.action-dropdown{position:relative;display:inline-block;user-select:none}.action-dropdown summary{list-style:none;cursor:pointer;outline:none}.action-dropdown summary::-webkit-details-marker{display:none}.class-row:has(.action-dropdown[open]){z-index:50 !important;position:relative !important}.action-dropdown[open]{z-index:60 !important;position:relative !important}.action-dropdown[open] summary{background:var(--surface-2) !important;border-color:rgba(255,255,255,0.25) !important;color:#ffffff !important}.action-dropdown .dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#141417;border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:6px;box-shadow:0 12px 30px -4px rgba(0,0,0,0.75),0 4px 12px -2px rgba(0,0,0,0.5);z-index:100;display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn 0.14s cubic-bezier(0.16,1,0.3,1)}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-6px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:#d4d4d8;font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background 0.12s ease,color 0.12s ease;white-space:nowrap}.dropdown-item svg{flex-shrink:0;color:#71717a;transition:color 0.12s ease}.dropdown-item:hover{background:rgba(255,255,255,0.07);color:#ffffff}.dropdown-item:hover svg{color:#ffffff}.dropdown-item.danger{color:#f87171}.dropdown-item.danger svg{color:#f87171}.dropdown-item.danger:hover{background:rgba(220,38,38,0.16);color:#ef4444}.dropdown-item.danger:hover svg{color:#ef4444}.dropdown-divider{height:1px;background:rgba(255,255,255,0.08);margin:4px 0}.kpi-card{transition:transform 0.16s ease,border-color 0.16s ease,box-shadow 0.16s ease !important}.kpi-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.15) !important;box-shadow:0 6px 18px rgba(0,0,0,0.45) !important}.day-command{box-shadow:0 4px 20px rgba(0,0,0,0.45) !important;transition:border-color 0.18s ease,box-shadow 0.18s ease}.day-command:hover{border-color:rgba(255,255,255,0.14) !important}.row-card.class-row{transition:transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.row-card.class-row:hover{border-color:rgba(255,255,255,0.14) !important;box-shadow:0 4px 16px rgba(0,0,0,0.35)}.ai-pending-strip{margin-bottom:24px;background:linear-gradient(135deg,rgba(24,24,27,0.95),rgba(18,18,20,0.98));border:1px solid rgba(249,115,22,0.28);border-radius:16px;padding:20px 24px;box-shadow:0 8px 32px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);position:relative;overflow:hidden}.ai-pending-strip::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f97316,#eab308,#10b981)}.ai-strip-header{margin-bottom:16px}.ai-strip-title{display:flex;align-items:flex-start;gap:12px}.ai-pulse-dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:#f97316;box-shadow:0 0 12px #f97316;animation:ai-pulse 2s infinite ease-in-out;flex-shrink:0}@keyframes ai-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:0.65}}.ai-title-wrap{flex:1}.ai-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-title-row h3{font-size:16px;font-weight:700;color:#fafafa;margin:0}.ai-count-pill{font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;background:rgba(249,115,22,0.18);color:#fb923c;border:1px solid rgba(249,115,22,0.35)}.ai-subtitle{font-size:13px;color:#a1a1aa;margin:4px 0 0 0}.ai-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.ai-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.ai-card:hover{transform:translateY(-2px);border-color:rgba(249,115,22,0.4);box-shadow:0 6px 20px rgba(0,0,0,0.4)}.ai-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:0.03em}.ai-badge-presence{background:rgba(16,185,129,0.16);color:#34d399;border:1px solid rgba(16,185,129,0.3)}.ai-badge-payment{background:rgba(234,179,8,0.16);color:#facc15;border:1px solid rgba(234,179,8,0.3)}.ai-badge-student{background:rgba(14,165,233,0.16);color:#38bdf8;border:1px solid rgba(14,165,233,0.3)}.ai-badge-other{background:rgba(161,161,170,0.16);color:#d4d4d8;border:1px solid rgba(161,161,170,0.3)}.ai-card-time{font-size:11px;color:#71717a;font-weight:500}.ai-card-title{font-size:14px;font-weight:700;color:#f4f4f5;margin:0;line-height:1.35}.ai-card-desc{font-size:13px;color:#d4d4d8;margin:0;line-height:1.45}.ai-card-transcript{display:flex;align-items:flex-start;gap:6px;font-size:12px;font-style:italic;color:#a1a1aa;background:rgba(0,0,0,0.25);padding:8px 10px;border-radius:8px;border-left:2px solid #f97316}.ai-card-transcript svg{flex-shrink:0;margin-top:2px;color:#f97316}.ai-card-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.ai-btn-approve{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#10b981;color:#ffffff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s ease,transform 0.1s ease}.ai-btn-approve:hover{background:#059669;transform:translateY(-1px)}.ai-btn-approve:active{transform:scale(0.98)}.ai-btn-edit{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:rgba(59,130,246,0.12);color:#60a5fa;border:1px solid rgba(59,130,246,0.28);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.1s ease}.ai-btn-edit:hover{background:rgba(59,130,246,0.22);border-color:rgba(59,130,246,0.45);transform:translateY(-1px)}.ai-btn-edit:active{transform:scale(0.98)}.ai-btn-reject{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,0.06);color:#ef4444;border:1px solid rgba(239,68,68,0.25);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease}.ai-btn-reject:hover{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.4)}@media (max-width:640px){.ai-cards-grid{grid-template-columns:1fr}}.actions-command-center{display:flex;flex-direction:column;gap:20px;width:100%}.actions-hero-panel{background:linear-gradient(135deg,rgba(220,38,38,0.08) 0%,rgba(24,24,27,0.9) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}.actions-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.actions-live-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);border-radius:999px;color:#34d399;font-size:11px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;margin-bottom:8px}.actions-hero-title{font-size:24px;font-weight:800;color:#ffffff;margin:0 0 6px 0;letter-spacing:-0.02em}.actions-hero-desc{font-size:13px;color:#a1a1aa;margin:0;max-width:680px;line-height:1.5}.actions-hero-buttons{display:flex;align-items:center;gap:8px}.actions-hero-buttons .soft-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px}.actions-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.actions-kpi-card{background:rgba(18,18,22,0.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;transition:transform 0.15s ease,border-color 0.15s ease}.actions-kpi-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.15)}.actions-kpi-card.highlight-glow{border-color:rgba(220,38,38,0.35);background:linear-gradient(135deg,rgba(220,38,38,0.12) 0%,rgba(24,24,27,0.8) 100%)}.actions-kpi-card .kpi-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.actions-kpi-card .kpi-meta{display:flex;flex-direction:column;min-width:0}.actions-kpi-card .kpi-label{font-size:11px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:0.04em}.actions-kpi-card .kpi-val{font-size:22px;font-weight:800;color:#ffffff;line-height:1.2;margin:2px 0}.actions-kpi-card .kpi-sub{font-size:11px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.actions-feed-column{display:flex;flex-direction:column;gap:14px;min-width:0}.actions-sidebar-column{display:flex;flex-direction:column;gap:16px}.actions-chip-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.actions-chip-bar::-webkit-scrollbar{display:none}.actions-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:999px;color:#a1a1aa;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.15s ease}.actions-chip:hover{background:#27272a;color:#ffffff;border-color:rgba(255,255,255,0.2)}.actions-chip.active{background:rgba(220,38,38,0.15);color:#ffffff;border-color:#ef4444}.actions-chip .chip-count{padding:2px 7px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:11px;font-weight:700}.actions-chip.active .chip-count{background:rgba(220,38,38,0.3);color:#fca5a5}.actions-filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions-search-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.actions-search-wrap svg{position:absolute;left:12px;color:#71717a;pointer-events:none}.actions-search-wrap input{width:100%;height:40px;background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0 14px 0 38px;color:#ffffff;font-size:13px;transition:border-color 0.15s ease}.actions-search-wrap input:focus{border-color:#ef4444;outline:none}.actions-filter-selects{display:flex;align-items:center;gap:8px}.actions-filter-selects select{height:40px;background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:0 12px;color:#ffffff;font-size:12px;font-weight:600;cursor:pointer}.actions-timeline-feed{display:flex;flex-direction:column;gap:10px}.actions-day-header{display:flex;align-items:center;gap:12px;margin:14px 0 4px}.actions-day-header .day-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#a1a1aa;background:#18181b;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06)}.actions-day-header .day-line{flex:1;height:1px;background:rgba(255,255,255,0.06)}.action-card-v2{background:#18181b;border:1px solid rgba(255,255,255,0.06);border-left:4px solid #ef4444;border-radius:14px;padding:14px 16px;display:flex;align-items:flex-start;gap:14px;transition:all 0.15s ease}.action-card-v2:hover{background:#1f1f23;border-color:rgba(255,255,255,0.12);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.3)}.action-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.action-card-body{flex:1;min-width:0}.action-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;flex-wrap:wrap}.action-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pill-category{font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:0.02em}.pill-actor{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,0.06);color:#d4d4d8}.pill-actor.actor-teacher{background:rgba(220,38,38,0.12);color:#f87171;border:1px solid rgba(220,38,38,0.2)}.pill-actor.actor-student{background:rgba(139,92,246,0.12);color:#c4b5fd;border:1px solid rgba(139,92,246,0.2)}.pill-actor.actor-ai{background:rgba(6,182,212,0.12);color:#67e8f9;border:1px solid rgba(6,182,212,0.2)}.pill-actor.actor-system{background:rgba(148,163,184,0.1);color:#94a3b8}.action-card-time{font-size:11px;color:#71717a;display:flex;align-items:center;gap:4px}.action-card-time .exact-time{font-weight:700;color:#a1a1aa}.action-card-title{font-size:14px;font-weight:700;color:#ffffff;margin:2px 0 4px;line-height:1.3}.action-card-detail{font-size:13px;color:#a1a1aa;margin:0;line-height:1.45;word-break:break-word}.action-card-footer{margin-top:8px;display:flex;align-items:center;gap:6px}.action-student-link{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.15s ease}.action-student-link:hover{background:rgba(220,38,38,0.15);border-color:#ef4444;color:#fca5a5}.action-card-v2.reverted{opacity:0.65;border-left-color:#52525b !important;background:rgba(24,24,27,0.35)}.action-card-v2.reverted .action-card-title{text-decoration:line-through;color:#71717a}.action-undo-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);color:#fbbf24;font-size:11px;font-weight:600;cursor:pointer;transition:all 0.15s ease}.action-undo-btn:hover{background:rgba(245,158,11,0.25);border-color:#f59e0b;color:#fef3c7;transform:translateY(-1px)}.action-undo-btn:active{transform:translateY(0)}.action-reverted-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:rgba(113,113,122,0.15);border:1px solid rgba(113,113,122,0.3);color:#a1a1aa;font-size:11px;font-weight:500}.actions-status-panel,.actions-dist-panel{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:18px}.status-items-list{display:flex;flex-direction:column;gap:12px}.status-row{display:flex;align-items:center;gap:10px}.status-indicator-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-indicator-dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.status-info{display:flex;flex-direction:column;min-width:0}.status-info strong{font-size:12px;color:#ffffff;font-weight:600}.status-info small{font-size:11px;color:#71717a}.dist-stacked-bar{height:8px;border-radius:999px;display:flex;overflow:hidden;background:rgba(255,255,255,0.06);margin-bottom:12px}.dist-legend{display:flex;flex-direction:column;gap:6px}.dist-legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#a1a1aa}.dist-legend-item .legend-color{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ai-hub-callout{background:linear-gradient(135deg,rgba(6,182,212,0.1) 0%,rgba(24,24,27,0.8) 100%);border:1px solid rgba(6,182,212,0.25);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.ai-callout-head{display:flex;align-items:center;gap:8px;color:#06b6d4;font-size:13px}.ai-hub-callout p{font-size:12px;color:#a1a1aa;margin:0;line-height:1.45}.actions-empty-state{background:#18181b;border:1px dashed rgba(255,255,255,0.12);border-radius:16px;padding:48px 24px;text-align:center}.actions-empty-state .empty-icon{font-size:32px;margin-bottom:12px}.actions-empty-state h3{font-size:16px;color:#ffffff;margin:0 0 6px 0}.actions-empty-state p{font-size:13px;color:#71717a;margin:0}@media (max-width:1024px){.actions-main-layout{grid-template-columns:1fr}.actions-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.actions-kpi-grid{grid-template-columns:1fr}.actions-hero-panel{padding:16px}.actions-hero-title{font-size:20px}.action-card-v2{padding:12px;gap:10px}.action-card-icon{width:34px;height:34px;font-size:15px}}.badge-beta{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;padding:2px 7px;border-radius:9999px;background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.28);line-height:1.3;vertical-align:middle}.nav-item.active .badge-beta{background:#ef4444;color:#ffffff;border-color:#ef4444}.tournament-card,.product-preview-card,.trn-card{transition:all 0.2s ease}.tournament-card:hover,.product-preview-card:hover,.trn-card:hover{border-color:rgba(255,255,255,0.18) !important;transform:translateY(-1px)}.match-score-input:focus,.trn-score-input:focus{outline:none;border-color:#ef4444 !important;box-shadow:0 0 0 2px rgba(239,68,68,0.2)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-active{background:#fbbf24;box-shadow:0 0 6px rgba(251,191,36,0.5)}.status-dot-success{background:#10b981;box-shadow:0 0 6px rgba(16,185,129,0.5)}.status-dot-danger{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,0.5)}.status-dot-neutral{background:#71717a}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:9999px;letter-spacing:0.02em;white-space:nowrap}.status-pill-amber{background:rgba(245,158,11,0.12);color:#fbbf24;border:1px solid rgba(245,158,11,0.28)}.status-pill-emerald{background:rgba(16,185,129,0.12);color:#34d399;border:1px solid rgba(16,185,129,0.28)}.status-pill-red{background:rgba(239,68,68,0.12);color:#f87171;border:1px solid rgba(239,68,68,0.28)}.status-pill-zinc{background:rgba(161,161,170,0.10);color:#a1a1aa;border:1px solid rgba(161,161,170,0.20)}.status-pill-blue{background:rgba(56,189,248,0.12);color:#38bdf8;border:1px solid rgba(56,189,248,0.28)}.mod-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}.mod-kpi-card{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;transition:border-color 0.15s ease}.mod-kpi-card:hover{border-color:rgba(255,255,255,0.16)}.mod-kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:#71717a;display:flex;align-items:center;justify-content:space-between}.mod-kpi-value{font-size:26px;font-weight:800;color:#f4f4f5;line-height:1.2;margin-top:2px;font-variant-numeric:tabular-nums}.mod-kpi-sub{font-size:11px;color:#a1a1aa}.trn-card{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.trn-meta-list{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#a1a1aa;margin:12px 0}.trn-meta-item{display:flex;align-items:center;gap:8px}.trn-meta-item svg{color:#71717a;flex-shrink:0}.trn-progress-bar{width:100%;height:6px;background:#27272a;border-radius:9999px;overflow:hidden;margin-top:4px}.trn-progress-fill{height:100%;background:#ef4444;border-radius:9999px;transition:width 0.3s ease}.trn-match-card{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color 0.15s ease}.trn-match-card.is-finished{border-color:rgba(16,185,129,0.25);background:linear-gradient(180deg,#18181b 0%,rgba(16,185,129,0.03) 100%)}.trn-match-card.is-live{border-color:rgba(245,158,11,0.35);box-shadow:0 0 16px rgba(245,158,11,0.06)}.trn-match-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#71717a;border-bottom:1px solid rgba(255,255,255,0.06);padding-bottom:8px}.trn-court-badge{font-size:10px;font-weight:700;color:#38bdf8;background:rgba(56,189,248,0.12);padding:2px 7px;border-radius:6px;border:1px solid rgba(56,189,248,0.25)}.trn-team-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,0.02);border:1px solid transparent;transition:all 0.15s ease}.trn-team-row.is-winner{background:rgba(16,185,129,0.10);border-color:rgba(16,185,129,0.3)}.trn-team-name{font-size:13px;font-weight:700;color:#f4f4f5;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trn-team-row.is-winner .trn-team-name{color:#34d399}.trn-score-stepper{display:inline-flex;align-items:center;gap:2px;background:#09090b;border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:2px}.trn-stepper-btn{width:28px;height:28px;border:none;background:transparent;color:#a1a1aa;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;user-select:none;transition:all 0.12s ease}.trn-stepper-btn:hover:not(:disabled){background:rgba(255,255,255,0.12);color:#ffffff}.trn-stepper-btn:active:not(:disabled){transform:scale(0.92)}.trn-stepper-btn:disabled{opacity:0.3;cursor:not-allowed}.trn-score-input{width:32px;height:28px;background:transparent;border:none;text-align:center;font-size:14px;font-weight:800;color:#ffffff;padding:0;font-variant-numeric:tabular-nums}.trn-score-input::-webkit-outer-spin-button,.trn-score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.trn-podium-container{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:28px 20px;text-align:center}.trn-podium-flex{display:flex;justify-content:center;align-items:flex-end;gap:16px;max-width:520px;margin:20px auto 0}.trn-podium-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.trn-podium-col.is-first{flex:1.25}.trn-podium-block{width:100%;border-radius:14px 14px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;border:1px solid rgba(255,255,255,0.08);border-bottom:none}.trn-podium-block.first{height:120px;background:linear-gradient(180deg,rgba(245,158,11,0.22) 0%,rgba(245,158,11,0.08) 100%);border-color:rgba(245,158,11,0.35);color:#fbbf24}.trn-podium-block.second{height:85px;background:#27272a;color:#e4e4e7}.trn-podium-block.third{height:65px;background:#1f1f23;color:#a1a1aa}.unf-batch-banner{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:20px;margin:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.unf-factory-card{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:18px 20px;margin-bottom:22px}.unf-factory-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.06)}.unf-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.unf-item-box{background:#121214;border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.unf-sizes-wrap{display:flex;flex-wrap:wrap;gap:6px}.unf-size-chip{background:#27272a;border:1px solid rgba(255,255,255,0.08);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#f4f4f5;font-variant-numeric:tabular-nums}.unf-table-container{background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:18px;overflow:hidden}.unf-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.unf-table thead tr{background:#121214;border-bottom:1px solid rgba(255,255,255,0.08);color:#71717a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.unf-table th,.unf-table td{padding:12px 16px}.unf-table tbody tr{border-bottom:1px solid rgba(255,255,255,0.04);transition:background 0.12s ease}.unf-table tbody tr:hover{background:rgba(255,255,255,0.02)}.unf-pay-toggle{background:transparent;border:none;cursor:pointer;padding:0;display:inline-flex}.unf-status-select{background:#09090b;border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600;color:#d4d4d8;cursor:pointer}.unf-status-select:focus{outline:none;border-color:#ef4444}html,body{max-width:100vw !important;overflow-x:hidden !important;box-sizing:border-box !important}*,*::before,*::after{box-sizing:border-box}.table-wrap,.table-responsive,.unf-table-container,.finance-table-wrap,.tournaments-table-wrap{width:100% !important;max-width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;box-sizing:border-box !important;display:block !important;scrollbar-width:thin !important}@media (max-width:980px){html,body{width:100% !important;max-width:100vw !important;overflow-x:hidden !important;position:relative !important}.app{width:100% !important;max-width:100vw !important;overflow-x:hidden !important;box-sizing:border-box !important;min-width:0 !important;padding:8px 0 calc(var(--mobile-nav) + 20px + env(safe-area-inset-bottom,16px)) !important}.page,.page.active{width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow-x:hidden !important;min-width:0 !important;padding:0 10px !important;gap:10px !important}.topbar{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;min-height:44px !important;height:44px !important;padding:0 8px !important;margin-bottom:8px !important;gap:6px !important;width:100% !important;max-width:100vw !important;overflow:hidden !important;box-sizing:border-box !important}.mobile-top-brand{display:flex !important;align-items:center !important;gap:6px !important;flex:1 1 auto !important;min-width:0 !important}.mobile-top-brand-left{display:flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;flex-shrink:1 !important}.mobile-top-brand-left strong{font-size:13px !important;font-weight:700 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:110px !important}.mobile-portal-badge{padding:4px 8px !important;font-size:11px !important;min-height:30px !important;gap:4px !important;border-radius:8px !important;white-space:nowrap !important;flex-shrink:0 !important}.top-actions{display:flex !important;align-items:center !important;gap:4px !important;width:auto !important;flex-shrink:0 !important}.top-actions > .soft-btn[data-refresh],.top-actions > [data-refresh]{min-height:30px !important;height:30px !important;padding:0 8px !important;font-size:11px !important;border-radius:8px !important;flex-shrink:0 !important}.panel,.finance-card,.finance-transactions-card,.actions-hero-panel,.unf-factory-card,.trn-card,.report-hero,.day-command,.setup-guide-card{max-width:100% !important;width:100% !important;box-sizing:border-box !important;padding:12px !important;border-radius:14px !important;overflow:hidden !important;min-width:0 !important}.panel-head{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:10px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important}.panel-head > div:first-child{width:100% !important;min-width:0 !important}.panel-head h2{font-size:17px !important;line-height:1.25 !important;word-break:break-word !important}.panel-head .actions,.panel-head .class-head-actions{width:100% !important;display:flex !important;flex-wrap:wrap !important;gap:6px !important;justify-content:flex-start !important}.panel-head .actions > *,.panel-head .class-head-actions > *{flex:1 1 auto !important;min-width:0 !important;text-align:center !important}.mod-kpi-grid,.unf-breakdown-grid,.ai-cards-grid,.student-grid,#planGrid,.two-col,.dashboard-grid,.report-columns{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100% !important;box-sizing:border-box !important;min-width:0 !important}.filters,.class-filter-toolbar,.student-filters,.booking-filters{display:flex !important;flex-direction:column !important;gap:8px !important;width:100% !important;box-sizing:border-box !important}.filters > *,.class-filter-toolbar > *,.student-filters > *,.booking-filters > *{width:100% !important;min-width:0 !important;box-sizing:border-box !important}.quick-days{display:flex !important;flex-wrap:wrap !important;gap:4px !important;width:100% !important;box-sizing:border-box !important}.quick-days > button{flex:1 1 calc(14% - 4px) !important;min-width:36px !important;padding:6px 2px !important;font-size:11px !important;text-align:center !important}.finance-dashboard{width:100% !important;max-width:100% !important;box-sizing:border-box !important;min-width:0 !important}.finance-header-row{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:10px !important;width:100% !important}.finance-header-actions{width:100% !important;display:flex !important;flex-wrap:wrap !important;gap:6px !important}.finance-header-actions > *{flex:1 1 auto !important;min-width:0 !important}.finance-middle-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100% !important}.finance-card-head{display:flex !important;flex-wrap:wrap !important;gap:8px !important;justify-content:space-between !important}.actions-command-center{width:100% !important;max-width:100% !important;box-sizing:border-box !important;min-width:0 !important}.actions-hero-panel{padding:14px !important}.actions-hero-buttons{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;width:100% !important}.actions-hero-buttons > *{width:100% !important;justify-content:center !important}.actions-filter-bar{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;gap:8px !important}.actions-search-wrap{min-width:0 !important;width:100% !important}.actions-filter-selects{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;width:100% !important}.actions-filter-selects select{width:100% !important}.settings-layout,.settings-form{width:100% !important;max-width:100% !important;box-sizing:border-box !important;min-width:0 !important}.settings-form .form-row{grid-template-columns:1fr !important;width:100% !important}.whatsapp-status-bar{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important}.whatsapp-status-actions{width:100% !important;display:flex !important;gap:6px !important;flex-wrap:wrap !important}.whatsapp-status-actions > *{flex:1 1 auto !important}}