@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--color-primary:#818cf8;--color-primary-light:#a5b4fc;--color-primary-dark:#6366f1;--color-secondary:#c084fc;--color-accent:#38bdf8;--color-bg-primary:#000;--color-bg-secondary:#050507;--color-bg-tertiary:#0e0e12;--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-border:#ffffff14;--color-border-light:#ffffff2e;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 2px 4px #000c;--shadow-md:0 8px 24px #000000e6;--shadow-lg:0 16px 36px #000000f2;--shadow-xl:0 24px 60px #000000fa;--shadow-glow:0 0 25px #6366f140;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-slow:.35s cubic-bezier(.16, 1, .3, 1);--font-family:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}:root.light,:root[data-theme=light],html.light{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-secondary:#9333ea;--color-accent:#0284c7;--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-border:#cbd5e1;--color-border-light:#e2e8f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #0000001f;--shadow-glow:0 0 20px #4f46e533}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}.container{width:100%;max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.animate-slide-in{animation:slideIn var(--transition-slow) ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hide-mobile{display:flex}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile.flex{display:flex!important}.flex-stack-mobile{flex-direction:column!important}.container{padding:0 var(--spacing-md)}}@media (max-width:480px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}}.form-sections-container{gap:var(--spacing-2xl);padding-bottom:var(--spacing-xl);flex-direction:column;display:flex}.form-sticky-footer{background:var(--color-bg-secondary);padding:var(--spacing-lg) 0 0;justify-content:flex-end;gap:var(--spacing-md);border-top:1px solid var(--color-border);z-index:10;margin-top:var(--spacing-lg);display:flex;position:sticky;bottom:-1px;left:0;right:0}.textarea-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);resize:vertical;outline:none}:root.light,:root[data-theme=light],html.light,:root.light body,:root[data-theme=light] body,html.light body,:root.light .dashboard-layout,:root[data-theme=light] .dashboard-layout,html.light .dashboard-layout{color:#0f172a!important;background-color:#f8fafc!important}:root.light .dashboard-sidebar,:root[data-theme=light] .dashboard-sidebar,html.light .dashboard-sidebar{background:#fff!important;border-right:1px solid #e2e8f0!important}:root.light .dashboard-header,:root[data-theme=light] .dashboard-header,html.light .dashboard-header{background:#ffffffe6!important;border-bottom:1px solid #e2e8f0!important}:root.light .card,:root[data-theme=light] .card,html.light .card,:root.light .mini-stat-card,:root[data-theme=light] .mini-stat-card,html.light .mini-stat-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 12px #0000000d!important}:root.light .card-footer,:root[data-theme=light] .card-footer,html.light .card-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}:root.light .input-field,:root[data-theme=light] .input-field,html.light .input-field{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}:root.light .input-field:focus,:root[data-theme=light] .input-field:focus,html.light .input-field:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}:root.light .btn-primary,:root[data-theme=light] .btn-primary,html.light .btn-primary{color:#fff!important;background:#4f46e5!important;box-shadow:0 4px 12px #4f46e54d!important}:root.light .btn-primary:hover,:root[data-theme=light] .btn-primary:hover,html.light .btn-primary:hover{background:#4338ca!important;box-shadow:0 6px 16px #4f46e566!important}:root.light .btn-secondary,:root[data-theme=light] .btn-secondary,html.light .btn-secondary{color:#0f172a!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}:root.light .notification-dropdown,:root[data-theme=light] .notification-dropdown,html.light .notification-dropdown{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 20px 40px #0000001f!important}:root.light .modal-content,:root[data-theme=light] .modal-content,html.light .modal-content{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 25px 50px #00000026!important}:root,:root:not(.light),:root[data-theme=dark],html:not(.light){--color-primary:#818cf8;--color-primary-light:#a5b4fc;--color-primary-dark:#6366f1;--color-secondary:#c084fc;--color-accent:#38bdf8;--color-bg-primary:#000;--color-bg-secondary:#050507;--color-bg-tertiary:#0e0e12;--color-text-primary:#fff;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-border:#ffffff14;--color-border-light:#ffffff2e;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-danger:#ef4444;--shadow-sm:0 2px 4px #000c;--shadow-md:0 8px 24px #000000e6;--shadow-lg:0 16px 36px #000000f2;--shadow-xl:0 24px 60px #000000fa;--shadow-glow:0 0 25px #6366f140}:root.light,:root[data-theme=light],html.light{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-secondary:#9333ea;--color-accent:#0284c7;--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-danger:#dc2626;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 12px #0f172a1a;--shadow-lg:0 10px 25px #0f172a1f;--shadow-xl:0 20px 40px #0f172a24;--shadow-glow:0 0 20px #4f46e533}html,body{transition:background-color .3s,color .3s;background-color:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}select,.select-field,.month-filter,.select-filter,.filter-chip-select,.class-filter .filter-select{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input[type=date],input[type=month],input[type=datetime-local],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.light input[type=date],:root.light input[type=month],:root.light input[type=datetime-local],:root.light input[type=time],:root[data-theme=light] input[type=date],:root[data-theme=light] input[type=month],:root[data-theme=light] input[type=datetime-local],:root[data-theme=light] input[type=time],html.light input[type=date],html.light input[type=month],html.light input[type=datetime-local],html.light input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}:root.light input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root.light input[type=month]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root.light input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root.light input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root[data-theme=light] input[type=month]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}:root[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}html.light input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}html.light input[type=month]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}html.light input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}html.light input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.dashboard-layout{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.dashboard-sidebar{background:var(--color-bg-secondary)!important;border-right:1px solid var(--color-border)!important}.sidebar-header,.sidebar-footer{border-color:var(--color-border)!important}.dashboard-header{border-bottom:1px solid var(--color-border)!important}:root:not(.light) .dashboard-header,html:not(.light) .dashboard-header{background:#050507d9!important}:root.light .dashboard-header,html.light .dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb!important}.nav-item:hover{background:var(--color-bg-tertiary)!important}.nav-item-active{border-left-color:var(--color-primary)!important;color:var(--color-primary)!important;background:#6366f11a!important}.card{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-md)!important}.card-header,.card-body,.card-footer{border-color:var(--color-border)!important}.card-footer{background:var(--color-bg-tertiary)!important}.mini-stat-card{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important}.modal-content{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-xl)!important;color:var(--color-text-primary)!important}.modal-header{border-bottom:1px solid var(--color-border)!important}.modal-title{color:var(--color-text-primary)!important}.modal-close{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.notification-dropdown{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border-light)!important;box-shadow:var(--shadow-xl)!important;color:var(--color-text-primary)!important}.dropdown-header{border-bottom-color:var(--color-border)!important}.dropdown-header h3{color:var(--color-text-primary)!important}.item-title{color:var(--color-text-primary)!important}.item-message{color:var(--color-text-secondary)!important}.empty-title{color:var(--color-text-primary)!important}.empty-desc{color:var(--color-text-secondary)!important}.empty-icon{background:var(--color-bg-tertiary)!important}:root:not(.light) .btn-primary,html:not(.light) .btn-primary{color:#000!important;background:#fff!important;font-weight:800!important;box-shadow:0 0 20px #fff3!important}:root:not(.light) .btn-primary:hover,html:not(.light) .btn-primary:hover{transform:translateY(-2px)scale(1.01)!important;box-shadow:0 0 35px #fff6!important}:root.light .btn-primary,html.light .btn-primary{background:var(--color-primary)!important;color:#fff!important;box-shadow:0 4px 14px #4f46e559!important}:root.light .btn-primary:hover,html.light .btn-primary:hover{background:var(--color-primary-dark)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #4f46e573!important}.btn-secondary{background:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important}.btn-secondary:hover{background:var(--color-bg-secondary)!important;border-color:var(--color-border-light)!important}.custom-table-container,.payments-table-container{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important}.custom-table thead,.custom-table th,.payments-table thead,.payments-table th,.students-table thead,.students-table th{background:var(--color-bg-tertiary)!important;color:var(--color-text-secondary)!important;border-bottom-color:var(--color-border)!important}.custom-table tbody tr:hover,.payments-table tbody tr:hover,.students-table tbody tr:hover{background:var(--color-bg-tertiary)!important}.custom-table tbody tr:not(:last-child) td,.payments-table tbody tr,.students-table tbody tr{border-bottom-color:var(--color-border)!important}.custom-table td,.payments-table td,.students-table td{color:var(--color-text-primary)!important}.payments-header-section{background:var(--color-bg-primary)!important}.payments-toolbar.show,.summary-item,.stat-badge,.payment-mobile-card{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}.card-row.secondary{border-top-color:var(--color-border)!important}.tabs{border-bottom-color:var(--color-border)!important}.tab-button{color:var(--color-text-secondary)!important}.month-filter,.select-filter,.text-filter{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}.students-header-section{background:var(--color-bg-primary)!important}.students-count{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.student-details{background:var(--color-bg-tertiary)!important}.student-actions{border-top-color:var(--color-border)!important}.filter-chip{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.filter-chip.active,.filter-chip:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:#6366f11a!important}.filter-chip-select,.class-filter .filter-select{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}.modal-tab-btn{color:var(--color-text-tertiary)!important}.modal-tab-btn.active{color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important}.section-header-pill{border-bottom-color:var(--color-border)!important}.section-icon{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important}.form-sticky-footer{border-top-color:var(--color-border)!important;background:var(--color-bg-secondary)!important}.attendance-header-section,.attendance-controls-bar{background:var(--color-bg-primary)!important}.confirm-dialog{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important}.confirm-dialog-title{color:var(--color-text-primary)!important}.confirm-dialog-message{color:var(--color-text-secondary)!important}.confirm-overlay{background:#000000b3!important}:root:not(.light) .shimmer-line,html:not(.light) .shimmer-line{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%)!important}:root.light .shimmer-line,html.light .shimmer-line{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%)!important}.nav-divider{background:var(--color-border)!important}:root:not(.light) .sidebar-upgrade-btn,html:not(.light) .sidebar-upgrade-btn{color:#fff!important;box-shadow:none!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important;border-radius:99px!important}:root:not(.light) .sidebar-upgrade-btn:hover,html:not(.light) .sidebar-upgrade-btn:hover{background:#ffffff1f!important;border-color:#ffffff40!important;box-shadow:0 4px 16px #0006!important}:root.light .sidebar-upgrade-btn,html.light .sidebar-upgrade-btn{color:#0f172a!important;box-shadow:none!important;background:#0000000a!important;border:1px solid #0000001a!important;border-radius:99px!important}:root.light .sidebar-upgrade-btn:hover,html.light .sidebar-upgrade-btn:hover{background:#00000014!important;border-color:#0003!important}.sidebar-toggle-btn{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}.sidebar-toggle-btn:hover{color:var(--color-text-primary)!important;border-color:var(--color-primary)!important}.settings-section{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}.settings-group-header{border-bottom-color:var(--color-border)!important;color:var(--color-text-primary)!important}.settings-label{color:var(--color-text-primary)!important}.settings-hint{color:var(--color-text-tertiary)!important}.settings-item{border-bottom-color:var(--color-border)!important}:root.light .pin-guard-overlay,html.light .pin-guard-overlay{background-color:#f8fafcf7!important}:root.light .pin-guard-card,html.light .pin-guard-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 50px #0f172a26!important}:root.light .pin-guard-card h2,html.light .pin-guard-card h2{color:#0f172a!important}:root.light .pin-guard-card p,html.light .pin-guard-card p{color:#475569!important}:root.light .pin-input,html.light .pin-input{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}:root.light .pin-unlock-btn,html.light .pin-unlock-btn{color:#fff!important;background:#0f172a!important;box-shadow:0 4px 14px #0f172a40!important}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#fff0);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-xs)}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-glow);font-weight:800}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)scale(1.01)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn-outline:hover{color:var(--color-primary);border-color:var(--color-primary);background:#6366f11a}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-full-width{width:100%}.btn-loading{pointer-events:none}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading-text{opacity:.7}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #ef444466;box-shadow:0 4px 12px #dc262640}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);overflow:hidden}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-xl);border-color:var(--color-border-light);transform:translateY(-3px)}.card-glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);background:#0e0e1299}.card-header{padding:var(--spacing-lg);border-bottom:1px solid #ffffff14}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.input-wrapper{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.input-full-width{width:100%}.input-container{align-items:center;display:flex;position:relative}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date] input[type=date],input[type=date] input[type=month],input[type=date] input[type=datetime-local],input[type=date] input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date] :root.light input[type=date],input[type=date] :root.light input[type=month],input[type=date] :root.light input[type=datetime-local],input[type=date] :root.light input[type=time],input[type=date] :root[data-theme=light] input[type=date],input[type=date] :root[data-theme=light] input[type=month],input[type=date] :root[data-theme=light] input[type=datetime-local],input[type=date] :root[data-theme=light] input[type=time],input[type=date] html.light input[type=date],input[type=date] html.light input[type=month],input[type=date] html.light input[type=datetime-local],input[type=date] html.light input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}input[type=date] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=date] input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=date] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=date] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85)brightness(1.5);cursor:pointer;opacity:.85}input[type=date] :root.light input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root.light input[type=month]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root.light input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root.light input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root[data-theme=light] input[type=month]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root[data-theme=light] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] :root[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] html.light input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] html.light input[type=month]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] html.light input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] html.light input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0);opacity:.7}input[type=date] .input-with-icon .input-field{padding-left:calc(var(--spacing-2xl) + var(--spacing-md))}input[type=date] .input-icon{left:var(--spacing-md);color:#71717a;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}input[type=date] .input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}input[type=date] .input-field::placeholder{color:var(--color-text-tertiary)}input[type=date] .input-field:disabled{opacity:.5;cursor:not-allowed}input[type=date] .input-error .input-field{border-color:var(--color-error)}input[type=date] .input-error .input-field:focus{box-shadow:0 0 0 3px #ef444426}input[type=date] .input-error-text{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}input[type=date] .input-helper-text{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999999;padding:var(--spacing-md);opacity:0;overscroll-behavior-y:contain;touch-action:pan-x pan-y;background:#000000b8;justify-content:center;align-items:center;transition:opacity .22s ease-out;display:flex;position:fixed;inset:0}.modal-overlay.modal-open{opacity:1}.modal-content{opacity:0;background:#090a0d;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-height:90vh;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .25s ease-out,background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 16px 48px #000000a6}.modal-content.modal-open{opacity:1;transform:translateY(0)scale(1)}:root.dark .modal-content,.modal-content{background:#090a0d}.modal-content.modal-full-screen{border-radius:20px;max-width:95vw!important;height:95vh!important;max-height:95vh!important}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px;height:70vh}.modal-header{z-index:1;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:relative}.modal-title{color:#f5f7fa;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.modal-close{color:#8d939f;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;transition:all .15s;display:flex}.modal-close:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.modal-drag-handle-bar{display:none}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow-y:auto}@media (max-width:768px){.modal-overlay{-webkit-backdrop-filter:blur(8px);background:#000000b8;align-items:flex-end;padding:0}.modal-content{opacity:1;height:auto;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom,0px);overscroll-behavior-y:contain;background:#090a0d;border:1px solid #ffffff14;border-bottom:none;border-radius:24px 24px 0 0;transition:transform .32s cubic-bezier(.16,1,.3,1);transform:translateY(100%);box-shadow:0 -16px 48px #000000d9}.modal-content.modal-open{opacity:1;transform:translateY(0)}.modal-drag-handle-bar{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:6px 0 2px;display:flex}.modal-drag-handle{background:#ffffff2e;border-radius:99px;width:32px;height:4px}.modal-content.modal-full-screen{border-radius:0;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important}.modal-header{border-bottom:1px solid #ffffff0f;padding:4px 14px 6px}.modal-title{color:#f5f7fa;font-size:1.05rem;font-weight:700}.modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8px 12px 14px}}.gamma-shimmer-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;height:100%;min-height:420px;display:flex}.ios-spinner-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 120px);margin:0 auto;padding:0;display:flex}.ios-spinner-wrapper{color:var(--color-text-primary,#fff);justify-content:center;align-items:center;display:inline-flex}.ios-spinner-svg{animation:.8s steps(12,end) infinite iosSpinnerRotate}@keyframes iosSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gamma-shimmer-page{width:100vw;height:var(--app-height,100dvh);z-index:9999;background:#030305;position:fixed;inset:0}.gamma-startup-box{justify-content:center;align-items:center;width:520px;height:520px;display:flex;position:relative}.gamma-liquid-ink-canvas{filter:blur(42px)contrast(1.2);opacity:.95;pointer-events:none;z-index:1;border-radius:50%;width:520px;height:520px;animation:2.2s cubic-bezier(.16,1,.3,1) forwards liquidCanvasFadeIn;position:absolute;top:0;left:0;transform:scale(1.18)}@keyframes liquidCanvasFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:.95;transform:scale(1.18)}}.gamma-svg-ring-wrapper{z-index:2;transform-origin:50%;will-change:transform;width:270px;height:270px;position:relative}.gamma-svg-ring{shape-rendering:geometricprecision;width:100%;height:100%;display:block;overflow:visible}.gamma-arc-path{fill:none;stroke-width:26px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:230;stroke-dashoffset:230px;will-change:stroke-dashoffset, opacity;animation:2.4s cubic-bezier(.4,0,.2,1) forwards drawArcAccelerate}@keyframes drawArcAccelerate{0%{stroke-dashoffset:230px;opacity:0}12%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.gamma-depth-accent{fill:none;stroke-width:26px;stroke-linecap:round;opacity:0;animation:1s 2s forwards depthFadeIn}@keyframes depthFadeIn{to{opacity:.75}}.gamma-brand-loader-lg{width:220px!important;height:220px!important}.gamma-brand-loader{justify-content:center;align-items:center;width:140px;height:140px;display:inline-flex;position:relative}.gamma-loader-svg{width:100%;height:100%;overflow:visible}.gamma-loader-logo-center{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gamma-loader-img{object-fit:contain;filter:drop-shadow(0 0 10px #00f5e180);width:54%;height:54%}.gamma-brand-glow{opacity:.8;filter:blur(24px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3a86f04d 0%,#ff006e26 50%,#0000 100%);border-radius:50%;width:85%;height:85%;animation:4s ease-in-out infinite gammGlowPulse;position:absolute}.gamma-ribbon-spin{transform-origin:60px 60px;animation:5s cubic-bezier(.4,.05,.2,.95) infinite gammPremiumSpin}.gamma-cycle-stop-1{animation:6s ease-in-out infinite gammColorCycle1}.gamma-cycle-stop-2{animation:6s ease-in-out infinite gammColorCycle2}.gamma-shimmer-label{letter-spacing:.1em;text-transform:uppercase;color:#64748b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a80;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:8px;margin:0;padding:5px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;animation:2s ease-in-out infinite gammFadePulse;display:flex}.gamma-shimmer-thinking-pulse{background:#38bdf8;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.2s cubic-bezier(.4,0,.6,1) infinite thinkingDotPulse;box-shadow:0 0 6px #38bdf8}@keyframes thinkingDotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.gamma-shimmer-status-label{letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(90deg,#ffffff2e 0%,#ffffff8c 30%,#ffffffe6 50%,#ffffff8c 70%,#ffffff2e 100%) 0 0/240% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:10px;padding-left:.22em;font-family:Outfit,Inter,sans-serif;font-size:.72rem;font-weight:500;transition:opacity .55s;animation:3s linear infinite shimmerSweep}@keyframes shimmerSweep{0%{background-position:200%}to{background-position:-200%}}.gamma-shimmer-warn-label{letter-spacing:.1em;text-transform:uppercase;color:#f59e0ba6;margin-top:8px;padding-left:.1em;font-family:Inter,sans-serif;font-size:.62rem;font-weight:500;animation:.8s ease-out forwards gammaBrandFadeIn}@keyframes gammPremiumSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes gammGlowPulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}@keyframes gammColorCycle1{0%,to{stop-color:#2bd9b8}25%{stop-color:#3a86f0}50%{stop-color:#8338ec}75%{stop-color:#ff006e}}@keyframes gammColorCycle2{0%,to{stop-color:#00b4d8}25%{stop-color:#8338ec}50%{stop-color:#ff006e}75%{stop-color:#ffbe0b}}@keyframes gammFadePulse{0%,to{opacity:.5}50%{opacity:1}}.gamma-shimmer-brand-footer{bottom:max(40px, env(safe-area-inset-bottom,40px));pointer-events:none;z-index:10000;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gamma-shimmer-brand-text{color:#fff;letter-spacing:.35em;text-transform:uppercase;text-shadow:0 0 20px #ffffff40;opacity:0;margin:0;padding-left:.35em;font-family:Outfit,Inter,sans-serif;font-size:1.6rem;font-weight:700;animation:1.5s cubic-bezier(.16,1,.3,1) .4s forwards gammaBrandFadeIn}@keyframes gammaBrandFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:.95;transform:translateY(0)}}.gamma-loading-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.gamma-loading-fullscreen{background:var(--color-bg-primary,#0a0a0a);z-index:9999;position:fixed;inset:0}.gamma-brand-loader{width:calc(140px * var(--loader-scale,1));height:calc(140px * var(--loader-scale,1))}.confirm-dialog-v2{text-align:center;flex-direction:column;align-items:center;padding:12px 16px 20px;display:flex}.confirm-header-visual{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:16px;transition:transform .2s;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-warning .confirm-header-visual{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.confirm-danger .confirm-header-visual{color:#ef4444;background:#ef444414;border-color:#ef444433}.confirm-info .confirm-header-visual{color:#6366f1;background:#6366f114;border-color:#6366f133}.confirm-msg{color:var(--color-text-secondary,#ffffffb3);max-width:360px;margin-bottom:24px;font-size:.925rem;line-height:1.5}.confirm-footer-btns{gap:10px;width:100%;display:flex}.btn-cancel{flex:1;color:var(--color-text-primary,#fff)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:10px!important;height:42px!important;font-size:.875rem!important;font-weight:500!important}.btn-cancel:hover{background:#ffffff17!important}.btn-confirm{flex:1.2;box-shadow:0 4px 14px -3px #0000004d;border-radius:10px!important;height:42px!important;font-size:.875rem!important;font-weight:600!important;transition:all .15s!important}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 18px -3px #0006}.btn-confirm:active{transform:translateY(0)}.os-lock-screen{z-index:99999;-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#f8fafc;background:radial-gradient(circle at 50% 30%,#08080c 0%,#000 85%);width:100vw;height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;position:fixed;inset:0;overflow:hidden}:root[data-theme=light] .os-lock-screen,[data-theme=light] .os-lock-screen,html[data-theme=light] .os-lock-screen{color:#0f172a;background:radial-gradient(circle at 50% 30%,#fff 0%,#f1f5f9 100%)}.os-lock-ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.os-glow-orb{filter:blur(120px);opacity:.28;border-radius:50%;animation:16s ease-in-out infinite alternate osOrbFloat;position:absolute}.os-glow-1{background:radial-gradient(circle,#9333ea66 0%,#4f46e526 50%,#0000 70%);width:650px;height:650px;margin-left:-325px;top:-200px;left:50%}.os-glow-2{background:radial-gradient(circle,#38bdf840 0%,#9333ea1a 60%,#0000 70%);width:550px;height:550px;animation-delay:-8s;bottom:-150px;right:15%}:root[data-theme=light] .os-glow-1,[data-theme=light] .os-glow-1{opacity:.2;background:radial-gradient(circle,#a855f740 0%,#6366f11a 50%,#0000 70%)}:root[data-theme=light] .os-glow-2,[data-theme=light] .os-glow-2{opacity:.15;background:radial-gradient(circle,#38bdf833 0%,#a855f714 60%,#0000 70%)}@keyframes osOrbFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,15px)scale(1.05)}to{transform:translate(-20px,-15px)scale(.95)}}.os-lock-desktop{z-index:1;box-sizing:border-box;cursor:default;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:48px 24px;display:flex;position:relative}.os-lock-mobile{display:none!important}.os-desktop-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:10px;animation:.6s cubic-bezier(.16,1,.3,1) osFadeInDown;display:flex}.os-desktop-time{letter-spacing:-.04em;color:#fff;text-shadow:0 4px 30px #000c;font-size:3.8rem;font-weight:300;line-height:1}:root[data-theme=light] .os-desktop-time,[data-theme=light] .os-desktop-time{color:#0f172a;text-shadow:none}.os-desktop-date{color:#ffffffa6;letter-spacing:.02em;font-size:1rem;font-weight:500}:root[data-theme=light] .os-desktop-date,[data-theme=light] .os-desktop-date{color:#64748b}.os-desktop-main{flex-direction:column;align-items:center;width:100%;max-width:380px;margin:auto 0;animation:.6s cubic-bezier(.16,1,.3,1) osFadeInUp;display:flex}.os-desktop-avatar-container{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:20px;display:flex;position:relative}.os-avatar-glow{filter:blur(14px);background:radial-gradient(circle,#a855f773 0%,#6366f11a 70%,#0000 80%);border-radius:50%;animation:3s ease-in-out infinite alternate osAvatarGlow;position:absolute;inset:-6px}@keyframes osAvatarGlow{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}.os-avatar-img{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 10px 30px #0009}.os-avatar-logo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle,#1e1b2ef2 0%,#0f0e17fa 100%);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 12px 36px #000000b3}:root[data-theme=light] .os-avatar-logo,[data-theme=light] .os-avatar-logo{background:#fff;border:1px solid #00000014;box-shadow:0 12px 36px #00000014}.os-logo-icon{object-fit:contain;filter:drop-shadow(0 0 12px #a855f780);width:52px;height:52px}.os-desktop-user-info{text-align:center;margin-bottom:28px}.os-desktop-user-name{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:1.5rem;font-weight:700}:root[data-theme=light] .os-desktop-user-name,[data-theme=light] .os-desktop-user-name{color:#0f172a}.os-desktop-status{color:#ffffff8c;align-items:center;gap:8px;font-size:.84rem;font-weight:500;display:inline-flex}:root[data-theme=light] .os-desktop-status,[data-theme=light] .os-desktop-status{color:#64748b}.os-status-indicator{border-radius:50%;width:7px;height:7px}.os-status-indicator.is-active{background:#38bdf8;animation:2s ease-in-out infinite alternate osPulseDot;box-shadow:0 0 10px #38bdf8}.os-status-indicator.is-locked{background:#ef4444;box-shadow:0 0 10px #ef4444}@keyframes osPulseDot{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.os-desktop-pin-form{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.os-pin-capsule{-webkit-backdrop-filter:blur(24px);cursor:text;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:28px;justify-content:space-between;align-items:center;width:100%;height:54px;padding:0 8px 0 24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 8px 32px #00000080,inset 0 1px 1px #ffffff1a}:root[data-theme=light] .os-pin-capsule,[data-theme=light] .os-pin-capsule{background:#fff;border-color:#0000001f;box-shadow:0 6px 20px #0000000f,inset 0 1px 1px #ffffffe6}.os-pin-capsule:focus-within,.os-pin-capsule:hover{background:#ffffff14;border-color:#a855f780;box-shadow:0 10px 40px #0009,0 0 24px #a855f733,inset 0 1px 1px #ffffff26}:root[data-theme=light] .os-pin-capsule:focus-within,:root[data-theme=light] .os-pin-capsule:hover,[data-theme=light] .os-pin-capsule:focus-within,[data-theme=light] .os-pin-capsule:hover{background:#fff;border-color:#a855f799;box-shadow:0 8px 24px #a855f726,0 0 0 3px #a855f71a}.os-pin-capsule.is-error{background:#ef444414;border-color:#ef4444b3;animation:.4s cubic-bezier(.36,.07,.19,.97) both osShake;box-shadow:0 0 30px #ef444440}@keyframes osShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.os-hidden-input{opacity:0;cursor:default;z-index:2;width:100%;height:100%;position:absolute;inset:0}.os-pin-dots{pointer-events:none;flex:1;justify-content:center;align-items:center;gap:16px;padding-left:28px;display:flex}.os-pin-dot{background:#ffffff40;border:1px solid #ffffff1f;border-radius:50%;width:10px;height:10px;transition:all .2s cubic-bezier(.16,1,.3,1)}:root[data-theme=light] .os-pin-dot,[data-theme=light] .os-pin-dot{background:#00000026;border-color:#0000000d}.os-pin-dot.filled{background:#fff;border-color:#fff;width:12px;height:12px;transform:scale(1.15);box-shadow:0 0 12px #fffc,0 0 20px #a855f799}:root[data-theme=light] .os-pin-dot.filled,[data-theme=light] .os-pin-dot.filled{background:#0f172a;border-color:#0f172a;box-shadow:0 0 12px #0f172a4d}.os-pin-dot.current{background:#a855f740;border-color:#a855f7cc;animation:1.2s ease-in-out infinite alternate osDotPulse}@keyframes osDotPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.os-pin-submit{z-index:3;color:#ffffff4d;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}:root[data-theme=light] .os-pin-submit,[data-theme=light] .os-pin-submit{color:#00000040;background:#0000000d}.os-pin-submit.active{color:#050508;background:#fff;transform:scale(1.04);box-shadow:0 0 16px #ffffff80}:root[data-theme=light] .os-pin-submit.active,[data-theme=light] .os-pin-submit.active{color:#fff;background:#0f172a;box-shadow:0 4px 14px #0f172a4d}.os-pin-submit.active:hover{transform:scale(1.1)}.os-feedback-message{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.84rem;font-weight:500;animation:.3s osFadeIn;display:flex}:root[data-theme=light] .os-feedback-message,[data-theme=light] .os-feedback-message{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.os-desktop-footer{animation:.6s cubic-bezier(.16,1,.3,1) osFadeInUp}.os-vault-tag{color:#ffffff59;letter-spacing:.02em;font-size:.75rem}:root[data-theme=light] .os-vault-tag,[data-theme=light] .os-vault-tag{color:#94a3b8}@media (max-width:768px){.os-lock-desktop{display:none!important}.os-lock-mobile{z-index:1;width:100%;height:100%;padding:calc(env(safe-area-inset-top,20px) + 16px) 24px calc(env(safe-area-inset-bottom,20px) + 12px) 24px;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;animation:.4s osFadeIn;position:relative;display:flex!important}.os-mobile-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.os-mobile-lock-icon{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;display:flex}:root[data-theme=light] .os-mobile-lock-icon,[data-theme=light] .os-mobile-lock-icon{color:#0f172a;background:#0000000a;border-color:#00000014}.os-mobile-title{color:#fff;letter-spacing:-.01em;font-size:1.4rem;font-weight:700}:root[data-theme=light] .os-mobile-title,[data-theme=light] .os-mobile-title{color:#0f172a}.os-mobile-subtitle{color:#fff9;font-size:.88rem;font-weight:500}:root[data-theme=light] .os-mobile-subtitle,[data-theme=light] .os-mobile-subtitle{color:#64748b}.os-mobile-dots{justify-content:center;align-items:center;gap:18px;margin:12px 0 8px;display:flex}.os-mobile-dot{background:0 0;border:1.5px solid #ffffff59;border-radius:50%;width:14px;height:14px;transition:all .2s cubic-bezier(.16,1,.3,1)}:root[data-theme=light] .os-mobile-dot,[data-theme=light] .os-mobile-dot{border-color:#0000004d}.os-mobile-dot.filled{background:#fff;border-color:#fff;transform:scale(1.15);box-shadow:0 0 14px #fffc,0 0 20px #a855f799}:root[data-theme=light] .os-mobile-dot.filled,[data-theme=light] .os-mobile-dot.filled{background:#0f172a;border-color:#0f172a;box-shadow:0 0 10px #0f172a4d}.os-mobile-dots.is-error{animation:.4s cubic-bezier(.36,.07,.19,.97) both osShake}.os-mobile-error{color:#f87171;text-align:center;margin-bottom:2px;font-size:.82rem;font-weight:600}:root[data-theme=light] .os-mobile-error,[data-theme=light] .os-mobile-error{color:#dc2626}.os-mobile-keypad{grid-template-columns:repeat(3,1fr);gap:14px 22px;width:100%;max-width:290px;margin:0 auto;display:grid}.os-mobile-key{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0006}:root[data-theme=light] .os-mobile-key,[data-theme=light] .os-mobile-key{color:#0f172a;background:#0000000a;border-color:#00000014;box-shadow:0 4px 12px #0000000a}.os-mobile-key:active:not(:disabled){background:#ffffff40;transform:scale(.92)}:root[data-theme=light] .os-mobile-key:active:not(:disabled),[data-theme=light] .os-mobile-key:active:not(:disabled){background:#00000026;transform:scale(.92)}.os-mobile-key-action{color:#ffffffb3}:root[data-theme=light] .os-mobile-key-action,[data-theme=light] .os-mobile-key-action{color:#0f172ab3}.os-mobile-key-enter{color:#ffffff4d;background:#ffffff0a;border-color:#ffffff14}:root[data-theme=light] .os-mobile-key-enter,[data-theme=light] .os-mobile-key-enter{color:#0f172a4d;background:#00000008;border-color:#0000000f}.os-mobile-key-enter.is-ready{color:#050508;background:#fff;border-color:#fff;transform:scale(1.04);box-shadow:0 0 20px #fff9,0 0 30px #a855f74d}:root[data-theme=light] .os-mobile-key-enter.is-ready,[data-theme=light] .os-mobile-key-enter.is-ready{color:#fff;background:#0f172a;border-color:#0f172a;transform:scale(1.04);box-shadow:0 4px 16px #0f172a59}.os-mobile-key-enter.is-ready:active:not(:disabled){transform:scale(.94)}.os-key-digit{font-size:1.75rem;font-weight:400;line-height:1}.os-key-letters{letter-spacing:.14em;opacity:.6;text-transform:uppercase;margin-top:2px;font-size:.62rem;font-weight:700}.os-mobile-key:disabled{opacity:.25;cursor:not-allowed}.os-mobile-footer{color:#ffffff59;letter-spacing:.02em;text-align:center;margin-top:6px;font-size:.72rem}:root[data-theme=light] .os-mobile-footer,[data-theme=light] .os-mobile-footer{color:#94a3b8}}@media (max-width:768px) and (max-height:680px){.os-mobile-key{width:60px;height:60px}.os-key-digit{font-size:1.45rem}.os-mobile-keypad{gap:10px 18px}.os-mobile-dots{margin:6px 0}}@keyframes osFadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes osFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes osFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.os-spinner{width:20px;height:20px;animation:.9s linear infinite osSpin}.os-spinner-track{opacity:.2}.os-spinner-head{opacity:.9}@keyframes osSpin{to{transform:rotate(360deg)}}.operations-notification-container{bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:9999;gap:var(--spacing-md);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.operation-card{pointer-events:all;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:.3s ease-out slideInRight}.operation-card.in-progress{border-left:4px solid var(--color-primary)}.operation-card.completed{border-left:4px solid var(--color-success)}.operation-card.failed{border-left:4px solid var(--color-error)}.operation-content{gap:var(--spacing-md);flex-direction:column;display:flex}.operation-header{gap:var(--spacing-md);align-items:flex-start;display:flex}.operation-icon{width:24px;height:24px;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.spinner-small{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.operation-details{flex:1;min-width:0}.operation-title{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.operation-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.operation-close{background:var(--color-bg-secondary);width:28px;height:28px;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-lg);transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.operation-close:hover{background:var(--color-error);color:#fff}.operation-progress{align-items:center;gap:var(--spacing-md);display:flex}.progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-full);height:100%;transition:width .3s ease-out}.progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right;min-width:40px;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.operations-notification-container{left:var(--spacing-md);right:var(--spacing-md);bottom:var(--spacing-md);max-width:none}}.custom-table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-md);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;position:relative;overflow:auto}.custom-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px}.custom-table thead{z-index:30;background:var(--color-bg-tertiary);position:sticky;top:0}.custom-table th{text-align:left;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);white-space:nowrap;padding:1.25rem 1.5rem;font-weight:700}.custom-table tbody tr{transition:all .2s}.custom-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.custom-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.custom-table td{font-size:var(--font-size-sm);color:var(--color-text-primary);vertical-align:middle;padding:1.15rem 1.5rem}.table-scroll-buffer{pointer-events:none;flex-shrink:0;width:100%;height:80px}.row-num-col,.row-num-cell{width:50px;font-family:var(--font-family-mono,monospace);border-right:1px solid var(--color-border);font-size:.8rem;text-align:center!important;color:var(--color-text-tertiary)!important}.table-loading,.table-empty{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.table-loading-spinner{border:3px solid #7d5aff1a;border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite table-spin}@keyframes table-spin{to{transform:rotate(360deg)}}.empty-default-icon{opacity:.4;font-size:3rem}@media (max-width:768px){.hide-mobile{display:none!important}.custom-table{min-width:100%}.custom-table th,.custom-table td{padding:1rem}}.notification-center-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-trigger{width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;box-sizing:border-box;perspective:1000px;background:0 0;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:0;transition:background .25s cubic-bezier(.16,1,.3,1),color .25s;display:flex;position:relative;overflow:visible}.notification-trigger:hover,.notification-trigger.active{background:var(--color-bg-tertiary,#ffffff0f);color:var(--color-primary,#6366f1)}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:50%;will-change:transform;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:0}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.flip-card-front{z-index:2;transform:rotateY(0)}.flip-card-back{z-index:1;transform:rotateY(180deg)}.flip-card-back.success{color:#10b981}.flip-card-back.error{color:#ef4444}.flip-card-back.warning{color:#f59e0b}.flip-card-back.connectivity{color:#ef4444}.flip-card-back.loading{color:#6366f1}.flip-card-back.info{color:#3b82f6}.spin-loader{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards iconPop,.9s linear infinite spinLoader!important}@keyframes spinLoader{to{transform:rotate(360deg)}}.flip-result-icon{filter:drop-shadow(0 0 6px);flex-shrink:0;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards iconPop;display:block}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.unread-dot{background:var(--color-error,#ef4444);border:2px solid var(--color-bg-secondary,#12121a);z-index:10;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #ef444499}.notification-dropdown{-webkit-backdrop-filter:blur(24px);z-index:9999;transform-origin:100% 0;background:#09090d;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;width:360px;max-height:520px;animation:.4s cubic-bezier(.16,1,.3,1) dropdownPop;display:flex;position:absolute;top:calc(100% + 15px);right:0;overflow:hidden;box-shadow:0 25px 60px #000000f2,0 0 0 1px #ffffff0d}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dropdown-header{border-bottom:1px solid var(--color-border,#ffffff0f);flex-direction:column;padding:16px 20px;display:flex}.header-title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.header-left{align-items:center;gap:10px;display:flex}.dropdown-header h3{color:var(--color-text-primary);letter-spacing:-.4px;margin:0;font-size:1.05rem;font-weight:700}.count-pill{color:#6366f1;text-transform:uppercase;letter-spacing:.5px;background:#6366f126;border-radius:20px;padding:2px 9px;font-size:.68rem;font-weight:700}.clear-all-btn{color:var(--color-text-secondary,#94a3b8);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.73rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.clear-all-btn:hover,.clear-all-btn:active{color:var(--color-primary,#6366f1);background:#6366f129;border-color:#6366f166}.notification-list{flex:1;padding:4px 0;overflow-y:auto}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-thumb{background:var(--color-border,#ffffff1a);border-radius:10px}.notification-item-wrapper{touch-action:pan-y;opacity:1;max-height:200px;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .28s,margin .35s,padding .35s;position:relative;overflow:hidden}.swipe-delete-reveal{color:#fff;z-index:1;background:linear-gradient(135deg,#ef4444,#dc2626);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex;position:absolute;inset:0}.swipe-delete-reveal.reveal-right{justify-content:flex-start;padding-left:20px}.swipe-delete-reveal.reveal-left{flex-direction:row-reverse;justify-content:flex-end;padding-right:20px}.notification-item-wrapper .notification-item{z-index:2;background:var(--color-bg-secondary,#09090d);will-change:transform;cursor:pointer;gap:14px;padding:14px 20px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:var(--color-bg-secondary,#ffffff0a)}.item-indicator{background:0 0;width:3px;position:absolute;top:0;bottom:0;left:0}.item-indicator.success{background:#10b981}.item-indicator.connectivity{background:#ef4444}.item-indicator.warning{background:#f59e0b}.item-content{flex:1;min-width:0}.item-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.item-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.item-time{color:var(--color-text-tertiary,#fff6);white-space:nowrap;font-size:.72rem;font-weight:500}.item-message{color:var(--color-text-secondary);margin:0 0 6px;font-size:.82rem;line-height:1.45}.item-footer{color:var(--color-text-tertiary,#fff6);align-items:center;gap:8px;font-size:.68rem;font-weight:600;display:flex}.item-category{text-transform:uppercase;letter-spacing:.5px}.notification-item--clickable{cursor:pointer!important;transition:background .18s,transform .15s,box-shadow .18s!important}.notification-item--clickable:hover{background:var(--color-bg-tertiary,#ffffff12)!important;transform:translate(2px)!important}.notification-item--clickable:active{transform:translate(3px)scale(.99)!important}.notification-item--clickable:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:-2px}.item-nav-hint{color:var(--color-primary,#6366f1);opacity:0;text-transform:uppercase;letter-spacing:.4px;pointer-events:none;align-items:center;gap:3px;font-size:.68rem;font-weight:600;transition:opacity .18s,transform .18s;display:inline-flex;transform:translate(-4px)}.notification-item--clickable:hover .item-nav-hint{opacity:1;transform:translate(0)}.notification-item-wrapper.dismissing{opacity:0!important;max-height:0!important;margin:0!important;padding:0!important}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:50px 32px;display:flex}.empty-icon{background:var(--color-bg-tertiary,#ffffff0d);width:64px;height:64px;color:var(--color-text-secondary);opacity:.3;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-title{color:var(--color-text-primary);margin:0 0 6px;font-size:.95rem;font-weight:700}.empty-desc{color:var(--color-text-secondary);margin:0;font-size:.78rem;line-height:1.5}.notification-backdrop{display:none}@media (max-width:768px){.notification-center-container{position:static}.notification-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1299;background:#000000b8;animation:.3s forwards backdropFadeIn;display:block;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.notification-dropdown{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--color-border,#ffffff14)!important;transform-origin:bottom!important;z-index:1300!important;border-bottom:none!important;border-radius:24px 24px 0 0!important;width:100%!important;max-height:70dvh!important;animation:.35s cubic-bezier(.16,1,.3,1) mobileSheetSlideUp!important;position:fixed!important;inset:auto 0 0!important}@keyframes mobileSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notification-drag-handle{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:10px 0 4px;display:flex}.notification-drag-handle:after{content:"";background:#ffffff40;border-radius:99px;width:36px;height:4px;display:block}.dropdown-header{padding:12px 20px 14px}.notification-list{-webkit-overflow-scrolling:touch;scrollbar-width:none}.notification-list::-webkit-scrollbar{display:none}.empty-state{padding:40px 24px}}.sec-overlay{background:var(--color-bg-primary,#020617);z-index:2000;width:100vw;height:100vh;color:var(--color-text-primary,#f8fafc);font-family:var(--font-family,"Outfit", "Inter", sans-serif);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) secFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes secFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.sec-header{background:var(--color-bg-secondary,#0f172a);border-bottom:1px solid var(--color-border,#6366f133);z-index:10;justify-content:space-between;align-items:center;height:70px;padding:0 24px;display:flex;box-shadow:0 4px 20px #00000026}.sec-logo-area{align-items:center;gap:12px;display:flex}.sec-shield-icon{color:var(--color-primary,#6366f1);filter:drop-shadow(0 0 6px #6366f166);animation:2s ease-in-out infinite secShieldPulse}@keyframes secShieldPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.sec-title{letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg, var(--color-primary,#6366f1) 0%, var(--color-secondary,#8b5cf6) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.sec-subtitle{color:var(--color-text-secondary,#94a3b8);background:#6366f11a;border:1px solid #6366f133;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600}.sec-close-btn{border:1px solid var(--color-border,#ffffff1a);color:var(--color-text-secondary,#94a3b8);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.sec-close-btn:hover{color:var(--color-primary,#6366f1);background:#6366f133;border-color:#6366f166;transform:rotate(90deg)}.sec-workspace{flex:1;height:calc(100vh - 70px);display:flex;overflow:hidden}.sec-sidebar{background:var(--color-bg-secondary,#0f172a);border-right:1px solid var(--color-border,#ffffff0d);flex-direction:column;gap:8px;width:280px;padding:24px 16px;display:flex;overflow-y:auto}.sec-menu-item{color:var(--color-text-secondary,#94a3b8);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sec-menu-item:hover{background:var(--color-bg-tertiary,#ffffff08);color:var(--color-text-primary,#f8fafc)}.sec-menu-item.active{color:var(--color-primary,#6366f1);background:#6366f114;border-color:#6366f133}.sec-menu-item-icon{flex-shrink:0}.sec-main-panel{background:var(--color-bg-primary,#020617);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sec-main-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10a 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-10%;right:-10%}.sec-panel-header{border-bottom:1px solid var(--color-border,#ffffff08);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}.sec-panel-title h2{letter-spacing:-.5px;margin:0 0 4px;font-size:1.5rem;font-weight:800}.sec-panel-title p{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.85rem}.sec-panel-actions{align-items:center;gap:12px;display:flex}.sec-search-input{background:var(--color-bg-secondary,#11182799);border:1px solid var(--color-border,#ffffff14);color:var(--color-text-primary,#f3f4f6);border-radius:8px;outline:none;width:220px;padding:8px 14px;font-size:.9rem;transition:all .2s}.sec-search-input:focus{border-color:#6366f166;box-shadow:0 0 0 2px #6366f126}.sec-select-filter{background:var(--color-bg-secondary,#11182799);border:1px solid var(--color-border,#ffffff14);color:var(--color-text-primary,#f3f4f6);cursor:pointer;border-radius:8px;outline:none;padding:8px 14px;font-size:.9rem}.sec-select-filter:focus{border-color:#6366f166}.sec-btn{color:var(--color-primary,#6366f1);cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sec-btn:hover:not(:disabled){color:#f3f4f6;background:#6366f140}.sec-btn:disabled{opacity:.5;cursor:not-allowed}.sec-panel-body{flex:1;padding:32px;overflow-y:auto}.sec-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.sec-stat-card{background:var(--color-bg-secondary,#11182766);border:1px solid var(--color-border,#ffffff0a);border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.sec-stat-icon-box{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sec-stat-info h4{color:var(--color-text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.8rem}.sec-stat-info p{margin:0;font-size:1.5rem;font-weight:800}.sec-table-wrapper{background:var(--color-bg-secondary,#1118274d);border:1px solid var(--color-border,#ffffff0a);border-radius:16px;overflow:hidden}.sec-table{border-collapse:collapse;text-align:left;width:100%}.sec-table th{color:var(--color-text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border,#ffffff0d);background:#0f172a99;padding:16px 20px;font-size:.85rem;font-weight:700}.sec-table td{border-bottom:1px solid var(--color-border,#ffffff05);padding:16px 20px;font-size:.9rem}.sec-table tr:last-child td{border-bottom:none}.sec-table tr:hover td{background:var(--color-bg-tertiary,#ffffff03)}.sec-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.sec-badge-success{color:#34d399;background:#10b9811a}.sec-badge-warning{color:#fbbf24;background:#f59e0b1a}.sec-badge-critical,.sec-badge-failure{color:#f87171;background:#ef44441a}.sec-bio-badge-row{gap:8px;margin-top:4px;display:flex}.sec-bio-sub-badge{border:1px solid var(--color-border,#ffffff14);color:var(--color-text-secondary,#94a3b8);background:#ffffff0a;border-radius:4px;padding:1px 6px;font-size:.7rem}.sec-operator-cell{flex-direction:column;display:flex}.sec-operator-name{font-weight:700}.sec-operator-email{color:var(--color-text-secondary,#94a3b8);font-size:.75rem}.sec-meta-cell{flex-direction:column;display:flex}.sec-meta-ip{font-family:monospace}.sec-meta-device{color:var(--color-text-secondary,#94a3b8);font-size:.75rem}.sec-controls-list{flex-direction:column;gap:20px;display:flex}.sec-control-row{background:var(--color-bg-secondary,#11182766);border:1px solid var(--color-border,#ffffff0a);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.sec-control-text h3{margin:0 0 4px;font-size:1.1rem;font-weight:700}.sec-control-text p{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.85rem}.sec-toggle{flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.sec-toggle input{opacity:0;width:0;height:0}.sec-toggle-slider{cursor:pointer;background-color:var(--color-border,#374151);border-radius:34px;transition:all .4s;position:absolute;inset:0}.sec-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.sec-toggle-slider{background-color:var(--color-primary,#6366f1)}input:checked+.sec-toggle-slider:before{transform:translate(24px)}.sec-gate-container{background:var(--color-bg-primary,#020617);flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.sec-gate-container:before{content:"";pointer-events:none;background-image:linear-gradient(#6366f105 1px,#0000 1px),linear-gradient(90deg,#6366f105 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.sec-gate-card{background:var(--color-bg-secondary,#0f172acc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;z-index:5;border:1px solid #6366f159;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:40px 32px;animation:.5s cubic-bezier(.16,1,.3,1) secGateEntrance;display:flex;position:relative;box-shadow:0 10px 50px #6366f11f,inset 0 1px #ffffff0d}@keyframes secGateEntrance{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sec-gate-icon-wrapper{width:80px;height:80px;color:var(--color-primary,#6366f1);background:#6366f114;border:1px solid #6366f14d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative;box-shadow:0 0 20px #6366f126}.sec-gate-icon-wrapper:after{content:"";border:1.5px dashed #6366f166;border-radius:50%;animation:12s linear infinite secRadarRotate;position:absolute;inset:-6px}@keyframes secRadarRotate{to{transform:rotate(360deg)}}.sec-gate-card h2{letter-spacing:-.5px;text-transform:uppercase;background:linear-gradient(135deg, #fff 30%, var(--color-primary,#6366f1) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:1.6rem;font-weight:800}.sec-gate-card p{color:var(--color-text-secondary,#94a3b8);margin:0 0 28px;font-size:.9rem;line-height:1.5}.sec-typing-biometrics-bar{border:1px solid var(--color-border,#ffffff0d);width:100%;color:var(--color-text-secondary,#94a3b8);background:#0003;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:.75rem;display:flex}.sec-bio-signal{align-items:center;gap:6px;font-weight:700;display:flex}.sec-bio-pulse{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #34d399}.sec-bio-pulse.scanning{animation:1s infinite alternate secPulseGlow}@keyframes secPulseGlow{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.sec-gate-form{flex-direction:column;gap:16px;width:100%;display:flex}.sec-gate-input-wrapper{width:100%;position:relative}.sec-gate-input{width:100%;color:var(--color-text-primary,#fff);text-align:center;letter-spacing:2px;background:#00000040;border:1px solid #6366f14d;border-radius:12px;outline:none;padding:14px 48px 14px 20px;font-size:1rem;transition:all .3s}.sec-gate-input:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 12px #6366f140}.sec-gate-input::placeholder{letter-spacing:normal;color:#475569}.sec-gate-submit-btn{background:linear-gradient(135deg, var(--color-primary,#6366f1) 0%, #8b5cf6 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:800;transition:all .25s;box-shadow:0 4px 15px #6366f166}.sec-gate-submit-btn:hover{background:linear-gradient(135deg, #8b5cf6 0%, var(--color-primary,#6366f1) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.sec-gate-submit-btn:active{transform:translateY(1px)}.sec-gate-error{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;width:100%;margin-top:10px;padding:10px 14px;font-size:.8rem}.sec-session-card-grid{flex-direction:column;gap:20px;display:flex}.sec-session-group-card{background:var(--color-bg-secondary,#11182766);border:1px solid var(--color-border,#ffffff0d);border-radius:18px;padding:24px;transition:all .25s}.sec-session-group-card:hover{border-color:#6366f140;box-shadow:0 4px 20px #0000001a}.sec-session-card-header{border-bottom:1px solid var(--color-border,#ffffff0d);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.sec-session-main-info{flex-direction:column;display:flex}.sec-session-title{align-items:center;gap:10px;margin:0 0 4px;font-size:1.15rem;font-weight:800;display:flex}.sec-session-time{color:var(--color-text-secondary,#94a3b8);font-size:.8rem}.sec-session-biometrics-panel{border:1px solid var(--color-border,#ffffff0d);background:#00000040;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;padding:12px 18px;display:grid}.sec-bio-factor{flex-direction:column;display:flex}.sec-bio-factor-label{color:var(--color-text-secondary,#94a3b8);text-transform:uppercase;margin-bottom:2px;font-size:.7rem}.sec-bio-factor-value{color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:700}.sec-session-events-header{color:var(--color-text-secondary,#94a3b8);margin-bottom:10px;font-size:.85rem;font-weight:700}.sec-session-timeline{flex-direction:column;gap:12px;display:flex}.sec-timeline-item{align-items:flex-start;gap:12px;padding-left:16px;font-size:.85rem;display:flex;position:relative}.sec-timeline-item:before{content:"";background:var(--color-primary,#6366f1);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:0}.sec-timeline-time{color:var(--color-text-secondary,#94a3b8);white-space:nowrap;font-family:monospace}.sec-timeline-action{color:var(--color-text-primary,#fff);font-weight:700}.sec-timeline-desc{color:var(--color-text-secondary,#94a3b8)}.sec-empty-logs{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.sec-empty-icon{color:#4b5563;margin-bottom:16px}.sec-empty-logs h3{margin:0 0 8px;font-size:1.2rem;font-weight:700}.sec-empty-logs p{color:#9ca3af;margin:0;font-size:.9rem}.sec-pw-change-box{border-top:1px solid var(--color-border,#ffffff0d);margin-top:24px;padding-top:24px}.sec-pw-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:700px;margin-bottom:16px;display:grid}@media (max-width:1024px){.sec-sidebar{width:80px;padding:20px 8px}.sec-menu-item{justify-content:center;padding:14px}.sec-menu-item span:not(.sec-menu-item-icon){display:none}}@media (max-width:768px){.sec-workspace{flex-direction:column;height:calc(100vh - 70px)}.sec-sidebar{border-bottom:1px solid #ffffff0d;border-right:none;flex-direction:row;flex-shrink:0;justify-content:space-around;gap:4px;width:100%;height:60px;padding:4px 8px;overflow:auto hidden}.sec-menu-item{border-radius:8px;flex:1;justify-content:center;padding:8px}.sec-menu-item span:not(.sec-menu-item-icon){display:none}.sec-panel-header{padding:16px 20px}.sec-panel-body{padding:20px}.sec-stats-grid{grid-template-columns:1fr;gap:12px}.sec-table th{padding:12px 14px;font-size:.75rem}.sec-table td{padding:12px 14px;font-size:.8rem}.sec-table th:nth-child(4),.sec-table td:nth-child(4),.sec-table th:nth-child(5),.sec-table td:nth-child(5){display:none}}.sec-brain-group-container{flex-direction:column;gap:16px;display:flex}.sec-policy-notice-bar{background:#a855f714;border:1px solid #a855f740;border-radius:12px;margin-bottom:8px;padding:12px 16px}.sec-brain-session-list{flex-direction:column;gap:16px;display:flex}.sec-brain-session-card{background:var(--color-bg-secondary,#0f172a99);border:1px solid var(--color-border,#ffffff14);border-radius:14px;transition:all .2s;overflow:hidden}.sec-brain-session-card:hover{border-color:#a855f74d;box-shadow:0 4px 20px #0003}.sec-brain-session-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border,#ffffff0a);background:#0f172acc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sec-brain-session-title{align-items:center;gap:12px;display:flex}.sec-brain-chevron{color:#c084fc;width:16px;font-size:.75rem}.sec-brain-session-body{background:#02061766;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.sec-brain-page-group{border:1px solid var(--color-border,#ffffff0d);background:#0f172a66;border-radius:10px;overflow:hidden}.sec-brain-page-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border,#ffffff08);background:#1e293b80;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sec-brain-events-table{overflow-x:auto}.sec-toast-banner{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;align-items:center;gap:12px;padding:12px 20px;font-size:.88rem;font-weight:700;animation:.35s cubic-bezier(.16,1,.3,1) secToastSlide;display:flex;position:absolute;top:20px;right:32px;box-shadow:0 8px 30px #0006}@keyframes secToastSlide{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sec-toast-success{color:#34d399;background:#10b98126;border:1px solid #10b98166}.sec-toast-info{color:#818cf8;background:#6366f126;border:1px solid #6366f166}.sec-toast-error{color:#f87171;background:#ef444426;border:1px solid #ef444466}.sec-toast-icon{justify-content:center;align-items:center;display:flex}.sec-control-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.sec-status-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:800;transition:all .3s}.sec-status-pill.active{color:#34d399;background:#10b98126;border:1px solid #10b9814d;box-shadow:0 0 8px #10b98133}.sec-status-pill.disabled{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}input:checked+.sec-toggle-slider{background-color:var(--color-primary,#6366f1);box-shadow:0 0 14px #6366f180}.sec-pw-card{background:var(--color-bg-secondary,#0f172a99);border:1px solid var(--color-border,#ffffff14);border-radius:18px;margin-top:8px;padding:24px;transition:all .25s}.sec-pw-card:hover{border-color:#6366f14d}.sec-pw-card-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.sec-pw-card-header h3{color:#f8fafc;margin:0 0 4px;font-size:1.15rem;font-weight:800}.sec-pw-card-header p{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.85rem}.sec-pw-icon-box{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sec-pw-icon-box.pin-icon{color:#c084fc;background:#a855f726;border-color:#a855f74d}.sec-pin-card{background:linear-gradient(135deg,#0f172acc 0%,#1e1b4b66 100%);border:1px solid #a855f740}.sec-pin-input{letter-spacing:.2em;font-size:1.05rem;background:#0000004d!important;border-color:#a855f74d!important}.sec-pin-input:focus{border-color:#c084fc!important;box-shadow:0 0 14px #a855f74d!important}.sec-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1px solid #fff3}.sec-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);box-shadow:0 4px 15px #6366f166}.sec-btn-purple{color:#fff;background:linear-gradient(135deg,#9333ea 0%,#6366f1 100%);border:1px solid #fff3}.sec-btn-purple:hover:not(:disabled){background:linear-gradient(135deg,#7e22ce 0%,#4f46e5 100%);box-shadow:0 4px 15px #a855f766}.sec-btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.sec-btn-danger:hover:not(:disabled){color:#fff;background:#ef444440}.sec-feedback-badge{border-radius:8px;margin-top:14px;padding:8px 14px;font-size:.85rem;font-weight:700;animation:.3s secBadgeFade;display:inline-block}@keyframes secBadgeFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sec-feedback-badge.success{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.sec-feedback-badge.error{color:#f87171;background:#ef44441f;border:1px solid #ef444440}:root.light .sec-overlay,:root[data-theme=light] .sec-overlay{background:var(--color-bg-primary,#f8fafc);color:var(--color-text-primary,#0f172a)}:root.light .sec-header,:root[data-theme=light] .sec-header{background:var(--color-bg-secondary,#fff);border-bottom:1px solid var(--color-border,#e2e8f0)}:root.light .sec-sidebar,:root[data-theme=light] .sec-sidebar{background:var(--color-bg-secondary,#fff);border-right:1px solid var(--color-border,#e2e8f0)}:root.light .sec-title,:root[data-theme=light] .sec-title{background:linear-gradient(135deg, var(--color-primary,#6366f1) 0%, #4338ca 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}:root.light .sec-brain-session-card,:root.light .sec-brain-page-group,:root.light .sec-table-wrapper,:root.light .sec-control-row,:root[data-theme=light] .sec-brain-session-card,:root[data-theme=light] .sec-brain-page-group,:root[data-theme=light] .sec-table-wrapper,:root[data-theme=light] .sec-control-row{background:var(--color-bg-secondary,#fff);border-color:var(--color-border,#e2e8f0);box-shadow:0 4px 15px #0000000a}:root.light .sec-brain-session-header,:root.light .sec-brain-page-header,:root.light .sec-table th,:root[data-theme=light] .sec-brain-session-header,:root[data-theme=light] .sec-brain-page-header,:root[data-theme=light] .sec-table th{background:var(--color-bg-tertiary,#f1f5f9);border-bottom-color:var(--color-border,#e2e8f0);color:var(--color-text-secondary,#475569)}:root.light .sec-brain-session-body,:root[data-theme=light] .sec-brain-session-body{background:var(--color-bg-primary,#f8fafc)}:root.light .sec-table td,:root.light .sec-timeline-action,:root.light .sec-operator-name,:root.light .sec-bio-factor-value,:root[data-theme=light] .sec-table td,:root[data-theme=light] .sec-timeline-action,:root[data-theme=light] .sec-operator-name,:root[data-theme=light] .sec-bio-factor-value{color:var(--color-text-primary,#0f172a)}:root.light .sec-close-btn,:root[data-theme=light] .sec-close-btn{background:var(--color-bg-tertiary,#f1f5f9);border-color:var(--color-border,#cbd5e1);color:var(--color-text-secondary,#64748b)}.mobile-nav-root{display:none}@media (max-width:768px){.mobile-nav-root{display:contents}.mobile-bottom-nav{z-index:1100;-webkit-backdrop-filter:blur(28px)saturate(200%);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);height:calc(60px + env(safe-area-inset-bottom,0px));overscroll-behavior-y:contain;background:#07080cf0;border-top:1px solid #ffffff17;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #000000b3}.mobile-nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;color:#64748b;min-height:52px;font-family:var(--font-family,"Outfit", -apple-system, BlinkMacSystemFont, sans-serif);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 4px 4px;transition:color .18s,transform .15s;display:flex;position:relative}.mobile-nav-item:active{transition:transform 80ms;transform:scale(.92)}.mobile-nav-item.active{color:var(--color-primary,#818cf8)}.mobile-nav-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.mobile-nav-item.active .mobile-nav-icon-wrap{filter:drop-shadow(0 0 8px #818cf873)}.mobile-nav-icon{justify-content:center;align-items:center;display:flex}.more-sheet-backdrop{z-index:1150;-webkit-backdrop-filter:blur(12px);touch-action:none;background:#000000d1;animation:.22s ease-out backdropFadeIn;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.more-sheet{z-index:1200;overscroll-behavior-y:contain;height:85dvh;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom,0px);background:#06070a;border-top:1px solid #ffffff1f;border-radius:24px 24px 0 0;flex-direction:column;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%);box-shadow:0 -24px 64px #000000f2,inset 0 1px #ffffff14}.more-sheet.open{transform:translateY(0)}.more-sheet-handle-zone{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;width:100%;padding:10px 0 4px;display:flex}.more-sheet-handle{background:#ffffff40;border-radius:99px;width:36px;height:4px;box-shadow:0 1px 2px #00000080}.more-sheet-header-area{background:#ffffff04;border-bottom:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:8px;padding:6px 18px 12px;display:flex}.more-sheet-top-row{align-items:center;gap:10px;width:100%;display:flex}.more-account-avatar{color:#f8fafc;background:linear-gradient(135deg,#161822,#0c0d13);border:1px solid #ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 10px #0006}.more-account-avatar img{object-fit:cover;width:100%;height:100%}.more-sheet-user-meta{color:#94a3b8;align-items:center;gap:6px;padding-left:2px;font-size:.8rem;display:flex}.more-sheet-inst-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-weight:600;overflow:hidden}.more-sheet-inst-dot{color:#64748b;font-size:.7rem}.more-sheet-inst-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.more-search-container{align-items:center;width:100%;display:flex;position:relative}.more-search-icon{color:#64748b;pointer-events:none;position:absolute;left:12px}.more-search-input{color:#fff;box-sizing:border-box;background:#0e1017;border:1px solid #ffffff17;border-radius:12px;outline:none;width:100%;height:40px;padding:0 36px;font-family:inherit;font-size:.875rem;transition:border-color .15s,background .15s,box-shadow .15s}.more-search-input::placeholder{color:#64748b}.more-search-input:focus{background:#131622;border-color:#818cf899;box-shadow:0 0 14px #818cf833}.more-search-clear{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.more-search-clear:hover{color:#f8fafc}.more-sheet-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:24px;padding:16px 20px 28px;display:flex;overflow-y:auto}.more-sheet-scroll::-webkit-scrollbar{display:none}.more-section-group{flex-direction:column;gap:8px;display:flex}.more-section-label{letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;padding-left:4px;font-size:.725rem;font-weight:700}.more-section-card{background:linear-gradient(#ffffff0a 0%,#ffffff04 100%),#0c0e14;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0a}.more-list-row{color:#f8fafc;cursor:pointer;text-align:left;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:14px 16px;font-family:inherit;transition:background .15s;display:flex}.more-list-row:last-child{border-bottom:none}.more-list-row:active{background:#ffffff0f}.more-list-row.active{background:linear-gradient(90deg,#818cf826 0%,#818cf808 100%)}.more-list-row-content{flex-direction:column;flex:1;gap:2px;min-width:0;padding-right:12px;display:flex}.more-list-row-title{color:#f8fafc;font-size:.95rem;font-weight:600;line-height:1.25}.more-list-row-desc{color:#94a3b8;font-size:.8rem;line-height:1.3}.more-list-row-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.more-list-row-active-dot{background:var(--color-primary,#818cf8);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #818cf8b3}.more-list-row-chevron{color:#64748b;transition:transform .15s,color .15s}.more-list-row:active .more-list-row-chevron{color:#94a3b8;transform:translate(2px)}.more-empty-search{text-align:center;flex-direction:column;gap:4px;padding:32px 16px;display:flex}.more-empty-search-title{color:#f8fafc;margin:0;font-size:.95rem;font-weight:600}.more-empty-search-desc{color:#94a3b8;margin:0;font-size:.825rem}.more-signout-wrapper{padding-top:4px}.more-signout-btn{color:#f87171;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ef44441f 0%,#ef44440d 100%);border:1px solid #ef44443d;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s;display:flex;box-shadow:0 4px 14px #ef44441f}.more-signout-btn:active{background:#ef444433;transform:scale(.99)}:root.light .mobile-bottom-nav,:root[data-theme=light] .mobile-bottom-nav,html.light .mobile-bottom-nav{border-top:1px solid var(--color-border,#e2e8f0);background:#fffffff0;box-shadow:0 -4px 20px #0f172a14}:root.light .mobile-nav-item,:root[data-theme=light] .mobile-nav-item,html.light .mobile-nav-item{color:var(--color-text-secondary,#475569)}:root.light .mobile-nav-item.active,:root[data-theme=light] .mobile-nav-item.active,html.light .mobile-nav-item.active{color:var(--color-primary,#4f46e5)}:root.light .mobile-nav-item.active .mobile-nav-icon-wrap,:root[data-theme=light] .mobile-nav-item.active .mobile-nav-icon-wrap,html.light .mobile-nav-item.active .mobile-nav-icon-wrap{filter:drop-shadow(0 0 8px #4f46e54d)}:root.light .more-sheet-backdrop,:root[data-theme=light] .more-sheet-backdrop,html.light .more-sheet-backdrop{background:#0f172a66}:root.light .more-sheet,:root[data-theme=light] .more-sheet,html.light .more-sheet{background:var(--color-bg-secondary,#fff);border-top:1px solid var(--color-border,#e2e8f0);box-shadow:0 -12px 40px #0f172a26}:root.light .more-sheet-handle,:root[data-theme=light] .more-sheet-handle,html.light .more-sheet-handle{box-shadow:none;background:#0f172a33}:root.light .more-sheet-header-area,:root[data-theme=light] .more-sheet-header-area,html.light .more-sheet-header-area{border-bottom:1px solid var(--color-border,#e2e8f0);background:var(--color-bg-secondary,#fff)}:root.light .more-account-avatar,:root[data-theme=light] .more-account-avatar,html.light .more-account-avatar{background:var(--color-primary,#4f46e5);color:#fff;border:1px solid var(--color-border,#e2e8f0)}:root.light .more-sheet-user-meta,:root[data-theme=light] .more-sheet-user-meta,html.light .more-sheet-user-meta{color:var(--color-text-secondary,#475569)}:root.light .more-sheet-inst-name,:root[data-theme=light] .more-sheet-inst-name,html.light .more-sheet-inst-name{color:var(--color-text-primary,#0f172a)}:root.light .more-sheet-inst-email,:root[data-theme=light] .more-sheet-inst-email,html.light .more-sheet-inst-email{color:var(--color-text-secondary,#475569)}:root.light .more-search-input,:root[data-theme=light] .more-search-input,html.light .more-search-input{background:var(--color-bg-secondary,#fff);border:1px solid var(--color-border,#cbd5e1);color:var(--color-text-primary,#0f172a)}:root.light .more-search-input::placeholder,:root[data-theme=light] .more-search-input::placeholder,html.light .more-search-input::placeholder,:root.light .more-search-icon,:root[data-theme=light] .more-search-icon,html.light .more-search-icon{color:var(--color-text-tertiary,#94a3b8)}:root.light .more-section-label,:root[data-theme=light] .more-section-label,html.light .more-section-label{color:var(--color-text-tertiary,#64748b)}:root.light .more-section-card,:root[data-theme=light] .more-section-card,html.light .more-section-card{background:var(--color-bg-secondary,#fff);border:1px solid var(--color-border,#e2e8f0);box-shadow:0 2px 10px #0f172a0d}:root.light .more-list-row,:root[data-theme=light] .more-list-row,html.light .more-list-row{color:var(--color-text-primary,#0f172a);border-bottom:1px solid var(--color-border,#f1f5f9)}:root.light .more-list-row-title,:root[data-theme=light] .more-list-row-title,html.light .more-list-row-title{color:var(--color-text-primary,#0f172a)}:root.light .more-list-row-desc,:root[data-theme=light] .more-list-row-desc,html.light .more-list-row-desc{color:var(--color-text-secondary,#475569)}:root.light .more-list-row-chevron,:root[data-theme=light] .more-list-row-chevron,html.light .more-list-row-chevron{color:var(--color-text-tertiary,#94a3b8)}:root.light .more-empty-search-title,:root[data-theme=light] .more-empty-search-title,html.light .more-empty-search-title{color:var(--color-text-primary,#0f172a)}:root.light .more-empty-search-desc,:root[data-theme=light] .more-empty-search-desc,html.light .more-empty-search-desc{color:var(--color-text-secondary,#475569)}}.linked-welcome-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#6366f11f 0%,#a855f714 100%);border:1px solid #6366f140;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:16px 24px 0;padding:16px 20px;animation:.3s ease-out linkedBannerFadeIn;display:flex;box-shadow:0 4px 20px #0000000f}@keyframes linkedBannerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.linked-welcome-content{align-items:center;gap:16px;display:flex}.linked-welcome-icon-wrap{background:var(--color-primary-alpha,#6366f126);border:1px solid #6366f133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.linked-welcome-text{flex-direction:column;gap:4px;display:flex}.linked-welcome-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.linked-welcome-pill{text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:#fff;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:800}.linked-welcome-subpill{color:#ef4444;background:#ef444426;border:1px solid #ef444440;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.linked-welcome-title{color:var(--color-text-primary);margin:0;font-size:1.05rem;font-weight:700}.linked-welcome-desc{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.4}.linked-welcome-close-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.linked-welcome-close-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:768px){.linked-welcome-banner{flex-direction:column;align-items:flex-start;gap:12px;margin:12px 16px 0;padding:14px 16px}.linked-welcome-content{align-items:flex-start;gap:12px}.linked-welcome-icon-wrap{width:36px;height:36px;font-size:1.2rem}.linked-welcome-close-btn{justify-content:center;width:100%}}.feedback-widget-backdrop{z-index:99999;animation:.35s cubic-bezier(.16,1,.3,1) feedbackSlideUp;position:fixed;bottom:24px;right:24px}@keyframes feedbackSlideUp{0%{opacity:0;transform:translateY(24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.feedback-widget-card{-webkit-backdrop-filter:blur(16px);background:#0e0e12;border:1px solid #ffffff24;border-radius:20px;width:400px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 20px 60px #000000e6,0 0 40px #6366f11f}.feedback-widget-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.feedback-title-row{align-items:center;gap:8px;display:flex}.feedback-sparkle-icon{font-size:1.1rem}.feedback-title-row h3{color:#fff;margin:0;font-size:.95rem;font-weight:800}.feedback-close-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1;transition:color .2s}.feedback-close-btn:hover{color:#fff}.feedback-widget-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.feedback-category-pills{flex-wrap:wrap;gap:6px;display:flex}.category-pill{color:#a1a1aa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;padding:5px 12px;font-size:.76rem;font-weight:700;transition:all .2s}.category-pill:hover{color:#fff;background:#ffffff14}.category-pill.active{color:#a5b4fc;background:#6366f12e;border-color:#6366f166}.feedback-textarea{box-sizing:border-box;color:#fff;resize:none;background:#050507;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.88rem;line-height:1.5;transition:border-color .2s}.feedback-textarea:focus{border-color:#6366f1;box-shadow:0 0 12px #6366f133}.feedback-widget-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.feedback-sub-note{color:#71717a;font-size:.7rem}.feedback-action-btns{align-items:center;gap:8px;display:flex}.feedback-btn-cancel{color:#a1a1aa;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.82rem;font-weight:600}.feedback-btn-cancel:hover{color:#fff}.feedback-btn-submit{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;padding:8px 18px;font-size:.82rem;font-weight:800;transition:all .25s;box-shadow:0 0 15px #fff3}.feedback-btn-submit:hover{transform:translateY(-1px);box-shadow:0 0 25px #fff6}.feedback-btn-submit:disabled{opacity:.6;cursor:not-allowed}.gamma-searchbar-wrapper{background:var(--color-bg-secondary,#0f172a);border:1px solid var(--color-border,#ffffff1f);border-radius:var(--radius-lg,8px);box-sizing:border-box;align-items:center;width:100%;max-width:380px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.gamma-searchbar-wrapper:hover{border-color:var(--color-primary,#818cf8)}.gamma-searchbar-wrapper:focus-within{border-color:var(--color-primary,#818cf8);background:var(--color-bg-tertiary,#182234);box-shadow:0 0 0 3px #818cf82e}.gamma-searchbar-wrapper.size-sm{height:32px}.gamma-searchbar-wrapper.size-md{height:36px}.gamma-searchbar-wrapper.size-lg{height:42px}.gamma-searchbar-icon{color:var(--color-text-tertiary,#64748b);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;padding-left:12px;transition:color .2s;display:flex}.gamma-searchbar-wrapper:focus-within .gamma-searchbar-icon,.gamma-searchbar-wrapper.has-value .gamma-searchbar-icon{color:var(--color-primary,#818cf8)}.gamma-searchbar-input{min-width:0;height:100%;color:var(--color-text-primary,#f8fafc);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;padding:0 10px;font-family:inherit;font-size:.875rem;font-weight:500}.gamma-searchbar-input::placeholder{color:var(--color-text-tertiary,#64748b);font-weight:400}.gamma-searchbar-clear-btn{background:var(--color-bg-tertiary,#ffffff14);width:20px;height:20px;color:var(--color-text-secondary,#94a3b8);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;padding:0;transition:all .15s;display:inline-flex}.gamma-searchbar-clear-btn:hover{background:var(--color-primary,#818cf8);color:#fff}.gamma-dual-filter-container{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.gamma-filter-popover-wrapper{display:inline-block;position:relative}.gamma-dual-btn{background:var(--color-bg-secondary,#0f172a);border:1px solid var(--color-border,#ffffff1f);border-radius:var(--radius-lg,8px);height:36px;color:var(--color-text-secondary,#94a3b8);cursor:pointer;box-sizing:border-box;white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.gamma-dual-btn strong{color:var(--color-text-primary,#f8fafc);font-weight:700}.gamma-dual-btn:hover,.gamma-dual-btn.open{border-color:var(--color-primary,#818cf8);color:var(--color-text-primary,#f8fafc)}.gamma-dual-btn.active{border-color:var(--color-primary,#818cf8);background:#818cf81f}.gamma-dual-popover{z-index:120;background:var(--color-bg-secondary,#0f172a);border:1px solid var(--color-border,#ffffff26);border-radius:var(--radius-lg,8px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;min-width:200px;max-width:calc(100vw - 24px);padding:6px;animation:.15s ease-out dualPopIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 30px #00000059}.gamma-dual-popover.align-right{left:auto;right:0}@keyframes dualPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gamma-dual-popover-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary,#64748b);border-bottom:1px solid var(--color-border,#ffffff14);justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 10px 8px;font-size:.725rem;font-weight:700;display:flex}.gamma-dual-reset{color:var(--color-primary,#818cf8);cursor:pointer;background:0 0;border:none;padding:0;font-size:.725rem;font-weight:600}.gamma-dual-menu-list{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.gamma-dual-menu-item{border-radius:var(--radius-md,6px);color:var(--color-text-secondary,#94a3b8);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.gamma-dual-menu-item:hover{background:var(--color-bg-tertiary,#ffffff0f);color:var(--color-text-primary,#f8fafc)}.gamma-dual-menu-item.selected{color:var(--color-primary,#818cf8);background:#818cf826;font-weight:700}.gamma-dual-dot{background:var(--color-primary,#818cf8);border-radius:50%;width:6px;height:6px}.gamma-dual-count{color:var(--color-text-tertiary,#64748b);font-size:.75rem}@keyframes gammaChartEntrance{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.gamma-chart-card{background:var(--color-bg-secondary,#050507);border:1px solid var(--color-border,#ffffff14);animation:gammaChartEntrance .7s cubic-bezier(.16, 1, .3, 1) ease-out forwards;border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}:root[data-theme=light] .gamma-chart-card,[data-theme=light] .gamma-chart-card{background:#fff;border-color:#00000014;box-shadow:0 4px 20px #0000000a}.gamma-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.gamma-chart-title-group{flex-direction:column;gap:4px;display:flex}.gamma-chart-title{color:var(--color-text-primary,#fff);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.gamma-chart-subtitle{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.8rem}.gamma-chart-legend{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.gamma-legend-item{color:var(--color-text-secondary,#94a3b8);cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:2px 4px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.gamma-legend-toggleable{cursor:pointer!important}.gamma-legend-toggleable:hover{background:#ffffff0f}.gamma-legend-switch{border:1.5px solid;border-radius:10px;flex-shrink:0;width:22px;height:12px;transition:background-color .2s,border-color .2s;display:inline-block;position:relative}.gamma-legend-switch-knob{background:#fff;border-radius:50%;width:8px;height:8px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:.5px;left:1px}.gamma-legend-switch.active .gamma-legend-switch-knob{transform:translate(9px)}.gamma-chart-body{width:100%;position:relative}.gamma-chart-tooltip{background:var(--color-bg-secondary,#0c0c12f0);border:1px solid var(--color-border-light,#ffffff24);-webkit-backdrop-filter:blur(16px);pointer-events:none;border-radius:12px;min-width:130px;padding:10px 14px;animation:.15s ease-out tooltipFadeIn;box-shadow:0 10px 30px #0009,0 0 20px #818cf81a}:root[data-theme=light] .gamma-chart-tooltip,[data-theme=light] .gamma-chart-tooltip{background:#fffffff5;border-color:#0000001f;box-shadow:0 8px 24px #00000014}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.96)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}.gamma-tooltip-label{color:var(--color-text-primary,#fff);border-bottom:1px solid var(--color-border,#ffffff14);margin-bottom:6px;padding-bottom:4px;font-size:.8rem;font-weight:700}.gamma-tooltip-series{flex-direction:column;gap:4px;display:flex}.gamma-tooltip-row{justify-content:space-between;align-items:center;gap:12px;font-size:.76rem;display:flex}.gamma-tooltip-name{color:var(--color-text-secondary,#94a3b8);align-items:center;gap:6px;display:flex}.gamma-tooltip-val{color:var(--color-text-primary,#fff);font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:768px){.gamma-chart-card{border-radius:16px;gap:12px;padding:16px 14px;border:none!important}.gamma-chart-header{flex-direction:column;align-items:flex-start;gap:8px}.gamma-chart-title{font-size:.98rem}.gamma-chart-subtitle{font-size:.74rem}.gamma-chart-legend{gap:10px}.gamma-legend-item{font-size:.72rem}.gamma-chart-tooltip{padding:8px 10px;font-size:.72rem}}:root{--pt-bg:#000;--pt-surface:#050507;--pt-card:#0e0e1299;--pt-border:#ffffff14;--pt-border-hover:#ffffff38;--pt-text-main:#fff;--pt-text-sub:#a1a1aa;--pt-text-dim:#71717a;--pt-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--pt-ease:cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;background-color:#000}body{margin:0;padding:0}#root{overflow:visible}.pitch-black-wrapper{background-color:var(--pt-bg);color:var(--pt-text-main);font-family:var(--pt-font);-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:clip visible}.pitch-grid-background{opacity:.4;pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.live-spotlight-top{filter:blur(160px);pointer-events:none;background:radial-gradient(#6366f11f 0%,#a855f70a 50%,#0000 80%);width:1000px;height:600px;position:absolute;top:-250px;left:50%;transform:translate(-50%)}.live-spotlight-bottom{filter:blur(160px);pointer-events:none;background:radial-gradient(#38bdf814 0%,#0000 80%);width:900px;height:600px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.pitch-header{z-index:1000;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--pt-border);box-sizing:border-box;background:#000000d9;width:100%;padding:16px 40px;position:fixed;top:0;left:0}.pitch-header-inner{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;display:flex}.pitch-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.pitch-logo{object-fit:contain;width:32px;height:32px;transition:transform .3s var(--pt-ease)}.pitch-brand:hover .pitch-logo{transform:rotate(15deg)scale(1.05)}.pitch-brand-name{color:#fff;letter-spacing:-.02em;align-items:center;gap:4px;font-size:1.2rem;font-weight:900;display:inline-flex}.brand-pro-badge{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.pitch-v28-pill{color:#a5b4fc;letter-spacing:.05em;background:#6366f11f;border:1px solid #6366f140;border-radius:100px;padding:3px 10px;font-size:.65rem;font-weight:800}.pitch-nav-actions{align-items:center;gap:16px;display:flex}.pitch-nav-label-short{display:none}.pitch-nav-label-full{display:inline}.pitch-link{color:var(--pt-text-sub);border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pitch-nav-btn-highlight{background:#6366f11f;border:1px solid #6366f140;color:#818cf8!important}.pitch-nav-btn-highlight:hover{background:#6366f140;box-shadow:0 0 16px #6366f14d;color:#fff!important}.pitch-link:hover{color:#fff}.pitch-nav-icon{flex-shrink:0;width:16px;height:16px}.pitch-signin-btn{color:#000;font-family:var(--pt-font);cursor:pointer;transition:all .25s var(--pt-ease);background:#fff;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:800;display:inline-flex}.pitch-btn-icon{flex-shrink:0;width:15px;height:15px}.pitch-signin-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px #fff6}.pitch-main-content{z-index:10;width:100%;margin-top:66px;position:relative;overflow-x:clip}.animate-fade-in{animation:pitchFade 1.4s var(--pt-ease) forwards}.animate-fade-in-delayed{animation:pitchFade 1.4s var(--pt-ease) .3s forwards;opacity:0}.animate-fade-in-delayed-2{animation:pitchFade 1.4s var(--pt-ease) .6s forwards;opacity:0}@keyframes pitchFade{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.animate-float{animation:4s ease-in-out infinite floatPill}@keyframes floatPill{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pulse{animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.shimmer-text{background:linear-gradient(135deg,#fff 0%,#a5b4fc 40%,#c084fc 80%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s linear infinite textShimmer}@keyframes textShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal-on-scroll{opacity:0;transition:opacity 1.2s var(--pt-ease), transform 1.2s var(--pt-ease);will-change:opacity, transform;transform:translateY(60px)scale(.95)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.pitch-hero{text-align:center;box-sizing:border-box;perspective:1200px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:calc(100vh - 66px);margin:0 auto;padding:60px 24px 80px;display:flex;position:relative}.pitch-hero-side-card{-webkit-backdrop-filter:blur(24px);pointer-events:none;z-index:2;will-change:transform, opacity;background:linear-gradient(145deg,#101016f2 0%,#06060afa 100%);border-radius:32px;outline:none;width:440px;padding:0;position:absolute;top:50%;overflow:hidden;box-shadow:0 40px 110px #000000f2,0 0 70px #6366f11f;border:none!important}.pitch-hero-side-card.left-card{left:-220px}.pitch-hero-side-card.right-card{right:-220px}.animate-grow-left{animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards growInLeft}.animate-grow-right{opacity:0;animation:1.1s cubic-bezier(.34,1.56,.64,1) .15s forwards growInRight}@keyframes growInLeft{0%{opacity:0;transform:translateY(-50%)translate(-100px)rotateY(45deg)scale(.6)}to{opacity:1}}@keyframes growInRight{0%{opacity:0;transform:translateY(-50%)translate(100px)rotateY(-45deg)scale(.6)}to{opacity:1}}.side-card-inner{text-align:left;padding:24px}.side-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.side-dot{border-radius:50%;width:8px;height:8px}.side-dot.red{background:#ef4444}.side-dot.yellow{background:#f59e0b}.side-dot.green{background:#10b981}.side-card-title{color:var(--pt-text-sub);margin-left:4px;font-size:.76rem;font-weight:800}.side-card-body{flex-direction:column;gap:12px;display:flex}.side-row{background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.side-row-info{flex-direction:column;display:flex}.side-name{color:#fff;font-size:.82rem;font-weight:800}.side-meta{color:var(--pt-text-dim);margin-top:2px;font-size:.7rem}.side-badge{border-radius:100px;padding:4px 10px;font-size:.68rem;font-weight:800}.side-badge.paid{color:#34d399;background:#10b98126}.side-badge.warning{color:#fbbf24;background:#f59e0b26}.side-chat{border-radius:16px;padding:12px 16px;font-size:.82rem;line-height:1.5}.side-chat.user{color:#a5b4fc;background:#6366f126;align-self:flex-end}.side-chat.ai{color:#fff;background:#ffffff0a;position:relative}.pitch-pill-strip{background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:12px;margin-bottom:28px;padding:6px 18px;display:flex;box-shadow:0 10px 30px #00000080}.pitch-micro-badge{color:var(--pt-text-sub);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.pitch-micro-badge .dot{border-radius:50%;width:6px;height:6px}.pitch-micro-badge .dot.green{background:#10b981;box-shadow:0 0 8px #10b981}.pitch-micro-badge .dot.purple{background:#c084fc;box-shadow:0 0 8px #c084fc}.pitch-micro-badge .dot.cyan{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.pill-sep{color:var(--pt-text-dim);opacity:.4;font-size:.75rem}.pitch-hero-title{letter-spacing:-.04em;color:#fff;margin:0 0 20px;font-size:4.2rem;font-weight:900;line-height:1.12}.pitch-hero-subtitle{color:var(--pt-text-sub);max-width:640px;margin:0 0 36px;font-size:1.18rem;line-height:1.65}.pitch-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 20px;font-size:.88rem;display:flex}.pitch-hero-cta-group{justify-content:center;align-items:center;display:flex}.pitch-google-btn{color:#000;height:48px;font-family:var(--pt-font);cursor:pointer;transition:all .25s var(--pt-ease);background:#fff;border:none;border-radius:100px;align-items:center;gap:10px;padding:0 28px;font-size:.92rem;font-weight:800;display:flex;box-shadow:0 0 30px #fff3}.pitch-google-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 45px #ffffff73}.pitch-google-btn.large{height:52px;padding:0 36px;font-size:.98rem}.pitch-scroll-hint{color:var(--pt-text-dim);cursor:pointer;align-items:center;gap:8px;font-size:.78rem;font-weight:600;transition:color .2s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.pitch-scroll-hint:hover{color:#fff}.bounce-icon{animation:2s ease-in-out infinite iconBounce}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(3px)}}.pitch-stats-section{justify-content:center;max-width:1040px;margin:0 auto;padding:40px 24px 80px;display:flex}.pitch-stats-card{border:1px solid var(--pt-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff05;border-radius:100px;align-items:center;gap:52px;padding:24px 60px;transition:border-color .3s;display:flex}.pitch-stats-card:hover{border-color:var(--pt-border-hover)}.pitch-stat-item{flex-direction:column;align-items:center;display:flex}.pitch-stat-val{color:#fff;letter-spacing:-.02em;font-size:1.7rem;font-weight:900}.pitch-stat-label{color:var(--pt-text-dim);margin-top:2px;font-size:.78rem;font-weight:600}.pitch-stat-sep{background:var(--pt-border);width:1px;height:36px}.pitch-feature-block{border-top:1px solid #ffffff0d;max-width:1240px;margin:0 auto;padding:130px 24px}.pitch-feature-grid{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.pitch-tag{letter-spacing:.14em;margin-bottom:14px;font-size:.74rem;font-weight:800;display:block}.pitch-tag.indigo{color:#818cf8}.pitch-tag.purple{color:#c084fc}.pitch-tag.cyan{color:#38bdf8}.pitch-tag.emerald{color:#34d399}.pitch-tag.amber{color:#fbbf24}.pitch-title{color:#fff;letter-spacing:-.03em;margin:0 0 18px;font-size:2.6rem;font-weight:900;line-height:1.18}.pitch-desc{color:var(--pt-text-sub);margin:0 0 28px;font-size:1.08rem;line-height:1.68}.pitch-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.pitch-list li{color:#fff;align-items:center;gap:12px;font-size:.94rem;font-weight:600;display:flex}.pitch-card-frame{border:1px solid var(--pt-border);transition:all .35s var(--pt-ease);background:#060608;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 40px 110px #000000e6}.pitch-card-frame:hover{border-color:var(--pt-border-hover);transform:translateY(-5px);box-shadow:0 50px 130px #000000f2}.pitch-card-top{border-bottom:1px solid var(--pt-border);background:#ffffff08;align-items:center;gap:8px;padding:16px 24px;display:flex}.frame-dot{border-radius:50%;width:10px;height:10px}.frame-dot.red{background:#ef4444}.frame-dot.yellow{background:#f59e0b}.frame-dot.green{background:#10b981}.frame-title{color:var(--pt-text-dim);margin-left:8px;font-size:.76rem;font-weight:700}.live-status-pill{color:#34d399;align-items:center;gap:6px;margin-left:auto;font-size:.7rem;font-weight:800;display:flex}.pitch-card-body{flex-direction:column;gap:18px;padding:32px;display:flex}.chat-bubble{border-radius:16px;padding:16px 20px;font-size:.9rem;line-height:1.55}.chat-bubble.user{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;align-self:flex-end}.chat-bubble.ai{border:1px solid var(--pt-border);color:#fff;background:#ffffff0a;align-self:flex-start;position:relative}.glowing-ai-box{box-shadow:0 0 20px #a855f71a;border-color:#a855f74d!important}.typing-cursor{vertical-align:middle;background:#c084fc;width:7px;height:14px;margin-left:4px;animation:1s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.ledger-row{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.ledger-row.hover-row:hover{background:#ffffff0f;border-color:#ffffff26}.status-paid{color:#34d399;background:#10b98126;border-radius:100px;padding:4px 12px;font-size:.72rem;font-weight:800}.status-overdue{color:#fca5a5;background:#ef444426;border-radius:100px;padding:4px 12px;font-size:.72rem;font-weight:800}.perm-row{color:#fff;border-bottom:1px solid var(--pt-border);justify-content:space-between;align-items:center;padding-bottom:14px;font-size:.88rem;font-weight:700;display:flex}.perm-active{color:#10b981;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.perm-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.perm-box{text-align:center;border-radius:100px;padding:12px;font-size:.8rem;font-weight:700;transition:transform .2s}.perm-box.live-chip:hover{transform:scale(1.03)}.perm-box.pass{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.perm-box.block{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.glowing-emerald-box{box-shadow:0 0 25px #10b98126;border-color:#10b98159!important}.glowing-amber-box{box-shadow:0 0 25px #f59e0b26;border-color:#f59e0b59!important}.glow-amber{color:#fbbf24;border-color:#f59e0b4d;box-shadow:0 0 10px #f59e0b33}.nfc-scan-card{background:#10b9810f;border:1px solid #10b98133;border-radius:16px;padding:16px 20px}.nfc-scan-header{align-items:center;gap:14px;display:flex}.nfc-scan-info{flex-direction:column;flex:1;gap:2px;display:flex}.nfc-student-name{color:#fff;font-size:.9rem;font-weight:800}.nfc-scan-time{color:#34d399;font-size:.74rem;font-weight:600}.nfc-tap-chip{color:#34d399;background:#10b98133;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:800}.holiday-banner-preview{background:#f59e0b12;border:1px solid #f59e0b33;border-radius:16px;flex-direction:column;gap:8px;padding:18px 22px;display:flex}.holiday-badge-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.holiday-title{color:#fff;font-size:.94rem;font-weight:800}.freeze-tag{color:#fbbf24;background:#f59e0b33;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:800}.holiday-date-range{color:var(--pt-text-sub);margin:0;font-size:.78rem;font-weight:600}.knowledge-search-preview{flex-direction:column;gap:14px;display:flex}.search-input-mock{border:1px solid var(--pt-border);color:#fff;background:#ffffff0d;border-radius:100px;align-items:center;gap:10px;padding:12px 18px;font-size:.84rem;display:flex}.search-result-card{background:#c084fc14;border:1px solid #c084fc40;border-radius:14px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.res-tag{color:#c084fc;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.res-title{color:#fff;font-size:.9rem;font-weight:800}.res-snippet{color:var(--pt-text-sub);margin:0;font-size:.78rem;line-height:1.4}.pitch-pricing-section{text-align:center;border-top:1px solid #ffffff0d;max-width:1240px;margin:0 auto;padding:130px 24px}.pitch-pricing-heading{color:#fff;letter-spacing:-.03em;margin:14px 0 10px;font-size:2.7rem;font-weight:900}.pitch-pricing-subtext{color:var(--pt-text-sub);margin:0 0 56px;font-size:1.05rem}.pitch-tier-grid.expanded{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:28px;display:grid}.pitch-tier-card{border:1px solid var(--pt-border);text-align:left;transition:all .35s var(--pt-ease);background:#060608;border-radius:24px;flex-direction:column;padding:36px 28px;display:flex;position:relative}.pitch-tier-card:hover{border-color:#6366f173;transform:translateY(-6px);box-shadow:0 30px 60px #000c}.pitch-tier-card.popular{background:linear-gradient(#6366f11f 0%,#060608 100%);border-color:#6366f199;box-shadow:0 0 40px #6366f126}.popular-tag{color:#fff;letter-spacing:.05em;background:#6366f1;border-radius:100px;padding:4px 12px;font-size:.65rem;font-weight:800;position:absolute;top:-12px;right:28px}.tier-name{color:#fff;margin:0 0 10px;font-size:1.35rem;font-weight:900}.tier-price{color:#fff;margin-bottom:12px;font-size:2.1rem;font-weight:900}.tier-price span{color:var(--pt-text-dim);font-size:.85rem;font-weight:600}.tier-info{color:var(--pt-text-sub);margin:0 0 24px;font-size:.88rem;line-height:1.55}.tier-spec-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:8px;margin-bottom:24px;padding:14px 18px;display:flex}.spec-item{color:var(--pt-text-sub);font-size:.85rem}.spec-item strong{color:#fff;font-weight:800}.tier-feature-list{flex-direction:column;flex-grow:1;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.tier-feature-list li{color:#fff;align-items:center;gap:10px;font-size:.86rem;font-weight:600;display:flex}.tier-feature-list li.disabled{color:var(--pt-text-dim);opacity:.5;text-decoration:line-through}.tier-action-btn{width:100%;height:48px;font-family:var(--pt-font);cursor:pointer;transition:all .25s var(--pt-ease);border:none;border-radius:100px;font-size:.9rem;font-weight:800}.tier-action-btn.primary{color:#000;background:#fff;box-shadow:0 0 30px #fff3}.tier-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 45px #fff6}.tier-action-btn.secondary{color:#fff;border:1px solid var(--pt-border);background:#ffffff0a}.tier-action-btn.secondary:hover{border-color:var(--pt-border-hover);background:#ffffff14}.pitch-login-anchor{border-top:1px solid #ffffff0d;justify-content:center;padding:120px 24px 140px;display:flex;position:relative}.pitch-login-card-container{-webkit-backdrop-filter:blur(20px);text-align:center;width:100%;max-width:680px;transition:all .35s var(--pt-ease);background:linear-gradient(#0e0e14b3 0%,#060608f2 100%);border:1px solid #ffffff1f;border-radius:32px;flex-direction:column;align-items:center;padding:56px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c,0 0 60px #6366f114}.pitch-login-card-container:hover{border-color:#6366f159;transform:translateY(-4px);box-shadow:0 50px 120px #000000e6,0 0 80px #6366f126}.pitch-login-card-container:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(#6366f140 0%,#0000 70%);width:300px;height:200px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.anchor-logo-wrapper{width:72px;height:72px;transition:transform .4s var(--pt-ease);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:0 10px 30px #00000080}.pitch-login-card-container:hover .anchor-logo-wrapper{transform:scale(1.08)rotate(5deg)}.anchor-logo{object-fit:contain;width:44px;height:44px}.anchor-title{color:#fff;letter-spacing:-.03em;margin:0 0 12px;font-size:2.8rem;font-weight:900}.anchor-sub{color:var(--pt-text-sub);max-width:480px;margin:0 0 36px;font-size:1.05rem;line-height:1.6}.anchor-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}.trust-badge{color:var(--pt-text-sub);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.pitch-footer{border-top:1px solid var(--pt-border);z-index:10;background:#000;padding:48px 40px;position:relative}.pitch-footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 24px;display:flex}.pitch-footer-brand{color:#fff;align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.pitch-footer-nav{align-items:center;gap:20px;display:flex}.pitch-footer-nav a{color:var(--pt-text-sub);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.pitch-footer-nav a:hover{color:#fff}.pitch-footer-copy{text-align:center;color:var(--pt-text-dim);font-size:.78rem}@media (max-width:1400px){.pitch-hero-side-card.left-card{opacity:.6;left:-240px}.pitch-hero-side-card.right-card{opacity:.6;right:-240px}}.pitch-mobile-showcase-container{flex-direction:column;gap:16px;width:100%;max-width:440px;margin:20px auto 0;display:none}.pitch-mobile-side-card{border:1px solid var(--pt-border);text-align:left;background:linear-gradient(145deg,#101016f2 0%,#06060afa 100%);border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #000c,0 0 30px #6366f114}@media (max-width:1100px){.pitch-hero-side-card{display:none}.pitch-mobile-showcase-container{display:flex}.pitch-hero-cta-desktop-only{display:none!important}}@media (max-width:900px){.pitch-header{padding:14px 20px}.pitch-hero-title{font-size:2.8rem}.pitch-feature-grid{grid-template-columns:1fr;gap:40px}.pitch-stats-card{border-radius:24px;flex-direction:column;gap:16px;padding:24px}.pitch-stat-sep{width:60px;height:1px}.pitch-google-btn{justify-content:center;width:100%}}@media (max-width:640px){.pitch-v28-pill{display:none}.pitch-nav-label,.pitch-signin-label{display:inline}.pitch-hero{min-height:calc(100svh - 56px);padding:48px 20px 72px}.pitch-hero-title{letter-spacing:-.03em;font-size:2.2rem}.pitch-hero-subtitle{margin-bottom:28px;font-size:1rem}.pitch-hero-cta-group{flex-direction:column;width:100%}.pitch-google-btn{justify-content:center;width:100%;height:52px;font-size:1rem}.pitch-google-btn.large{height:54px}.pitch-scroll-hint{bottom:20px}.pitch-header{padding:10px 14px}.pitch-nav-actions{gap:6px}.pitch-link{padding:6px 10px;font-size:.78rem}.pitch-nav-label-full{display:none}.pitch-nav-label-short{display:inline}.pitch-nav-icon,.pitch-btn-icon{width:16px;height:16px}.pitch-signin-btn{border-radius:100px;padding:7px 14px;font-size:.8rem}.pitch-stats-section{padding:24px 20px 56px}.pitch-stats-card{box-sizing:border-box;border-radius:20px;flex-direction:column;gap:12px;width:100%;padding:20px 28px}.pitch-stat-sep{width:48px;height:1px}.pitch-stat-val{font-size:1.5rem}.pitch-feature-block{padding:72px 20px}.pitch-feature-grid{grid-template-columns:1fr;gap:32px}.pitch-title{font-size:1.9rem}.pitch-desc{font-size:.96rem}.pitch-tier-grid.expanded{grid-template-columns:1fr}.pitch-pricing-section{padding:72px 20px}.pitch-pricing-heading{font-size:1.7rem}.pitch-card-body{gap:12px;padding:20px}.pitch-login-anchor{padding:72px 20px}.anchor-title{font-size:2rem}.anchor-sub{font-size:.95rem}.anchor-trust{flex-direction:column;align-items:center}.pitch-footer{padding:32px 20px}.pitch-footer-inner{flex-direction:column;align-items:flex-start;gap:20px}.pitch-footer-nav{flex-wrap:wrap;gap:12px}}@media (max-width:480px){.pitch-brand-name{font-size:1rem}.pitch-header{padding:10px}.pitch-nav-actions{gap:4px}.pitch-link{padding:5px 8px;font-size:.72rem}.pitch-signin-btn{padding:6px 12px;font-size:.75rem}.pitch-hero-title{font-size:1.9rem}.pitch-hero-subtitle{font-size:.92rem}.pitch-title{font-size:1.65rem}.pitch-pricing-heading{font-size:1.5rem}.anchor-title{font-size:1.7rem}.pitch-tier-card{padding:28px 20px}.ledger-row{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;font-size:.78rem}.perm-grid{grid-template-columns:1fr 1fr}}.pitch-realm-section{text-align:center;max-width:1240px;margin:0 auto;padding:90px 24px;position:relative;overflow:hidden}.pitch-realm-inner{flex-direction:column;justify-content:center;align-items:center;display:flex}.pitch-realm-badge{letter-spacing:.12em;color:var(--pt-text-sub);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 18px;font-size:.72rem;font-weight:800;display:inline-flex}.pitch-realm-stage{place-items:center;width:100%;max-width:700px;height:140px;display:grid;position:relative}.pitch-realm-card{opacity:0;filter:blur(20px);pointer-events:none;will-change:filter, opacity, transform;flex-direction:column;justify-content:center;align-items:center;animation:9s cubic-bezier(.4,0,.2,1) infinite realmBlurCycle;display:flex;position:absolute;inset:0;transform:scale(.92)}.realm-item-1{animation-delay:0s}.realm-item-2{animation-delay:3s}.realm-item-3{animation-delay:6s}@keyframes realmBlurCycle{0%{opacity:0;filter:blur(20px);transform:scale(.92)}6%{opacity:1;filter:blur();transform:scale(1)}28%{opacity:1;filter:blur();transform:scale(1)}33.33%{opacity:0;filter:blur(20px);transform:scale(1.08)}to{opacity:0;filter:blur(20px);transform:scale(1.08)}}.pitch-realm-title{color:#fff;letter-spacing:-.03em;text-shadow:0 0 40px #ffffff59;background:linear-gradient(#fff 0%,#d4d4d8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px;font-size:3.2rem;font-weight:900}.pitch-realm-sub{color:#a1a1aa;letter-spacing:.04em;margin:0;font-size:.95rem;font-weight:700}.pitch-realm-dots{align-items:center;gap:10px;margin-top:28px;display:flex}.realm-dot{background:#ffffff26;border-radius:50%;width:8px;height:8px;animation:9s ease-in-out infinite realmDotGlow}.realm-dot.dot-1{animation-delay:0s}.realm-dot.dot-2{animation-delay:3s}.realm-dot.dot-3{animation-delay:6s}@keyframes realmDotGlow{0%,28%{background:#fff;transform:scale(1.25);box-shadow:0 0 12px #fffc}33.33%,to{box-shadow:none;background:#ffffff26;transform:scale(1)}}@media (max-width:768px){.pitch-realm-section{padding:50px 16px}.pitch-realm-title{font-size:2.2rem}.pitch-realm-sub{font-size:.82rem}.pitch-realm-stage{height:120px}}.setup-page{min-height:100vh;width:100%;min-height:100dvh;padding:var(--spacing-xl) var(--spacing-lg);box-sizing:border-box;background:#030305;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden auto}.setup-bg-glow{pointer-events:none;z-index:0;filter:blur(80px);border-radius:50%;position:absolute}.setup-bg-glow-top{background:radial-gradient(circle,#6366f126 0%,#38bdf814 45%,#0000 75%);width:600px;height:400px;top:-120px;left:50%;transform:translate(-50%)}.setup-bg-glow-bottom{background:radial-gradient(circle,#ec48991a 0%,#f59e0b0f 50%,#0000 80%);width:500px;height:350px;bottom:-150px;left:50%;transform:translate(-50%)}.setup-container{z-index:1;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:680px;margin:0 auto;animation:.65s cubic-bezier(.16,1,.3,1) forwards setupPureFadeUp;display:flex;position:relative}@keyframes setupPureFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.setup-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:28px;display:flex}.setup-brand{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.setup-logo-img{object-fit:contain;filter:drop-shadow(0 0 16px #6366f173);width:56px;height:56px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.setup-logo-img:hover{transform:scale(1.08)rotate(-4deg)}.setup-badge{letter-spacing:.18em;color:#a5b4fc;text-transform:uppercase;background:#6366f11f;border:1px solid #6366f140;border-radius:9999px;margin-bottom:14px;padding:4px 12px;font-size:.68rem;font-weight:700}.setup-title{letter-spacing:-.025em;color:#fff;margin:0 0 10px;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:800;line-height:1.2}.setup-gradient-text{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.setup-subtitle{color:#ffffff8c;max-width:440px;margin:0;font-size:.95rem;line-height:1.5}.setup-card{width:100%;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;background:#0e0e14b8!important;border:1px solid #ffffff17!important;border-radius:20px!important;box-shadow:0 20px 50px #000c,0 0 0 1px #ffffff0d!important}.setup-form{flex-direction:column;gap:32px;display:flex}.form-section{flex-direction:column;gap:16px;display:flex}.section-header-wrap{align-items:flex-start;gap:12px;display:flex}.section-step-num{color:#818cf8;letter-spacing:.05em;background:#6366f11f;border:1px solid #6366f138;border-radius:6px;margin-top:2px;padding:3px 8px;font-size:.72rem;font-weight:800}.section-title{color:#fff;letter-spacing:-.01em;margin:0 0 3px;font-size:1.1rem;font-weight:700}.section-description{color:#ffffff73;margin:0;font-size:.82rem;line-height:1.4}.setup-input-wrap .input-field{color:#fff!important;background:#050508b3!important;border:1px solid #ffffff1f!important;border-radius:12px!important;padding:13px 16px!important;font-size:.95rem!important;transition:all .2s!important}.setup-input-wrap .input-field:focus{background:#0a0a0fd9!important;border-color:#818cf8!important;box-shadow:0 0 0 3px #818cf833!important}.currency-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.currency-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#ffffff06;border:1.5px solid #ffffff14;border-radius:14px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:126px;padding:20px 12px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.currency-card:hover{background:#6366f10d;border-color:#818cf873;transform:translateY(-2px)}.currency-card-selected{background:linear-gradient(145deg,#6366f129 0%,#c084fc14 100%)!important;border-color:#818cf8!important;box-shadow:0 8px 24px #6366f138,0 0 0 1px #818cf866!important}.currency-symbol{color:#a5b4fc;margin-bottom:8px;font-size:2rem;font-weight:800;line-height:1;transition:transform .2s}.currency-card:hover .currency-symbol,.currency-card-selected .currency-symbol{color:#fff;transform:scale(1.06)}.currency-info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.currency-code{color:#fff;letter-spacing:.04em;font-size:.95rem;font-weight:700}.currency-country{color:#ffffff8c;margin-top:1px;font-size:.72rem}.currency-name{color:#ffffff52;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.65rem;overflow:hidden}.currency-check{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #6366f199}.setup-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.setup-actions{border-top:1px solid #ffffff14;padding-top:24px}.setup-submit-btn{letter-spacing:.02em!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;border-radius:14px!important;height:50px!important;font-size:1rem!important;font-weight:700!important;transition:all .22s!important;box-shadow:0 8px 24px #4f46e559!important}.setup-submit-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#818cf8 0%,#6366f1 100%)!important;box-shadow:0 12px 30px #6366f173!important}@media (max-width:768px){.setup-page{align-items:flex-start;padding:24px 16px}.setup-container{margin:auto 0}.setup-card{border-radius:18px!important}.currency-grid{grid-template-columns:repeat(2,1fr);gap:10px}.currency-card{min-height:116px;padding:16px 10px}.currency-symbol{font-size:1.75rem}}@media (max-width:480px){.setup-page{padding:16px 12px}.setup-header{margin-bottom:20px}.setup-logo-img{width:48px;height:48px}.setup-title{font-size:1.65rem}.setup-subtitle{font-size:.85rem}.setup-form{gap:24px}.currency-grid{grid-template-columns:repeat(2,1fr);gap:8px}.currency-card{min-height:108px;padding:14px 8px}.currency-symbol{margin-bottom:6px;font-size:1.6rem}.currency-code{font-size:.88rem}.currency-country{font-size:.68rem}.currency-name{display:none}.setup-submit-btn{height:46px!important;font-size:.92rem!important}}.dashboard-layout{height:100vh;height:var(--app-height,100dvh);background:var(--color-bg-primary);color:var(--color-text-primary);display:flex;overflow:hidden}.dashboard-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:1000;box-sizing:border-box;flex-direction:column;width:280px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.dashboard-sidebar.sidebar-collapsed{cursor:pointer;width:74px}.sidebar-header{border-bottom:1px solid var(--color-border);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 16px;display:flex}.sidebar-logo{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:flex}.sidebar-logo-img{object-fit:contain;filter:drop-shadow(0 0 5px #7d5aff4d);flex-shrink:0;width:32px;height:32px}.logo-name{font-size:var(--font-size-xl);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;white-space:nowrap;opacity:1;-webkit-background-clip:text;background-clip:text;max-width:140px;font-weight:700;transition:max-width .3s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.sidebar-collapsed .logo-name{opacity:0;max-width:0}.sidebar-toggle-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:background .2s,color .2s,border-color .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:#7d5aff66}.sidebar-nav{flex-direction:column;flex:1;padding:12px 10px;display:flex;overflow:hidden auto}.sidebar-nav-main{flex-direction:column;gap:2px;display:flex}.sidebar-nav-bottom{flex-direction:column;gap:2px;margin-top:auto;padding-top:4px;display:flex}.nav-divider{background:var(--color-border);opacity:.3;flex-shrink:0;height:1px;margin:6px 8px 8px}.nav-item{color:var(--color-text-secondary);font-size:var(--font-size-base);font-family:var(--font-family);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .18s,color .18s,border-color .18s;display:flex;overflow:hidden}.nav-item:hover{color:var(--color-text-primary);background:#ffffff0d}.nav-item-active{color:var(--color-primary,#7d5aff);border-left:3px solid var(--color-primary,#7d5aff);background:#7d5aff1f;padding-left:9px;font-weight:600}.nav-icon{width:22px;min-width:22px;height:22px;color:inherit;transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s,filter .3s;display:flex}.nav-icon svg{width:20px;height:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:block}.nav-item:hover .nav-icon{color:var(--color-primary,#9d7bff);filter:drop-shadow(0 0 6px #9d7bff73);transform:scale(1.16)rotate(-3deg)}.nav-item:active .nav-icon{transform:scale(.95)rotate(0)}.nav-item-active .nav-icon{color:var(--color-primary,#7d5aff);filter:drop-shadow(0 0 8px #7d5aff99);transform:scale(1.08)}.nav-item-active:hover .nav-icon{transform:scale(1.18)rotate(4deg)}.nav-label{white-space:nowrap;opacity:1;flex-shrink:0;max-width:180px;transition:max-width .3s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.sidebar-collapsed .nav-label{opacity:0;max-width:0}.nav-lock-tag{opacity:.75;margin-left:auto;font-size:.75rem;transition:opacity .2s,transform .2s}.nav-item:hover .nav-lock-tag{opacity:1;transform:scale(1.15)}.sidebar-collapsed .nav-lock-tag{display:none}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 10px;display:flex}.user-info{border-radius:10px;align-items:center;gap:12px;padding:6px 8px;display:flex;overflow:hidden}.user-avatar{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:36px;min-width:36px;height:36px}.user-avatar-fallback{background:linear-gradient(135deg, var(--color-primary,#7d5aff), var(--color-secondary,#6366f1));color:#fff;border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.user-details{opacity:1;flex-shrink:0;max-width:160px;transition:max-width .3s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.sidebar-collapsed .user-details{opacity:0;max-width:0}.user-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.user-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.sign-out-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;box-sizing:border-box;background:#ffffff0a;border-radius:10px;align-items:center;gap:12px;width:100%;padding:9px 12px;transition:background .2s,border-color .2s,color .2s;display:flex;overflow:hidden}.nav-item-more{-webkit-user-select:none;user-select:none;position:relative}.nav-chevron{color:var(--color-text-tertiary);justify-content:center;align-items:center;margin-left:auto;transition:opacity .2s;display:flex}.sidebar-collapsed .nav-chevron{opacity:0;pointer-events:none}.more-submenu{opacity:0;flex-direction:column;gap:2px;max-height:0;padding-left:8px;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;overflow:hidden}.more-submenu-expanded{opacity:1;max-height:240px;padding-top:4px;padding-bottom:4px}.nav-subitem{font-size:.875rem}.sidebar-upgrade-btn{color:var(--color-text-primary,#fff);font-size:.85rem;font-weight:600;font-family:var(--font-family);cursor:pointer;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.sidebar-upgrade-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.upgrade-text{white-space:nowrap;opacity:1;max-width:140px;transition:max-width .3s cubic-bezier(.16,1,.3,1),opacity .2s;overflow:hidden}.sidebar-collapsed .upgrade-text{opacity:0;max-width:0}.dashboard-main{flex-direction:column;flex:1;height:100%;margin-left:280px;display:flex;overflow:hidden}.dashboard-main.main-collapsed{margin-left:74px}.dashboard-header{background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-xl);align-items:center;gap:var(--spacing-lg);box-sizing:border-box;flex-shrink:0;height:70px;display:flex}.menu-toggle{cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;flex-direction:column;gap:4px;display:none}.menu-icon{background:var(--color-text-primary);border-radius:2px;width:24px;height:2px}.header-content{flex:1;justify-content:space-between;align-items:center;display:flex}.header-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0;font-weight:600}.topbar-action-btn{width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.topbar-action-btn:hover,.topbar-action-btn:active{background:var(--color-bg-tertiary,#ffffff0f);color:var(--color-text-primary);transform:translateY(-1px)}.topbar-btn-nfc{color:var(--color-text-secondary)}.topbar-btn-nfc:hover{color:var(--color-primary,#818cf8);background:#818cf81a}.nfc-text-badge{letter-spacing:.5px;border:1.5px solid;border:1.5px solid var(--color-text-secondary);border-radius:6px;padding:2px 6px;font-size:.72rem;font-weight:800;line-height:1;transition:all .2s}.topbar-btn-nfc:hover .nfc-text-badge{border-color:var(--color-primary,#818cf8)}.topbar-btn-security:hover{color:#10b981;background:#10b9811a}.dashboard-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden auto}.section-fade-wrapper{will-change:opacity;flex-direction:column;flex:1;width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards pageFadeIn;display:flex}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.sidebar-overlay{display:none}@media (max-width:1024px){.dashboard-sidebar{transform:translate(-100%);cursor:default!important;width:280px!important}.sidebar-collapsed .logo-name,.sidebar-collapsed .nav-label,.sidebar-collapsed .user-details,.sidebar-collapsed .sign-out-text{opacity:1!important;max-width:200px!important}.sidebar-open{transform:translate(0)!important}.dashboard-main,.dashboard-main.main-collapsed{margin-left:0!important}.menu-toggle{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;display:block;position:fixed;inset:0}}@media (max-width:640px){.dashboard-header{padding:0 var(--spacing-md)}.header-title{font-size:var(--font-size-xl)}}@media (max-width:768px){.dashboard-sidebar,.sidebar-overlay,.menu-toggle{display:none!important}.dashboard-main,.dashboard-main.main-collapsed{margin-left:0!important}.dashboard-header{gap:12px;height:56px;padding:0 16px}.header-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 160px);font-size:1.05rem;font-weight:700;overflow:hidden}.topbar-action-btn,.notification-trigger{background:0 0!important;border:none!important;border-radius:10px!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}.dashboard-content{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media print{.dashboard-layout,.dashboard-main,.dashboard-content{height:auto!important;display:block!important;overflow:visible!important}.dashboard-sidebar,.dashboard-header{display:none!important}.dashboard-main{margin-left:0!important}}.overview-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.overview-header{margin-bottom:0}.page-title{font-size:var(--font-size-3xl);margin:0 0 var(--spacing-xs);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.stats-grid-compact{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.mini-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-normal);position:relative;overflow:hidden}.mini-stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.mini-stat-content{align-items:center;gap:var(--spacing-md);display:flex}.mini-stat-icon{background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.mini-stat-details{flex:1;min-width:0}.mini-stat-title{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;overflow:hidden}.mini-stat-value{font-size:var(--font-size-lg);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;overflow:hidden}.stat-border-primary{border-top:3px solid var(--color-primary)}.stat-border-secondary{border-top:3px solid var(--color-secondary)}.stat-border-success{border-top:3px solid var(--color-success)}.stat-border-accent{border-top:3px solid #7d5aff}.overview-main-section{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.chart-card-full{min-height:380px}.chart-header{justify-content:space-between;align-items:center;width:100%;display:flex}.section-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.chart-legend{align-items:center;gap:var(--spacing-sm);display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.income{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.legend-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.income-chart-container{width:100%;height:300px;margin-top:var(--spacing-md)}@keyframes slideUp{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.overview-page{gap:16px;padding:14px 16px}.overview-header{margin-bottom:4px}.page-title{letter-spacing:-.3px;font-size:1.35rem}.page-subtitle{opacity:.8;font-size:.78rem}.overview-main-section{grid-template-columns:1fr;gap:16px}.stats-grid-compact{grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid-compact>div:last-child{grid-column:span 2}.mini-stat-card{background:var(--color-bg-secondary,#0f172ab3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:none!important}.mini-stat-card .card-body{padding:12px 14px!important}.mini-stat-content{gap:10px}.mini-stat-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;width:36px;min-width:36px;height:36px;font-size:1.1rem}.mini-stat-title{letter-spacing:.5px;font-size:.65rem;font-weight:700}.mini-stat-value{margin-top:1px;font-size:1.05rem;font-weight:800}.stat-border-primary,.stat-border-secondary,.stat-border-success,.stat-border-accent{border-top:none!important}.chart-card-full{border-radius:20px;min-height:280px;border:none!important}.chart-card-full .card-body{padding:12px 14px!important}.chart-header{flex-direction:column;align-items:flex-start;gap:8px}.section-title{font-size:.95rem;font-weight:700}.chart-legend{gap:12px}.income-chart-container{margin-top:8px;height:230px!important;min-height:230px!important}}@media (max-width:380px){.stats-grid-compact{gap:8px}.mini-stat-card .card-body{padding:10px!important}.mini-stat-icon{width:32px;min-width:32px;height:32px;font-size:.95rem}.mini-stat-title{font-size:.6rem}.mini-stat-value{font-size:.92rem}}.smart-scanner-container{flex-direction:column;justify-content:center;min-height:420px;padding:12px 4px;transition:min-height .3s;display:flex}.scanner-select-view{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:16px 8px;display:flex}.scanner-header-badge{flex-direction:column;align-items:center;gap:8px;display:flex}.scanner-header-badge .sparkle-icon{color:var(--primary,#6366f1);animation:3s linear infinite sparkleSpin}@keyframes sparkleSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.scanner-header-badge h3{color:var(--text-color,#1e293b);margin:0;font-size:1.25rem;font-weight:700}.scanner-header-badge p{color:var(--text-muted,#64748b);max-width:420px;margin:0;font-size:.875rem}.scanner-action-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-width:500px;margin-top:12px;display:grid}.scan-choice-card{background:var(--bg-card,#fff);border:2px dashed var(--border-color,#e2e8f0);cursor:pointer;border-radius:12px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;transition:all .2s;display:flex}.scan-choice-card:hover{border-color:var(--primary,#6366f1);background:#6366f10a;transform:translateY(-2px)}.scan-choice-card.primary{border-style:solid;border-color:var(--primary,#6366f1);background:#6366f114}.scan-choice-card .choice-icon{color:var(--primary,#6366f1);margin-bottom:12px}.scan-choice-card .choice-title{color:var(--text-color,#0f172a);font-size:1rem;font-weight:600}.scan-choice-card .choice-sub{color:var(--text-muted,#64748b);margin-top:4px;font-size:.75rem}.scanner-camera-view{flex-direction:column;align-items:center;gap:16px;display:flex}.video-viewport{background:#000;border-radius:12px;width:100%;max-width:480px;height:320px;position:relative;overflow:hidden}.video-viewport video{object-fit:cover;width:100%;height:100%}.camera-overlay-frame{pointer-events:none;border:2px dashed #fff9;border-radius:8px;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:20px}.frame-guidance{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:20px;padding:4px 10px;font-size:.75rem}.camera-controls{justify-content:space-around;align-items:center;width:100%;max-width:360px;display:flex}.btn-camera-shutter{border:4px solid var(--primary,#6366f1);cursor:pointer;background:0 0;border-radius:50%;width:60px;height:60px;padding:3px;transition:transform .15s}.btn-camera-shutter:active{transform:scale(.92)}.shutter-inner{background:var(--primary,#6366f1);border-radius:50%;width:100%;height:100%}.scanner-preview-view{flex-direction:column;align-items:center;gap:16px;display:flex}.preview-image-container{background:#0f172a;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:340px;display:flex;overflow:hidden}.preview-image-container img{object-fit:contain;max-width:100%;max-height:340px}.preview-actions{justify-content:flex-end;gap:12px;width:100%;display:flex}.scanner-processing-view{flex-direction:column;align-items:center;width:100%;padding:24px 16px;display:flex}.live-checklist-header{color:var(--primary,#6366f1);align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:700;display:flex}.live-checklist-container{flex-direction:column;gap:12px;width:100%;max-width:440px;display:flex}.checklist-row{background:var(--bg-card,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;align-items:flex-start;gap:12px;padding:10px 14px;transition:all .25s;animation:.2s ease-out forwards slideInRow;display:flex}@keyframes slideInRow{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.checklist-row.active{background:#6366f10d;border-color:#6366f166}.checklist-row.success{background:#22c55e0a;border-color:#22c55e4d}.checklist-row.warning{background:#f59e0b0f;border-color:#f59e0b66}.checklist-badge{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.95rem;font-weight:700;display:flex}.checklist-row.success .checklist-badge{color:#16a34a}.checklist-row.warning .checklist-badge{color:#d97706}.checklist-row.active .checklist-badge{color:var(--primary,#6366f1)}.spinner-dot{animation:1s linear infinite rotateSpinner;display:inline-block}@keyframes rotateSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checklist-content{flex-direction:column;gap:2px;display:flex}.checklist-label{color:var(--text-color,#1e293b);font-size:.85rem;font-weight:600}.checklist-value{color:var(--primary,#4f46e5);font-size:.825rem;font-weight:600}.checklist-subtext{color:var(--text-muted,#64748b);font-size:.75rem}.scanner-error-view{text-align:center;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.error-icon-circle{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex}.scanner-error-view h4{color:#ef4444;margin:0 0 6px;font-size:1.1rem;font-weight:700}.error-text{color:var(--text-muted,#64748b);max-width:400px;margin:0 0 20px;font-size:.875rem}.scan-drafts-panel{flex-direction:column;gap:16px;padding:8px 4px;display:flex}.empty-drafts-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.empty-drafts-state .empty-icon{color:var(--text-muted,#94a3b8);margin-bottom:8px}.empty-drafts-state h4{margin:0;font-size:1.1rem;font-weight:700}.empty-drafts-state p{color:var(--text-muted,#64748b);max-width:320px;margin:0;font-size:.875rem}.drafts-list{flex-direction:column;gap:12px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.draft-item-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .2s;display:flex}.draft-item-card:hover{border-color:var(--primary,#6366f1);box-shadow:0 4px 12px #0000000d}.draft-info{flex-direction:column;flex:1;gap:6px;display:flex}.draft-header-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.draft-student-name{color:var(--text-color,#0f172a);font-size:.95rem;font-weight:700}.draft-status-badge{border-radius:12px;padding:2px 8px;font-size:.725rem;font-weight:600}.draft-status-badge.ready_for_review{color:#16a34a;background:#22c55e1a}.draft-status-badge.needs_review,.draft-status-badge.interrupted{color:#d97706;background:#f59e0b1f}.draft-status-badge.failed{color:#ef4444;background:#ef44441a}.draft-meta-row{align-items:center;gap:8px;font-size:.775rem;display:flex}.meta-pill{color:var(--primary,#6366f1);background:#6366f114;border-radius:4px;padding:2px 6px;font-weight:500}.meta-time{color:var(--text-muted,#64748b);margin-left:auto}.draft-warning-list{flex-direction:column;gap:2px;margin-top:2px;display:flex}.warning-item{color:#d97706;font-size:.75rem;font-weight:500}.draft-actions{align-items:center;gap:8px;display:flex}.drafts-panel-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;margin-top:4px;padding-top:12px;display:flex}.sub-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.sub-modal-container{background:var(--color-bg-primary,#18181b);border:1px solid var(--color-border,#27272a);width:100%;max-width:1320px;max-height:92vh;color:var(--color-text-primary,#f4f4f5);border-radius:16px;padding:2.25rem;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.sub-modal-header{border-bottom:1px solid var(--color-border,#27272a);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;display:flex}.sub-modal-title{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.875rem;font-weight:800}.sub-modal-subtitle{color:var(--color-text-secondary,#a1a1aa);font-size:.95rem}.sub-modal-close-btn{color:var(--color-text-secondary,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.25rem .5rem;font-size:1.5rem;transition:all .2s}.sub-modal-close-btn:hover{color:#fff;background:#ffffff1a}.sub-alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;font-weight:500}.sub-alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef4444}.sub-alert-success{color:#86efac;background:#22c55e26;border:1px solid #22c55e}.sub-alert-launching{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf244d;border-radius:8px;align-items:flex-start;gap:.6rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.sub-alert-launching svg{opacity:.85;flex-shrink:0;margin-top:1px}.sub-plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (min-width:1100px){.sub-plans-grid{grid-template-columns:repeat(4,1fr)}}.sub-plan-card{background:var(--color-bg-secondary,#27272a);border:1px solid var(--color-border,#3f3f46);border-radius:14px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.sub-plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0006}.sub-plan-card.popular{background:linear-gradient(#6366f114 0%,#27272ae6 100%);border-color:#6366f1}.sub-plan-card.current{border-color:#22c55e}.sub-plan-card.highlight-target{border-color:#a855f7;box-shadow:0 0 0 2px #a855f766}.sub-plan-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:20px;padding:.25rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:-12px;right:16px}.sub-plan-name{margin-bottom:.4rem;font-size:1.35rem;font-weight:700}.sub-plan-tagline{color:var(--color-text-secondary,#a1a1aa);min-height:2.5rem;margin-bottom:1rem;font-size:.825rem;line-height:1.4}.sub-plan-price-container{border-bottom:1px solid var(--color-border,#3f3f46);margin-bottom:1.25rem;padding-bottom:1rem}.sub-plan-price{color:var(--color-text-primary,#fff);font-size:1.75rem;font-weight:800}.sub-plan-period{color:var(--color-text-secondary,#a1a1aa);margin-left:.3rem;font-size:.85rem}.sub-plan-features{flex-grow:1;margin:0 0 1.5rem;padding:0;list-style:none}.sub-feature-item{color:var(--color-text-secondary,#d4d4d8);align-items:flex-start;gap:.5rem;margin-bottom:.6rem;font-size:.85rem;line-height:1.35;display:flex}.sub-feature-check{color:#22c55e;font-weight:800}.sub-plan-action{margin-top:auto}.sub-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s}.sub-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.sub-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.sub-btn-current{color:#4ade80;cursor:default;background:#22c55e26;border:1px solid #22c55e4d}.sub-btn-disabled{color:#71717a;cursor:default;background:#ffffff0d}.sub-modal-footer{text-align:center;color:var(--color-text-secondary,#a1a1aa);border-top:1px solid var(--color-border,#27272a);padding-top:1rem;font-size:.85rem}.premium-gate-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 120px);padding:3rem 1.5rem;display:flex}.premium-gate-inner{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:480px;display:flex}.premium-gate-lock{opacity:.85;margin-bottom:1.5rem}.premium-gate-badge{letter-spacing:.1em;border:1px solid;border-radius:99px;margin-bottom:1.25rem;padding:.3rem .9rem;font-size:.7rem;font-weight:700;display:inline-block}.premium-gate-title{color:var(--color-text-primary,#fff);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.65rem;font-weight:800;line-height:1.3}.premium-gate-description{color:var(--color-text-secondary,#a1a1aa);max-width:420px;margin:0 0 2.25rem;font-size:1rem;line-height:1.65}.premium-gate-btn{color:#fff;cursor:pointer;white-space:nowrap;filter:brightness();border:none;border-radius:99px;align-items:center;gap:.5rem;padding:.8rem 2.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.premium-gate-btn:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.sub-loading-skeleton{text-align:center;color:#71717a;padding:2rem;font-size:.9rem}.sub-btn-soon{color:#a3a3a3;cursor:not-allowed;opacity:.75;letter-spacing:.01em;background:#fbbf240f;border:1px solid #fbbf2433;border-radius:10px;width:100%;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600}.students-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex;overflow:hidden}.students-header-section{gap:var(--spacing-sm,12px);background:var(--color-bg-primary);flex-direction:column;flex-shrink:0;padding-bottom:0;display:flex}.students-header{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.students-search-top-left{flex:auto;align-items:center;gap:12px;max-width:680px;display:flex}.btn-delete-action{color:#ef4444;transition:all var(--transition-fast);background:#ef44440d;border-color:#ef444459}.btn-delete-action:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.students-content-scroll{min-height:0;padding-bottom:var(--spacing-xl);flex:1;overflow-y:auto}.table-container.h-full{height:100%;overflow:auto}.students-table thead{z-index:10;background:var(--color-bg-tertiary);position:sticky;top:0}.students-toolbar{gap:var(--spacing-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.students-toolbar .input-wrapper{flex:1;min-width:250px;margin-bottom:0}.toolbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.class-filter .filter-select{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;outline:none;min-width:150px;font-weight:500}.class-filter .filter-select:hover{border-color:var(--color-primary)}.class-filter .filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}.students-count{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.students-table{border-collapse:collapse;width:100%}.students-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 1px 0 var(--color-border);font-weight:600}.students-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.students-table tbody tr:hover{background:var(--color-bg-tertiary)}.students-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary)}.table-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;font-size:var(--font-size-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.fee-cell{color:var(--color-primary);font-weight:600}.actions-cell{gap:var(--spacing-xs);display:flex}.students-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.student-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.student-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.student-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:48px;height:48px;font-size:var(--font-size-xl);box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.student-main-info{flex:1;min-width:0}.student-name{font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.student-class{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.student-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:capitalize;flex-shrink:0;font-weight:500}.status-active{color:var(--color-success);background:#4ade801a}.status-inactive{color:var(--color-text-tertiary);background:#9ca3af1a}.status-promoted{color:var(--color-primary);background:#7c3aed1a}.status-completed{color:#3b82f6;background:#3b82f61a}.status-left{color:var(--color-danger);background:#ef44441a}.status-removed{color:var(--color-text-tertiary);background:#9ca3af1a}.student-details{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-direction:column;display:flex}.detail-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.detail-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:500}.detail-value{font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:right}.detail-value.fee{color:var(--color-primary);font-weight:600;font-size:var(--font-size-base)}.student-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex}.student-actions .btn{flex:1}.student-registration-form{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.form-sections-container{min-height:300px;padding-bottom:var(--spacing-lg);flex:1;overflow-y:auto}.registration-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.section-header-pill{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-sm);display:flex;position:relative}.section-icon{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:36px;height:36px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.section-header-pill h4{font-size:var(--font-size-md);color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin:0;font-weight:700}.registration-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.registration-grid.wide-grid{grid-template-columns:1fr}.status-toggle-group{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.status-toggle-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.status-toggle-btn:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.status-toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.students-mobile-step-header{display:none}.students-modal-desktop-actions{align-items:center;gap:var(--spacing-md);margin-left:auto;display:flex}.students-modal-mobile-actions{display:none}.subjects-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:6px;display:flex}.subjects-header-title{color:var(--color-text-secondary);font-size:.88rem;font-weight:600}.add-subject-btn{color:var(--color-primary,#6366f1);cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.add-subject-btn:hover{background:#6366f140}.subject-summary-card{background:var(--color-bg-tertiary,#ffffff08);border:1px solid var(--color-border,#ffffff14);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.subject-summary-card:hover{background:#ffffff0d;border-color:#6366f14d}.subject-summary-main{flex-direction:column;gap:2px;display:flex}.subject-summary-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.subject-summary-meta{align-items:center;gap:8px;display:flex}.subject-summary-fee{color:var(--color-text-tertiary);font-size:.78rem}.subject-summary-badge{color:#facc15;background:#eab3081f;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.subject-summary-actions{align-items:center;gap:6px;display:flex}.subject-icon-btn{color:var(--color-text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.subject-icon-btn.edit:hover,.subject-icon-btn.collapse:hover{color:var(--color-primary);background:#6366f133}.subject-icon-btn.delete{color:#f87171;background:#ef44441a}.subject-icon-btn.delete:hover{background:#ef444440}.subject-entry-card{background:var(--color-bg-tertiary,#ffffff08);border:1px solid var(--color-border,#ffffff14);border-radius:12px;margin-bottom:12px;padding:14px}.subject-card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.subject-card-title{color:var(--color-primary,#818cf8);font-size:.85rem;font-weight:700}.subject-card-header-actions{align-items:center;gap:6px;display:flex}.modal-tabs-header{background:var(--color-bg-secondary,#0e131f);border:1px solid var(--color-border,#ffffff1f);box-sizing:border-box;border-radius:14px;align-items:center;gap:6px;width:100%;margin-bottom:24px;padding:5px;display:flex;box-shadow:inset 0 1px 3px #0000004d}:root.light .modal-tabs-header,[data-theme=light] .modal-tabs-header{background:#e2e8f0;border-color:#cbd5e1;box-shadow:inset 0 1px 2px #0000000d}.modal-tabs-header::-webkit-scrollbar{display:none}.modal-tab-btn{font-size:.88rem;font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;color:var(--color-text-secondary,#94a3b8)!important}.tab-label-full{display:inline-block;color:inherit!important}.modal-tab-btn:hover{color:#fff!important;background:#ffffff14!important}:root.light .modal-tab-btn:hover,[data-theme=light] .modal-tab-btn:hover{color:#0f172a!important;background:#0000000f!important}.modal-tab-btn.active,.modal-tab-btn.active span,.modal-tab-btn.active .tab-label-full,.modal-tab-btn.active .tab-icon{color:#fff!important}.modal-tab-btn.active{font-weight:600;background:var(--color-primary,#6366f1)!important;box-shadow:0 4px 14px #6366f166,0 2px 4px #0003!important}:root.light .modal-tab-btn.active,[data-theme=light] .modal-tab-btn.active{background:var(--color-primary,#6366f1)!important;box-shadow:0 4px 12px #6366f14d!important}.modal-tab-btn .tab-icon{opacity:.85;justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:inline-flex;color:inherit!important}.modal-tab-btn:hover .tab-icon{opacity:1;transform:scale(1.08)}.modal-tab-btn.active .tab-icon{opacity:1}.tab-badge{background:#ffffff40;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex;color:#fff!important}.modal-tab-btn:not(.active) .tab-badge{background:var(--color-primary,#6366f1);color:#fff!important}.modal-tab-content-pane{animation:.28s cubic-bezier(.16,1,.3,1) forwards modalPaneFadeIn}@keyframes modalPaneFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-sticky-footer{z-index:10;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);background:var(--color-bg-secondary,#121216);flex-shrink:0;display:flex;position:sticky;bottom:0}.unsaved-changes-footer-bar{justify-content:space-between;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md,12px);background:#ef44441f;border:1px solid #ef44444d;width:100%;padding:8px 12px;animation:.2s ease-out slideUp;display:flex}.unsaved-changes-footer-bar .unsaved-changes-text{color:#f87171;white-space:nowrap;font-size:.85rem;font-weight:600}.unsaved-changes-footer-bar .unsaved-changes-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tab-label-short{display:none}.unsaved-keep-btn{color:var(--color-text-primary,#fff);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.unsaved-keep-btn:hover{background:#ffffff26}.unsaved-discard-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.unsaved-discard-btn:hover{background:#dc2626}.input-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:600}.textarea-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md)}.students-filter-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;max-width:100%;margin-top:4px;padding-bottom:4px;display:flex;overflow-y:hidden;overflow-x:auto!important}.students-filter-chips::-webkit-scrollbar{display:none}.filter-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border-radius:99px;flex-shrink:0;padding:6px 14px;font-size:.82rem;font-weight:600}.filter-chip:hover,.filter-chip.active{border-color:var(--color-primary);color:var(--color-primary);background:#7d5aff26}.filter-chip-select-wrap{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.filter-chip-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;appearance:none;transition:all var(--transition-fast);background-image:url("data:image/svg+xml;utf8,<svg fill='%23a78bfa' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-position:right 8px center;background-repeat:no-repeat;border-radius:99px;outline:none;padding:6px 28px 6px 12px;font-size:.82rem;font-weight:600}.filter-chip-select:focus,.filter-chip-select:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.students-page{gap:12px;padding:10px 12px}.students-header-section{gap:10px;padding-bottom:0}.students-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;display:flex!important}.students-search-top-left{flex-direction:column!important;flex:100%!important;align-items:stretch!important;gap:8px!important;width:100%!important;max-width:100%!important;display:flex!important}.students-search-top-left .input-wrapper{width:100%!important;min-width:100%!important;margin-bottom:0!important}.students-search-top-left .gamma-dual-filter-container{gap:6px!important;width:100%!important;display:flex!important}.students-search-top-left .gamma-dual-filter-container .gamma-filter-popover-wrapper{flex:1!important;min-width:0!important}.students-search-top-left .gamma-dual-filter-container .gamma-dual-btn{box-sizing:border-box!important;justify-content:space-between!important;width:100%!important;padding:8px 10px!important;font-size:.8rem!important}.students-search-top-left .gamma-dual-filter-container .gamma-dual-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-actions{flex-direction:row!important;order:-1!important;gap:8px!important;width:100%!important;display:flex!important}.header-actions .btn{text-align:center!important;flex:1!important;justify-content:center!important;padding:9px 12px!important;font-size:.85rem!important}.students-grid{grid-template-columns:1fr!important;gap:12px!important}.student-card{border-radius:16px!important}.student-card-header{margin-bottom:12px!important}.student-avatar{width:44px!important;height:44px!important;font-size:1.1rem!important}.student-name{font-size:1.05rem!important}.student-details{border-radius:12px!important;gap:8px!important;margin-bottom:12px!important;padding:12px!important}.detail-label,.detail-value{font-size:.84rem!important}.registration-grid{grid-template-columns:1fr;gap:12px}.status-toggle-btn{text-align:center;flex:1;padding:8px 12px;font-size:.82rem}.student-actions{gap:8px!important;width:100%!important;display:flex!important}.student-actions .btn,.student-actions a.btn{text-align:center!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;flex:1!important;justify-content:center!important;padding:8px 6px!important;font-size:.82rem!important}.modal-body,.students-content-scroll,.form-sections-container,.students-options-list,.modal-content,.modal-tabs-header,.select-field{scrollbar-width:none!important;-ms-overflow-style:none!important}.modal-body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.students-content-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.form-sections-container::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.students-options-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-content::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-tabs-header::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.select-field::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.modal-tabs-header{display:none!important}.students-mobile-step-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:6px;padding:2px 0 6px;display:flex}.students-mobile-step-info{flex-direction:column;gap:2px;display:flex}.students-mobile-step-count{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary,#818cf8);font-size:.68rem;font-weight:700}.students-mobile-step-name{color:var(--color-text-primary,#f3f4f6);font-size:.9rem;font-weight:700}.students-mobile-step-dots{align-items:center;gap:5px;display:flex}.students-mobile-step-dots .step-dot{cursor:pointer;background:#ffffff2e;border-radius:50%;width:7px;height:7px;transition:all .25s cubic-bezier(.16,1,.3,1)}.students-mobile-step-dots .step-dot.active{background:var(--color-primary,#6366f1);border-radius:10px;width:18px}.students-mobile-step-dots .step-dot.completed{background:#6366f18c}.form-sections-container{min-height:0!important;padding-bottom:4px!important}.registration-section{padding:0;animation:.22s ease-out fadeInTab;gap:4px!important}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fieldShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.field-invalid,.field-invalid input,.field-invalid select{border-color:#ef4444!important;animation:.4s ease-in-out fieldShake!important;box-shadow:0 0 0 3px #ef444440!important}.registration-grid{gap:6px!important}.form-group{margin-bottom:4px!important}.form-group .input-label{color:var(--color-text-secondary,#9ca3af)!important;margin-bottom:2px!important;font-size:.75rem!important}.form-group .input-field,.form-group .select-field,.form-group .textarea-field{border-radius:8px!important;padding:7px 10px!important;font-size:.85rem!important}.subjects-header-row{margin-bottom:4px!important;padding-bottom:2px!important}.subject-summary-card{padding:8px 10px;margin-bottom:4px!important}.subject-entry-card{padding:10px 12px;margin-bottom:6px!important}.subject-card-header{margin-bottom:4px!important;padding-bottom:4px!important}.modal-tab-btn{background:#ffffff0a;border-radius:8px;padding:6px 10px;font-size:.8rem}.modal-tab-btn.active{border-bottom:2px solid var(--color-primary);background:#7d5aff26}.form-sticky-footer{background:var(--color-bg-secondary,#121216);z-index:10;flex-direction:row;width:100%;margin-top:4px;padding:6px 0 2px;position:sticky;bottom:0}.students-modal-desktop-actions{display:none!important}.students-modal-mobile-actions{align-items:center;gap:8px;width:100%;display:flex}.mobile-step-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.mobile-step-btn.secondary{color:var(--color-text-primary,#f3f4f6);background:#ffffff0f;border:1px solid #ffffff1f}.mobile-step-btn.primary{background:var(--color-primary,#6366f1);color:#fff;box-shadow:0 4px 14px #6366f159}.mobile-step-btn:disabled{opacity:.5;cursor:not-allowed}.unsaved-changes-footer-bar{flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.unsaved-changes-footer-bar .unsaved-changes-text{font-size:.8rem}.unsaved-changes-footer-bar .unsaved-changes-actions{gap:8px;display:flex}.unsaved-changes-footer-bar .unsaved-changes-actions button{padding:8px 12px;font-size:.8rem}.fee-popover{min-width:unset!important;max-width:unset!important;width:calc(100vw - 32px)!important;position:fixed!important;top:50%!important;left:16px!important;right:16px!important;transform:translateY(-50%)!important}.fee-popover-arrow{display:none}}.header-actions{gap:var(--spacing-sm);display:flex}.show-mobile-flex{display:none}@media (max-width:768px){.show-mobile-flex{display:flex!important}.toolbar-actions{gap:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:0;border:none;flex-direction:column;width:100%;max-height:0;padding:0;transition:max-height .3s ease-out,opacity .2s ease-out,padding .3s ease-out;display:flex;overflow:hidden}.toolbar-actions.show{opacity:1;max-height:500px;padding:var(--spacing-md);border:1px solid var(--color-border);margin-top:var(--spacing-md);display:flex!important}.students-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}}.ai-scan-btn{color:#6d28d9!important;border-radius:var(--radius-md,8px)!important;background:linear-gradient(135deg,#7c3aed14 0%,#6366f11f 100%)!important;border:1px solid #7c3aed4d!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}[data-theme=dark] .ai-scan-btn{color:#c4b5fd!important;background:linear-gradient(135deg,#8b5cf626 0%,#6366f133 100%)!important;border-color:#a78bfa66!important}.ai-scan-btn:hover{transform:translateY(-1.5px);box-shadow:0 4px 14px #7c3aed33;background:linear-gradient(135deg,#7c3aed29 0%,#6366f138 100%)!important;border-color:#7c3aed80!important}.scan-drafts-btn{border-radius:var(--radius-md,8px)!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important;position:relative!important}.drafts-badge-count{background:var(--primary,#6366f1);color:#fff;border:2px solid var(--bg-card,#fff);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.ai-scan-btn .ai-scan-icon{transition:transform .2s}.ai-scan-btn:hover .ai-scan-icon{transform:scale(1.08)}.subject-badge-container{flex-wrap:wrap;gap:4px;display:flex}.subject-badge{color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);white-space:nowrap;background:#7d5aff1a;border:1px solid #7d5aff33;padding:2px 6px;font-weight:500;display:inline-block}.clickable-fee{cursor:pointer;color:var(--color-primary);transition:all var(--transition-fast);font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block;position:relative}.clickable-fee:hover{color:var(--color-secondary)}.fee-popover{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;min-width:280px;max-width:340px;color:var(--color-text-primary);animation:fadeIn var(--transition-normal) ease-out;padding:14px;position:fixed;bottom:auto;left:auto;transform:none}.fee-popover-header{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.fee-popover-item{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.fee-popover-item .item-name{color:var(--color-text-secondary);font-weight:500}.fee-popover-item .item-val-group{align-items:center;gap:6px;display:flex}.fee-popover-item .item-val{font-weight:600}.fee-popover-item .item-val.strike{color:var(--color-text-tertiary);text-decoration:line-through}.fee-popover-item .item-val.waived-reason{color:var(--color-success);background:#10b9811a;border-radius:2px;padding:1px 4px;font-size:10px;font-weight:600}.fee-popover-total{border-top:1px solid var(--color-border);padding-top:var(--spacing-xs);margin-top:var(--spacing-sm);font-weight:700;font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.fee-popover-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--color-border);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.fee-popover-backdrop{z-index:99;position:fixed;inset:0}.archived-row-banner{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.archived-row-banner:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);box-shadow:0 4px 12px #7d5aff1a}.archived-row-banner.active-archive-view{border-color:var(--color-primary);background:#7d5aff1f}.archived-banner-left{align-items:center;gap:var(--spacing-md);display:flex}.archived-icon{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.35rem;display:flex}.archived-text-group{flex-direction:column;display:flex}.archived-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.archived-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.archived-banner-right{align-items:center;gap:var(--spacing-sm);display:flex}.archived-badge-count{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);padding:2px 10px;font-weight:700}.archived-chevron{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600}.students-mobile-new-btn{display:none!important}.students-search-mobile-row{flex:1;align-items:center;gap:10px;width:100%;display:flex}.students-search-input-wrap{flex:1;min-width:0}@media (max-width:768px){.students-header-section .header-actions{display:none!important}.students-search-mobile-row{width:100%}.students-mobile-new-btn{white-space:nowrap;flex-shrink:0;border-radius:var(--radius-lg,10px)!important;height:40px!important;padding:0 16px!important;font-size:.875rem!important;font-weight:700!important;display:inline-flex!important}}.students-mobile-options-sheet{flex-direction:column;gap:14px;padding:4px 0;display:flex}.students-options-sheet-subtitle{color:var(--color-text-secondary,#8d939f);margin:0;font-size:.85rem;line-height:1.4}.students-options-list{flex-direction:column;gap:10px;display:flex}.students-option-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.students-option-card:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.students-option-card:active{transform:scale(.99)}.students-option-card.primary{background:var(--color-bg-tertiary);border-color:var(--color-border)}.students-option-icon{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.students-option-icon.primary,.students-option-icon.ai,.students-option-icon.drafts{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.students-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.students-option-title{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.students-option-desc{color:var(--color-text-secondary);font-size:.775rem}.students-option-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.students-option-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:600}.students-option-chevron{color:var(--color-text-tertiary)}.payments-page{box-sizing:border-box;flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex;overflow:hidden}.payments-header-section{gap:var(--spacing-sm,12px);background:var(--color-bg-primary);flex-direction:column;flex-shrink:0;padding-bottom:0;display:flex}.payments-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.payments-content-scroll{min-height:50vh;padding-bottom:var(--spacing-xl);flex:1;overflow-y:auto}.h-full{height:100%}.overflow-hidden{overflow:hidden}.p-0{padding:0}.payments-table-container.h-full{height:100%;overflow:auto}.payments-table thead{z-index:10;background:var(--color-bg-tertiary);position:sticky;top:0}.payments-toolbar{gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.filter-group{align-items:center;gap:var(--spacing-sm);display:flex}.filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:500}.month-filter,.select-filter,.text-filter{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;min-width:150px;font-weight:500}.month-filter,.select-filter{cursor:pointer}.text-filter{min-width:200px}.month-filter:hover,.select-filter:hover,.text-filter:hover{border-color:var(--color-primary)}.month-filter:focus,.select-filter:focus,.text-filter:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}.payments-summary-row{gap:var(--spacing-lg);margin-top:var(--spacing-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.payments-summary{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.summary-item{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-xs);flex-direction:column;min-width:180px;display:flex}.summary-item.summary-success{background:#4ade800d;border-color:#4ade804d}.summary-item.summary-warning{background:#fbbf240d;border-color:#fbbf244d}.summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.summary-value{font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:700}.summary-success .summary-value{color:var(--color-success)}.summary-warning .summary-value{color:#f59e0b}.payment-stats-container{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.stat-badge{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-xs);flex-direction:column;min-width:100px;display:flex}.stat-badge.stat-paid{background:#4ade800d;border-color:#4ade804d}.stat-badge.stat-pending{background:#fbbf240d;border-color:#fbbf244d}.stat-badge.stat-overdue{background:#ef44440d;border-color:#ef44444d}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700}.stat-paid .stat-value{color:var(--color-success)}.stat-pending .stat-value{color:#f59e0b}.stat-overdue .stat-value{color:var(--color-danger)}.tabs{gap:var(--spacing-md);border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-md);display:flex}.tab-button{padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600}.tab-button:hover{color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.payments-table{border-collapse:collapse;width:100%}.payments-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 1px 0 var(--color-border);font-weight:600}.payments-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.payments-table tbody tr:hover{background:var(--color-bg-tertiary)}.payments-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary)}.payment-student{font-weight:500}.payment-amount{color:var(--color-primary);font-weight:600}.payment-notes{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.payment-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:capitalize;font-weight:500;display:inline-block}.payment-status.status-paid{color:var(--color-success);background:#4ade801a}.payment-status.status-pending{color:#f59e0b;background:#fbbf241a}.payment-status.status-overdue{color:var(--color-danger);background:#ef44441a}.payment-status.status-waived{color:#3b82f6;background:#3b82f61a}.student-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:capitalize;font-weight:500;display:inline-block}.student-status.status-active{color:var(--color-success);background:#4ade801a}.student-status.status-promoted{color:#3b82f6;background:#3b82f61a}.student-status.status-completed{color:#a855f7;background:#a855f71a}.student-status.status-left,.student-status.status-inactive{color:#6b7280;background:#9ca3af1a}.student-not-active{opacity:.75}.student-not-active:hover{opacity:1}.payment-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.select-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;outline:none}.select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}select.select-field option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.textarea-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);resize:vertical;outline:none;min-height:80px}.textarea-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}.textarea-field::placeholder{color:var(--color-text-tertiary)}.form-actions{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.empty-icon{margin-bottom:var(--spacing-lg);opacity:.5;font-size:4rem;display:block}.empty-state h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm);color:var(--color-text-primary)}.empty-state p{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl)}@media (max-width:1024px){.payments-toolbar{flex-direction:column;align-items:stretch}.filter-group,.month-filter,.select-filter,.text-filter{width:100%}}@media (max-width:768px){.payments-header,.payments-summary-row{flex-direction:column;align-items:stretch}.payments-summary{width:100%}.payment-stats-container{justify-content:space-between;width:100%}.payments-table{font-size:var(--font-size-xs)}.payments-table th,.payments-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:640px){.payments-table th:nth-child(3),.payments-table td:nth-child(3),.payments-table th:nth-child(6),.payments-table td:nth-child(6){display:none}.stat-badge{flex:1;min-width:auto}}.toolbar-filters-grid{gap:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;align-items:center;width:100%;display:flex}@media (min-width:769px){.toolbar-filters-grid{flex-wrap:nowrap;align-items:center}.filter-group{flex-shrink:0}.filter-group.full-width-mobile{flex:1}.month-filter{min-width:160px;max-width:180px}.select-filter{min-width:130px;max-width:160px}.text-filter{min-width:160px;max-width:200px}.payments-summary-row{margin-top:var(--spacing-xs)}}.summary-card.collected{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:#4ade800d;border:1px solid #4ade8033;flex:1;min-width:200px}.stats-badges{gap:var(--spacing-sm);flex:1;justify-content:flex-end;display:flex}.stat-badge{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:80px;display:flex}@media (max-width:768px){.payments-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.payments-toolbar{gap:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);opacity:0;border:none;flex-direction:column;max-height:0;padding:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out,padding .3s ease-out,margin .3s ease-out;display:flex;overflow:hidden}.payments-toolbar.show{opacity:1;max-height:1000px;padding:var(--spacing-md);border:1px solid var(--color-border);margin-top:var(--spacing-md);display:flex!important}.toolbar-filters-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.month-filter,.select-filter,.text-filter{width:100%;min-width:0}.full-width-mobile{grid-column:span 2}.payments-summary-row{gap:var(--spacing-md)!important;flex-direction:column!important}.stats-badges{justify-content:space-between;width:100%}.stat-badge{flex:1}}.payment-cards-grid{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.payment-mobile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:transform var(--transition-fast)}.payment-mobile-card:active{transform:scale(.98)}.card-row{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.card-row.secondary{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.card-col{flex-direction:column;flex:1;gap:4px;display:flex}.card-student-name{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:600}.card-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.card-value.highlight{color:var(--color-success);font-weight:700}.payment-status-pill{border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:capitalize;padding:2px 10px;font-weight:600}.status-paid{color:var(--color-success);background:#4ade801a}.status-pending{color:var(--color-warning);background:#fbbf241a}.status-overdue{color:var(--color-error);background:#ef44441a}.card-footer-actions{margin-top:var(--spacing-md);justify-content:flex-end;display:flex}@media (max-width:480px){.toolbar-filters-grid{grid-template-columns:1fr!important}.full-width-mobile{grid-column:span 1!important}.filter-group{flex-direction:column;align-items:flex-start}.filter-label{margin-bottom:2px}}.filter-label,.summary-label,.stat-label{color:var(--color-text-secondary)!important}.summary-value,.stat-value{color:var(--color-text-primary)!important}.student-picker-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);flex-direction:column;max-width:100%;margin-top:4px;display:flex;overflow:hidden}.picker-header{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex}.picker-search{flex:1;align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-sm);opacity:.5;font-size:.9rem;position:absolute}.picker-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.picker-input:focus{border-color:var(--color-primary)}.picker-grade-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;outline:none;font-weight:600}.student-list-scroll{background:var(--color-bg-primary);max-height:240px;overflow-y:auto}.student-picker-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;position:relative}.student-picker-item.selected{border-left:4px solid var(--color-primary);background:#7d5aff1a}.student-picker-item.inactive{opacity:.6}.item-info{flex-direction:column;gap:2px;display:flex}.student-name{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.student-detail{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.item-fee{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:700}.selected-check{right:var(--spacing-md);color:var(--color-primary);font-weight:800;position:absolute}.no-students{padding:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.selected-student-hint{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.selected-student-hint strong{color:var(--color-primary)}.virtualized-table-container{flex-direction:column;width:100%;min-width:800px;height:100%;display:flex}.table-header-sticky{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);z-index:20;display:flex;position:sticky;top:0}.header-cell{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;flex:1;align-items:center;font-weight:700;display:flex}.table-row-virtual{border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);transition:background-color var(--transition-fast);align-items:center;display:flex}.table-row-virtual:hover{background:var(--color-bg-tertiary)}.table-cell{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;flex:1;align-items:center;display:flex;overflow:hidden}.table-cell.student-cell{color:var(--color-primary);font-weight:600}.table-cell.actions-cell{justify-content:flex-end;gap:var(--spacing-sm)}.empty-state-p{height:200px;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;font-weight:500;display:flex}@media (max-width:768px){.virtualized-table-container{min-width:100%}}.subject-status-container{gap:var(--spacing-xl);padding:var(--spacing-md);flex-direction:column;display:flex}.subject-status-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);background:var(--color-bg-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-wrap:wrap;display:flex}.subject-select-wrapper{align-items:center;gap:var(--spacing-sm);display:flex}.subject-select-wrapper label{color:var(--color-text-secondary);font-weight:600}.subject-status-columns{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1024px){.subject-status-columns{grid-template-columns:1fr}}.status-table-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.status-table-title{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-primary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.status-table-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-weight:600}.status-table-badge.badge-paid{color:var(--color-success);background:#4ade801a}.status-table-badge.badge-unpaid{color:var(--color-danger);background:#ef44441a}.status-table-scroll{max-height:500px;overflow-y:auto}.payments-card-container{flex-direction:column;height:100%;display:flex}.payments-card-body{flex-direction:column;height:100%;display:flex;overflow:hidden}.payments-table-view{flex-direction:column;height:100%;display:flex}.payments-card-view{padding:var(--spacing-md)}@media (min-width:769px){.pv-hidden-desktop{display:none!important}.payments-card-view:not(.pv-hidden-desktop){display:block}}.payment-mobile-card-premium{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000026,0 2px 4px -1px #0000001a}.payment-mobile-card-premium.inactive{opacity:.65}.premium-card-header{background:var(--color-bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.premium-card-title{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:600}.premium-card-body{padding:var(--spacing-md)}.premium-card-subject-class{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:700}.premium-card-details-grid{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #ffffff0d;grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}.details-col{flex-direction:column;gap:4px;display:flex}.premium-card-details-grid>.details-col:not(:last-child){border-right:1px solid var(--color-border);padding-right:var(--spacing-sm)}.details-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.details-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.details-value.highlight{font-weight:700}.premium-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-align:center;justify-content:center;align-items:center;width:100%;font-weight:600;display:inline-flex}.premium-status-badge.status-paid{color:var(--color-success);background:#4ade801a;border:1px solid #4ade8033}.premium-status-badge.status-waived{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.premium-status-badge.status-pending{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.premium-status-badge.status-overdue{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.premium-action-buttons{gap:4px;width:100%;display:flex}.premium-action-buttons button{flex:1;font-size:var(--font-size-xs)!important;padding:4px 8px!important}@media (max-width:768px){.payments-card-container{height:auto}.payments-card-body{height:auto;overflow:visible}.payments-page .custom-table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-md);display:block;overflow:auto visible!important}.payments-page .custom-table{width:100%!important;min-width:700px!important}.mobile-tabs-dropdown-container{width:100%;margin-bottom:var(--spacing-md);position:relative}.mobile-tab-select-field{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);font-family:var(--font-family);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg fill='%23a78bfa' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 16px center;background-repeat:no-repeat;background-size:24px;outline:none;font-weight:500;box-shadow:0 2px 4px #00000026}.mobile-tab-line-indicator{background:var(--color-border);width:100%;height:1px;margin-top:var(--spacing-md);position:relative}.mobile-tab-line-indicator:after{content:"";background:var(--color-primary);border-radius:var(--radius-full);height:3px;position:absolute;top:0;left:25%;right:25%;transform:translateY(-1px)}.payments-page{gap:12px;padding:12px 14px}.payments-header{gap:8px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.payments-header h2{font-size:1.35rem}.payments-header p{display:none}.payments-summary-row{margin-top:4px}.stat-badge{padding:8px 10px}.stat-label{font-size:.65rem}.stat-value{font-size:1.05rem}}.pay-pill-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:8px;padding:4px 0;overflow-x:auto;display:flex!important}.pay-pill-tabs::-webkit-scrollbar{display:none}.pay-pill-btn{white-space:nowrap;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:99px;flex-shrink:0;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .15s}.pay-pill-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #7d5aff59}.pay-mobile-filters-section{flex-direction:column;gap:10px;padding-top:4px;display:flex}.pay-mobile-chips-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:8px;display:flex;overflow-x:auto}.pay-mobile-chips-bar::-webkit-scrollbar{display:none}.pay-chip-date,.pay-chip-select{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;white-space:nowrap;appearance:none;border-radius:99px;outline:none;flex-shrink:0;padding:8px 14px;font-size:.82rem;font-weight:600}.pay-chip-date:focus,.pay-chip-select:focus{border-color:var(--color-primary)}.pay-mobile-search-wrapper{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);color:var(--color-text-secondary);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;display:flex}.pay-mobile-search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.88rem;font-weight:500}.pay-search-clear{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.9rem}.pay-mobile-stats-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--color-border);background:#0e0e1699;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px;display:grid}.pay-ms-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.pay-ms-val{font-size:1.05rem;font-weight:800;line-height:1}.pay-ms-lbl{text-transform:uppercase;letter-spacing:.5px;opacity:.75;font-size:.62rem;font-weight:600}.pay-ms-stat.collected .pay-ms-val{color:var(--color-primary)}.pay-ms-stat.paid .pay-ms-val{color:#22c55e}.pay-ms-stat.pending .pay-ms-val{color:#eab308}.pay-ms-stat.overdue .pay-ms-val{color:#ef4444}.payment-mobile-list{flex-direction:column;gap:10px;padding-bottom:20px;display:flex}.pay-mobile-card{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:16px;flex-direction:column;gap:10px;padding:12px 14px;transition:transform .15s,border-color .15s;display:flex}.pay-mobile-card.status-paid{border-left:4px solid #22c55e}.pay-mobile-card.status-pending{border-left:4px solid #eab308}.pay-mobile-card.status-overdue{border-left:4px solid #ef4444}.pay-mobile-card.status-waived{border-left:4px solid #818cf8}.pay-mobile-card:active{transform:scale(.99)}.pay-mc-top{align-items:center;gap:12px;display:flex}.pay-mc-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:flex}.pay-mc-avatar.bg-paid{background:linear-gradient(135deg,#16a34a,#22c55e)}.pay-mc-avatar.bg-pending{background:linear-gradient(135deg,#ca8a04,#eab308)}.pay-mc-avatar.bg-overdue{background:linear-gradient(135deg,#dc2626,#ef4444)}.pay-mc-avatar.bg-waived{background:linear-gradient(135deg,#4f46e5,#6366f1)}.pay-mc-info{flex:1;min-width:0}.pay-mc-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.pay-mc-meta{color:var(--color-text-secondary);margin-top:2px;font-size:.76rem}.pay-mc-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.pay-mc-amount{color:var(--color-text-primary);font-size:1.05rem;font-weight:800}.pay-mc-badge{text-transform:capitalize;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.pay-mc-badge.badge-paid{color:#22c55e;background:#22c55e26}.pay-mc-badge.badge-pending{color:#eab308;background:#eab30826}.pay-mc-badge.badge-overdue{color:#ef4444;background:#ef444426}.pay-mc-badge.badge-waived{color:#818cf8;background:#6366f126}.pay-mc-bottom{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.pay-mc-date{color:var(--color-text-secondary);font-size:.74rem;font-weight:500}.pay-mc-actions{align-items:center;gap:6px;display:flex}.pay-mc-action-btn{border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:background .15s}.pay-mc-action-btn.edit:active{background:#7d5aff26}.pay-mc-action-btn.delete:active{color:#ef4444;background:#ef444426}.pay-mc-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:10px;padding:7px 16px;font-size:.84rem;font-weight:700;transition:transform .1s;box-shadow:0 3px 10px #22c55e59}.pay-mc-pay-btn:active{transform:scale(.95)}.pay-mc-done-text{color:#22c55e;font-size:.78rem;font-weight:700}.tabs-wrapper{scrollbar-width:none;-ms-overflow-style:none;width:100%;padding-bottom:4px;overflow-x:auto}.tabs-wrapper::-webkit-scrollbar{display:none}.pay-pill-tabs{border:1px solid var(--color-border,#ffffff1a);background:#ffffff08;border-radius:100px;gap:8px;margin-bottom:0;padding:6px;display:inline-flex}.pay-pill-btn{cursor:pointer;white-space:nowrap;outline:none;color:var(--color-text-secondary,#a1a1aa)!important;background:0 0!important;border:1px solid #0000!important;border-radius:100px!important;padding:8px 18px!important;font-size:.86rem!important;font-weight:700!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.pay-pill-btn:hover{color:var(--color-text-primary,#fff)!important;background:#ffffff0f!important}.pay-pill-btn.active{box-shadow:0 4px 14px #6366f159;background:var(--color-primary,#6366f1)!important;color:#fff!important;border-color:#fff3!important}.payment-class-badge{color:var(--color-primary,#6366f1);background:#6366f114;border:1px solid #6366f133;border-radius:999px;align-items:center;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.pay-mc-badge.badge-paid{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.pay-mc-badge.badge-pending{color:#eab308;background:#eab3081f;border:1px solid #eab30840;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.pay-desktop-bottom-bar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 20px;display:flex;box-shadow:0 -2px 10px #00000026}:root.light .pay-desktop-bottom-bar,[data-theme=light] .pay-desktop-bottom-bar{background:#fff;border-color:#e2e8f0;box-shadow:0 -1px 4px #0000000d}.pay-bottom-stats{align-items:center;gap:14px;width:100%;display:flex}.pay-stat-pill{border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pay-stat-pill.collected{background:#22c55e14;border:1px solid #22c55e33;margin-right:auto;padding:6px 16px}.pay-stat-pill.collected .pay-stat-lbl{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-tertiary);font-size:11px;font-weight:700}.pay-stat-pill.collected .pay-stat-val{color:var(--color-success,#22c55e);font-size:17px;font-weight:800;font-family:var(--font-family)}.pay-bottom-vsep{background:var(--color-border);flex-shrink:0;width:1px;height:24px}.pay-stat-pill.paid{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e40}.pay-stat-pill.pending{color:#f59e0b;background:#eab3081a;border:1px solid #eab30840}.pay-stat-pill.overdue{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.pay-stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pay-stat-pill.paid .pay-stat-dot{background:#22c55e}.pay-stat-pill.pending .pay-stat-dot{background:#f59e0b}.pay-stat-pill.overdue .pay-stat-dot{background:#ef4444}.pay-stat-lbl{color:var(--color-text-secondary);font-size:12px;font-weight:600}.pay-stat-val{font-size:13px;font-weight:800}.subject-status-container{flex-direction:column;gap:12px;width:100%;height:100%;display:flex}.subject-status-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.subject-status-columns{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;width:100%;display:grid}.status-table-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);flex-direction:column;min-height:320px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001f}.status-table-card .payments-table-view{flex-direction:column;flex:1;display:flex}.status-table-card .table-container{flex:1}.status-table-card .empty-state,.status-table-card .att-empty{margin:auto 0;padding:32px 16px!important}.status-table-card .empty-icon{margin-bottom:6px!important;font-size:2rem!important}.status-table-title{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.settings-page{box-sizing:border-box;background:var(--color-bg-primary);flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden!important}@media (max-width:768px){.settings-page{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden!important}}.settings-top-tabs-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);box-sizing:border-box;flex-shrink:0;justify-content:center;width:100%;padding:16px 24px 0;display:flex}.settings-top-tabs-container{align-items:center;gap:8px;width:100%;max-width:880px;padding-bottom:12px;display:flex}.settings-content{box-sizing:border-box;flex:1;width:100%;min-height:0;max-height:100%;padding:24px 24px 120px;display:block;overflow-x:hidden;overflow-y:auto!important}.settings-content>*{width:100%;max-width:880px;margin:0 auto}@media (min-width:769px){:root:not(.light) .settings-page .card,html:not(.light) .settings-page .card{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#08080cd9!important;border:1px solid #ffffff14!important;border-radius:20px!important;box-shadow:0 12px 40px #00000080!important}:root.light .settings-page .card,html.light .settings-page .card{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#ffffffeb!important;border:1px solid #e2e8f0e6!important;border-radius:20px!important;box-shadow:0 10px 30px #0f172a14!important}}.mb-4,.mb-6{margin-bottom:var(--spacing-xl)}.settings-page label,.settings-page .input-label,.settings-page .help-text,.settings-page h4{color:var(--color-text-primary)!important}.settings-page .select-input,.settings-page .input-field{color:var(--color-text-primary)!important;background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}@media (max-width:768px){.settings-page{flex-direction:column!important;height:100%!important;padding:0!important;display:flex!important;overflow:hidden!important}.settings-content{padding:16px 16px calc(85px + env(safe-area-inset-bottom,0px)) 16px!important;flex:1!important;overflow-y:auto!important}:root .settings-page .card,html .settings-page .card,:root.light .settings-page .card,html.light .settings-page .card{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important}:root .settings-page .card-header,html .settings-page .card-header{display:none!important}:root .settings-page .card-body,html .settings-page .card-body{padding:0!important}.settings-page .input-field,.settings-page .select-input{border:1px solid var(--color-border)!important;background:var(--color-bg-secondary)!important;border-radius:12px!important;padding:12px 14px!important}.settings-page .form-group{gap:6px!important;margin-bottom:0!important}.settings-page .settings-form{gap:12px!important}.settings-page .help-text{margin-top:4px!important;font-size:.78rem!important}.settings-page .card+.card{margin-top:20px!important}.settings-page .mb-4,.settings-page .mb-6{margin-top:0!important;margin-bottom:20px!important}.settings-page .save-bar{border-top:none!important;margin-top:16px!important;padding-top:0!important}.settings-page .form-actions-right{margin-top:16px!important}.settings-page .form-actions-right button,.settings-page .save-bar button{border-radius:14px!important;justify-content:center!important;width:100%!important;padding:12px!important;font-size:.9rem!important;font-weight:700!important}:root .settings-mobile-profile-hero,html .settings-mobile-profile-hero,:root.light .settings-mobile-profile-hero,html.light .settings-mobile-profile-hero{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:20px!important;padding:0!important}.settings-stat-badge{border:1px solid var(--color-border)!important;background:var(--color-bg-secondary)!important;border-radius:14px!important;padding:14px 16px!important}.settings-page .danger-zone-card{background:#ef44440f!important;border:none!important;border-radius:16px!important}.settings-page .danger-zone-container{margin-top:20px!important}.settings-page .danger-divider{background-color:#0000!important;height:0!important}.settings-page .export-panel{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:0!important}.settings-page .export-panel button{border:none!important;border-radius:12px!important;justify-content:center!important;width:100%!important;padding:12px!important}.settings-page .quantity-btn{border:1px solid var(--color-border)!important;background:var(--color-bg-secondary)!important;border-radius:10px!important;padding:8px 16px!important}.settings-page .quantity-btn.selected{background:var(--color-primary)!important;border:none!important}}.settings-tabs{z-index:50;-webkit-backdrop-filter:blur(20px);scrollbar-width:none;-ms-overflow-style:none;border-radius:9999px;flex-wrap:nowrap;align-items:center;gap:8px;width:auto;max-width:calc(100% - 40px);min-height:54px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:24px;left:50%;overflow-x:auto;transform:translate(-50%)}:root:not(.light) .settings-tabs,html:not(.light) .settings-tabs{background:#060609eb;border:1px solid #ffffff1f;box-shadow:0 16px 40px #000000b3,0 0 0 1px #ffffff0d,0 0 24px #7c3aed2e}:root.light .settings-tabs,html.light .settings-tabs{background:#fffffff0;border:1px solid #e2e8f0e6;box-shadow:0 14px 36px #0f172a1f,0 0 0 1px #0000000a}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}:root:not(.light) .tab-btn,html:not(.light) .tab-btn{color:#a1a1aa}:root:not(.light) .tab-btn:hover,html:not(.light) .tab-btn:hover{color:#fff;background:#ffffff17}:root:not(.light) .tab-btn.active,html:not(.light) .tab-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%);font-weight:700;box-shadow:0 4px 20px #7c3aed80}:root.light .tab-btn,html.light .tab-btn{color:#475569}:root.light .tab-btn:hover,html.light .tab-btn:hover{color:#0f172a;background:#0f172a0f}:root.light .tab-btn.active,html.light .tab-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);font-weight:700;box-shadow:0 4px 18px #4f46e559}.tab-icon{justify-content:center;align-items:center;display:flex}.tab-btn svg{opacity:.75;transition:transform .25s,opacity .25s}.tab-btn:hover svg{opacity:1;transform:translateY(-1px)}.tab-btn.active svg{opacity:1;stroke-width:2.5px}@media (max-width:768px){.settings-tabs{display:none!important}}.settings-form{gap:var(--spacing-xl);flex-direction:column;display:flex}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.help-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px}.select-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);cursor:pointer;width:100%;padding:.65rem 1rem}.select-input option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.select-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7d5aff26}.save-bar{justify-content:flex-end;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.form-actions-right{margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.success-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-success);border-radius:var(--radius-md);background-color:#4ade801a;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.success-toast{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-tertiary);color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;font-weight:500;animation:.3s ease-out slideInRight;display:flex;position:fixed;bottom:2rem;right:2rem}.danger-zone-container{margin-top:var(--spacing-2xl)}.danger-zone-title{color:var(--color-error);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:700}.danger-zone-card{border-radius:var(--radius-lg);background-color:#ef44440d;border:1px solid #ef44444d;overflow:hidden}.danger-item{padding:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.danger-info h4{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.danger-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.danger-divider{background-color:#ef444433;height:1px}.danger-btn-outline{border-color:var(--color-error)!important;color:var(--color-error)!important}.danger-btn-outline:hover{background-color:#ef44441a!important}@media (max-width:768px){.danger-item{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.danger-item button{width:100%}}.settings-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-modal-content{background-color:var(--color-bg-primary);border:1px solid var(--color-border);padding:var(--spacing-xl);border-radius:var(--radius-xl);width:90%;max-width:480px;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.16,1,.3,1) scaleIn}.modal-warning{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.modal-instruction{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.confirm-input{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-actions{justify-content:flex-end;gap:var(--spacing-md);display:flex}.export-panel{justify-content:space-between;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-md) 0;display:flex}.export-info{flex:1}.export-info h4{margin-bottom:8px;font-size:1.1rem;font-weight:700}.export-info p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.data-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);display:flex}.data-info h4{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.data-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.sample-data-section{gap:var(--spacing-lg);flex-direction:column;display:flex}.sample-data-section h4{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.quantity-selector{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.quantity-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-width:70px;font-weight:600}.quantity-btn:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary);transform:translateY(-2px)}.quantity-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #7d5aff4d}.analytics-intelligence-dashboard{color:var(--color-text-primary,#fff);box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem;display:flex}.analytics-header-command{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.analytics-title{color:var(--color-text-primary,#fff);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800}.analytics-subtitle{color:var(--color-text-secondary,#a1a1aa);margin:4px 0 0;font-size:.875rem}.analytics-filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.analytics-select-pill{background:var(--color-bg-tertiary,#0e0e12);border:1px solid var(--color-border,#ffffff14);color:var(--color-text-primary,#fff);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:9999px;outline:none;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:all .2s}.analytics-select-pill:hover,.analytics-select-pill:focus{border-color:var(--color-primary,#818cf8);background:var(--color-bg-secondary,#050507)}.analytics-toggle-pill{background:var(--color-bg-tertiary,#0e0e12);border:1px solid var(--color-border,#ffffff14);color:var(--color-text-secondary,#a1a1aa);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.analytics-toggle-pill.active{border-color:var(--color-primary,#818cf8);color:var(--color-text-primary,#fff);background:#6366f12e}.analytics-toggle-pill input[type=checkbox]{accent-color:var(--color-primary,#818cf8)}.analytics-financial-health-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.analytics-hero-card{background:var(--color-bg-secondary,#050507);border:1px solid var(--color-border,#ffffff14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:0 8px 24px #0006}.analytics-hero-card:hover{border-color:#818cf859;transform:translateY(-2px)}.hero-card-header{justify-content:space-between;align-items:center;display:flex}.hero-icon-badge{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero-icon-badge.cash{color:#10b981;background:#10b98126}.hero-icon-badge.efficiency{color:#818cf8;background:#6366f126}.hero-icon-badge.arrears{color:#f59e0b;background:#f59e0b26}.hero-card-label{color:var(--color-text-secondary,#a1a1aa);flex:1;margin-left:10px;font-size:.875rem;font-weight:600}.hero-card-arrow-btn{color:var(--color-text-tertiary,#71717a);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s}.hero-card-arrow-btn:hover{color:var(--color-text-primary,#fff)}.hero-card-body{margin:1rem 0 .5rem}.hero-value{color:var(--color-text-primary,#fff);letter-spacing:-.02em;word-break:break-word;font-size:clamp(1.4rem,3vw,1.875rem);font-weight:800}.hero-target{color:var(--color-text-tertiary,#71717a);margin-top:2px;font-size:.75rem}.hero-sparkline-container{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.sparkline-svg{flex-shrink:0;width:100px;height:24px}.sparkline-badge{color:var(--color-primary,#818cf8);background:#6366f126;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700}.hero-card-footer{margin-top:10px}.delta-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.delta-tag.positive{color:#34d399;background:#10b98126}.delta-tag.negative{color:#f87171;background:#ef444426}.hero-efficiency-ring-container{align-items:center;gap:1.25rem;margin-top:.75rem;display:flex}.ring-graphic{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.ring-graphic svg{width:80px;height:80px}.ring-text{color:var(--color-text-primary,#fff);font-size:1rem;font-weight:800;position:absolute}.ring-details{flex-direction:column;gap:6px;display:flex}.ring-target-label{color:var(--color-text-secondary,#a1a1aa);font-size:.75rem;font-weight:500}.status-pill-badge{border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.status-pill-badge.healthy{color:#34d399;background:#10b98126}.status-pill-badge.attention{color:#f87171;background:#ef444426}.analytics-secondary-kpi-bar{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.secondary-kpi-item{background:var(--color-bg-secondary,#050507);border:1px solid var(--color-border,#ffffff0f);border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.secondary-kpi-icon{width:32px;height:32px;color:var(--color-primary,#818cf8);background:#6366f11f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.secondary-kpi-content{flex-direction:column;flex:1;min-width:0;display:flex}.secondary-kpi-label{color:var(--color-text-secondary,#a1a1aa);font-size:.75rem;font-weight:500}.secondary-kpi-val-row{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:2px;display:flex}.secondary-kpi-val-row strong{color:var(--color-text-primary,#fff);font-size:1.125rem;font-weight:800}.mini-trend{font-size:.75rem;font-weight:700}.mini-trend.positive{color:#34d399}.mini-trend.negative{color:#f87171}.analytics-section-card,.analytics-panel-card{background:var(--color-bg-secondary,#050507);border:1px solid var(--color-border,#ffffff14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #0000004d}.analytics-section-header,.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.analytics-section-title,.panel-title-group{align-items:center;gap:8px;display:flex}.analytics-section-title h3,.panel-title-group h3{color:var(--color-text-primary,#fff);margin:0;font-size:1.125rem;font-weight:800}.analytics-link-btn{color:var(--color-primary,#818cf8);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8125rem;font-weight:700;transition:color .2s}.analytics-link-btn:hover{color:#a5b4fc;text-decoration:underline}.panel-subtitle{color:var(--color-text-tertiary,#71717a);margin:4px 0 1rem;font-size:.75rem}.what-changed-insights-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.insight-card{background:var(--color-bg-tertiary,#0e0e12);border:1px solid var(--color-border,#ffffff0f);border-radius:12px;flex-direction:column;justify-content:space-between;padding:1rem;display:flex}.insight-card.positive{border-left:4px solid #10b981}.insight-card.warning{border-left:4px solid #f59e0b}.insight-card.critical{border-left:4px solid #ef4444}.insight-card.info{border-left:4px solid #3b82f6}.insight-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.insight-icon-pill{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:flex}.insight-icon-pill.positive{color:#34d399;background:#10b98133}.insight-icon-pill.warning{color:#fbbf24;background:#f59e0b33}.insight-icon-pill.critical{color:#f87171;background:#ef444433}.insight-icon-pill.info{color:#60a5fa;background:#3b82f633}.insight-category-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary,#71717a);font-size:.6875rem;font-weight:700}.insight-title{color:var(--color-text-primary,#fff);margin:0 0 4px;font-size:.875rem;font-weight:700}.insight-desc{color:var(--color-text-secondary,#a1a1aa);margin:0;font-size:.75rem;line-height:1.4}.analytics-dual-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.aging-proportional-bar{background:#ffffff0d;border-radius:6px;height:12px;margin-bottom:1rem;display:flex;overflow:hidden}.aging-bar-segment{height:100%;transition:width .3s}.aging-legend-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.aging-legend-item{flex-direction:column;gap:2px;display:flex}.aging-legend-header{align-items:center;gap:6px;display:flex}.aging-color-dot{border-radius:50%;width:8px;height:8px}.aging-label{color:var(--color-text-secondary,#a1a1aa);font-size:.75rem;font-weight:500}.aging-val{color:var(--color-text-primary,#fff);font-size:.875rem;font-weight:700}.aging-sub{color:var(--color-text-tertiary,#71717a);font-size:.6875rem}.panel-footer-summary{border-top:1px solid var(--color-border,#ffffff0f);color:var(--color-text-secondary,#a1a1aa);align-items:center;gap:8px;padding-top:.75rem;font-size:.75rem;display:flex}.forecast-metrics-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.forecast-metric-block{flex-direction:column;gap:2px;display:flex}.forecast-label{color:var(--color-text-secondary,#a1a1aa);font-size:.75rem;font-weight:500}.forecast-val{color:var(--color-text-primary,#fff);font-size:1.25rem;font-weight:800}.forecast-val.highlight{color:var(--color-primary,#818cf8)}.forecast-val.red{color:#ef4444}.forecast-progress-wrapper{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.progress-bar-container{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%}.progress-fill.expected{background:var(--color-primary,#818cf8)}.progress-fill.forecast{background:#10b981}.progress-labels-row{color:var(--color-text-secondary,#a1a1aa);justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.confidence-badge{color:#10b981;font-weight:700}.forecast-disclaimer-box{background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:8px;padding:.5rem .75rem;display:flex}.forecast-disclaimer-box p{color:#a5b4fc;margin:0;font-size:.75rem}.class-matrix-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;margin-top:.5rem;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.8125rem}.analytics-table th{text-align:left;color:var(--color-text-secondary,#a1a1aa);border-bottom:1px solid var(--color-border,#ffffff14);white-space:nowrap;padding:10px 12px;font-weight:700}.analytics-table td{border-bottom:1px solid var(--color-border,#ffffff0a);color:var(--color-text-primary,#fff);white-space:nowrap;padding:10px 12px}.heatmap-badge{border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-block}.heatmap-badge.high{color:#34d399;background:#10b98126}.heatmap-badge.mid{color:#fbbf24;background:#f59e0b26}.heatmap-badge.low{color:#f87171;background:#ef444426}.attendance-hero-row{align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.attendance-rate-large{color:var(--color-text-primary,#fff);font-size:2.25rem;font-weight:800}.attendance-rate-meta{flex-direction:column;gap:2px;display:flex}.attendance-meta-label{color:var(--color-text-secondary,#a1a1aa);font-size:.75rem;font-weight:500}.attendance-sparkline-box{width:100%;min-height:160px;margin:.5rem 0}.attendance-alert-footer{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem .85rem;font-size:.75rem;display:flex}.analytics-bottom-sections-stack{flex-direction:column;gap:1.25rem;display:flex}.action-tasks-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.action-task-item{background:var(--color-bg-tertiary,#0e0e12);border:1px solid var(--color-border,#ffffff0f);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.action-task-item.high{border-left:4px solid #ef4444}.action-task-item.medium{border-left:4px solid #f59e0b}.task-icon-badge{flex-shrink:0;font-size:1.25rem}.task-details{flex:1;min-width:200px}.task-title{color:var(--color-text-primary,#fff);margin:0;font-size:.875rem;font-weight:700}.task-desc{color:var(--color-text-secondary,#a1a1aa);margin:2px 0 0;font-size:.75rem}.task-actions-group{align-items:center;gap:8px;display:flex}.task-primary-btn{background:var(--color-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:.75rem;font-weight:700;transition:opacity .2s}.task-primary-btn:hover{opacity:.9}.task-secondary-btn{color:var(--color-text-secondary,#a1a1aa);border:1px solid var(--color-border,#ffffff1a);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:7px 12px;font-size:.75rem;font-weight:600}.analytics-ai-executive-card{background:linear-gradient(135deg, #6366f126 0%, var(--color-bg-secondary,#050507) 100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #818cf84d;border-radius:16px;padding:1.25rem}.ai-executive-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-title-group{align-items:center;gap:8px;display:flex}.ai-title-group h3{color:var(--color-text-primary,#fff);margin:0;font-size:1.125rem;font-weight:800}.ai-insight-text{color:var(--color-text-primary,#fff);font-size:.875rem;line-height:1.6}.ai-placeholder-text{color:var(--color-text-secondary,#a1a1aa);margin:0;font-size:.75rem}.analytics-empty-state-box{color:#34d399;text-align:center;background:#10b9810d;border:1px dashed #10b98133;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;font-size:.875rem;display:flex}:root[data-theme=light] .analytics-intelligence-dashboard,html.light .analytics-intelligence-dashboard,:root[data-theme=light] .analytics-title,html.light .analytics-title{color:#0f172a}:root[data-theme=light] .analytics-subtitle,html.light .analytics-subtitle,:root[data-theme=light] .hero-card-label,html.light .hero-card-label,:root[data-theme=light] .panel-subtitle,html.light .panel-subtitle,:root[data-theme=light] .secondary-kpi-label,html.light .secondary-kpi-label,:root[data-theme=light] .insight-desc,html.light .insight-desc,:root[data-theme=light] .aging-label,html.light .aging-label,:root[data-theme=light] .forecast-label,html.light .forecast-label,:root[data-theme=light] .task-desc,html.light .task-desc{color:#475569}:root[data-theme=light] .hero-target,html.light .hero-target,:root[data-theme=light] .hero-card-arrow-btn,html.light .hero-card-arrow-btn,:root[data-theme=light] .insight-category-tag,html.light .insight-category-tag,:root[data-theme=light] .aging-sub,html.light .aging-sub{color:#64748b}:root[data-theme=light] .analytics-select-pill,html.light .analytics-select-pill,:root[data-theme=light] .analytics-toggle-pill,html.light .analytics-toggle-pill{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 1px 3px #0000000d}:root[data-theme=light] .analytics-toggle-pill.active,html.light .analytics-toggle-pill.active{color:#4f46e5;background:#4f46e51a;border-color:#4f46e5}:root[data-theme=light] .analytics-hero-card,html.light .analytics-hero-card,:root[data-theme=light] .secondary-kpi-item,html.light .secondary-kpi-item,:root[data-theme=light] .analytics-section-card,html.light .analytics-section-card,:root[data-theme=light] .analytics-panel-card,html.light .analytics-panel-card{background:#fff;border-color:#00000014;box-shadow:0 4px 16px #0000000f}:root[data-theme=light] .hero-value,html.light .hero-value,:root[data-theme=light] .ring-text,html.light .ring-text,:root[data-theme=light] .secondary-kpi-val-row strong,html.light .secondary-kpi-val-row strong,:root[data-theme=light] .analytics-section-title h3,html.light .analytics-section-title h3,:root[data-theme=light] .panel-title-group h3,html.light .panel-title-group h3,:root[data-theme=light] .insight-title,html.light .insight-title,:root[data-theme=light] .aging-val,html.light .aging-val,:root[data-theme=light] .forecast-val,html.light .forecast-val,:root[data-theme=light] .attendance-rate-large,html.light .attendance-rate-large,:root[data-theme=light] .task-title,html.light .task-title,:root[data-theme=light] .ai-title-group h3,html.light .ai-title-group h3,:root[data-theme=light] .ai-insight-text,html.light .ai-insight-text{color:#0f172a}:root[data-theme=light] .insight-card,html.light .insight-card,:root[data-theme=light] .action-task-item,html.light .action-task-item{background:#f8fafc;border-color:#0000000f}:root[data-theme=light] .analytics-table th,html.light .analytics-table th{color:#475569;border-bottom-color:#00000014}:root[data-theme=light] .analytics-table td,html.light .analytics-table td{color:#1e293b;border-bottom-color:#0000000a}:root[data-theme=light] .task-secondary-btn,html.light .task-secondary-btn{color:#334155;background:#f1f5f9;border-color:#0000001a}:root[data-theme=light] .analytics-ai-executive-card,html.light .analytics-ai-executive-card{background:linear-gradient(135deg,#6366f114 0%,#fff 100%);border-color:#6366f14d}@media (max-width:768px){.analytics-intelligence-dashboard{gap:1rem;padding:.875rem .875rem 6.5rem}.analytics-header-command{flex-direction:column;align-items:flex-start;gap:.75rem}.analytics-filter-bar{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.analytics-select-pill,.analytics-toggle-pill{box-sizing:border-box;text-align:center;justify-content:center;width:100%}.analytics-financial-health-grid,.analytics-secondary-kpi-bar,.what-changed-insights-grid,.analytics-dual-grid,.aging-legend-grid,.forecast-metrics-row{grid-template-columns:1fr}.hero-efficiency-ring-container{text-align:left;flex-direction:row;align-items:center}.action-task-item{flex-direction:column;align-items:flex-start;gap:.75rem}.task-actions-group{justify-content:flex-end;width:100%}.ai-executive-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ai-executive-header button{text-align:center;width:100%}}.ay-professional-form{padding:.5rem 0}.ay-form-header{background:var(--color-bg-tertiary);border-left:4px solid var(--color-primary);border-radius:12px;margin-bottom:2rem;padding:1.25rem 1.5rem}.ay-form-header h4{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:800}.ay-form-header p{color:var(--color-text-tertiary);margin:6px 0 0;font-size:.85rem;line-height:1.5}.ay-form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.ay-form-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.ay-promotion-wizard{flex-direction:column;gap:1.5rem;height:70vh;display:flex}.ay-wizard-steps{flex-shrink:0;align-items:center;gap:1rem;padding-bottom:4px;display:flex;overflow-x:auto}.ay-step-pill{background:var(--color-bg-secondary);color:var(--color-text-tertiary);border:1px solid var(--color-border);white-space:nowrap;border-radius:100px;padding:6px 16px;font-size:.75rem;font-weight:700}.ay-step-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.ay-promotion-layout{flex:1;grid-template-columns:1fr 320px;gap:2rem;min-height:0;display:grid}.ay-promotion-main{flex-direction:column;gap:1.25rem;min-height:0;display:flex}.ay-promotion-topbar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;align-items:center;gap:.75rem;padding:1rem;display:flex}.ay-selection-controls{flex-shrink:0;gap:1rem;display:flex}.ay-student-list-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ay-list-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);text-transform:uppercase;flex-shrink:0;grid-template-columns:40px 2fr 1fr 1.5fr;gap:1rem;padding:.75rem 1.25rem;font-size:.7rem;font-weight:800;display:grid}.ay-list-scroll{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow-y:auto}.ay-student-item{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;grid-template-columns:40px 2fr 1fr 1.5fr;align-items:center;gap:1rem;padding:.75rem 1rem;transition:transform .2s,border-color .2s;display:grid}.ay-student-item:hover{border-color:var(--color-primary);transform:translate(4px)}.ay-student-item.selected{border-color:var(--color-primary);background:#7c3aed0d}.ay-item-check input{width:18px;height:18px;accent-color:var(--color-primary)}.ay-item-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700}.ay-chip{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:.6rem;font-weight:800}.ay-chip.paid{color:#10b981;background:#10b9811a}.ay-chip.unpaid{color:#ef4444;background:#ef44441a}.ay-item-path{background:var(--color-bg-tertiary);border-radius:6px;align-items:center;gap:8px;width:fit-content;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex}.ay-path-arrow{color:var(--color-primary);opacity:.6}.ay-wizard-sidebar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;flex-shrink:0;gap:1rem;padding:1.5rem;display:flex}.ay-summary-card{background:var(--color-bg-tertiary);border-radius:12px;flex-direction:column;padding:1.25rem;display:flex}.ay-summary-val{color:var(--color-primary);font-size:2rem;font-weight:900;line-height:1}.ay-summary-label{color:var(--color-text-tertiary);text-transform:uppercase;margin-top:4px;font-size:.65rem;font-weight:700}.ay-promote-submit{margin-top:auto;padding:14px!important;font-weight:700!important}@media (max-width:1024px){.ay-promotion-wizard{gap:1rem;height:auto;max-height:85vh}.ay-promotion-layout{grid-template-columns:1fr;gap:1rem}.ay-promotion-topbar{flex-direction:column;align-items:stretch;gap:8px}.ay-selection-controls{justify-content:space-between;width:100%}.ay-list-header{display:none}.ay-student-item{grid-template-columns:32px 1fr auto;gap:8px;padding:10px}.ay-item-meta{display:none}.ay-student-list-box{max-height:300px}.ay-wizard-sidebar{flex-flow:wrap;align-items:center;gap:10px;padding:12px}.ay-sidebar-title{display:none}.ay-summary-card{flex:1;padding:8px 12px}.ay-summary-val{font-size:1.25rem}.ay-summary-label{font-size:.6rem}.ay-promote-submit{width:100%;margin-top:0}}.academic-years-page{box-sizing:border-box;flex-direction:column;flex:1;gap:1.5rem;min-height:0;padding:1.5rem;display:flex;overflow:hidden auto}@keyframes ay-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ay-page-header{flex-direction:column;gap:12px;width:100%;margin-bottom:0;display:flex}.ay-header-bar{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.ay-search-wrapper{flex:1;min-width:220px;max-width:480px}.ay-header-actions{align-items:center;gap:10px;display:flex}.ay-new-btn{white-space:nowrap;flex-shrink:0}@media (max-width:768px){.academic-years-page{padding:14px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));scrollbar-width:none}.academic-years-page::-webkit-scrollbar{display:none}.ay-header-bar{align-items:center;gap:10px;display:flex}.ay-search-wrapper{max-width:none}.ay-new-btn{min-width:70px}}.ay-stats-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%;margin-bottom:1.75rem;display:grid}.ay-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:16px;flex-direction:row;align-items:center;gap:1.25rem;min-width:0;padding:1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.ay-stat-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#7c3aed0f 0%,#0000 60%);position:absolute;inset:0}.ay-stat-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 28px -8px #7c3aed2e}.ay-stat-icon{width:52px;height:52px;color:var(--color-primary);background:#7c3aed1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .25s,transform .25s;display:flex}.ay-stat-card:hover .ay-stat-icon{background:#7c3aed2e;transform:scale(1.08)}.ay-stat-info{flex-direction:column;gap:.3rem;min-width:0;display:flex}.ay-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);white-space:nowrap;font-size:.7rem;font-weight:700}.ay-stat-value{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.65rem;font-weight:900;line-height:1.1;overflow:hidden}@media (max-width:860px){.ay-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.25rem}.ay-stat-card{border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.ay-stat-icon{border-radius:8px;width:36px;height:36px}.ay-stat-label{font-size:.6rem}.ay-stat-value{font-size:1.2rem}}.ay-banner{box-sizing:border-box;background:linear-gradient(135deg,#7c3aed26 0%,#1e143266 100%);border:1px solid #7c3aed4d;border-radius:24px;justify-content:space-between;align-items:stretch;gap:3rem;width:100%;min-height:min-content;margin-bottom:2.5rem;padding:2.5rem;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.ay-banner:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(circle at 0 0,#7c3aed26 0%,#0000 50%);position:absolute;inset:0}.ay-banner-main{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:1.25rem;display:flex}.ay-banner-tag{color:#a78bfa;text-transform:uppercase;letter-spacing:.05em;background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:100px;align-items:center;gap:10px;width:fit-content;padding:6px 14px;font-size:.7rem;font-weight:800;display:flex}.ay-pulse-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite ay-pulse;box-shadow:0 0 10px #10b981}@keyframes ay-pulse{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.ay-banner-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:4.5rem;font-weight:900;line-height:1}.ay-banner-dates{gap:2rem;margin-top:.5rem;display:flex}.ay-banner-date-item{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:.95rem;font-weight:600;display:flex}.ay-banner-side-panel{z-index:1;flex-direction:column;justify-content:center;gap:1.5rem;width:340px;display:flex}.ay-banner-stats{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.ay-banner-stat-row{justify-content:space-between;align-items:center;display:flex}.ay-banner-stat-label{color:var(--color-text-tertiary);font-size:.9rem;font-weight:500}.ay-banner-stat-value{color:#fff;font-size:1.25rem;font-weight:800}.ay-promote-btn{width:100%;background:var(--color-primary)!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-radius:14px!important;padding:18px!important;font-size:.9rem!important;font-weight:800!important;transition:all .3s!important;box-shadow:0 10px 25px #7c3aed66!important}.ay-promote-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 15px 30px #7c3aed99!important}@media (max-width:1024px){.ay-banner{border-radius:16px;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem}.ay-banner-side-panel{gap:1rem;width:100%}.ay-banner-title{font-size:2.2rem}.ay-banner-dates{flex-direction:column;gap:6px}.ay-banner-stats{gap:.75rem;padding:1rem}}:root.light .ay-banner,:root[data-theme=light] .ay-banner{background:linear-gradient(135deg,#7c3aed14 0%,#f3f4f6 100%);border-color:#7c3aed40;box-shadow:0 10px 30px #0000000f}:root.light .ay-banner-title,:root[data-theme=light] .ay-banner-title{color:var(--color-text-primary,#0f172a)}:root.light .ay-banner-stats,:root[data-theme=light] .ay-banner-stats{border-color:var(--color-border,#e2e8f0);background:#ffffffd9}:root.light .ay-banner-stat-value,:root[data-theme=light] .ay-banner-stat-value{color:var(--color-text-primary,#0f172a)}.ay-section-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.ay-section-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;font-size:.75rem;font-weight:800}.ay-section-divider{background:linear-gradient(to right, var(--color-border) 0%, transparent 100%);flex:1;height:1px}.ay-custom-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;display:grid}.ay-year-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:1.5rem;min-width:0;height:100%;padding:1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.ay-year-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 16px 36px -10px #7c3aed33}.ay-year-card.is-current{background:linear-gradient(145deg, var(--color-bg-secondary) 0%, #7c3aed0a 100%);border-color:#7c3aed80}.ay-card-top{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.ay-year-display{color:var(--color-text-primary);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:2rem;font-weight:900;line-height:1;overflow:hidden}.ay-card-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:100px;flex-shrink:0;padding:4px 12px;font-size:.65rem;font-weight:800}.ay-card-badge.current{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.ay-card-badge.historical{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);border:1px solid var(--color-border)}.ay-card-info{flex-direction:column;gap:.65rem;display:flex}.ay-info-row{color:var(--color-text-secondary);align-items:center;gap:10px;min-width:0;font-size:.875rem;font-weight:500;display:flex}.ay-info-icon{background:var(--color-bg-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:flex}.ay-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.1rem;display:flex}.ay-card-main-action{flex:1;min-width:0}.ay-card-side-actions{flex-shrink:0;gap:.5rem;display:flex}.ay-icon-btn{background:var(--color-bg-tertiary)!important;border:1px solid var(--color-border)!important;width:38px!important;height:38px!important;color:var(--color-text-secondary)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .2s!important;display:flex!important}.ay-icon-btn:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:#7c3aed0f!important}.ay-empty-state{text-align:center;border:2px dashed var(--color-border);background:#ffffff05;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.ay-empty-icon-box{margin-bottom:.5rem;font-size:3rem;line-height:1}.ay-empty-state h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.ay-empty-state p{color:var(--color-text-tertiary);max-width:380px;margin:0;font-size:.95rem}@media (max-width:768px){.ay-custom-grid{grid-template-columns:1fr;gap:12px}.ay-year-card{border-radius:14px;gap:1.15rem;padding:1.15rem}.ay-year-display{font-size:1.65rem}.ay-card-footer{flex-direction:row;align-items:center;gap:8px}}.documents-container{grid-template-columns:360px 1fr;gap:1.5rem;height:calc(100vh - 80px);padding:1.5rem;display:grid;overflow:hidden}@media (max-width:1024px){.documents-container{height:auto;padding:12px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;gap:12px}.documents-container.is-mobile-view{height:100%;padding:10px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;display:flex}.doc-mobile-bar{background:var(--color-bg-secondary,#1a1d24);border:1px solid var(--color-border,#2e333d);border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.doc-mobile-controls-btn{background:var(--color-primary,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:700;display:flex}.doc-mobile-zoom-btn,.doc-mobile-print-btn{background:var(--color-bg-tertiary,#242832);border:1px solid var(--color-border,#2e333d);color:var(--color-text-primary,#f9fafb);cursor:pointer;border-radius:10px;padding:8px 10px;font-size:.75rem;font-weight:600}.doc-mobile-sheet-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;background:#000000b3;flex-direction:column;justify-content:flex-end;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.doc-mobile-sheet-content{background:var(--color-bg-primary,#0f172a);border:1px solid var(--color-border,#ffffff1a);max-height:82dvh;padding:16px 14px calc(24px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:24px 24px 0 0;animation:.35s cubic-bezier(.16,1,.3,1) sheetSlideUp;overflow-y:auto}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.doc-sheet-drag-notch{cursor:grab;justify-content:center;width:100%;padding:4px 0 14px;display:flex}.notch-bar{background:#ffffff40;border-radius:99px;width:40px;height:5px}.doc-preview{-webkit-overflow-scrolling:touch;background:#0000004d;border-radius:16px;flex:1;height:100%;padding:10px;overflow:auto}.doc-preview.fit-mode{flex-direction:column;align-items:center;display:flex;overflow-x:hidden}.doc-preview.fit-mode .a4-page{transform-origin:top;margin-bottom:-155mm;transform:scale(.46)}.doc-preview.fit-mode .a4-page.landscape{margin-bottom:-130mm;transform:scale(.33)}.a4-page{box-shadow:0 6px 30px #0009}}.doc-settings{padding-right:4px;overflow-y:auto}.settings-card{background:var(--color-bg-secondary)!important;border:1px solid var(--color-border)!important;padding:1.25rem!important}.settings-section{margin-bottom:2rem}.settings-section h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{margin-bottom:0}.width-usage{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.width-usage span{color:var(--color-text-tertiary);font-size:.6rem}.sidebar-tabs{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.4rem;display:flex}.tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.8rem;font-weight:600;transition:all .25s;display:flex}.tab-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.tab-btn.active{background:var(--color-bg-secondary);color:var(--color-primary);box-shadow:0 4px 12px #0003,0 0 0 1px #7d5aff33}.report-mode-select{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.mode-btn{border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.mode-btn:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.mode-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#7d5aff1a}.mode-icon{font-size:1.1rem}.charts-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.chart-item{border:1.5px solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;border-radius:12px;flex-direction:column;gap:.4rem;padding:1rem;transition:all .25s;display:flex}.chart-item:hover{border-color:var(--color-primary);background:var(--color-bg-primary);transform:translateY(-2px)}.chart-item.selected{border-color:var(--color-primary);background:#7d5aff0d;box-shadow:0 4px 20px #0003}.chart-item h4{color:var(--color-text-primary);margin:0;font-size:.85rem;font-weight:700}.chart-item p{color:var(--color-text-tertiary);margin:0;font-size:.7rem;line-height:1.4}.chart-badge{text-transform:uppercase;background:var(--color-bg-secondary);border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:.6rem;font-weight:800}.chart-item.selected .chart-badge{background:var(--color-primary);color:#fff}.doc-chart-container{page-break-inside:avoid;break-inside:avoid;background:#fff;border:1pt solid #eee;border-radius:4px;margin-bottom:8mm;padding:10mm 5mm}.doc-chart-container h3{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;border-left:4pt solid var(--color-primary);margin:0 0 6mm;padding-left:10px;font-size:14pt;font-weight:800}.chart-footer{color:#666;text-align:right;border-top:.5pt solid #f0f0f0;margin-top:4mm;padding-top:2mm;font-size:8pt;font-style:italic}.usage-bar{background:var(--color-bg-tertiary);border-radius:2px;width:90px;height:4px;overflow:hidden}.usage-fill{border-radius:2px;height:100%;transition:width .4s,background-color .3s}.accordion-list{flex-direction:column;gap:.75rem;display:flex}.category-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:12px;transition:border-color .25s,box-shadow .25s;overflow:hidden}.category-card.active-cat{border-color:#7d5aff40;box-shadow:0 4px 20px #00000026}.category-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;transition:background-color .2s;display:flex}.category-card-header:hover{background:#ffffff05}.header-left{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.header-right{align-items:center;gap:.5rem;display:flex}.active-pill{background:var(--color-primary);color:#fff;border-radius:999px;padding:2px 7px;font-size:.6rem;font-weight:700}.chevron{color:var(--color-text-tertiary);font-size:.6rem;transition:transform .3s;display:inline-block}.chevron.expanded{transform:rotate(180deg)}.property-card{background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem .9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.property-card:hover{border-color:var(--color-primary);background:var(--color-bg-primary);transform:translateY(-1px)translate(1px);box-shadow:0 4px 12px #7d5aff14}.property-card.selected{border-color:var(--color-primary);background:#7d5aff0f}.property-card .toggle-switch{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:999px;justify-content:flex-start;align-items:center;width:36px;height:20px;padding:2px;transition:all .25s;display:flex}.property-card.selected .toggle-switch{background:var(--color-primary);border-color:var(--color-primary);justify-content:flex-end;box-shadow:0 0 8px #7d5aff4d}.property-card .toggle-handle{background:var(--color-text-secondary);border-radius:50%;width:14px;height:14px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003}.property-card.selected .toggle-handle{background:#fff;transform:scale(1.05)}.col-info{justify-content:space-between;align-items:center;width:100%;display:flex}.col-label{color:var(--color-text-primary);font-size:.83rem;font-weight:500}.col-width{color:var(--color-text-tertiary);font-size:.6rem;font-weight:600}.config-grid{grid-template-columns:1fr;gap:.85rem;display:grid}.config-item{flex-direction:column;gap:.35rem;display:flex}.config-item label{letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.65rem;font-weight:700}.config-item select{border:1px solid var(--color-border);background:var(--color-bg-tertiary);width:100%;color:var(--color-text-primary);cursor:pointer;appearance:auto;border-radius:8px;padding:.55rem .7rem;font-size:.85rem;transition:border-color .2s}.config-item select option{color:#f0f0f0;background:#1c1c2e}.config-item select:focus{border-color:var(--color-primary);outline:none}.grade-hint{color:var(--color-text-tertiary);margin-top:-.4rem;margin-bottom:.6rem;font-size:.72rem}.grade-chips{flex-wrap:wrap;gap:.4rem;display:flex}.grade-chip{border:1.5px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.grade-chip:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.grade-chip.chip-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #7d5aff73}.print-trigger{margin-top:.5rem!important}.doc-preview{scroll-behavior:smooth;background:#0d0d14;border-radius:12px;padding:2.5rem;display:block;overflow-y:auto;box-shadow:inset 0 4px 40px #00000080}.a4-page{color:#1a1a1a;box-sizing:border-box;background:#fff;border:none;flex-direction:column;width:210mm;min-height:297mm;margin:0 auto 40px;padding:12mm 12mm 10mm;animation:.4s forwards pageIn;display:flex;box-shadow:0 10px 50px #000000b3}.a4-page.landscape{width:297mm;min-height:210mm}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.report-header{border-bottom:2pt solid #1a1a1a;flex-shrink:0;justify-content:space-between;align-items:flex-end;margin-bottom:6mm;padding-bottom:4mm;display:flex}.header-info h2{margin:0;font-size:20pt;font-weight:900;line-height:1.1}.header-info p{color:#444;margin:3pt 0 0;font-size:9pt;font-weight:600}.header-date{color:#666;white-space:nowrap;font-size:9pt}.report-table{table-layout:fixed;border-collapse:collapse;flex-shrink:0;width:100%;font-size:9pt}.report-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f4f4f8;border:1pt solid #1a1a1a;padding:2.5mm 2mm;font-size:8.5pt;font-weight:800}.report-table td{color:#222;vertical-align:middle;word-break:break-word;border:.5pt solid #d0d0d8;padding:2.5mm 2mm;font-size:8.5pt}.report-table tr:nth-child(2n) td{background:#fafafa}.cap-status{text-transform:capitalize}.payment-mini-grid{flex-wrap:nowrap;gap:.4mm;display:flex}.grid-box{background:#fff;border:.5pt solid #bbb;border-radius:.5mm;flex-shrink:0;width:4.8mm;height:4.8mm}.grid-box.paid{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#12b886;border-color:#0ca678}.grid-box.waived{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#c0c0c8;border-color:#999}.report-footer{color:#999;border-top:1pt solid #ddd;flex-shrink:0;justify-content:space-between;margin-top:auto;padding-top:4mm;font-size:7.5pt;font-weight:600;display:flex}.empty-preview{color:#555;justify-content:center;align-items:center;height:297mm;font-size:1rem;display:flex}@media print{body,html,#root,.dashboard-layout,.dashboard-main,.dashboard-content,.documents-container,.doc-preview{height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.no-print,.dashboard-sidebar,.dashboard-header{display:none!important}.a4-page{width:210mm!important;height:297mm!important;min-height:0!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;opacity:1!important;flex-direction:column!important;margin:0 auto!important;padding:12mm!important;animation:none!important;display:flex!important;overflow:hidden!important;transform:none!important}.a4-page:last-child{page-break-after:avoid!important;break-after:avoid!important}.a4-page.landscape{width:297mm!important;height:210mm!important}@page{size:A4;margin:0}}.multi-subject-cell{flex-direction:column;gap:1.5pt;display:flex}.subject-pill{color:#1a1a1a;white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f0f0f7;border:.4pt solid #c8c8dc;border-radius:2pt;padding:.5pt 3pt;font-size:7.5pt;font-weight:600;display:inline-block}.fee-line{align-items:center;gap:3pt;font-size:7.5pt;display:flex}.fee-subject{color:#555;flex-shrink:0;font-weight:500}.fee-amount{color:#1a1a1a;font-weight:700}.fee-total{color:#444;border-top:.5pt solid #d0d0d8;margin-top:1pt;padding-top:1pt;font-size:7pt;font-weight:800}.payment-grid-subjects{flex-direction:column;gap:1.5mm;display:flex}.payment-grid-subject-row{flex-direction:column;gap:.5mm;display:flex}.payment-grid-subject-label{color:#666;text-transform:uppercase;letter-spacing:.2pt;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:6pt;font-weight:700}.status-pending{color:#e07b00}.legal-page{max-width:800px;color:var(--color-text-secondary);font-family:var(--font-family);margin:0 auto;padding:4rem 2rem;line-height:1.6}.legal-header{text-align:center;margin-bottom:3rem}.legal-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.legal-date{color:var(--color-text-tertiary);margin-bottom:1.5rem;font-size:.875rem}.legal-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.legal-nav-link{color:var(--color-primary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.legal-nav-link:hover{color:var(--color-primary-light);text-decoration:underline}.legal-nav-link.active{color:var(--color-text-primary);cursor:default;font-weight:700;text-decoration:none}.legal-nav-divider{color:var(--color-text-tertiary);font-size:.8rem}.legal-content section{margin-bottom:2.5rem}.legal-content h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.legal-content p{color:var(--color-text-secondary);margin-bottom:1rem}.legal-content ul{margin-bottom:1rem;padding-left:1.5rem}.legal-content li{color:var(--color-text-secondary);margin-bottom:.5rem}.legal-footer{border-top:1px solid var(--color-border);text-align:center;margin-top:4rem;padding-top:2rem}.back-link{color:var(--color-primary);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-primary-light)}:root{--up-bg:#000;--up-surface:#050507;--up-text:#fff;--up-muted:#a1a1aa;--up-dim:#71717a;--up-card-bg:#0e0e1299;--up-card-border:#ffffff14;--up-card-border-hover:#ffffff2e;--up-nav-bg:#000000bf;--up-sidebar-bg:transparent;--up-indicator:#6366f1;--up-accent:#a855f7;--up-font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--logo-gradient:linear-gradient(to right, #00f5e1, #4361ee, #7209b7, #f72585, #f9c74f, #00f5e1);--up-grid-color:#ffffff0a;--up-ease:cubic-bezier(.16, 1, .3, 1)}@keyframes colorFlow{0%{background-position:0%}to{background-position:200%}}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.updates-v2-container{background-color:var(--up-bg);background-image:var(--up-lines);min-height:100vh;color:var(--up-text);background-size:80px 80px;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.ambient-grid{background-image:linear-gradient(var(--ambient-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--ambient-grid-color) 1px, transparent 1px);z-index:0;background-size:50px 50px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.ambient-glow{filter:blur(120px);opacity:.15;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed}.g-1{background:#6366f1;animation:15s ease-in-out infinite alternate drift;top:-100px;right:-100px}.g-2{background:#a855f7;animation:20s ease-in-out infinite alternate-reverse drift;bottom:-100px;left:-100px}.updates-main{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:160px 40px 100px;position:relative}.updates-layout{grid-template-columns:280px 1fr;align-items:start;gap:80px;display:grid}.updates-content{min-height:0}.version-sidebar::-webkit-scrollbar{width:4px}.updates-content::-webkit-scrollbar{width:4px}.version-sidebar::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.updates-content::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.antigravity-nav{z-index:100;border-bottom:1px solid var(--up-card-border);align-items:center;height:80px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.antigravity-nav.scrolled{background:var(--up-nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:64px}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.nav-brand{cursor:pointer;align-items:center;gap:16px;display:flex}.nav-logo{object-fit:contain;filter:drop-shadow(0 0 8px #6366f166);width:auto;height:32px}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{letter-spacing:-.5px;background:var(--logo-gradient);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;font-size:1.25rem;font-weight:900;animation:5s linear infinite colorFlow}.brand-suffix{text-transform:uppercase;letter-spacing:2px;color:var(--up-muted);font-size:.65rem;font-weight:700}.nav-meta{align-items:center;gap:24px;display:flex}.system-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:10px;padding:6px 14px;display:flex}.system-pill .dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #10b981}.system-pill .dot.pulse{animation:2s infinite statusPulse}.system-pill .label{color:var(--up-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.system-pill .value{color:#10b981;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800}.nav-meta .divider{background:var(--up-card-border);width:1px;height:20px}.btn-back{align-items:center;display:flex;color:var(--up-text)!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;gap:12px!important;height:36px!important;padding:0 16px!important;font-size:.8rem!important;font-weight:700!important;transition:all .3s!important}.btn-back:hover{transform:translate(-4px);background:#ffffff08!important;border-color:#ffffff1a!important}.key-hint{color:var(--up-muted);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800}@keyframes statusPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.hero-compact{margin-bottom:80px}.hero-tag{color:#6366f1;text-transform:uppercase;letter-spacing:4px;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.hero-title{letter-spacing:-3px;margin-bottom:24px;font-size:4rem;font-weight:950;line-height:1}.hero-subtitle{color:var(--up-muted);max-width:600px;font-size:1.25rem;line-height:1.6}.version-sidebar{position:sticky;top:144px}.sidebar-label{text-transform:uppercase;letter-spacing:2px;color:#475569;margin-bottom:24px;font-size:.7rem;font-weight:800}.version-link{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.version-link:hover{background:var(--up-card-bg);border-color:var(--up-card-border)}.version-link.active{background:#6366f10d;border-color:#6366f133}.v-num{color:#6366f1;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700}.v-name{color:var(--up-text);font-size:1.1rem;font-weight:700}.v-status{color:#fff;text-transform:uppercase;background:#10b981;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:900;position:absolute;top:20px;right:20px}.version-detail-box{animation:.6s cubic-bezier(.16,1,.3,1) slideUp}.detail-header{border-bottom:1px solid var(--up-card-border);margin-bottom:56px;padding-bottom:48px}.detail-tag{color:#f8fafc;background:#475569;border-radius:100px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700}.detail-version{letter-spacing:-2px;margin-bottom:16px;font-size:2.5rem;font-weight:900}.codename-badge{background:var(--up-card-bg);border:1px solid var(--up-card-border);border-radius:8px;align-items:center;margin-bottom:32px;display:inline-flex;overflow:hidden}.codename-badge .label{text-transform:uppercase;color:var(--up-muted);border-right:1px solid var(--up-card-border);padding:6px 12px;font-size:.6rem;font-weight:800}.codename-badge .value{color:var(--up-text);padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.detail-summary{color:var(--up-muted);max-width:800px;font-size:1.15rem;line-height:1.7}.section-title{text-transform:uppercase;letter-spacing:3px;color:var(--up-muted);margin-bottom:32px;font-size:.75rem;font-weight:800}.features-accordion{flex-direction:column;gap:12px;margin-bottom:80px;display:flex}.accordion-item{background:var(--up-card-bg);border:1px solid var(--up-card-border);cursor:pointer;border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.accordion-item:hover{background:#ffffff05;border-color:#6366f14d}.accordion-item.open{background:#ffffff08;border-color:#ffffff1a;box-shadow:0 20px 40px #0003}.accordion-trigger{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.trigger-left{align-items:center;gap:24px;display:flex}.acc-category{text-transform:uppercase;color:#6366f1;letter-spacing:2px;text-align:center;background:#6366f11a;border-radius:4px;min-width:80px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:800}.acc-title{color:var(--up-text);font-size:1.1rem;font-weight:700}.chevron{color:var(--up-muted);transition:transform .4s cubic-bezier(.16,1,.3,1)}.accordion-item.open .chevron{color:#6366f1;transform:rotate(180deg)}.accordion-content{opacity:0;pointer-events:none;max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1),opacity .3s;overflow:hidden}.accordion-item.open .accordion-content{opacity:1;pointer-events:auto;max-height:500px}.content-inner{color:var(--up-muted);border-top:1px solid #ffffff08;padding:12px 32px 32px 140px;font-size:.95rem;line-height:1.6;position:relative}.bullet-point{background:#6366f1;border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:110px;box-shadow:0 0 10px #6366f180}.technical-footer{border-top:1px solid var(--up-card-border);justify-content:space-between;padding-top:48px;display:flex}.footer-item{flex-direction:column;gap:8px;display:flex}.footer-item .label{text-transform:uppercase;color:#475569;letter-spacing:1px;font-size:.65rem;font-weight:800}.footer-item .value{color:var(--up-muted);font-family:JetBrains Mono,monospace;font-size:.85rem}.updates-footer-v2{border-top:1px solid var(--up-card-border);background:var(--up-bg);padding:80px 40px}.footer-content{color:#475569;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:.85rem;display:flex}.footer-brand{color:#64748b;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:900}@media (max-width:1024px){.antigravity-nav{height:64px}.nav-container{padding:0 20px}.nav-meta{display:none}.updates-main{padding:90px 16px 40px}.updates-layout{flex-direction:column;gap:24px;height:auto;display:flex;overflow:visible}.version-sidebar{z-index:10;border:1px solid var(--up-card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172acc;border-radius:16px;width:100%;margin:0 0 20px;padding:16px;position:relative;top:0}.sidebar-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:10px;padding-bottom:0;display:flex;overflow-x:auto}.sidebar-group::-webkit-scrollbar{display:none}.sidebar-label{display:none}.version-link{white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;flex:none;margin-bottom:0;padding:10px 16px}.version-link.active{background:#6366f133;border-color:#6366f180}.v-num{margin-bottom:0;margin-right:6px;font-size:.75rem;display:inline-block}.v-status{display:none}.v-name{font-size:.85rem;display:inline-block}.hero-compact{text-align:left;margin-bottom:32px}.hero-tag{letter-spacing:2px;margin-bottom:8px;font-size:.65rem}.hero-title{letter-spacing:-1px;margin-bottom:12px;font-size:2.2rem;line-height:1.1}.hero-subtitle{font-size:.95rem;line-height:1.5}.detail-header{margin-bottom:28px;padding-bottom:24px}.detail-version{letter-spacing:-1px;font-size:1.8rem}.detail-summary{font-size:.95rem;line-height:1.6}.codename-badge{flex-wrap:wrap;margin-bottom:20px}.codename-badge .label,.codename-badge .value{padding:6px 10px;font-size:.65rem}.accordion-trigger{gap:12px;padding:16px}.trigger-left{flex:1;gap:12px;min-width:0}.acc-category{letter-spacing:1px;min-width:60px;padding:3px 6px;font-size:.55rem}.acc-title{white-space:normal;font-size:.88rem;line-height:1.3}.content-inner{padding:16px 16px 20px;font-size:.88rem;line-height:1.55}.bullet-point{display:none}}@media (max-width:768px){.updates-content{height:auto;padding-right:0;overflow:visible}.hero-title{font-size:2rem}.technical-footer{flex-direction:column;gap:20px;padding-top:28px}.footer-content{text-align:center;flex-direction:column;gap:16px}.updates-footer-v2{padding:40px 16px}}.forum-page{color:#e2e8f0;background:#050508;min-height:100vh;font-family:Inter,system-ui,sans-serif;position:relative;overflow-x:hidden}.forum-bg-nebula{pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 10%,#4f46e51f 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#8b5cf614 0%,#0000 60%);position:fixed;inset:0}.forum-bg-grid{pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.forum-nav{z-index:100;border-bottom:1px solid #0000;align-items:center;height:68px;padding:0 2rem;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:sticky;top:0}.forum-nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050508d9;border-bottom-color:#ffffff0f}.forum-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.forum-nav-brand{cursor:pointer;align-items:center;gap:10px;display:flex}.forum-nav-logo{width:auto;height:32px}.forum-brand-text{flex-direction:column;line-height:1.1;display:flex}.forum-brand-name{color:#fff;letter-spacing:-.3px;font-size:.95rem;font-weight:800}.forum-brand-suffix{color:#6366f1;letter-spacing:1px;text-transform:uppercase;font-size:.65rem;font-weight:600}.forum-nav-actions{align-items:center;gap:1rem;display:flex}.forum-nav-link{color:#94a3b8;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.forum-nav-link:hover{color:#fff}.forum-key-hint{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;margin-right:4px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-block}.forum-main{z-index:1;max-width:900px;margin:0 auto;padding:4rem 2rem 6rem;position:relative}.forum-hero{text-align:center;margin-bottom:3.5rem}.forum-hero-tag{letter-spacing:2px;text-transform:uppercase;color:#6366f1;background:#6366f114;border:1px solid #6366f133;border-radius:999px;margin-bottom:1.2rem;padding:4px 14px;font-size:.7rem;font-weight:700;display:inline-block}.forum-hero-title{color:#fff;letter-spacing:-1.5px;margin:0 0 1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.forum-hero-subtitle{color:#64748b;max-width:520px;margin:0 auto;font-size:1.05rem;line-height:1.6}.forum-layout{flex-direction:column;gap:2rem;display:flex}.forum-compose-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:1.75rem;transition:border-color .3s}.forum-compose-card:focus-within{border-color:#6366f159}.compose-header{align-items:center;gap:12px;margin-bottom:1.25rem;display:flex}.compose-avatar,.feed-avatar{color:#fff6;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.compose-meta{flex-direction:column;gap:2px;display:flex}.compose-name{color:#e2e8f0;font-size:.9rem;font-weight:700}.compose-hint{color:#475569;font-size:.75rem}.compose-textarea{box-sizing:border-box;color:#e2e8f0;resize:vertical;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s,background .2s}.compose-textarea::placeholder{color:#334155}.compose-textarea:focus{background:#ffffff0f;border-color:#6366f180}.compose-textarea.over-limit{border-color:#ef444480}.compose-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.85rem;display:flex}.char-count{color:#475569;font-size:.78rem;font-weight:500}.char-count.warn{color:#f59e0b}.char-count.over{color:#ef4444;font-weight:700}.compose-error{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-top:.75rem;padding:.6rem .9rem;font-size:.83rem}.compose-success{color:#10b981;background:#10b98114;border:1px solid #10b98133;border-radius:8px;margin-top:.75rem;padding:.6rem .9rem;font-size:.83rem;font-weight:600}.compose-throttle{background:#6366f10f;border:1px solid #6366f126;border-radius:12px;align-items:flex-start;gap:12px;padding:1rem 1.2rem;display:flex}.throttle-icon{flex-shrink:0;margin-top:1px;font-size:1.4rem}.throttle-title{color:#c7d2fe;margin:0 0 3px;font-size:.9rem;font-weight:700}.throttle-sub{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.forum-feed{flex-direction:column;gap:0;display:flex}.feed-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.feed-title{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.feed-count{color:#475569;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.feed-loading{color:#475569;justify-content:center;align-items:center;gap:12px;padding:2.5rem;font-size:.9rem;display:flex}.feed-spinner{border:2px solid #ffffff14;border-top-color:#6366f1;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite forumSpin}@keyframes forumSpin{to{transform:rotate(360deg)}}.feed-empty{text-align:center;background:#ffffff05;border:1px dashed #ffffff0f;border-radius:16px;padding:4rem 2rem}.feed-empty-icon{margin-bottom:1rem;font-size:2.5rem}.feed-empty-title{color:#e2e8f0;margin:0 0 6px;font-size:1rem;font-weight:700}.feed-empty-sub{color:#475569;margin:0;font-size:.85rem}.feed-list{flex-direction:column;gap:1px;display:flex}.feed-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:.75rem;padding:1.35rem 1.5rem;transition:background .2s,border-color .2s,transform .2s;animation:.4s both feedCardIn}.feed-card:hover{background:#ffffff0a;border-color:#6366f133;transform:translateY(-2px)}@keyframes feedCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feed-card-header{align-items:center;gap:12px;margin-bottom:.9rem;display:flex}.feed-meta{flex-direction:column;gap:2px;display:flex}.feed-name{color:#c7d2fe;font-size:.88rem;font-weight:700}.feed-time{color:#475569;font-size:.73rem}.feed-message{color:#cbd5e1;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.93rem;line-height:1.7}.forum-footer{z-index:1;text-align:center;color:#334155;border-top:1px solid #ffffff0d;padding:2rem;font-size:.78rem;position:relative}.attendance-page{box-sizing:border-box;background:var(--color-bg-primary);flex-direction:column;gap:1.5rem;width:100%;height:100%;padding:1.5rem;display:flex;overflow:hidden}.attendance-toolbar-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md,12px);flex-wrap:wrap;flex-shrink:0;width:100%;display:flex}.attendance-segmented-tabs{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #0003}:root.light .attendance-segmented-tabs,[data-theme=light] .attendance-segmented-tabs{background:#f1f5f9;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}.att-tab-pill{border-radius:var(--radius-md,8px);color:var(--color-text-tertiary);font-size:var(--font-size-sm,14px);font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:8px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.att-tab-pill:hover{color:var(--color-text-primary);background:#ffffff0f}:root.light .att-tab-pill:hover,[data-theme=light] .att-tab-pill:hover{background:#0000000d}.att-tab-pill.active{color:#fff;background:var(--color-primary,#7d5aff);font-weight:600;box-shadow:0 2px 8px #7d5aff59}:root.light .att-tab-pill.active,[data-theme=light] .att-tab-pill.active{color:#fff;background:var(--color-primary,#6d28d9);box-shadow:0 2px 6px #6d28d940}.att-tab-pill svg{opacity:.75;flex-shrink:0}.att-tab-pill.active svg{opacity:1}.attendance-content{flex:1;min-height:0;overflow:hidden auto}.att-tab-pane{width:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards attTabFadeIn}@keyframes attTabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mark-attendance-layout{gap:var(--spacing-xl);flex-direction:column;display:flex}.att-filter-bar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.att-filter-bar label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:600}.att-filter-select{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-width:160px;font-weight:500}.att-filter-select:focus,.att-filter-select:hover{border-color:var(--color-primary)}.att-filter-sep{background:var(--color-border);flex-shrink:0;width:1px;height:28px}.att-mark-header-controls{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;flex:1;justify-content:flex-end;display:flex}.att-header-select{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);outline:none;min-width:120px;max-width:180px;padding:7px 10px;font-weight:500}.att-header-select:hover,.att-header-select:focus{border-color:var(--color-primary)}.att-header-date{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:7px 10px;font-weight:500}.att-header-date:hover,.att-header-date:focus{border-color:var(--color-primary)}.att-date-input{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);outline:none;font-weight:500}.att-date-input:focus,.att-date-input:hover{border-color:var(--color-primary)}.att-session-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.att-session-title{flex-direction:column;gap:4px;display:flex}.att-session-title h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:700}.att-session-meta{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex}.att-session-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary);background:#7d5aff1a;border:1px solid #7d5aff33;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.att-session-header-right{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.att-student-search-desktop{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:8px;padding:6px 12px;display:flex}.att-student-search-desktop:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}.att-student-search-desktop svg{color:var(--color-text-tertiary);flex-shrink:0}.att-student-search-input{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);width:160px;transition:width var(--transition-normal);background:0 0;border:none;outline:none}.att-student-search-input::placeholder{color:var(--color-text-tertiary)}.att-student-search-input:focus{width:200px}.att-search-clear{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:11px;line-height:1}.att-search-clear:hover{color:var(--color-danger)}.att-mobile-search-toggle{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-primary);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:none}.att-mobile-search-toggle.active{border-color:var(--color-primary);color:var(--color-primary);background:#7d5aff14}.att-mobile-search-row{display:none}.att-quick-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.att-quick-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family)}.att-quick-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#7d5aff0d}.att-quick-btn.present{color:var(--color-success);background:#4ade800f;border-color:#4ade804d}.att-quick-btn.absent{color:var(--color-danger);background:#ef44440f;border-color:#ef44444d}.att-student-list{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.att-student-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);display:flex}.att-student-item:last-child{border-bottom:none}.att-student-item:hover{background:var(--color-bg-tertiary)}.att-student-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:38px;height:38px;font-size:var(--font-size-sm);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.att-student-info{flex:1;min-width:0}.att-student-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-weight:600;overflow:hidden}.att-student-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.att-status-group{gap:var(--spacing-xs);flex-shrink:0;display:flex}.att-status-btn{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-primary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-weight:700;font-family:var(--font-family);color:var(--color-text-secondary);white-space:nowrap;padding:6px 14px}.att-status-btn:hover{transform:translateY(-1px)}.att-status-btn.active-present{border-color:var(--color-success);color:var(--color-success);background:#4ade801f;box-shadow:0 0 0 2px #4ade8026}.att-status-btn.active-absent{border-color:var(--color-danger);color:var(--color-danger);background:#ef44441f;box-shadow:0 0 0 2px #ef444426}.att-status-btn.active-late{color:#fbbf24;background:#fbbf241f;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2426}.att-status-btn.active-excused{color:#63b3ed;background:#63b3ed1f;border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed26}.att-student-checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px;flex-shrink:0;margin:0}.att-student-item.selected{border-left:2px solid var(--color-primary);background:#7d5aff0f}.att-summary-bar{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.att-summary-stat{flex-direction:column;align-items:center;gap:2px;min-width:64px;display:flex}.att-summary-stat .stat-val{font-size:var(--font-size-xl);font-weight:800;line-height:1}.att-summary-stat .stat-label{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-tertiary);font-size:10px;font-weight:600}.att-summary-stat.present .stat-val{color:var(--color-success)}.att-summary-stat.absent .stat-val{color:var(--color-danger)}.att-summary-stat.late .stat-val{color:#fbbf24}.att-summary-stat.excused .stat-val{color:#63b3ed}.att-summary-stat.total .stat-val{color:var(--color-primary)}.att-summary-sep{background:var(--color-border);flex-shrink:0;width:1px;height:36px}.att-desktop-bottom-bar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;flex-shrink:0;padding:12px 20px;display:flex}:root.light .att-desktop-bottom-bar,[data-theme=light] .att-desktop-bottom-bar{background:#fff;border-color:#e2e8f0;box-shadow:0 -1px #e2e8f0}.att-bottom-stats{align-items:center;gap:var(--spacing-lg);display:flex}.att-bottom-stat{flex-direction:column;align-items:center;gap:1px;min-width:52px;display:flex}.att-bstat-val{font-size:var(--font-size-xl);font-weight:800;line-height:1}.att-bstat-lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);white-space:nowrap;font-size:10px;font-weight:600}.att-bottom-stat.present .att-bstat-val{color:var(--color-success)}.att-bottom-stat.absent .att-bstat-val{color:var(--color-danger)}.att-bottom-stat.late .att-bstat-val{color:#fbbf24}.att-bottom-stat.excused .att-bstat-val{color:#63b3ed}.att-bottom-stat.total .att-bstat-val{color:var(--color-primary)}.att-bottom-vsep{background:var(--color-border);flex-shrink:0;width:1px;height:32px}.att-bottom-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.att-bulk-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;padding:0 4px;font-weight:600}.att-bulk-btn{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-tertiary);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:7px 14px}.att-bulk-btn.present{color:var(--color-success);background:#4ade8014;border-color:#4ade8066}.att-bulk-btn.present:hover{border-color:var(--color-success);background:#4ade8029;transform:translateY(-1px);box-shadow:0 2px 8px #4ade8033}.att-bulk-btn.absent{color:var(--color-danger);background:#ef444414;border-color:#ef444466}.att-bulk-btn.absent:hover{border-color:var(--color-danger);background:#ef444429;transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.att-bulk-btn.late{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2466}.att-bulk-btn.late:hover{background:#fbbf2429;border-color:#fbbf24;transform:translateY(-1px);box-shadow:0 2px 8px #fbbf2433}.att-classes-layout{gap:var(--spacing-lg);flex-direction:column;display:flex}.att-classes-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.att-classes-toolbar .search-wrapper{flex:1;min-width:220px;max-width:360px;position:relative}.att-classes-toolbar .search-wrapper svg{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.att-classes-toolbar .search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 36px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none}.att-classes-toolbar .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}.att-classes-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.att-class-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);animation:.4s ease-out backwards slideUp;position:relative;overflow:hidden}.att-class-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #7d5aff1a}.att-class-card-accent{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:4px}.att-class-card-body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.att-class-card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.att-class-icon{border-radius:var(--radius-md);background:#7d5aff1a;border:1px solid #7d5aff33;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.att-class-card-info{flex:1;min-width:0}.att-class-card-name{font-size:var(--font-size-md);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-weight:700;overflow:hidden}.att-class-card-sub{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.att-class-card-actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.att-pill{font-size:var(--font-size-xs);border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.att-pill.subject{color:var(--color-primary);background:#7d5aff1a;border:1px solid #7d5aff33}.att-pill.grade{color:var(--color-success);background:#10b9811a;border:1px solid #10b98133}.att-pill.day{color:#ca8a04;background:#fbbf241a;border:1px solid #fbbf2433}.att-class-pills{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.att-class-students-count{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-weight:500;display:flex}.att-history-layout{gap:var(--spacing-lg);flex-direction:column;display:flex}.att-history-filter-bar{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.att-history-table-wrapper{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.att-history-table{border-collapse:collapse;width:100%}.att-history-table thead tr{background:var(--color-bg-tertiary)}.att-history-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--color-border);font-weight:700}.att-history-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);cursor:pointer}.att-history-table tbody tr:last-child{border-bottom:none}.att-history-table tbody tr:hover{background:var(--color-bg-tertiary)}.att-history-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);vertical-align:middle}.att-rate-bar{align-items:center;gap:var(--spacing-sm);display:flex}.att-rate-track{background:var(--color-bg-tertiary);border-radius:99px;flex:1;min-width:60px;height:6px;overflow:hidden}.att-rate-fill{background:linear-gradient(90deg, var(--color-success), #34d399);border-radius:99px;height:100%;transition:width .5s}.att-rate-fill.low{background:linear-gradient(90deg, var(--color-danger), #f87171)}.att-rate-fill.mid{background:linear-gradient(90deg,#fbbf24,#fcd34d)}.att-rate-text{font-size:var(--font-size-xs);text-align:right;min-width:36px;font-weight:700}.class-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.class-form-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.class-form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.class-form-group.full{grid-column:1/-1}.class-form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.class-form-input,.class-form-select,.class-form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none}.class-form-input:focus,.class-form-select:focus,.class-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7d5aff1a}.class-form-textarea{resize:vertical;min-height:80px}.student-picker-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.student-picker-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.student-picker-header label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.student-picker-search{position:relative}.student-picker-search input{width:100%;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) 32px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none}.student-picker-search input:focus{border-color:var(--color-primary)}.student-picker-search svg{color:var(--color-text-tertiary);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.student-picker-list{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:240px;overflow-y:auto}.student-picker-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;display:flex}.student-picker-item:last-child{border-bottom:none}.student-picker-item:hover{background:var(--color-bg-tertiary)}.student-picker-item.selected{background:#7d5aff14}.student-picker-checkbox{border:2px solid var(--color-border);background:var(--color-bg-primary);width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.student-picker-item.selected .student-picker-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.student-picker-mini-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.student-picker-item-name{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1;font-weight:500}.student-picker-item-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.student-picker-selected-count{font-size:var(--font-size-xs);color:var(--color-primary);background:#7d5aff1a;border:1px solid #7d5aff33;border-radius:99px;padding:2px 8px;font-weight:600}.att-empty{padding:var(--spacing-3xl);text-align:center;color:var(--color-text-tertiary);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.att-empty-icon{opacity:.4;font-size:3rem}.att-empty h4{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;font-weight:600}.att-empty p{font-size:var(--font-size-sm);max-width:320px;margin:0}.att-student-cards-mobile,.att-history-cards-mobile{display:none}@media (max-width:768px){.attendance-page{padding:var(--spacing-md)}.att-filter-bar{padding:var(--spacing-md);align-items:stretch;gap:var(--spacing-md);flex-direction:column}.att-filter-bar>div{width:100%}.att-filter-select,.att-date-input{box-sizing:border-box;width:100%;min-width:0}.att-filter-sep,.att-student-search-desktop{display:none}.att-mobile-search-toggle{display:flex}.att-mobile-search-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:var(--radius-md);animation:.18s ease-out slideDown;display:flex}.att-mobile-search-inner{flex:1;align-items:center;gap:8px;display:flex}.att-mobile-search-inner svg{color:var(--color-primary);flex-shrink:0}.att-mobile-search-inner .att-student-search-input{width:100%;font-size:var(--font-size-base)}.att-search-count{font-size:var(--font-size-xs);color:var(--color-primary);white-space:nowrap;background:#7d5aff1a;border:1px solid #7d5aff33;border-radius:99px;flex-shrink:0;padding:2px 8px;font-weight:700}.att-student-list,.att-history-table-wrapper{display:none}.att-student-cards-mobile{gap:var(--spacing-md);flex-direction:column;display:flex}.att-student-card-mobile{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex;box-shadow:0 4px 6px -1px #0000001a}.att-mobile-card-header{align-items:center;gap:var(--spacing-md);display:flex}.att-mobile-notes-wrapper{width:100%}.att-mobile-notes-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box;outline:none;padding:8px 12px}.att-mobile-notes-input:focus{border-color:var(--color-primary)}.att-mobile-status-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.att-mobile-status-btn{font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);text-align:center;cursor:pointer;transition:all var(--transition-fast);font-weight:700;font-family:var(--font-family);padding:12px 14px}.att-mobile-status-btn:active{transform:scale(.98)}.att-mobile-status-btn.active-present{border-color:var(--color-success);color:var(--color-success);background:#4ade801f;box-shadow:0 0 0 2px #4ade8026}.att-mobile-status-btn.active-absent{border-color:var(--color-danger);color:var(--color-danger);background:#ef44441f;box-shadow:0 0 0 2px #ef444426}.att-mobile-status-btn.active-late{color:#fbbf24;background:#fbbf241f;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2426}.att-mobile-status-btn.active-excused{color:#63b3ed;background:#63b3ed1f;border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed26}.att-history-cards-mobile{gap:var(--spacing-md);flex-direction:column;display:flex}.att-history-card-mobile{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;box-shadow:0 4px 6px -1px #0000001a}.att-history-card-mobile:active{transform:scale(.98)}.att-history-card-mobile:hover{border-color:var(--color-primary)}.att-history-card-header-mobile{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.att-history-card-title-mobile{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:700}.att-history-card-date-mobile{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px;font-weight:600}.att-history-card-week-mobile{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.att-classes-grid,.class-form-grid{grid-template-columns:1fr}.attendance-header{gap:var(--spacing-sm);flex-direction:column}.attendance-header-info h2{font-size:var(--font-size-xl)}.attendance-header-actions{width:100%}.attendance-header-actions>*{flex:1;justify-content:center}.attendance-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.attendance-tabs::-webkit-scrollbar{display:none}.att-tab{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;font-size:var(--font-size-xs)}.att-session-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.att-quick-actions{width:100%}.att-quick-btn{text-align:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);flex:1}.att-summary-bar{z-index:50;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0 calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-2xl));border-bottom:none;border-left:none;border-right:none;border-radius:0;flex-wrap:wrap;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000080}.att-summary-sep{display:none}.att-summary-stat{flex:1;min-width:44px}.att-summary-bar>div[style]{width:100%;margin-left:0!important}.att-summary-bar button{justify-content:center;width:100%}.att-classes-toolbar{flex-direction:column;align-items:stretch}.att-classes-toolbar .search-wrapper{min-width:0;max-width:100%}}@media (max-width:480px){.attendance-page{padding:var(--spacing-sm)}.att-tab{padding:var(--spacing-xs) var(--spacing-sm);gap:4px}.att-tab svg{display:none}}.att-analytics-root{gap:var(--spacing-xl);flex-direction:column;display:flex}.att-analytics-filters{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.att-analytics-filter-group{align-items:center;gap:var(--spacing-sm);display:flex}.att-analytics-filter-group label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;font-weight:600}.att-analytics-filter-context{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:auto}.att-analytics-empty{text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.att-kpi-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.att-kpi-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;position:relative;overflow:hidden}.att-kpi-icon{flex-shrink:0;font-size:2rem}.att-kpi-body{flex-direction:column;gap:2px;display:flex}.att-kpi-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;font-weight:600}.att-kpi-value{font-size:var(--font-size-2xl);font-weight:800;line-height:1.1}.att-kpi-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.att-kpi-ring{opacity:.15;border-radius:50%;width:60px;height:60px;position:absolute;bottom:-10px;right:-10px}.att-charts-row{gap:var(--spacing-lg);grid-template-columns:2fr 1fr;display:grid}@media (max-width:1024px){.att-charts-row{grid-template-columns:1fr}}.att-chart-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.att-chart-header h3{font-size:var(--font-size-md);color:var(--color-text-primary);margin:0 0 2px;font-weight:700}.att-chart-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.att-last-session-donut-layout{grid-template-columns:200px 1fr;align-items:center;gap:24px;display:grid}@media (max-width:640px){.att-last-session-donut-layout{grid-template-columns:1fr}}.att-last-session-summary{flex-direction:column;gap:8px;display:flex}.att-sbi-row{background:var(--color-bg-tertiary);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.att-sbi-row:hover{background:var(--color-border)}.att-sbi-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.att-sbi-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex:1}.att-sbi-count{font-size:var(--font-size-sm);font-weight:700}.att-sbi-pct{color:var(--color-text-tertiary);text-align:right;min-width:32px;font-size:10px}.att-student-progress-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.att-student-progress-table-wrap{overflow-x:auto}.att-progress-table{border-collapse:collapse;width:100%}.att-progress-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:700}.att-progress-table td{padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.att-progress-table tr:last-child td{border-bottom:none}.att-progress-student{align-items:center;gap:var(--spacing-sm);display:flex}.att-row-archived{opacity:.65}@media (max-width:768px){.attendance-page{gap:12px;padding:12px 14px}.attendance-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.attendance-header-info h2{font-size:1.35rem}.attendance-header-info p{display:none}.attendance-header-actions{gap:8px}.attendance-header-actions .btn{padding:8px 12px;font-size:.82rem}.attendance-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto}.attendance-tabs::-webkit-scrollbar{display:none}.att-tab{white-space:nowrap;padding:8px 14px;font-size:.82rem}.att-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.att-filter-select,.att-date-input{width:100%;min-width:unset;font-size:.85rem}.att-filter-sep{display:none}.att-session-header{flex-direction:column;align-items:stretch;gap:10px}.att-session-header-right{justify-content:space-between;width:100%}.att-student-search-desktop{display:none}.att-mobile-search-toggle{display:flex}.att-mobile-search-row{width:100%;margin-top:6px;display:flex}.att-mobile-search-row input{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);border-radius:10px;padding:8px 12px;font-size:.85rem}.att-student-item{flex-wrap:wrap;gap:10px;padding:10px 12px}.att-student-avatar{width:34px;height:34px;font-size:.85rem}.att-status-group{justify-content:space-between;width:100%;margin-top:4px}.att-status-btn{text-align:center;flex:1;padding:8px 4px;font-size:.75rem}.att-summary-bar{z-index:90;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#12121af2;border:1px solid #7d5aff4d;flex-wrap:wrap;gap:10px;padding:12px 14px;position:sticky;bottom:64px;box-shadow:0 -4px 20px #00000080}.att-summary-stat{text-align:center;flex:1;min-width:44px}.att-summary-stat .stat-val{font-size:1.15rem;font-weight:700}.att-summary-stat .stat-label{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.att-summary-sep{opacity:.3;height:24px}.att-summary-bar>div:last-child{width:100%;margin-top:4px;margin-left:0!important}.att-summary-bar .btn{border-radius:var(--radius-md);width:100%;padding:12px;font-size:.95rem;font-weight:700;box-shadow:0 4px 14px #7d5aff66}.att-mobile-status-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.att-mobile-status-btn{border-radius:10px;min-height:44px;font-size:.85rem;font-weight:600;transition:transform .1s,background .15s}.att-mobile-status-btn:active{transform:scale(.97)}.att-classes-grid{grid-template-columns:1fr;gap:12px}.att-class-card-body{padding:14px}}.att-mobile-filter-row{align-items:center;gap:8px;display:flex}.att-mobile-chip-select,.att-mobile-chip-date{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;appearance:none;border-radius:99px;outline:none;flex:1;min-width:0;padding:9px 14px;font-size:.84rem;font-weight:600;transition:border-color .15s}.att-mobile-chip-select:focus,.att-mobile-chip-date:focus{border-color:var(--color-primary)}.att-mobile-session-bar{justify-content:space-between;align-items:center;gap:8px;padding:10px 0 4px;display:flex}.att-mobile-session-info{flex-direction:column;gap:2px;min-width:0;display:flex}.att-mobile-session-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.att-mobile-session-date{color:var(--color-text-secondary);font-size:.78rem}.att-mobile-quick-row{flex-shrink:0;align-items:center;gap:6px;display:flex}.att-mobile-quick-btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:8px;padding:7px 12px;font-size:.82rem;font-weight:700;transition:transform .1s,opacity .1s}.att-mobile-quick-btn:active{opacity:.85;transform:scale(.95)}.att-mobile-quick-btn.present{color:#22c55e;background:#22c55e26;border:1.5px solid #22c55e66}.att-mobile-quick-btn.absent{color:#ef4444;background:#ef44441f;border:1.5px solid #ef444459}.att-mobile-search-icon-btn{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.att-mobile-search-icon-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#7d5aff1a}.att-mobile-cards-list{flex-direction:column;gap:10px;padding-bottom:130px;display:flex}.att-mobile-student-card{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:16px;transition:border-color .2s,background-color .2s;overflow:hidden}.att-mobile-student-card.is-selected{border-color:var(--color-primary);background:#7d5aff0d}.att-mobile-student-card.status-present{border-color:#22c55e66}.att-mobile-student-card.status-absent{border-color:#ef444466}.att-mobile-student-card.status-late{border-color:#eab30866}.att-mobile-student-card.status-excused{border-color:#6366f166}.att-mc-top{align-items:center;gap:12px;padding:12px 14px 10px;display:flex}.att-mc-top .att-student-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.att-mc-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.05rem;font-weight:800;transition:background .2s;display:flex}.att-mc-avatar.bg-present{background:linear-gradient(135deg,#16a34a,#22c55e)}.att-mc-avatar.bg-absent{background:linear-gradient(135deg,#dc2626,#ef4444)}.att-mc-avatar.bg-late{background:linear-gradient(135deg,#ca8a04,#eab308)}.att-mc-avatar.bg-excused{background:linear-gradient(135deg,#4f46e5,#6366f1)}.att-mc-info{flex:1;min-width:0}.att-mc-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.att-mc-meta{color:var(--color-text-secondary);margin-top:2px;font-size:.75rem}.att-mc-badge{text-transform:capitalize;border-radius:99px;flex-shrink:0;padding:3px 9px;font-size:.7rem;font-weight:700}.att-mc-badge.badge-present{color:#22c55e;background:#22c55e26}.att-mc-badge.badge-absent{color:#ef4444;background:#ef444426}.att-mc-badge.badge-late{color:#eab308;background:#eab30826}.att-mc-badge.badge-excused{color:#818cf8;background:#6366f126}.att-mc-status-row{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.att-mc-btn{border:none;border-right:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 4px;font-size:1rem;transition:background .15s,color .15s,transform .1s;display:flex}.att-mc-btn:last-child{border-right:none}.att-mc-btn span{text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:700}.att-mc-btn:active{transform:scale(.93)}.att-mc-btn.btn-present.selected{color:#22c55e;background:#22c55e2e}.att-mc-btn.btn-absent.selected{color:#ef4444;background:#ef44442e}.att-mc-btn.btn-late.selected{color:#eab308;background:#eab3082e}.att-mc-btn.btn-excused.selected{color:#818cf8;background:#6366f12e}.att-mc-btn.btn-present:not(.selected):hover{background:#22c55e0f}.att-mc-btn.btn-absent:not(.selected):hover{background:#ef44440f}.att-mc-btn.btn-late:not(.selected):hover{background:#eab3080f}.att-mc-btn.btn-excused:not(.selected):hover{background:#6366f10f}.att-mobile-save-bar{z-index:95;-webkit-backdrop-filter:blur(14px);background:#0e0e16f5;border-top:1px solid #7d5aff4d;flex-direction:column;gap:10px;padding:10px 16px 12px;display:flex;position:fixed;bottom:64px;left:0;right:0;box-shadow:0 -8px 30px #00000080}.att-mobile-stats-row{justify-content:space-around;align-items:center;display:flex}.att-mstat{flex-direction:column;align-items:center;gap:1px;display:flex}.att-mstat-val{font-size:1.2rem;font-weight:800;line-height:1}.att-mstat-lbl{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);opacity:.85;font-size:.65rem;font-weight:600}:root.light .att-mobile-save-bar,:root[data-theme=light] .att-mobile-save-bar,html.light .att-mobile-save-bar{border-top:1px solid var(--color-border,#e2e8f0);background:#fffffff0;box-shadow:0 -4px 20px #0f172a14}.att-mstat.present .att-mstat-val{color:#22c55e}.att-mstat.absent .att-mstat-val{color:#ef4444}.att-mstat.late .att-mstat-val{color:#eab308}.att-mstat.excused .att-mstat-val{color:#818cf8}.att-mstat.total .att-mstat-val{color:var(--color-text-primary)}.att-mobile-bulk-bar{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.att-mobile-bulk-actions{flex:1;justify-content:flex-end;gap:8px;display:flex}.att-mobile-bulk-actions .att-bulk-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:700}.att-mobile-bulk-actions .att-bulk-btn.present{color:#22c55e;background:#22c55e33;border:1px solid #22c55e66}.att-mobile-bulk-actions .att-bulk-btn.absent{color:#ef4444;background:#ef444433;border:1px solid #ef444466}.att-mobile-bulk-actions .att-bulk-btn.late{color:#eab308;background:#eab30833;border:1px solid #eab30866}.att-mobile-save-btn{color:#fff;cursor:pointer;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;width:100%;padding:13px;font-size:.95rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 16px #7d5aff73}.att-mobile-save-btn:active{transform:scale(.98);box-shadow:0 2px 8px #7d5aff4d}@media (max-width:768px){.attendance-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.attendance-tabs::-webkit-scrollbar{display:none}.att-tab{white-space:nowrap;flex-shrink:0;padding:8px 16px;font-size:.82rem}.mobile-mark-layout{padding-bottom:0}}.att-mobile-header-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.att-mobile-hamburger-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-mobile-header-right-controls{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.att-mobile-class-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:10px;outline:none;max-width:160px;padding:8px 12px;font-size:.85rem;font-weight:600}.att-mobile-icon-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-mobile-icon-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#7d5aff1a}.att-drawer-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.att-drawer-content{background:var(--color-bg-primary);border-right:1px solid var(--color-border);flex-direction:column;gap:16px;width:260px;height:100%;padding:20px 16px;animation:.2s cubic-bezier(.16,1,.3,1) slideRight;display:flex;box-shadow:6px 0 24px #00000080}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.att-drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.att-drawer-title{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.att-drawer-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.att-drawer-items{flex-direction:column;gap:6px;display:flex}.att-drawer-item{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.att-drawer-item.active,.att-drawer-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.att-mobile-datepicker-row{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 12px;display:flex}.att-mobile-date-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.att-mobile-date-input{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:8px;padding:6px 10px;font-size:.85rem}.att-mobile-monochrome-list{flex-direction:column;gap:0;padding-bottom:120px;display:flex}.att-mobile-mono-card{border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:0 0;justify-content:space-between;align-items:center;padding:14px 8px;transition:background .2s,transform .15s;display:flex}.att-mobile-mono-card.is-selected{background:#7d5aff1f;border-radius:8px}.att-mono-left{align-items:center;gap:12px;min-width:0;display:flex}.att-mono-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.att-mono-avatar{background:var(--color-bg-tertiary,#222230);width:36px;height:36px;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.att-mono-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.att-mono-right-actions{flex-shrink:0;gap:6px;display:flex}.att-mono-btn{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.att-mono-btn.present.active{background:var(--color-text-primary);color:var(--color-bg-primary);border-color:var(--color-text-primary);font-weight:700}.att-mono-btn.absent.active{background:var(--color-bg-tertiary,#334);color:var(--color-text-primary);border-color:var(--color-text-secondary);font-weight:700}.att-mobile-save-btn.compact{width:auto;padding:8px 16px;font-size:.85rem}.att-mobile-selection-header{color:var(--color-primary);background:#7d5aff1f;border:1px solid #7d5aff4d;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;font-size:.88rem;font-weight:700;display:flex}.att-mobile-cancel-selection{color:var(--color-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700}.att-analytics-cards-mobile{flex-direction:column;gap:10px;display:none}@media (max-width:768px){.att-analytics-table-desktop{display:none}.att-analytics-cards-mobile{display:flex}.att-perf-card-mobile{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.att-perf-card-top{justify-content:space-between;align-items:flex-start;display:flex}.att-perf-student-info{align-items:center;gap:10px;display:flex}.att-perf-name{color:var(--color-text-primary);margin:0;font-size:.92rem;font-weight:700}.att-perf-badges{align-items:center;gap:6px;margin-top:4px;display:flex}.att-perf-rating{font-size:.8rem;font-weight:700}.att-perf-rate-row{align-items:center;display:flex}.att-perf-meta-row{color:var(--color-text-secondary);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:8px;font-size:.76rem;display:flex}}.nfc-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#04070de0;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.nfc-modal-container{color:#f1f5f9;background:#0d131f;border:1px solid #38bdf840;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:520px;max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 0 40px #0ea5e926,0 20px 40px #0009}.nfc-modal-header{justify-content:space-between;align-items:center;display:flex}.nfc-title-group{align-items:center;gap:12px;display:flex}.nfc-radar-icon{background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;position:relative;box-shadow:0 0 15px #0284c780}.radar-ping{border:2px solid #38bdf8;border-radius:12px;width:100%;height:100%;animation:2s infinite pulsePing;position:absolute}@keyframes pulsePing{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.nfc-modal-header h2{color:#f8fafc;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.nfc-subtitle{color:#94a3b8;margin:2px 0 0;font-size:.8rem}.nfc-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:36px;height:36px;font-size:1.1rem;transition:all .2s}.nfc-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.nfc-toast{border-radius:10px;padding:10px 16px;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideDown}.nfc-toast-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.nfc-toast-error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.nfc-toast-info{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.nfc-scan-card{border:1px stroke #38bdf826;text-align:center;background:#090e17;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.nfc-radar-circle{background:radial-gradient(circle,#0ea5e933 0%,#090e17cc 70%);border:1.5px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.radar-beam{background:conic-gradient(#0000 0deg,#38bdf866 60deg,#0000 60deg);width:100%;height:100%;animation:3s linear infinite spinBeam;position:absolute}@keyframes spinBeam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-card-glyph{z-index:2;font-size:2rem;position:relative}.nfc-scan-status{color:#38bdf8;margin:0;font-size:.85rem}.nfc-manual-bar{gap:8px;width:100%;display:flex}.nfc-manual-bar input{color:#fff;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:.85rem}.nfc-manual-bar input:focus{border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}.nfc-simulate-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.nfc-simulate-btn:hover{background:#0369a1}.nfc-student-panel{flex-direction:column;gap:16px;display:flex}.nfc-student-card{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.nfc-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:700;display:flex}.nfc-student-info{flex:1}.nfc-student-info h3{color:#f8fafc;margin:0;font-size:1rem}.nfc-contact,.nfc-grade{color:#94a3b8;margin:2px 0 0;font-size:.78rem}.nfc-status-badge{letter-spacing:.03em;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700}.nfc-label{color:#94a3b8;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.nfc-subject-chips{flex-wrap:wrap;gap:8px;display:flex}.nfc-chip{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:.8rem;transition:all .2s}.chip-active{color:#38bdf8;background:#0ea5e933;border-color:#38bdf8;font-weight:600}.nfc-thumb-zone{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.nfc-action-btn{cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:.9rem;font-weight:700;transition:transform .1s,filter .2s}.nfc-action-btn:active{transform:scale(.97)}.btn-present{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 14px #16a34a66}.btn-absent{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262666}.nfc-payment-block{background:#0f172a80;border:1px dashed #ffffff1f;border-radius:12px;padding:14px}.nfc-pay-controls{flex-wrap:wrap;gap:8px;display:flex}.nfc-pay-controls select,.nfc-pay-controls input[type=month]{color:#fff;background:#090e17;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:8px 10px;font-size:.8rem}.nfc-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;width:100%;padding:10px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #0ea5e94d}.nfc-unregistered-panel{background:#eab30814;border:1px solid #eab30833;border-radius:12px;padding:16px}.nfc-unreg-text{color:#facc15;margin:0 0 10px;font-size:.85rem;font-weight:600}.nfc-bind-row{gap:8px;display:flex}.nfc-bind-row select{color:#fff;background:#090e17;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:8px 12px}.nfc-bind-btn{color:#000;cursor:pointer;background:#eab308;border:none;border-radius:8px;padding:8px 14px;font-weight:700}.tutorials-container{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:1.5rem;width:100%;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.tutorials-container::-webkit-scrollbar{display:none}.tutorials-sticky-header{z-index:20;background:var(--color-bg-primary,#0f1117);padding:var(--spacing-lg) 0 var(--spacing-md) 0;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);gap:var(--spacing-md);flex-direction:column;width:100%;display:flex;position:sticky;top:0}.tutorials-header-title-block{text-align:center;flex-direction:column;gap:4px;display:flex}.tutorials-main-title{font-size:var(--font-size-2xl,1.65rem);color:var(--color-text-primary);letter-spacing:-.3px;margin:0;font-weight:700}.tutorials-main-subtitle{font-size:var(--font-size-xs,.83rem);color:var(--color-text-tertiary);margin:0}.centered-search-wrapper{width:100%;max-width:640px;margin:0 auto;position:relative}.pill-search-input{width:100%;color:var(--color-text-primary);font-size:var(--font-size-base,1rem);font-family:var(--font-family);box-sizing:border-box;background:#ffffff0d;border:2px solid #7d5aff59;border-radius:40px;outline:none;padding:14px 56px 14px 26px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 24px #0000004d}.pill-search-input::placeholder{color:var(--color-text-tertiary);font-size:.9rem}.pill-search-input:focus{border-color:var(--color-primary,#7d5aff);background:#ffffff12;box-shadow:0 0 0 4px #7d5aff2e,0 8px 28px #7d5aff2e}.pill-search-btn{background:var(--color-primary,#7d5aff);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pill-search-btn:hover{background:#6b43f5;transform:translateY(-50%)scale(1.06)}.pill-search-btn:active{transform:translateY(-50%)scale(.96)}.searching-spinner{animation:.75s linear infinite rotate360}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-filter-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-bottom:2px;display:flex}.chip-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:20px;padding:6px 14px;transition:all .2s}.chip-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.chip-active{font-weight:600;box-shadow:0 2px 10px #7d5aff4d;background:var(--color-primary,#7d5aff)!important;border-color:var(--color-primary,#7d5aff)!important;color:#fff!important}.tutorials-list-stack{width:100%;padding-top:4px;padding-bottom:var(--spacing-xl);flex-direction:column;gap:12px;display:flex}.accordion-row-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:14px;width:100%;transition:border-color .25s,box-shadow .25s;overflow:hidden}.accordion-row-card:hover{border-color:#7d5aff59;box-shadow:0 4px 20px #00000038}.accordion-row-card.row-expanded{border-color:#7d5aff99;box-shadow:0 6px 28px #7d5aff24}.accordion-row-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;transition:background .18s;display:flex}.accordion-row-header:hover{background:#ffffff05}.row-left-content{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.row-icon-box{width:38px;height:38px;color:var(--color-primary,#7d5aff);background:#7d5aff1a;border:1px solid #7d5aff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.accordion-row-card.row-expanded .row-icon-box{background:#7d5aff2e}.row-title-block{flex-direction:column;gap:4px;min-width:0;display:flex}.row-title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.3}.row-subtitle{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:550px;margin:0;font-size:.8rem;line-height:1.3;overflow:hidden}.row-right-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.personalized-badge{color:var(--color-primary,#7d5aff);white-space:nowrap;background:#7d5aff24;border:1px solid #7d5aff47;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600}.chevron-toggle-icon{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .28s cubic-bezier(.16,1,.3,1),color .2s}.accordion-row-card.row-expanded .chevron-toggle-icon{color:var(--color-primary,#7d5aff);transform:rotate(180deg)}.accordion-row-content{border-top:1px solid #ffffff0d;flex-direction:column;gap:18px;padding:0 20px 24px;animation:.28s cubic-bezier(.16,1,.3,1) slideDown;display:flex}.structured-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:18px;display:grid}.section-block{border:1px solid var(--color-border);background:#ffffff06;border-radius:11px;flex-direction:column;gap:8px;padding:16px;display:flex}.section-block-title{text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:7px;margin:0;font-size:.78rem;font-weight:700;display:flex}.section-block.definition{border-left:3px solid var(--color-primary,#7d5aff)}.section-block.definition .section-block-title{color:var(--color-primary,#7d5aff)}.section-block.purpose{border-left:3px solid #3b82f6}.section-block.purpose .section-block-title{color:#3b82f6}.section-block-text{color:var(--color-text-secondary);margin:0;font-size:.88rem;line-height:1.65}.section-block.capabilities{border-left:3px solid #10b981}.section-block.capabilities .section-block-title{color:#10b981}.capabilities-list{color:var(--color-text-secondary);margin:0;padding-left:18px;font-size:.88rem;line-height:1.65}.capabilities-list li{margin-bottom:5px}.capabilities-list li:last-child{margin-bottom:0}.walkthrough-section{flex-direction:column;gap:12px;display:flex}.walkthrough-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:700;display:flex}.steps-stack{flex-direction:column;gap:9px;display:flex}.step-bar-item{border:1px solid var(--color-border);background:#ffffff08;border-radius:10px;align-items:flex-start;gap:14px;padding:13px 16px;transition:border-color .2s;display:flex}.step-bar-item:hover{border-color:#7d5aff40}.step-num-circle{background:var(--color-primary,#7d5aff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:.78rem;font-weight:700;display:flex}.step-text-content{flex-direction:column;gap:3px;display:flex}.step-heading{color:var(--color-text-primary);margin:0;font-size:.9rem;font-weight:600}.step-subtext{color:var(--color-text-secondary);margin:0;font-size:.83rem;line-height:1.55}.avoid-warning-box{background:#ef444412;border:1px solid #ef444438;border-left:3px solid #ef4444;border-radius:11px;flex-direction:column;gap:8px;padding:16px;display:flex}.avoid-box-title{color:#ef4444;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:7px;margin:0;font-size:.78rem;font-weight:700;display:flex}.avoid-list{color:#fca5a5;margin:0;padding-left:18px;font-size:.88rem;line-height:1.65}.avoid-list li{margin-bottom:5px}.avoid-list li:last-child{margin-bottom:0}.no-results-box{text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:8px;padding:60px 20px;display:flex}.no-results-icon{width:52px;height:52px;color:var(--color-text-tertiary);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:flex}.no-results-box h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.no-results-box p{color:var(--color-text-tertiary);max-width:420px;margin:0;font-size:.9rem}@media (max-width:768px){.tutorials-container{padding:10px 12px calc(84px + env(safe-area-inset-bottom,0px)) 12px}.tutorials-sticky-header{gap:10px;padding:10px 0}.tutorials-main-title{font-size:1.3rem}.structured-grid{grid-template-columns:1fr}.row-subtitle{display:none}.category-filter-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;padding-bottom:4px;overflow-x:auto}.category-filter-chips::-webkit-scrollbar{display:none}.chip-btn{flex-shrink:0;padding:5px 12px;font-size:.75rem}.step-bar-item{gap:10px;padding:10px 12px}}@media (max-width:480px){.accordion-row-header{padding:12px}.accordion-row-content{padding:0 12px 16px}.personalized-badge{display:none}}.assistant-container{background:0 0;flex-direction:column;width:100%;max-width:900px;height:calc(100vh - 70px);margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}@keyframes assistantContainerFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.assistant-topbar{z-index:10;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px 14px;display:flex}.assistant-brand{align-items:center;gap:10px;display:flex}.assistant-sparkle-icon{color:#a855f7;filter:drop-shadow(0 0 10px #a855f7b3);font-size:1.3rem}.assistant-brand-title{letter-spacing:-.02em;color:var(--color-text-primary);font-size:1.15rem;font-weight:600}.assistant-topbar-actions{align-items:center;gap:10px;display:flex}.assistant-icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.assistant-icon-btn:hover{color:#f87171;background:#ef444426;border-color:#ef444466;transform:scale(1.05)}.assistant-stage{scroll-behavior:smooth;flex-direction:column;flex:1;padding:0 24px;display:flex;position:relative;overflow-y:auto}.assistant-stage::-webkit-scrollbar{width:5px}.assistant-stage::-webkit-scrollbar-track{background:0 0}.assistant-stage::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.assistant-loading-banner{background:#a855f714;border:1px solid #a855f733;border-radius:16px;align-items:center;gap:12px;width:fit-content;margin:10px auto;padding:10px 18px;display:flex}.assistant-welcome-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto 0;padding:40px 0 20px;display:flex}.assistant-welcome-title{color:#94a3b8;letter-spacing:-.03em;margin:0;font-size:2.2rem;font-weight:600}.assistant-username{background:linear-gradient(135deg,#c084fc 0%,#818cf8 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.assistant-messages-list{flex-direction:column;gap:18px;padding:20px 0;display:flex}.assistant-message{gap:14px;animation:.2s ease-out assistantMsgFade;display:flex}@keyframes assistantMsgFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.assistant-message--user{flex-direction:row-reverse;align-self:flex-end;max-width:75%}.assistant-message--assistant{align-self:flex-start;width:100%;max-width:760px}.assistant-message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.88rem;font-weight:700;display:flex;overflow:hidden}.assistant-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.assistant-message--user .assistant-message-avatar{color:#fff;background:#ffffff1a;border:1px solid #ffffff1f}.assistant-message--assistant .assistant-message-avatar{display:none}.assistant-message-bubble{box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.assistant-message--user .assistant-message-bubble{color:#f1f5f9;background:#1e1e2d;border:1px solid #ffffff14;border-radius:20px;padding:10px 16px;font-size:.92rem;line-height:1.5}.assistant-message--assistant .assistant-message-bubble{box-shadow:none;color:#e2e8f0;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:400;line-height:1.6}.cmp-reaction-meme{background:#12121c99;border:1px solid #ffffff1f;border-radius:12px;max-width:280px;margin-top:14px;margin-bottom:8px;animation:.35s ease-out forwards cmpMemeFadeIn;display:inline-block;overflow:hidden;box-shadow:0 4px 16px #0000004d}.cmp-reaction-meme-img{object-fit:cover;border-radius:11px;width:100%;height:auto;max-height:240px;display:block}@keyframes cmpMemeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.assistant-message--assistant .assistant-message-bubble h1,.assistant-message--assistant .assistant-message-bubble h2,.assistant-message--assistant .assistant-message-bubble h3,.assistant-message--assistant .assistant-message-bubble h4{color:#f8fafc;letter-spacing:-.01em;margin:12px 0 4px;font-weight:600;line-height:1.35}.assistant-message--assistant .assistant-message-bubble h1{font-size:1.25rem}.assistant-message--assistant .assistant-message-bubble h2{font-size:1.125rem}.assistant-message--assistant .assistant-message-bubble h3{font-size:1rem}.assistant-message--assistant .assistant-message-bubble h4{font-size:.94rem}.assistant-message--assistant .assistant-message-bubble p{margin:0 0 6px;line-height:1.6}.assistant-message--assistant .assistant-message-bubble ul,.assistant-message--assistant .assistant-message-bubble ol{flex-direction:column;gap:4px;margin:4px 0 8px;padding-left:20px;display:flex}.assistant-message--assistant .assistant-message-bubble li{margin-bottom:2px;line-height:1.55}.assistant-message--assistant .assistant-message-bubble table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.88rem}.assistant-message--assistant .assistant-message-bubble th,.assistant-message--assistant .assistant-message-bubble td{text-align:left;border:1px solid #ffffff1a;padding:6px 12px}.assistant-message--assistant .assistant-message-bubble th{background:#ffffff0d;font-weight:600}.assistant-message-bubble--live{flex-direction:column;justify-content:center;min-height:32px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:6px 0!important}.assistant-status-container{box-sizing:border-box;align-items:center;gap:12px;height:32px;min-height:32px;display:flex}.assistant-beating-dot{width:6px;height:6px;box-shadow:none;background:#e2e8f0;border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite alternate slowBeatDot}@keyframes slowBeatDot{0%{opacity:.45;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.assistant-status-text-wrapper{align-items:center;height:24px;display:flex;position:relative;overflow:hidden}.assistant-shimmer-text{color:#e2e8f0;letter-spacing:-.01em;will-change:opacity, transform;font-size:.92rem;font-weight:500;display:inline-block}.assistant-status-label--in{opacity:1;transition:opacity .15s cubic-bezier(.2,.9,.4,1),transform .15s cubic-bezier(.2,.9,.4,1);transform:translateY(0)}.assistant-status-label--out{opacity:0;transition:opacity .12s cubic-bezier(.2,.9,.4,1),transform .12s cubic-bezier(.2,.9,.4,1);transform:translateY(-3px)}.assistant-stream-wrapper{will-change:opacity, transform;animation:.14s ease-out forwards streamFadeIn}@keyframes streamFadeIn{0%{opacity:.8;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.assistant-cursor{vertical-align:-2px;will-change:opacity;background:#c084fc;width:2px;height:15px;margin-left:4px;animation:.9s step-end infinite assistantCursorBlink;display:inline-block}@keyframes assistantCursorBlink{0%,to{opacity:1}50%{opacity:0}}.assistant-error-msg{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.assistant-input-wrapper{flex-direction:column;flex-shrink:0;gap:12px;width:100%;max-width:780px;margin:0 auto;padding:0 24px 16px;display:flex}.assistant-starter-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.assistant-hero-chip{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.assistant-hero-chip:hover{color:#c084fc;background:#a855f71a;border-color:#a855f74d;transform:translateY(-1px)}.chip-sparkle{color:#a855f7;font-size:.72rem}.assistant-input-box{background:#14141e;border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:10px;padding:6px 10px 6px 16px;transition:all .25s;display:flex;box-shadow:0 4px 20px #00000040}.assistant-input-box:focus-within{border-color:#a855f766;box-shadow:0 0 16px #a855f71f,0 6px 24px #0000004d}.assistant-input-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:5px;transition:color .2s;display:flex}.assistant-input-action-btn:hover{color:#94a3b8}.assistant-textarea{color:var(--color-text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:22px;max-height:100px;padding-top:2px;font-family:inherit;font-size:.9rem;line-height:1.4}.assistant-textarea::placeholder{color:#64748b}.assistant-input-controls{align-items:center;gap:8px;display:flex}.assistant-model-tag{color:#64748b;background:#ffffff0a;border-radius:12px;padding:3px 8px;font-size:.75rem;font-weight:600}.assistant-send-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.assistant-thinking-container{background:#0f172a66;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;transition:border-color .2s;overflow:hidden}.assistant-thinking-container:hover{border-color:#a855f74d}.assistant-thinking-toggle{width:100%;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:500;transition:background .2s,color .2s;display:flex}.assistant-thinking-toggle:hover{color:var(--text-primary,#f8fafc);background:#ffffff0a}.thinking-toggle-left,.thinking-toggle-right{align-items:center;gap:8px;display:flex}.thinking-sparkle{font-size:.95rem}.thinking-toggle-title{letter-spacing:.01em;font-size:.82rem;font-weight:600}.thinking-chevron{color:#64748b;font-size:.75rem;transition:transform .2s}.thinking-chevron.open{transform:rotate(180deg)}.assistant-thinking-content{background:#00000040;border-top:1px solid #ffffff14;flex-direction:column;gap:12px;max-height:220px;padding:12px 14px;display:flex;overflow-y:auto}.assistant-thinking-content::-webkit-scrollbar{width:5px}.assistant-thinking-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.thinking-step-block{flex-direction:column;gap:4px;display:flex}.thinking-step-header{color:#c084fc;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.thinking-step-bullet{opacity:.8;font-size:.7rem}.thinking-step-body{color:#cbd5e1;padding-left:14px;font-size:.82rem;line-height:1.5}.assistant-send-btn:hover:not(.disabled){background:#0369a1;transform:scale(1.05)}.assistant-send-btn.disabled{opacity:.3;cursor:not-allowed}.assistant-disclaimer{color:#4b5563;text-align:center;margin:4px 0 0;font-size:.72rem}.assistant-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.assistant-modal{background:#1e1e2d;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:12px;width:90%;max-width:360px;padding:24px 28px;display:flex}.assistant-modal h3{color:#fff;margin:0;font-size:1.1rem}.assistant-modal p{color:#94a3b8;margin:0;font-size:.85rem}.assistant-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.assistant-modal-cancel{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:8px 16px;font-size:.82rem}.assistant-modal-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:8px 16px;font-size:.82rem;font-weight:600}.assistant-message-bubble table{border-collapse:separate;border-spacing:0;background:#0f0f1980;border:1px solid #ffffff1f;border-radius:14px;width:100%;margin:14px 0;font-size:.88rem;overflow:hidden;box-shadow:0 8px 24px #00000040}.assistant-message-bubble th{color:#f1f5f9;text-align:left;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#a855f72e,#6366f126);border-bottom:1px solid #a855f759;padding:12px 16px;font-size:.76rem;font-weight:700}.assistant-message-bubble td{color:#cbd5e1;border-bottom:1px solid #ffffff0f;padding:11px 16px;transition:background .15s}.assistant-message-bubble tr:last-child td{border-bottom:none}.assistant-message-bubble tr:nth-child(2n) td{background:#ffffff06}.assistant-message-bubble tr:hover td{background:#a855f714}.quota-cute-line{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;align-items:center;padding:6px 14px;transition:all .25s;display:flex}.quota-cute-line:hover{background:#ffffff14;border-color:#ffffff29}.quota-cute-line.exhausted{background:#ef44441f;border-color:#ef444459}.quota-cute-segments{align-items:center;gap:4px;height:5px;display:flex}.quota-cute-segments.quota-desktop{display:flex}.quota-cute-segments.quota-mobile{display:none}.quota-cute-pill{border-radius:3px;width:14px;height:5px;transition:all .3s}.quota-cute-pill.filled{background:linear-gradient(90deg,#38bdf8,#818cf8);box-shadow:0 0 6px #38bdf880}.quota-cute-pill.half{background:linear-gradient(90deg,#38bdf8 50%,#ffffff1f 50%);box-shadow:0 0 4px #38bdf866}.quota-cute-pill.empty{background:#ffffff1f}.quota-cute-line.exhausted .quota-cute-pill.filled{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 6px #ef444480}.quota-cute-line.exhausted .quota-cute-pill.half{background:linear-gradient(90deg,#ef4444 50%,#ffffff1f 50%);box-shadow:0 0 4px #ef444466}@media (max-width:640px){.quota-cute-segments.quota-desktop{display:none!important}.quota-cute-segments.quota-mobile{gap:3px;display:flex!important}.quota-cute-line{padding:4px 8px}.quota-cute-pill{border-radius:2px;width:10px;height:4px}}.assistant-input-box.quota-exhausted{opacity:.75;border-color:#ef44444d!important}html.light .assistant-topbar,[data-theme=light] .assistant-topbar{border-bottom-color:#00000014}html.light .assistant-brand-title,[data-theme=light] .assistant-brand-title{color:var(--text-primary,#0f172a)}html.light .assistant-icon-btn,[data-theme=light] .assistant-icon-btn{color:#64748b;background:#0000000a;border-color:#0000001a}html.light .assistant-welcome-title,[data-theme=light] .assistant-welcome-title{color:var(--text-primary,#0f172a)}html.light .assistant-message-bubble,[data-theme=light] .assistant-message-bubble{background:var(--card-bg,#ffffffd9);border-color:var(--border-color,#00000014);color:var(--text-primary,#1e293b);box-shadow:0 4px 20px #0000000a}html.light .assistant-message--user .assistant-message-bubble,[data-theme=light] .assistant-message--user .assistant-message-bubble{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none}html.light .assistant-input-box,[data-theme=light] .assistant-input-box{background:#fffffff2;border-color:#0000001f;box-shadow:0 8px 30px #0000000f}html.light .assistant-textarea,[data-theme=light] .assistant-textarea{color:#0f172a}html.light .assistant-textarea::placeholder,[data-theme=light] .assistant-textarea::placeholder{color:#94a3b8}html.light .assistant-hero-chip,[data-theme=light] .assistant-hero-chip{color:#334155;background:#0000000a;border-color:#0000001a}html.light .assistant-hero-chip:hover,[data-theme=light] .assistant-hero-chip:hover{color:#4f46e5;background:#6366f11a;border-color:#6366f14d}html.light .thinking-toggle-header,[data-theme=light] .thinking-toggle-header{background:#00000008}html.light .assistant-thinking-accordion,[data-theme=light] .assistant-thinking-accordion{background:#00000005;border-color:#00000014}html.light .assistant-thinking-content,[data-theme=light] .assistant-thinking-content{background:#00000008}html.light .thinking-step-body,[data-theme=light] .thinking-step-body{color:#334155}html.light .quota-cute-line,[data-theme=light] .quota-cute-line{background:#0000000d;border-color:#0000001a}html.light .quota-cute-pill.empty,[data-theme=light] .quota-cute-pill.empty{background:#0000001f}.assistant-version-nav{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:2px;margin-right:6px;padding:2px 6px;display:inline-flex}.version-nav-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:inline-flex}.version-nav-btn:hover:not(:disabled){color:#f1f5f9;background:#ffffff1a}.version-nav-btn:disabled{opacity:.25;cursor:not-allowed}.version-nav-label{color:#cbd5e1;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:.72rem;font-weight:600}.assistant-action-bar{opacity:.85;will-change:opacity, transform;align-items:center;gap:4px;margin-top:8px;padding-top:4px;transition:opacity .18s;animation:.16s cubic-bezier(.2,.9,.4,1) forwards actionBarFadeIn;display:flex}@keyframes actionBarFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:.85;transform:translateY(0)}}.assistant-action-bar:hover{opacity:1}.assistant-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:28px;height:28px;padding:0 6px;font-size:.75rem;font-weight:500;transition:all .15s cubic-bezier(.2,.9,.4,1);display:inline-flex}.assistant-action-btn:hover{color:#f1f5f9;background:#ffffff14}.assistant-action-btn:active{transform:scale(.95)}.assistant-action-btn.active-copied{color:#4ade80;background:#4ade801a}.assistant-action-btn.active-up{color:#c084fc;background:#c084fc26}.assistant-action-btn.active-down{color:#f87171;background:#f8717126}.action-btn-text{font-size:.72rem;font-weight:500}.text-copied{color:#4ade80}.assistant-action-more-wrapper{display:inline-flex;position:relative}.assistant-action-menu{z-index:50;background:#1e1e2d;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:2px;min-width:150px;margin-bottom:6px;padding:4px;animation:.14s ease-out forwards menuPopIn;display:flex;position:absolute;bottom:100%;left:0;box-shadow:0 8px 24px #00000059}@keyframes menuPopIn{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.assistant-action-menu-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:.78rem;font-weight:500;transition:background .15s,color .15s;display:flex}.assistant-action-menu-item:hover{color:#fff;background:#ffffff14}.assistant-action-menu-item.danger:hover{color:#f87171;background:#ef444426}html.light .assistant-action-btn,[data-theme=light] .assistant-action-btn{color:#64748b}html.light .assistant-action-btn:hover,[data-theme=light] .assistant-action-btn:hover{color:#0f172a;background:#0000000f}html.light .assistant-action-menu,[data-theme=light] .assistant-action-menu{background:#fff;border-color:#0000001f;box-shadow:0 10px 30px #0000001f}html.light .assistant-action-menu-item,[data-theme=light] .assistant-action-menu-item{color:#334155}html.light .assistant-action-menu-item:hover,[data-theme=light] .assistant-action-menu-item:hover{color:#0f172a;background:#0000000d}.cmp-surface{background:#1f1f23;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;width:100%;margin:0 auto;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 20px #00000059}.cmp-surface:focus-within{background:#24242a;border-color:#ffffff29;box-shadow:0 6px 24px #00000073}.cmp-surface--streaming{border-color:#ffffff1f}.cmp-surface--drag{background:#262630;border-color:#3b82f680}.cmp-surface--quota{opacity:.6}.cmp-row{align-items:center;gap:8px;min-height:52px;padding:6px 8px 6px 12px;display:flex}.cmp-input-wrap{flex:1;align-items:center;min-width:0;margin:0;padding:0;display:flex}.cmp-textarea{color:#f1f5f9;resize:none;box-sizing:border-box;flex:1;align-self:center;min-height:24px;max-height:160px;margin:0;padding:0;font-family:inherit;font-size:.95rem;line-height:1.45;display:block;overflow-y:hidden;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.cmp-textarea:focus{overflow-y:auto}.cmp-textarea::placeholder{color:#8e8e9e;font-size:.95rem;line-height:1.45}.cmp-attach-wrap{flex-shrink:0;position:relative}.cmp-attach-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .16s,color .16s;display:flex}.cmp-attach-btn:hover:not(:disabled){color:#f1f5f9;background:#ffffff14}.cmp-attach-btn--open{color:#f1f5f9;background:#ffffff1a}.cmp-attach-btn:disabled{opacity:.3;cursor:not-allowed}.cmp-dropup{z-index:200;pointer-events:none;opacity:0;background:#18181b;border:1px solid #ffffff1a;border-radius:14px;width:220px;padding:6px;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(6px);box-shadow:0 10px 30px #00000080}.cmp-dropup--open{pointer-events:auto;opacity:1;transform:translateY(0)}.cmp-dropup-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .14s;display:flex}.cmp-dropup-item:hover{background:#ffffff12}.cmp-dropup-icon{color:#a1a1aa;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cmp-dropup-text{flex-direction:column;gap:1px;display:flex}.cmp-dropup-label{color:#f4f4f5;font-size:.82rem;font-weight:500}.cmp-dropup-sub{color:#71717a;font-size:.7rem}.cmp-rail{flex-wrap:wrap;gap:6px;padding:10px 14px 4px;animation:.2s ease-out cmpRailIn;display:flex;overflow-x:auto}@keyframes cmpRailIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cmp-rail::-webkit-scrollbar{height:3px}.cmp-rail::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.cmp-att-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:7px;max-width:200px;padding:5px 8px 5px 6px;transition:border-color .18s,background .18s;animation:.18s cubic-bezier(.2,.8,.3,1) cmpCardIn;display:flex}@keyframes cmpCardIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cmp-att-card--err{background:#ef444414;border-color:#ef44444d}.cmp-badge{letter-spacing:.02em;color:#d4d4d8;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.52rem;font-weight:700;display:flex}.cmp-att-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:22px;height:22px}.cmp-att-body{flex-direction:column;flex:1;min-width:0;display:flex}.cmp-att-name{color:#e4e4e7;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:500;overflow:hidden}.cmp-att-sub{color:#a1a1aa;white-space:nowrap;font-size:.65rem}.cmp-att-actions{gap:4px;margin-top:2px;display:flex}.cmp-att-btn-action{color:#e4e4e7;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:2px 6px;font-size:.62rem}.cmp-att-btn-action--alt{color:#60a5fa;background:#3b82f633}.cmp-att-remove{cursor:pointer;color:#71717a;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:color .14s,background .14s;display:flex}.cmp-att-remove:hover{color:#f43f5e;background:#f43f5e26}.cmp-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.cmp-think-wrap{position:relative}.cmp-think-trigger{color:#38bdf8;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;height:34px;padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:500;transition:background .16s,color .16s;display:flex}.cmp-think-trigger:hover:not(:disabled){color:#38bdf8;background:#ffffff1a}.cmp-think-trigger--active{color:#38bdf8;background:#38bdf81f}.cmp-think-trigger--open{background:#ffffff1a}.cmp-think-trigger:disabled{opacity:.4;cursor:not-allowed}.cmp-think-brain-icon{color:#38bdf8;flex-shrink:0}.cmp-think-trigger-label{font-size:.82rem;font-weight:500}.cmp-think-menu{z-index:200;pointer-events:none;opacity:0;background:#18181b;border:1px solid #ffffff1a;border-radius:12px;min-width:140px;padding:5px;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(6px);box-shadow:0 10px 30px #00000080}.cmp-think-menu--open{pointer-events:auto;opacity:1;transform:translateY(0)}.cmp-think-option{cursor:pointer;color:#a1a1aa;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .14s,color .14s;display:flex}.cmp-think-option:hover{color:#f4f4f5;background:#ffffff12}.cmp-think-option--active{color:#f4f4f5;font-weight:600}.cmp-think-check{color:#38bdf8;flex-shrink:0;width:12px;height:12px;display:block}.cmp-send-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .16s,transform .12s,opacity .16s;display:flex}.cmp-send-btn:hover:not(:disabled):not(.cmp-send-btn--off){background:#1d4ed8;transform:scale(1.04)}.cmp-send-btn--off{color:#71717a;cursor:not-allowed;opacity:.5;background:#ffffff14}.cmp-error-banner{background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.cmp-error-list{flex-direction:column;flex:1;gap:3px;display:flex}.cmp-error-line{color:#fca5a5;font-size:.76rem;line-height:1.4}.cmp-error-dismiss{cursor:pointer;color:#f87171;opacity:.7;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:opacity .15s;display:flex}.cmp-error-dismiss:hover{opacity:1}.msg-att-chip-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:24px;height:24px;display:block}.msg-att-chip-icon{letter-spacing:.04em;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.56rem;font-weight:700;display:flex}@media (max-width:640px){.cmp-row{gap:5px;padding:9px 8px 9px 10px}.cmp-think-trigger-label{display:none}.cmp-think-trigger{justify-content:center;min-width:28px;padding:4px 7px}.cmp-dropup{width:90vw;left:0}.cmp-think-menu{right:0}.cmp-att-card{min-width:110px}}html.light .cmp-surface,[data-theme=light] .cmp-surface{background:#fff;border-color:#0000001a;box-shadow:0 2px 12px #0000000f}html.light .cmp-surface:focus-within,[data-theme=light] .cmp-surface:focus-within{border-color:#0000002e}html.light .cmp-attach-btn,[data-theme=light] .cmp-attach-btn{color:#94a3b8;border-color:#0000001f}html.light .cmp-attach-btn:hover:not(:disabled),[data-theme=light] .cmp-attach-btn:hover:not(:disabled){color:#475569;background:#0000000a;border-color:#00000038}html.light .cmp-think-trigger,[data-theme=light] .cmp-think-trigger{color:#94a3b8;border-color:#0000001f}html.light .cmp-think-trigger:hover:not(:disabled),[data-theme=light] .cmp-think-trigger:hover:not(:disabled){color:#475569;background:#0000000a}html.light .cmp-think-trigger--active,[data-theme=light] .cmp-think-trigger--active{color:#7c3aed;background:#6d28d90f;border-color:#6d28d94d}html.light .cmp-dropup,html.light .cmp-think-menu,[data-theme=light] .cmp-dropup,[data-theme=light] .cmp-think-menu{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001a}html.light .cmp-dropup-label,[data-theme=light] .cmp-dropup-label{color:#0f172a}html.light .cmp-think-option:hover,[data-theme=light] .cmp-think-option:hover{color:#0f172a;background:#0000000d}html.light .cmp-think-option--active,[data-theme=light] .cmp-think-option--active{color:#0f172a}html.light .cmp-att-card,[data-theme=light] .cmp-att-card{background:#00000008;border-color:#0000001a}html.light .cmp-att-name,[data-theme=light] .cmp-att-name{color:#1e293b}html.light .cmp-send-btn--off,[data-theme=light] .cmp-send-btn--off{background:#0000000f}.composer-box{border-radius:20px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .25s,box-shadow .25s;position:relative;overflow:visible}.composer-box.is-streaming{border-color:#a855f759!important;box-shadow:0 0 18px #a855f71f,0 6px 24px #0000004d!important}.composer-box.composer-box--dragging{background:#6366f10a!important;border-color:#6366f199!important;box-shadow:0 0 24px #6366f133!important}.composer-input-row{align-items:center;gap:8px;min-height:50px;padding:8px 10px 8px 14px;display:flex}.composer-att-rail{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;padding:10px 14px;animation:.18s ease-out forwards railSlideIn;display:flex;overflow-x:auto}@keyframes railSlideIn{0%{opacity:0;max-height:0;transform:translateY(-6px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.composer-att-rail::-webkit-scrollbar{height:4px}.composer-att-rail::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.composer-att-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;min-width:140px;max-width:200px;padding:7px 10px 7px 8px;transition:border-color .2s,background .2s;animation:.18s cubic-bezier(.175,.885,.32,1.275) forwards cardPopIn;display:flex;position:relative}@keyframes cardPopIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.composer-att-card.att-card--error{background:#ef44440f;border-color:#ef444459}.composer-att-thumb-wrap{background:#ffffff0a;border-radius:8px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.composer-att-thumb{object-fit:cover;border-radius:8px;width:100%;height:100%}.composer-file-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.composer-att-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.composer-att-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.composer-att-meta{font-size:.68rem}.att-status-ready{color:#64748b}.att-status-processing{color:#94a3b8;animation:1.2s ease-in-out infinite pulseOpacity}@keyframes pulseOpacity{0%,to{opacity:.4}50%{opacity:1}}.att-status-error{color:#f87171;font-weight:600}.composer-att-remove{cursor:pointer;color:#94a3b8;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .15s;display:flex}.composer-att-remove:hover{color:#f87171;background:#ef444433;transform:scale(1.1)}.composer-attach-wrapper{flex-shrink:0;position:relative}.composer-attach-btn{color:#64748b;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.composer-attach-btn:hover:not(:disabled){color:#818cf8;background:#6366f126;border-color:#6366f166}.composer-attach-btn.active{color:#818cf8;background:#6366f133;border-color:#6366f180}.composer-attach-btn:disabled{opacity:.3;cursor:not-allowed}.composer-popover{z-index:200;background:#1a1a2e;border:1px solid #ffffff1f;border-radius:14px;min-width:220px;padding:6px;animation:.16s cubic-bezier(.175,.885,.32,1.275) forwards popoverAppear;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px #00000080,0 2px 8px #0000004d}@keyframes popoverAppear{0%{opacity:0;transform:scale(.92)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.composer-popover-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.composer-popover-item:hover{background:#ffffff12}.composer-popover-item-icon{color:#818cf8;background:#6366f126;border:1px solid #6366f140;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.composer-popover-item-text{flex-direction:column;gap:2px;display:flex}.popover-item-label{color:#f1f5f9;font-size:.83rem;font-weight:600}.popover-item-sub{color:#64748b;font-size:.72rem}.composer-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.composer-think-btn{cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1px solid;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.composer-think-btn--auto{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1f}.composer-think-btn--auto:hover:not(:disabled){color:#cbd5e1;background:#ffffff17}.composer-think-btn--on{color:#c084fc;background:#a855f71f;border-color:#a855f759}.composer-think-btn--on:hover:not(:disabled){background:#a855f733}.composer-think-btn--off{color:#fbbf24;background:#fbbf241a;border-color:#fbbf244d}.composer-think-btn--off:hover:not(:disabled){background:#fbbf2429}.composer-think-btn:disabled{opacity:.4;cursor:not-allowed}.composer-think-label{font-size:.72rem;font-weight:600}.composer-att-error-banner{background:#ef444414;border:1px solid #ef444440;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;animation:.18s ease-out forwards bannerSlideIn;display:flex}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.composer-att-error-content{flex-direction:column;flex:1;gap:4px;display:flex}.composer-att-error-line{color:#fca5a5;align-items:flex-start;gap:6px;font-size:.78rem;line-height:1.4;display:flex}.composer-att-error-line svg{color:#f87171;flex-shrink:0;margin-top:2px}.composer-att-error-dismiss{cursor:pointer;color:#f87171;background:#ef44441a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s;display:flex}.composer-att-error-dismiss:hover{background:#ef444433}.msg-attachment-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.msg-att-chip{background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;max-width:200px;padding:4px 8px 4px 6px;display:flex}.msg-att-chip-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:28px;height:28px}.msg-att-chip-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6rem;font-weight:700;display:flex}.msg-att-chip-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.72rem;font-weight:500;overflow:hidden}@media (max-width:768px){.assistant-container{height:calc(100vh - 60px)}.assistant-input-wrapper{padding:0 12px calc(8px + env(safe-area-inset-bottom,0px));gap:6px;width:100%;max-width:100%;margin:0 auto}.cmp-surface{border-radius:24px}.cmp-row{gap:6px;min-height:48px;padding:4px 6px 4px 10px}.cmp-textarea{min-height:22px;font-size:.9rem}.cmp-textarea::placeholder{font-size:.9rem}.cmp-think-trigger{height:30px;padding:4px 8px;font-size:.76rem}.cmp-think-trigger-label{font-size:.76rem}.cmp-send-btn{width:32px;height:32px}.cmp-attach-btn{width:30px;height:30px}.cmp-rail{gap:5px;padding:8px 10px 2px}.cmp-att-card{max-width:160px;padding:4px 7px 4px 5px}.assistant-disclaimer{margin-top:2px;font-size:.65rem}}@media (max-width:480px){.assistant-input-wrapper{padding:0 10px calc(6px + env(safe-area-inset-bottom,0px))}.cmp-row{min-height:46px}.cmp-think-trigger-label{display:none}.cmp-think-trigger{border-radius:50%;justify-content:center;width:30px;height:30px;padding:4px 6px}}html.light .composer-box,[data-theme=light] .composer-box{background:#fffffff2;border-color:#0000001f}html.light .composer-attach-btn,[data-theme=light] .composer-attach-btn{color:#64748b;background:#0000000a;border-color:#0000001a}html.light .composer-attach-btn:hover:not(:disabled),[data-theme=light] .composer-attach-btn:hover:not(:disabled){color:#6366f1;background:#6366f11a;border-color:#6366f14d}html.light .composer-att-card,[data-theme=light] .composer-att-card{background:#00000008;border-color:#0000001a}html.light .composer-att-name,[data-theme=light] .composer-att-name{color:#1e293b}html.light .composer-popover,[data-theme=light] .composer-popover{background:#fff;border-color:#0000001f;box-shadow:0 12px 32px #00000026}html.light .popover-item-label,[data-theme=light] .popover-item-label{color:#0f172a}html.light .composer-think-btn--auto,[data-theme=light] .composer-think-btn--auto{color:#64748b;background:#0000000a;border-color:#0000001a}html.light .msg-att-chip,[data-theme=light] .msg-att-chip{background:#0000000d;border-color:#0000001a}html.light .msg-att-chip-name,[data-theme=light] .msg-att-chip-name{color:#334155}.ac-container{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;height:100%;padding:1.5rem;display:flex;overflow-y:auto}@keyframes acFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ac-header-card{background:0 0;border:none;justify-content:flex-end;align-items:center;padding:0;display:flex}.ac-header-info{align-items:center;gap:1.25rem;display:flex}.ac-icon-badge{width:56px;min-width:56px;height:56px;color:var(--color-primary);background:linear-gradient(135deg,#6366f126,#ec489926);border:1px solid #6366f14d;border-radius:16px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #6366f126}.ac-header-text h2{letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 4px;font-size:1.6rem;font-weight:800}.ac-header-text p{color:var(--color-text-secondary);margin:0;font-size:.88rem}.ac-add-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:14px;align-items:center;gap:8px;padding:.85rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #6366f159}.ac-add-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f173}.ac-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.ac-staff-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 4px 15px #0000000a}.ac-staff-card:hover{border-color:#6366f14d;transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.ac-staff-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ac-staff-avatar-wrap{align-items:center;gap:12px;display:flex}.ac-staff-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.ac-staff-details{flex-direction:column;display:flex}.ac-staff-email{color:var(--color-text-primary);word-break:break-all;font-size:.95rem;font-weight:700}.ac-staff-date{color:var(--color-text-tertiary);margin-top:2px;font-size:.75rem}.ac-status-badge{text-transform:uppercase;letter-spacing:.05em;color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.ac-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.ac-perms-preview{flex-wrap:wrap;gap:6px;display:flex}.ac-perm-tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;padding:4px 8px;font-size:.72rem;font-weight:600}.ac-perm-tag.active{color:var(--color-primary);background:#6366f11a;border-color:#6366f133}.ac-staff-actions{border-top:1px solid var(--color-border);gap:10px;padding-top:.5rem;display:flex}.ac-btn-edit{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;border-radius:12px;flex:1;padding:.6rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s}.ac-btn-edit:hover{border-color:var(--color-primary);color:var(--color-primary)}.ac-btn-remove{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:12px;padding:.6rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s}.ac-btn-remove:hover{background:#ef44442e}.ac-empty-card{background:var(--color-bg-secondary);border:1px dashed var(--color-border);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.ac-empty-icon{background:var(--color-bg-tertiary);width:64px;height:64px;color:var(--color-text-tertiary);border-radius:50%;justify-content:center;align-items:center;display:flex}.ac-empty-card h3{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:800}.ac-empty-card p{color:var(--color-text-secondary);max-width:400px;margin:0;font-size:.9rem;line-height:1.5}.ac-modal-body{flex-direction:column;gap:1.25rem;max-height:70vh;padding-right:4px;display:flex;overflow-y:auto}.ac-form-group{flex-direction:column;gap:6px;display:flex}.ac-input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.82rem;font-weight:700}.ac-text-input{background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.ac-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.ac-alert-box{border-radius:12px;align-items:center;gap:10px;padding:.85rem 1rem;font-size:.85rem;font-weight:600;line-height:1.4;display:flex}.ac-alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.ac-matrix-container{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.ac-matrix-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.ac-matrix-header{justify-content:space-between;align-items:center;display:flex}.ac-matrix-title{color:var(--color-text-primary);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.ac-matrix-sub{color:var(--color-text-tertiary);font-size:.75rem}.ac-switch{width:44px;height:24px;display:inline-block;position:relative}.ac-switch input{opacity:0;width:0;height:0}.ac-slider{cursor:pointer;background-color:#94a3b84d;border-radius:99px;transition:all .25s;position:absolute;inset:0}.ac-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;bottom:3px;left:3px}input:checked+.ac-slider{background-color:var(--color-primary)}input:checked+.ac-slider:before{transform:translate(20px)}.ac-actions-row{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:1rem;padding-top:.5rem;display:flex}.ac-checkbox-label{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.ac-checkbox-label input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.ac-locked-note{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;margin-top:4px;padding:6px 10px;font-size:.75rem}@media (max-width:768px){.ac-container{padding:var(--spacing-md)}.ac-header-card{flex-direction:column;align-items:flex-start;padding:1.5rem}.ac-add-btn{justify-content:center;width:100%}.ac-grid{grid-template-columns:1fr}}.ac-text-input.ac-input-valid{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ac-text-input.ac-input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.la-container{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;height:100%;padding:1.5rem;display:flex;overflow-y:auto}@keyframes laFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.la-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex;box-shadow:0 10px 30px #0000000f}.la-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.la-header-left{align-items:center;gap:1.25rem;display:flex}.la-badge-icon{color:#10b981;background:linear-gradient(135deg,#10b98126,#6366f126);border:1px solid #10b9814d;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.la-header-text h2{color:var(--color-text-primary);margin:0 0 4px;font-size:1.5rem;font-weight:800}.la-header-text p{color:var(--color-text-secondary);margin:0;font-size:.88rem}.la-info-grid{border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.5rem;padding-top:1.25rem;display:grid}.la-info-item{flex-direction:column;gap:4px;display:flex}.la-info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-size:.75rem;font-weight:700}.la-info-value{color:var(--color-text-primary);word-break:break-all;font-size:1rem;font-weight:700}.la-perms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.la-perm-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.la-perm-card.granted{border-color:#10b9814d}.la-perm-card.locked{opacity:.65}.la-perm-title-row{justify-content:space-between;align-items:center;display:flex}.la-perm-title{color:var(--color-text-primary);font-size:.95rem;font-weight:800}.la-status-pill-granted{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:99px;padding:3px 8px;font-size:.7rem;font-weight:800}.la-status-pill-locked{color:var(--color-text-tertiary);border:1px solid var(--color-border);background:#94a3b81f;border-radius:99px;padding:3px 8px;font-size:.7rem;font-weight:800}.la-actions-list{flex-wrap:wrap;gap:6px;display:flex}.la-action-tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600}.la-danger-card{background:#ef44440a;border:1px solid #ef444433;border-radius:24px;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex}.la-danger-info h3{color:#ef4444;margin:0 0 4px;font-size:1.15rem;font-weight:800}.la-danger-info p{color:var(--color-text-secondary);max-width:540px;margin:0;font-size:.88rem;line-height:1.5}.la-unlink-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef44441f;border:1.5px solid #ef44444d;border-radius:14px;padding:.8rem 1.4rem;font-size:.9rem;font-weight:800;transition:all .25s}.la-unlink-btn:hover{background:#ef444440;transform:translateY(-2px)}@media (max-width:768px){.la-container{padding:var(--spacing-md)}.la-danger-card{flex-direction:column;align-items:flex-start}.la-unlink-btn{text-align:center;width:100%}}.lw-page{box-sizing:border-box;background:radial-gradient(circle at 50% 30%,#6366f114 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:calc(100vh - 120px);padding:2rem 1.5rem;display:flex;overflow-y:auto}.lw-canvas{justify-content:center;align-items:center;width:320px;height:240px;margin-bottom:2.5rem;display:flex;position:relative}.lw-atmosphere{filter:blur(20px);background:radial-gradient(circle,#6366f126 0%,#a855f70d 50%,#0000 70%);border-radius:50%;width:260px;height:260px;animation:4s ease-in-out infinite alternate lwPulse;position:absolute}@keyframes lwPulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.lw-orbit-track{border:1.5px dashed #ffffff26;border-radius:50%;width:220px;height:120px;position:absolute;transform:rotate(-15deg)}.lw-admin-node{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:45px;transform:translateY(-50%)}.lw-node-avatar{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.4rem;font-weight:700;display:flex;position:relative;box-shadow:0 8px 24px #0006}.lw-avatar-admin{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:2px solid #a5b4fc99}.lw-avatar-staff{background:linear-gradient(135deg,#ec4899 0%,#d946ef 100%);border:2px solid #f5d0fe99}.lw-node-glow{filter:blur(12px);opacity:.7;border-radius:50%;width:80px;height:80px;position:absolute;top:-11px;left:-11px}.lw-glow-admin{background:#6366f1}.lw-glow-staff{background:#d946ef}.lw-node-ring{border:1px solid #fff3;border-radius:50%;width:74px;height:74px;animation:3s cubic-bezier(.1,.8,.3,1) infinite lwExpand;position:absolute;top:-8px;left:-8px}.lw-ring-admin{border-color:#6366f166}.lw-ring-staff{border-color:#d946ef66}@keyframes lwExpand{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.lw-node-label{white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;top:66px}.lw-label-name{color:var(--text-primary,#e2e8f0);font-size:.85rem;font-weight:600}.lw-label-role{color:var(--text-tertiary,#94a3b8);font-size:.72rem}.lw-beam-container{z-index:5;width:130px;height:4px;position:absolute;top:calc(50% - 2px);left:95px}.lw-beam{opacity:.4;background:linear-gradient(90deg,#6366f1 0%,#ec4899 100%);border-radius:2px;width:100%;height:100%}.lw-beam-particle{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s linear infinite lwFlow;position:absolute;top:-2px;box-shadow:0 0 10px #fff,0 0 20px #818cf8}.lw-particle-1{animation-delay:0s}.lw-particle-2{animation-delay:.65s}.lw-particle-3{animation-delay:1.3s}@keyframes lwFlow{0%{opacity:0;left:0%;transform:scale(.5)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;left:100%;transform:scale(.5)}}.lw-orbit-wrapper{z-index:10;position:absolute;top:50%;right:45px;transform:translateY(-50%)}.lw-staff-node{flex-direction:column;align-items:center;animation:3.5s ease-in-out infinite alternate lwFloat;display:flex;position:relative}@keyframes lwFloat{0%{transform:translateY(-6px)}to{transform:translateY(6px)}}.lw-center-badge{color:#818cf8;z-index:12;background:#1e1b4b;border:1.5px solid #818cf880;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;box-shadow:0 4px 12px #00000080}.lw-info{text-align:center;flex-direction:column;align-items:center;gap:.85rem;max-width:480px;display:flex}.lw-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:1.75rem;font-weight:700}.lw-subtitle{color:var(--text-secondary,#94a3b8);margin:0;font-size:.95rem;line-height:1.5}.lw-subtitle strong{color:#e2e8f0}.lw-pill{color:#818cf8;background:#6366f11f;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.lw-pill-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite lwBlink;box-shadow:0 0 8px #22c55e}@keyframes lwBlink{0%,to{opacity:1}50%{opacity:.3}}.subscriptions-page-container{max-width:1380px;color:var(--color-text-primary);box-sizing:border-box;margin:0 auto;padding:2rem 1.5rem 5rem}.subscriptions-hero{text-align:center;margin-bottom:3rem}.subscriptions-title{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:.75rem;font-size:2.25rem;font-weight:800}:root:not(.light) .subscriptions-title,html:not(.light) .subscriptions-title{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.subscriptions-subtitle{color:var(--color-text-secondary);max-width:720px;margin:0 auto;font-size:1rem;line-height:1.6}.sub-page-alert{border-radius:12px;max-width:800px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:1rem 1.25rem;font-size:.925rem;font-weight:600}.sub-page-alert-error{color:#ef4444;background:#ef44441f;border:1px solid #ef4444}.sub-page-alert-success{color:var(--color-success);background:#22c55e1f;border:1px solid #22c55e}.subscriptions-cards-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));align-items:stretch;gap:1.5rem;display:grid}@media (min-width:1150px){.subscriptions-cards-grid{grid-template-columns:repeat(4,1fr)}}.sub-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;padding:2rem 1.75rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sub-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sub-card-featured{background:var(--color-bg-secondary);border:2px solid var(--color-primary);box-shadow:var(--shadow-glow)}:root:not(.light) .sub-card-featured,html:not(.light) .sub-card-featured{background:linear-gradient(#1b263b 0%,#121824 100%)}.sub-card-featured:hover{border-color:var(--color-primary-light)}.sub-card-current{border-color:var(--color-success)}.sub-card-badge{background:var(--color-primary);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:.3rem .75rem;font-size:.65rem;font-weight:800;position:absolute;top:-12px;right:20px}.sub-card-header{margin-bottom:1.5rem}.sub-card-plan-name{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.sub-card-tagline{color:var(--color-text-primary);min-height:3.5rem;margin-bottom:1.25rem;font-size:1.4rem;font-weight:800;line-height:1.25}.sub-card-price-row{align-items:baseline;margin-bottom:1.5rem;display:flex}.sub-card-price{color:var(--color-text-primary);letter-spacing:-.03em;font-size:2.25rem;font-weight:800}.sub-card-period{color:var(--color-text-tertiary);margin-left:.4rem;font-size:.9rem}.sub-card-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:700;transition:all .2s}.sub-card-btn-primary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.sub-card-btn-primary:hover{background:var(--color-border);transform:scale(1.02)}.sub-card-btn-featured{background:var(--color-primary);color:#fff}.sub-card-btn-featured:hover{background:var(--color-primary-dark);transform:scale(1.02)}.sub-card-btn-current{color:var(--color-success);cursor:default;background:#22c55e26;border:1px solid #22c55e4d}.sub-card-btn-disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:default}.sub-card-divider{background:var(--color-border);height:1px;margin-bottom:1.5rem}.sub-card-features{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.sub-card-feature-item{color:var(--color-text-secondary);align-items:flex-start;gap:.65rem;font-size:.875rem;line-height:1.4;display:flex}.sub-feature-icon{color:var(--color-primary);margin-top:.1rem;font-size:.85rem}.subscriptions-page-footer{text-align:center;color:var(--color-text-tertiary);margin-top:3rem;font-size:.9rem}.sub-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sub-modal-card{text-align:center;background:#0d0d12;border:1px solid #ffffff26;border-radius:24px;width:100%;max-width:480px;padding:2.5rem 2rem;animation:.3s cubic-bezier(.16,1,.3,1) popIn;box-shadow:0 30px 90px #000000e6,0 0 40px #6366f126}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sub-modal-icon{margin-bottom:1rem;font-size:2.5rem}.sub-modal-title{color:#fff;letter-spacing:-.02em;margin-bottom:.85rem;font-size:1.4rem;font-weight:800}.sub-modal-body{color:#cbd5e1;background:#6366f11a;border:1px solid #6366f140;border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.95rem;line-height:1.6}.sub-modal-subtext{color:#64748b;margin-bottom:1.75rem;font-size:.825rem;line-height:1.5}.sub-modal-close-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;width:100%;padding:.85rem 1.5rem;font-size:.925rem;font-weight:800;transition:all .2s;box-shadow:0 0 20px #fff3}.sub-modal-close-btn:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 0 30px #fff6}.sub-compare-cta-row{text-align:center;background:0 0;border:none;margin-top:2.5rem;padding:0}.sub-compare-text{color:#94a3b8;margin:0;font-size:.95rem}.sub-compare-link{color:#60a5fa;margin-left:.35rem;font-weight:700;text-decoration:none;transition:all .2s}.sub-compare-link:hover{color:#93c5fd;text-decoration:underline}@media (max-width:768px){.subscriptions-page-container{padding:1.25rem 1rem 6rem}.subscriptions-hero{margin-bottom:2rem}.subscriptions-title{font-size:1.6rem}.subscriptions-subtitle{font-size:.875rem}.subscriptions-cards-grid{grid-template-columns:1fr;gap:1.25rem}.sub-card{padding:1.5rem 1.25rem}.sub-compare-cta-row{margin-top:1.75rem;padding:1rem}.sub-compare-text{flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}}.nfc-page-root{background:var(--color-bg-primary,#04070d);width:100vw;max-width:100vw;height:100vh;color:var(--color-text-primary,#f8fafc);z-index:999999;box-sizing:border-box;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.nfc-page-nav{background:var(--color-bg-secondary,#0d131f);border-bottom:1px solid var(--color-border,#ffffff14);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.nfc-icon-back-btn,.nfc-reset-btn{background:var(--color-bg-tertiary,#ffffff0f);border:1px solid var(--color-border,#ffffff1a);color:var(--color-text-primary,#f8fafc);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.nfc-icon-back-btn{padding:8px}.nfc-reset-btn{padding:8px 14px}.nfc-icon-back-btn:hover,.nfc-reset-btn:hover{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1)}.nfc-page-title{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:700}.nfc-payment-liquid-canvas{filter:blur(50px)contrast(1.2);pointer-events:none;z-index:0;opacity:.85;border-radius:50%;width:600px;height:600px;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInLiquid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeInLiquid{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:.85;transform:translate(-50%,-50%)scale(1)}}.nfc-page-toast{z-index:10;white-space:nowrap;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:600;animation:.25s ease-out fadeIn;position:absolute;top:65px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.toast-success{color:#4ade80;background:#22c55e33;border:1px solid #22c55e}.toast-error{color:#f87171;background:#ef444433;border:1px solid #ef4444}.toast-info{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf8}.nfc-page-content{box-sizing:border-box;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:32px 24px;display:flex;position:relative}.nfc-standby-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin:auto 0;padding:20px 0;display:flex}.mode-fade-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards modeFadeIn}@keyframes modeFadeIn{0%{opacity:.2;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.nfc-text-shimmer{letter-spacing:-.03em;color:#0000;background:linear-gradient(90deg,#475569 0%,#f8fafc 50%,#475569 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800;animation:2.5s linear infinite textShimmer}.error-shimmer{background:linear-gradient(90deg,#3b82f6 0%,#6366f1 50%,#3b82f6 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text}:root{--nfc-sketch-stroke:#94a3b8;--nfc-sketch-ring:#6366f1;--nfc-sketch-tap-glow:#818cf8;--nfc-off-stroke:#64748b;--nfc-toggle-active-bg:#6366f138;--nfc-toggle-active-bg-outer:#6366f103;--nfc-touch-indicator:#818cf8;--nfc-sad-face-color:#64748b;--nfc-sad-face-bg:#64748b14;--nfc-card-bg:#0d131f;--nfc-phone-bg:#04070d;--nfc-phone-stroke:#e2e8f0}:root.light,:root[data-theme=light],html.light{--nfc-sketch-stroke:#475569;--nfc-sketch-ring:#4f46e5;--nfc-sketch-tap-glow:#6366f1;--nfc-off-stroke:#64748b;--nfc-toggle-active-bg:#4f46e524;--nfc-toggle-active-bg-outer:#4f46e503;--nfc-touch-indicator:#4f46e5;--nfc-sad-face-color:#64748b;--nfc-sad-face-bg:#64748b0f;--nfc-card-bg:#fff;--nfc-phone-bg:#fff;--nfc-phone-stroke:#0f172a}.nfc-sketch-anim-wrap{justify-content:center;align-items:center;width:320px;height:380px;display:flex;position:relative;overflow:visible}.nfc-sketch-svg{width:100%;height:100%;color:var(--nfc-sketch-stroke);filter:drop-shadow(0 4px 16px #00000014);overflow:visible}:root.light .nfc-sketch-svg,:root[data-theme=light] .nfc-sketch-svg,html.light .nfc-sketch-svg{filter:drop-shadow(0 4px 20px #00000024)}.animated-card{animation:2.8s cubic-bezier(.25,1,.5,1) infinite sideHalfTap}.pulse-ring-1{animation:2.8s ease-out infinite nfcPulse}.pulse-ring-2{animation:2.8s ease-out .25s infinite nfcPulse}@keyframes sideHalfTap{0%,to{opacity:.2;transform:translate(275px,20px)rotate(16deg)}35%,70%{opacity:1;transform:translate(210px,60px)rotate(6deg)}}@keyframes nfcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.nfc-off-state{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 20px;animation:.5s forwards nfcOffFadeIn;display:flex}@keyframes nfcOffFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nfc-sad-face-wrap{background:var(--nfc-sad-face-bg);border:2px solid #64748b40;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;box-shadow:0 8px 32px #0000000f}.nfc-sad-face-svg{width:90px;height:90px;color:var(--nfc-sad-face-color)}.nfc-touch-button-anim{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.nfc-touch-btn-svg{width:100%;height:100%;overflow:visible}.nfc-tactile-btn-group{transform-origin:70px 70px;color:var(--nfc-sketch-stroke);animation:2.8s cubic-bezier(.34,1.56,.64,1) infinite buttonTactilePress}.nfc-touch-circle-bg{transition:fill .3s,opacity .3s;animation:2.8s ease-in-out infinite bgFillColorLightUp}.nfc-touch-circle-stroke{color:var(--nfc-sketch-stroke);transition:stroke .3s;animation:2.8s ease-in-out infinite strokeGlow}.nfc-touch-text{color:var(--nfc-sketch-stroke);letter-spacing:2.5px;transition:fill .3s;animation:2.8s ease-in-out infinite textLightUp}.nfc-touch-pointer-gesture{transform-origin:70px 70px;color:var(--nfc-touch-indicator);animation:2.8s cubic-bezier(.25,1,.5,1) infinite fingerGestureApproach}.nfc-touch-ripple.ring-1{color:var(--nfc-sketch-ring);transform-origin:70px 70px;animation:2.8s cubic-bezier(.1,.8,.3,1) .88s infinite rippleExpand}.nfc-touch-ripple.ring-2{color:var(--nfc-sketch-ring);transform-origin:70px 70px;animation:2.8s cubic-bezier(.1,.8,.3,1) 1.02s infinite rippleExpand}.nfc-touch-ripple.ring-3{color:var(--nfc-sketch-ring);transform-origin:70px 70px;animation:2.8s cubic-bezier(.1,.8,.3,1) 1.16s infinite rippleExpand}.nfc-touch-flash{transform-origin:70px 70px;animation:2.8s ease-out infinite touchPointFlash}.nfc-contact-ring{color:var(--nfc-touch-indicator);transform-origin:70px 70px;animation:2.8s ease-out infinite contactRingPulse}@keyframes buttonTactilePress{0%,26%{transform:scale(1)}33%{transform:scale(.9)}39%{transform:scale(.9)}48%{transform:scale(1.03)}56%{transform:scale(.99)}64%{transform:scale(1)}to{transform:scale(1)}}@keyframes bgFillColorLightUp{0%,28%{fill:#64748b14}33%,72%{fill:var(--nfc-sketch-ring);opacity:1}88%,to{fill:#64748b14}}@keyframes strokeGlow{0%,28%{stroke-width:2.2px;opacity:.6}33%{stroke-width:3.5px;opacity:1;color:var(--nfc-sketch-ring)}65%{stroke-width:3px;opacity:.95;color:var(--nfc-sketch-ring)}88%,to{stroke-width:2.2px;opacity:.6;color:var(--nfc-sketch-stroke)}}@keyframes textLightUp{0%,28%{opacity:.7;color:var(--nfc-sketch-stroke)}33%,72%{opacity:1;color:#fff}90%,to{opacity:.7;color:var(--nfc-sketch-stroke)}}@keyframes fingerGestureApproach{0%{opacity:0;transform:translate(32px,32px)}15%{opacity:.85;transform:translate(12px,12px)}28%{opacity:1;transform:translate(1px,1px)}33%,39%{opacity:1;transform:translate(-3px,-3px)scale(.94)}48%{opacity:.9;transform:translate(5px,5px)scale(1)}70%{opacity:0;transform:translate(25px,25px)}to{opacity:0;transform:translate(32px,32px)}}@keyframes touchPointFlash{0%,30%{opacity:0;transform:scale(.3)}33%{opacity:.8;transform:scale(1)}45%{opacity:.2;transform:scale(1.6)}60%,to{opacity:0}}@keyframes contactRingPulse{0%,30%{opacity:0;transform:scale(.5)}33%{opacity:.9;transform:scale(1)}48%{opacity:0;transform:scale(1.8)}to{opacity:0}}@keyframes rippleExpand{0%{opacity:0;transform:scale(.75)}15%{opacity:.75;transform:scale(1)}75%{opacity:0;transform:scale(1.42)}to{opacity:0;transform:scale(1.42)}}.nfc-off-title{color:var(--color-text-secondary,#94a3b8);letter-spacing:-.01em;text-align:center;margin:0;font-size:1.05rem;font-weight:700}:root.light .nfc-off-title,:root[data-theme=light] .nfc-off-title,html.light .nfc-off-title{color:#374151}:root.light .nfc-off-desc,:root[data-theme=light] .nfc-off-desc,html.light .nfc-off-desc{color:#6b7280}.nfc-standby-tap-label{letter-spacing:.01em;color:var(--color-text-tertiary,#94a3b8);opacity:.85;margin:4px 0 0;font-size:.95rem;font-weight:600}:root.light .nfc-standby-tap-label,:root[data-theme=light] .nfc-standby-tap-label,html.light .nfc-standby-tap-label{color:#6b7280}.nfc-standby-subtext{color:var(--color-text-tertiary,#94a3b8);margin:0;font-size:.9rem}.nfc-unregistered-view{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin:auto 0;display:flex}.nfc-card-id-badge{text-align:center;color:#facc15;letter-spacing:.04em;background:#eab3081f;border:1px solid #eab30840;border-radius:10px;align-self:center;margin:0;padding:8px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.nfc-bind-box{background:var(--color-bg-secondary,#0d131f);border:1px solid var(--color-border,#ffffff1a);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:16px;width:100%;padding:24px 28px;display:flex;box-shadow:0 16px 40px #00000059}.nfc-bind-heading{color:var(--color-text-secondary,#cbd5e1);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.nfc-search-input{background:var(--color-bg-primary,#04070d);border:1px solid var(--color-border,#ffffff26);color:#fff;box-sizing:border-box;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.nfc-search-input:focus{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f126}.nfc-student-results{flex-direction:column;gap:10px;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.nfc-empty-search{text-align:center;color:var(--color-text-tertiary,#94a3b8);padding:28px 20px;font-size:.95rem}.nfc-bind-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.nfc-bind-item:hover{background:#ffffff12;border-color:#ffffff24}.nfc-bind-item-info{flex-direction:column;gap:3px;display:flex}.nfc-bind-name{color:#fff;font-size:1.05rem;font-weight:700}.nfc-bind-grade{color:#94a3b8;font-size:.85rem}.nfc-assign-btn{background:var(--color-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #6366f159}.nfc-assign-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f180}.nfc-assign-btn:active:not(:disabled){transform:translateY(0)}.nfc-assign-btn:disabled{opacity:.5;cursor:not-allowed}.nfc-matched-view{flex-direction:column;gap:20px;padding:10px 0;display:flex}.nfc-hero-card{background:linear-gradient(145deg, var(--color-bg-secondary,#0d131f), #0f172af2);border:1px solid var(--color-border,#ffffff1a);border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex;box-shadow:0 12px 30px #0000004d}.nfc-hero-top{justify-content:space-between;align-items:center;display:flex}.nfc-hero-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;font-weight:800;display:flex;position:relative;box-shadow:0 6px 16px #6366f14d}.nfc-hero-avatar-editable{cursor:pointer;transition:transform .15s,box-shadow .15s}.nfc-hero-avatar-editable:hover{transform:scale(1.05);box-shadow:0 8px 20px #6366f173}.nfc-avatar-edit-badge{border:2px solid var(--color-bg-secondary,#0d131f);color:#fff;background:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-3px;right:-3px}.nfc-student-name{letter-spacing:-.02em;color:var(--color-text-primary,#f8fafc);margin:4px 0 0;font-size:1.8rem;font-weight:800;line-height:1.2}.nfc-student-details-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nfc-pill{color:var(--color-text-secondary,#cbd5e1);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.nfc-pill-phone{cursor:pointer;color:#38bdf8;background:#38bdf81a;border-color:#38bdf840}.nfc-pill-phone:hover{color:#7dd3fc;background:#38bdf833;border-color:#38bdf8}.nfc-pill-parent{color:#c084fc;background:#a855f71a;border-style:dashed;border-color:#a855f74d;font-family:inherit}.nfc-pill-parent:hover{color:#e9d5ff;background:#a855f733;border-color:#c084fc}.nfc-profile-card{background:linear-gradient(145deg, var(--color-bg-secondary,#0d131f), #0f172af2);border:1px solid var(--color-border,#ffffff1a);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 12px 30px #0000004d}.nfc-profile-header{justify-content:space-between;align-items:center;display:flex}.nfc-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 4px 14px #6366f159}.nfc-pay-badge{letter-spacing:.04em;border-radius:20px;align-self:flex-start;padding:6px 14px;font-size:.72rem;font-weight:800}.badge-paid{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59}.badge-due{color:#f87171;background:#ef444426;border:1px solid #ef444459}.nfc-section-card{background:var(--color-bg-secondary,#0d131f);border:1px solid var(--color-border,#ffffff14);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.nfc-section-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.82rem;font-weight:700}.nfc-chip-group{flex-wrap:wrap;gap:8px;display:flex}.nfc-subject-chip{color:var(--color-text-secondary,#cbd5e1);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:9px 14px;font-size:.82rem;font-weight:500;transition:all .15s}.nfc-subject-chip:hover{color:#fff;background:#ffffff14;border-color:#fff3}.nfc-subject-chip.active{color:#a5b4fc;background:#6366f140;border-color:#6366f1;font-weight:700}.nfc-attendance-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nfc-att-btn{cursor:pointer;border:none;border-radius:12px;padding:16px;font-size:.95rem;font-weight:700}.btn-present{color:#fff;background:#16a34a}.btn-absent{color:#fff;background:#dc2626}.nfc-pay-block{background:var(--color-bg-secondary,#0d131f);border:1px solid var(--color-border,#ffffff14);border-radius:16px;padding:16px}.nfc-pay-flex{gap:10px;display:flex}.nfc-select,.nfc-month-input{background:var(--color-bg-primary,#04070d);border:1px solid var(--color-border,#ffffff26);color:#fff;border-radius:8px;flex:1;padding:10px;font-size:.85rem}.nfc-collect-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:.9rem;font-weight:700;transition:opacity .2s}.nfc-collect-btn:disabled{opacity:.5;cursor:not-allowed}.nfc-amount-row{align-items:center;gap:10px;margin-top:4px;display:flex}.nfc-amount-label{color:var(--color-text-secondary,#cbd5e1);white-space:nowrap;font-size:.82rem;font-weight:600}.nfc-amount-input{background:var(--color-bg-primary,#04070d);border:1px solid var(--color-border,#ffffff26);color:#fff;border-radius:8px;outline:none;flex:1;padding:10px;font-size:.9rem;font-weight:600}.nfc-unpaid-warning-box{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;font-size:.8rem;display:flex}.nfc-warning-title{font-weight:700}.nfc-warning-months{color:#fca5a5;font-weight:600}.nfc-dialog-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dialogOverlayFade;display:flex;position:fixed;inset:0}@keyframes dialogOverlayFade{0%{opacity:0}to{opacity:1}}.nfc-dialog-card{background:var(--color-bg-secondary,#0d131f);border:1px solid var(--color-border,#ffffff1f);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) forwards dialogPopIn;display:flex;transform:scale(.95);box-shadow:0 24px 48px #00000080}@keyframes dialogPopIn{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.nfc-dialog-title{color:var(--color-text-primary,#f8fafc);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.nfc-dialog-message{color:var(--color-text-secondary,#94a3b8);margin:0;font-size:.9rem;line-height:1.5}.nfc-dialog-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.nfc-dialog-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.nfc-dialog-btn:active{transform:scale(.96)}.btn-cancel{color:var(--color-text-secondary,#cbd5e1);background:#ffffff0f;border:1px solid #ffffff1a}.btn-cancel:hover{color:#fff;background:#ffffff1a}.btn-action{color:#fff;box-shadow:0 4px 14px #00000040}.nfc-settings-wrapper{position:relative}.nfc-icon-settings-btn{background:var(--color-bg-tertiary,#ffffff0f);border:1px solid var(--color-border,#ffffff1a);color:var(--color-text-primary,#f8fafc);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.nfc-icon-settings-btn:hover,.nfc-icon-settings-btn.active{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1)}.nfc-settings-dropdown{background:var(--color-bg-secondary,#0d131f);border:1px solid var(--color-border,#ffffff26);z-index:100;border-radius:14px;flex-direction:column;gap:8px;width:280px;padding:12px;animation:.18s ease-out fadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #00000080}.nfc-dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #ffffff14;padding:4px 6px 8px;font-size:.75rem;font-weight:700}.nfc-settings-modal-body{flex-direction:column;gap:12px;padding:8px 4px;display:flex}.nfc-setting-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 6px;transition:background .15s;display:flex}.nfc-setting-item:hover{background:#ffffff0a}.nfc-setting-info{flex-direction:column;gap:2px;padding-right:12px;display:flex}.nfc-setting-title{color:#f8fafc;font-size:.88rem;font-weight:600}.nfc-setting-desc{color:#94a3b8;font-size:.73rem;line-height:1.3}.nfc-toggle-switch{background:#ffffff26;border-radius:12px;flex-shrink:0;width:42px;height:24px;padding:2px;transition:background .2s}.nfc-toggle-switch.on{background:#16a34a}.nfc-toggle-handle{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0000004d}.nfc-toggle-switch.on .nfc-toggle-handle{transform:translate(18px)}.nfc-bottom-bar{z-index:1000;position:fixed;bottom:20px;left:20px}.nfc-bottom-reset-btn{background:var(--color-bg-secondary,#0d131f);border:1px solid var(--color-border,#fff3);color:#f8fafc;cursor:pointer;border-radius:25px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #0006}.nfc-bottom-reset-btn:hover{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1);transform:translateY(-2px);box-shadow:0 12px 24px #6366f166}.nfc-mode-switch-container{background:#0f172ad9;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0006}.nfc-mode-switch-container:before{content:"";z-index:1;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:9999px;width:calc(50% - 6px);transition:transform .35s cubic-bezier(.16,1,.3,1),background .35s,box-shadow .35s;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 3px 12px #6366f173}.nfc-mode-switch-container[data-mode=payment]:before{background:linear-gradient(135deg,#10b981 0%,#059669 100%);transform:translate(100%);box-shadow:0 3px 12px #10b98173}.nfc-mode-btn{z-index:2;color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:7px 18px;font-size:.85rem;font-weight:600;transition:color .25s;display:flex;position:relative;-webkit-tap-highlight-color:transparent!important;outline:none!important}.nfc-mode-btn:focus,.nfc-mode-btn:focus-visible,.nfc-mode-btn:active{box-shadow:none!important;outline:none!important}.nfc-mode-btn:hover{color:#f8fafc}.nfc-mode-btn.active{color:#fff;font-weight:700}.nfc-payment-mode-pane{box-sizing:border-box;background:#0d131ff5;border:1px solid #10b98159;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:520px;margin:16px auto;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) paneSlideUp;display:flex;box-shadow:0 20px 50px #000000d9,0 0 35px #10b9811f}@keyframes paneSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nfc-pay-student-header{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding-bottom:16px;display:flex}.nfc-pay-student-avatar{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 4px 12px #10b9814d}.nfc-pay-student-details h3{color:#f8fafc;margin:0;font-size:1.25rem;font-weight:700}.nfc-pay-student-details p{color:#94a3b8;margin:4px 0 0;font-size:.88rem}.nfc-pay-matched-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex}.nfc-pay-matched-badge{text-transform:uppercase;letter-spacing:.05em;color:#34d399;background:#10b9811f;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.nfc-pay-class-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.nfc-pay-class-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nfc-pay-pill{color:#cbd5e1;background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.nfc-pay-pill.time{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.nfc-pay-fee-row{border-top:1px dashed #ffffff1a;justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}.nfc-pay-fee-amount{color:#34d399;font-size:1.4rem;font-weight:800}.nfc-pay-actions-row{justify-content:space-between;align-items:center;gap:14px;margin-top:8px;display:flex}.nfc-pay-btn-custom{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.nfc-pay-btn-custom:hover{background:#ffffff1f;border-color:#ffffff4d}.nfc-pay-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;flex:1.5;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b98166}.nfc-pay-btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98199}.nfc-pay-btn-confirm:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.nfc-pay-custom-inline-card{background:#ffffff08;border:1px solid #10b98140;border-radius:16px;flex-direction:column;gap:14px;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) paneSlideUp;display:flex}.nfc-pay-custom-header-inline{justify-content:space-between;align-items:center;display:flex}.nfc-pay-custom-title-inline{color:#34d399;align-items:center;gap:6px;margin:0;font-size:.95rem;font-weight:700;display:flex}.nfc-pay-custom-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .15s}.nfc-pay-custom-close-btn:hover{color:#fff;background:#ffffff1f}.nfc-pay-field-group{flex-direction:column;gap:6px;display:flex}.nfc-pay-field-group label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.nfc-pay-field-group select,.nfc-pay-field-group input{color:#f8fafc;background:#04070dd9;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:10px 12px;font-size:.92rem;transition:border-color .2s}.nfc-pay-field-group select:focus,.nfc-pay-field-group input:focus{border-color:#10b981}.nfc-pay-summary-area{flex-direction:column;gap:14px;animation:.25s cubic-bezier(.16,1,.3,1) paneSlideUp;display:flex}.nfc-pay-class-status{border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.nfc-pay-class-status.detected{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.nfc-pay-class-status.no-class{color:#facc15;background:#eab3081a;border:1px solid #eab3084d}.nfc-pay-custom-inline-title{color:#34d399;letter-spacing:-.01em;margin:0 0 4px;font-size:.92rem;font-weight:700}.light .nfc-page-root,:root.light .nfc-page-root,:root[data-theme=light] .nfc-page-root,html.light .nfc-page-root,body.light .nfc-page-root{color:#0f172a!important;background:#fff!important}.light .nfc-page-nav,:root.light .nfc-page-nav,:root[data-theme=light] .nfc-page-nav,html.light .nfc-page-nav,body.light .nfc-page-nav{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.light .nfc-icon-back-btn,.light .nfc-reset-btn,.light .nfc-icon-settings-btn,:root.light .nfc-icon-back-btn,:root.light .nfc-reset-btn,:root.light .nfc-icon-settings-btn,:root[data-theme=light] .nfc-icon-back-btn,:root[data-theme=light] .nfc-reset-btn,:root[data-theme=light] .nfc-icon-settings-btn,html.light .nfc-icon-back-btn,html.light .nfc-reset-btn,html.light .nfc-icon-settings-btn,body.light .nfc-icon-back-btn,body.light .nfc-reset-btn,body.light .nfc-icon-settings-btn{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.light .nfc-icon-back-btn:hover,.light .nfc-reset-btn:hover,.light .nfc-icon-settings-btn:hover,:root.light .nfc-icon-back-btn:hover,:root[data-theme=light] .nfc-icon-back-btn:hover,html.light .nfc-icon-back-btn:hover,body.light .nfc-icon-back-btn:hover{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.light .nfc-mode-switch-container,:root.light .nfc-mode-switch-container,:root[data-theme=light] .nfc-mode-switch-container,html.light .nfc-mode-switch-container,body.light .nfc-mode-switch-container{background:#e2e8f0!important;border-color:#cbd5e1!important}.light .nfc-mode-btn,:root.light .nfc-mode-btn,:root[data-theme=light] .nfc-mode-btn,html.light .nfc-mode-btn,body.light .nfc-mode-btn{color:#475569!important}.light .nfc-mode-btn.active,:root.light .nfc-mode-btn.active,:root[data-theme=light] .nfc-mode-btn.active,html.light .nfc-mode-btn.active,body.light .nfc-mode-btn.active{color:#fff!important}.light .nfc-text-shimmer,:root.light .nfc-text-shimmer,:root[data-theme=light] .nfc-text-shimmer,html.light .nfc-text-shimmer,body.light .nfc-text-shimmer{background:linear-gradient(90deg,#475569 0%,#0f172a 50%,#475569 100%) 0 0/200%!important;-webkit-background-clip:text!important;background-clip:text!important}.light .error-shimmer,:root.light .error-shimmer,:root[data-theme=light] .error-shimmer,html.light .error-shimmer,body.light .error-shimmer{background:linear-gradient(90deg,#1e1b4b 0%,#4338ca 50%,#1e1b4b 100%) 0 0/200%!important;-webkit-background-clip:text!important;background-clip:text!important}.light .nfc-card-id-badge,:root.light .nfc-card-id-badge,:root[data-theme=light] .nfc-card-id-badge,html.light .nfc-card-id-badge,body.light .nfc-card-id-badge{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important;font-weight:700!important}.light .nfc-bind-box,:root.light .nfc-bind-box,:root[data-theme=light] .nfc-bind-box,html.light .nfc-bind-box,body.light .nfc-bind-box{background:#f8fafc!important;border-color:#e2e8f0!important;box-shadow:0 4px 16px #0f172a0a!important}.light .nfc-bind-heading,:root.light .nfc-bind-heading,:root[data-theme=light] .nfc-bind-heading,html.light .nfc-bind-heading,body.light .nfc-bind-heading{color:#334155!important}.light .nfc-search-input,:root.light .nfc-search-input,:root[data-theme=light] .nfc-search-input,html.light .nfc-search-input,body.light .nfc-search-input{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}.light .nfc-search-input::placeholder,:root.light .nfc-search-input::placeholder,:root[data-theme=light] .nfc-search-input::placeholder,html.light .nfc-search-input::placeholder,body.light .nfc-search-input::placeholder{color:#94a3b8!important}.light .nfc-empty-search,:root.light .nfc-empty-search,:root[data-theme=light] .nfc-empty-search,html.light .nfc-empty-search,body.light .nfc-empty-search{color:#64748b!important}.light .nfc-bind-item,:root.light .nfc-bind-item,:root[data-theme=light] .nfc-bind-item,html.light .nfc-bind-item,body.light .nfc-bind-item{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 1px 3px #0000000a!important}.light .nfc-bind-name,:root.light .nfc-bind-name,:root[data-theme=light] .nfc-bind-name,html.light .nfc-bind-name,body.light .nfc-bind-name{color:#0f172a!important;font-weight:700!important}.light .nfc-bind-grade,:root.light .nfc-bind-grade,:root[data-theme=light] .nfc-bind-grade,html.light .nfc-bind-grade,body.light .nfc-bind-grade{color:#475569!important}.light .nfc-bottom-reset-btn,:root.light .nfc-bottom-reset-btn,:root[data-theme=light] .nfc-bottom-reset-btn,html.light .nfc-bottom-reset-btn,body.light .nfc-bottom-reset-btn{color:#fff!important;background:#0f172a!important;border-color:#1e293b!important;box-shadow:0 8px 24px #0f172a40!important}.light .nfc-bottom-reset-btn svg,:root.light .nfc-bottom-reset-btn svg,:root[data-theme=light] .nfc-bottom-reset-btn svg,html.light .nfc-bottom-reset-btn svg,body.light .nfc-bottom-reset-btn svg{color:#fff!important}.light .nfc-bottom-reset-btn:hover,:root.light .nfc-bottom-reset-btn:hover,:root[data-theme=light] .nfc-bottom-reset-btn:hover,html.light .nfc-bottom-reset-btn:hover,body.light .nfc-bottom-reset-btn:hover{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.light .nfc-settings-dropdown,:root.light .nfc-settings-dropdown,:root[data-theme=light] .nfc-settings-dropdown,html.light .nfc-settings-dropdown,body.light .nfc-settings-dropdown{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 16px 36px #0f172a1f!important}.light .nfc-dropdown-header,:root.light .nfc-dropdown-header,:root[data-theme=light] .nfc-dropdown-header,html.light .nfc-dropdown-header,body.light .nfc-dropdown-header{color:#64748b!important;border-bottom-color:#e2e8f0!important}.light .nfc-setting-item,:root.light .nfc-setting-item,:root[data-theme=light] .nfc-setting-item,html.light .nfc-setting-item,body.light .nfc-setting-item{background:#f8fafc!important;border-color:#e2e8f0!important}.light .nfc-setting-item:hover,:root.light .nfc-setting-item:hover,:root[data-theme=light] .nfc-setting-item:hover,html.light .nfc-setting-item:hover,body.light .nfc-setting-item:hover{background:#f1f5f9!important}.light .nfc-setting-title,:root.light .nfc-setting-title,:root[data-theme=light] .nfc-setting-title,html.light .nfc-setting-title,body.light .nfc-setting-title{color:#0f172a!important}.light .nfc-setting-desc,:root.light .nfc-setting-desc,:root[data-theme=light] .nfc-setting-desc,html.light .nfc-setting-desc,body.light .nfc-setting-desc{color:#475569!important}.light .nfc-toggle-switch,:root.light .nfc-toggle-switch,:root[data-theme=light] .nfc-toggle-switch,html.light .nfc-toggle-switch,body.light .nfc-toggle-switch{background:#cbd5e1!important}.light .nfc-toggle-switch.on,:root.light .nfc-toggle-switch.on,:root[data-theme=light] .nfc-toggle-switch.on,html.light .nfc-toggle-switch.on,body.light .nfc-toggle-switch.on{background:#10b981!important}.light .nfc-setting-item.smart-banner,:root.light .nfc-setting-item.smart-banner,:root[data-theme=light] .nfc-setting-item.smart-banner,html.light .nfc-setting-item.smart-banner,body.light .nfc-setting-item.smart-banner{background:#ecfdf5!important;border-color:#a7f3d0!important}.light .nfc-setting-title.smart-title,:root.light .nfc-setting-title.smart-title,:root[data-theme=light] .nfc-setting-title.smart-title,html.light .nfc-setting-title.smart-title,body.light .nfc-setting-title.smart-title{color:#059669!important}.light .nfc-payment-mode-pane,:root.light .nfc-payment-mode-pane,:root[data-theme=light] .nfc-payment-mode-pane,html.light .nfc-payment-mode-pane,body.light .nfc-payment-mode-pane{background:#fff!important;border-color:#10b98166!important;box-shadow:0 20px 50px #0f172a1a,0 0 30px #10b9811a!important}.light .nfc-pay-student-header,:root.light .nfc-pay-student-header,:root[data-theme=light] .nfc-pay-student-header,html.light .nfc-pay-student-header,body.light .nfc-pay-student-header{border-bottom-color:#e2e8f0!important}.light .nfc-pay-student-details h3,:root.light .nfc-pay-student-details h3,:root[data-theme=light] .nfc-pay-student-details h3,html.light .nfc-pay-student-details h3,body.light .nfc-pay-student-details h3,.light .nfc-pay-class-title,:root.light .nfc-pay-class-title,:root[data-theme=light] .nfc-pay-class-title,html.light .nfc-pay-class-title,body.light .nfc-pay-class-title{color:#0f172a!important}.light .nfc-pay-student-details p,:root.light .nfc-pay-student-details p,:root[data-theme=light] .nfc-pay-student-details p,html.light .nfc-pay-student-details p,body.light .nfc-pay-student-details p{color:#475569!important}.light .nfc-pay-matched-card,:root.light .nfc-pay-matched-card,:root[data-theme=light] .nfc-pay-matched-card,html.light .nfc-pay-matched-card,body.light .nfc-pay-matched-card{background:#f8fafc!important;border-color:#e2e8f0!important}.light .nfc-pay-pill,:root.light .nfc-pay-pill,:root[data-theme=light] .nfc-pay-pill,html.light .nfc-pay-pill,body.light .nfc-pay-pill{color:#475569!important;background:#f1f5f9!important}.light .nfc-pay-fee-row,:root.light .nfc-pay-fee-row,:root[data-theme=light] .nfc-pay-fee-row,html.light .nfc-pay-fee-row,body.light .nfc-pay-fee-row{border-top-color:#e2e8f0!important}.light .nfc-pay-btn-custom,:root.light .nfc-pay-btn-custom,:root[data-theme=light] .nfc-pay-btn-custom,html.light .nfc-pay-btn-custom,body.light .nfc-pay-btn-custom{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.light .nfc-pay-field-group label,:root.light .nfc-pay-field-group label,:root[data-theme=light] .nfc-pay-field-group label,html.light .nfc-pay-field-group label,body.light .nfc-pay-field-group label{color:#475569!important}.light .nfc-pay-field-group select,.light .nfc-pay-field-group input,:root.light .nfc-pay-field-group select,:root.light .nfc-pay-field-group input,:root[data-theme=light] .nfc-pay-field-group select,:root[data-theme=light] .nfc-pay-field-group input,html.light .nfc-pay-field-group select,html.light .nfc-pay-field-group input,body.light .nfc-pay-field-group select,body.light .nfc-pay-field-group input{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important}.holidays-page{box-sizing:border-box;background:0 0;flex-direction:column;gap:1.25rem;width:100%;max-width:100vw;height:100%;padding:1.5rem;display:flex;overflow:hidden auto}.hol-header-section{gap:var(--spacing-sm,12px);background:var(--color-bg-primary);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:100%;padding-bottom:0;display:flex}.hol-header-bar{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.hol-header-row-1{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.hol-header-row-2{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.hol-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.hol-presets-btn.active{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:#7d5aff26!important}.hol-presets-collapsible-wrapper{opacity:0;box-sizing:border-box;grid-template-rows:0fr;width:100%;margin-top:0;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1),opacity .25s,margin .25s;display:grid;overflow:hidden}.hol-presets-collapsible-wrapper.expanded{opacity:1;grid-template-rows:1fr;margin-top:8px}.hol-presets-collapsible-inner{min-height:0;overflow:hidden}.hol-presets-bar{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:12px 16px;display:flex}.hol-presets-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;display:flex}.hol-presets-label{color:var(--color-text-primary);white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.hol-presets-subtitle{color:var(--color-text-tertiary);font-size:.75rem}.hol-presets-flex{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}.hol-preset-chip{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);color:var(--color-text-secondary);cursor:pointer;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.hol-preset-chip:hover{color:var(--color-text-primary);border-color:var(--color-primary);background:#7d5aff1f;transform:translateY(-1px)}.holidays-content-scroll{box-sizing:border-box;flex-direction:column;flex:1;width:100%;display:flex}.hol-table-name-cell{align-items:center;gap:12px;display:flex}.hol-avatar{background:linear-gradient(135deg, var(--color-primary,#7d5aff), #a855f7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.hol-name-info{flex-direction:column;gap:2px;display:flex}.hol-title-wrap{align-items:center;gap:8px;display:flex}.hol-table-title{color:var(--color-text-primary);font-size:.92rem;font-weight:700}.hol-table-reason{color:var(--color-text-secondary);font-size:.78rem}.hol-table-dates{color:var(--color-text-primary);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.hol-arrow{color:var(--color-text-tertiary);font-size:.8rem}.hol-dur-badge{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-primary);border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.hol-year-tag{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff0d;border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.hol-badge-live{color:#22c55e;letter-spacing:.03em;background:#22c55e26;border:1px solid #22c55e4d;border-radius:9999px;padding:2px 8px;font-size:.65rem;font-weight:800}.hol-badge-offline{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.hol-actions-cell{width:220px}.hol-table-actions{align-items:center;gap:8px;display:flex}.hol-btn-icon{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.hol-btn-icon:hover{color:var(--color-text-primary);border-color:var(--color-primary);background:var(--color-bg-primary)}.hol-btn-icon.edit:hover{color:var(--color-primary)}.hol-btn-icon.danger{color:#ef4444}.hol-btn-icon.danger:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}.hol-mobile-cards-list{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;display:flex}.hol-mobile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:14px 16px;display:flex}.hol-mobile-card.hol-item-active{border-color:var(--color-primary);background:#7d5aff0a}.hol-mc-header{align-items:center;gap:10px;display:flex}.hol-mc-title-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.hol-mc-name{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.hol-mc-reason{color:var(--color-text-secondary);font-size:.78rem}.hol-mc-body{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.hol-mc-dates{color:var(--color-text-primary);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.hol-mc-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.hol-modal-desc{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.85rem;line-height:1.45}.hol-form{flex-direction:column;gap:1rem;display:flex}.hol-input-group{flex-direction:column;gap:6px;display:flex}.hol-input-group label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}.hol-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);width:100%;height:40px;color:var(--color-text-primary);box-sizing:border-box;outline:none;padding:0 12px;font-size:.875rem;transition:border-color .2s}.hol-input:focus{border-color:var(--color-primary)}.hol-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hol-duration-badge{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);color:var(--color-text-secondary);padding:10px 14px;font-size:.85rem}.hol-error-banner{border-radius:var(--radius-md,8px);color:#ef4444;background:#ef444426;border:1px solid #ef44444d;padding:10px 14px;font-size:.825rem;font-weight:600}.hol-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.hol-empty-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:10px;padding:3.5rem 1.5rem;display:flex}.hol-empty-state h3{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:700}.hol-empty-state p{margin:0;font-size:.85rem}.hol-search-wrapper{flex:1;min-width:220px}.hol-create-btn{white-space:nowrap;flex-shrink:0}.hol-presets-bottom-sheet{flex-direction:column;gap:14px;padding:4px 0;display:flex}.hol-presets-sheet-desc{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.4}.hol-presets-grid{flex-direction:column;gap:10px;display:flex}.hol-preset-sheet-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.hol-preset-sheet-card:hover{border-color:var(--color-primary);background:#7d5aff14;transform:translateY(-1px)}.hol-preset-card-icon{width:38px;height:38px;color:var(--color-primary);background:#7d5aff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hol-preset-card-info{flex-direction:column;gap:2px;display:flex}.hol-preset-card-info strong{color:var(--color-text-primary);font-size:.9rem}.hol-preset-card-info span{color:var(--color-primary);font-size:.8rem;font-weight:600}.hol-preset-card-info small{color:var(--color-text-tertiary);font-size:.75rem}@media (min-width:1025px){.hol-header-bar{flex-direction:row;justify-content:space-between;align-items:center}.hol-header-row-1{flex:none;width:auto}.hol-header-row-2{flex:auto;justify-content:flex-end;width:auto;max-width:650px}}@media (max-width:1024px){.holidays-page{gap:10px;max-width:100vw;padding:10px 12px;overflow-x:hidden}.hol-header-section{gap:10px;width:100%;padding-bottom:0}.hol-header-bar{flex-direction:column;gap:8px;width:100%;display:flex}.hol-header-row-1{align-items:center;gap:8px;width:100%;display:flex}.hol-header-row-2{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.hol-grid-2{grid-template-columns:1fr}.hol-mc-body{flex-direction:column;align-items:flex-start;gap:6px}.hol-mc-footer{flex-wrap:wrap;gap:8px}}@media (max-width:640px){.hol-presets-btn-text{display:none}.hol-presets-btn{min-width:42px;padding:8px 12px!important}}.sms-page{box-sizing:border-box;flex-direction:column;gap:1.25rem;height:100%;padding:1.5rem;display:flex;overflow:hidden}.sms-content-scroll{flex:1;padding-bottom:3rem;overflow-y:auto}.sms-desktop-notice{background:color-mix(in srgb, var(--color-accent,#6c63ff) 8%, var(--color-bg-secondary));border:1px solid color-mix(in srgb, var(--color-accent,#6c63ff) 25%, var(--color-border));border-radius:var(--radius-md,10px);color:var(--color-text-secondary);align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:.8rem;line-height:1.5;display:flex}.sms-desktop-notice strong{color:var(--color-text-primary);font-weight:600}.sms-bulk-bar{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border,#ffffff1f);border-radius:var(--radius-lg,12px);background:#121814f2;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 16px;animation:.2s ease-out fadeIn;display:flex;box-shadow:0 8px 24px #00000059}.sms-bulk-info{align-items:center;gap:8px;display:flex}.sms-bulk-badge{background:var(--color-primary,#22c55e);color:#fff;border-radius:12px;padding:2px 9px;font-size:.8rem;font-weight:700}.sms-bulk-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.sms-bulk-buttons{align-items:center;gap:8px;display:flex}.sms-bulk-icon-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.sms-bulk-icon-btn.send-btn{background:var(--color-primary,#22c55e);color:#fff}.sms-bulk-icon-btn.send-btn:hover{filter:brightness(1.1)}.sms-bulk-icon-btn.delete-btn{color:#ef4444;background:#ef444426;border-color:#ef44444d}.sms-bulk-icon-btn.delete-btn:hover{background:#ef444440}.sms-bulk-icon-btn.select-all-btn{background:var(--color-bg-tertiary,#ffffff0f);color:var(--color-text-primary);border-color:var(--color-border)}.sms-bulk-icon-btn.select-all-btn:hover{background:#ffffff1f}.sms-bulk-icon-btn.cancel-btn{color:var(--color-text-secondary);background:0 0;padding:7px}.sms-bulk-icon-btn.cancel-btn:hover{color:var(--color-text-primary)}@media (max-width:768px){.sms-bulk-bar{z-index:900;border-color:var(--color-primary,#22c55e);margin-bottom:0;padding:8px 12px;position:fixed;bottom:74px;left:16px;right:16px}.desktop-only-text{display:none}.sms-bulk-icon-btn{padding:8px 10px}}.sms-table-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);overflow:hidden}.sms-table-checkbox{cursor:pointer;width:17px;height:17px;accent-color:var(--color-primary)}.sms-table-event-col{flex-direction:column;gap:3px;min-width:200px;display:flex}.student-name-cell{align-items:center;gap:var(--spacing-md,12px);font-weight:500;display:flex}.table-avatar{background:linear-gradient(135deg, var(--color-primary,#7d5aff), #a855f7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sms-table-event-name{color:var(--color-text-primary);font-size:.92rem;font-weight:600}.sms-table-event-desc{color:var(--color-text-secondary);font-size:.78rem}.sms-table-message-preview{color:var(--color-text-tertiary,#94a3b8);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border-radius:4px;max-width:340px;margin-top:2px;padding:2px 6px;font-family:inherit;font-size:.75rem;overflow:hidden}.sms-table-audience-col{flex-direction:column;gap:4px;display:flex}.subject-badge-container{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subject-badge{color:#a78bfa;background:#7d5aff26;border:1px solid #7d5aff40;border-radius:6px;align-items:center;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.sms-audience-tag{color:var(--color-primary);background:#7d5aff1f;border:1px solid #7d5aff40;border-radius:6px;align-items:center;width:fit-content;padding:3px 8px;font-size:.76rem;font-weight:600;display:inline-flex}.sms-table-audience-count{color:var(--color-text-secondary);font-size:.75rem}.sms-table-date{color:var(--color-text-secondary);white-space:nowrap;font-size:.82rem}.sms-table-actions-cell{width:200px}.sms-table-action-btns{align-items:center;gap:12px;display:flex}.sms-row-action-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:500;transition:all .15s}.sms-row-action-btn.edit:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.sms-row-action-btn.delete{color:#ef4444}.sms-row-action-btn.delete:hover{color:#ef4444;background:#ef444426}.sms-mobile-cards-list{flex-direction:column;gap:10px;display:flex}.sms-mobile-event-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;transition:background .2s,transform .15s,border-color .2s;display:flex}.sms-mobile-event-card.is-selected{box-shadow:0 0 0 1px var(--color-primary);border-color:var(--color-primary)!important;background:#7d5aff24!important}.sms-mec-header{align-items:center;gap:10px;display:flex}.sms-mec-title-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.sms-mec-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.sms-mec-desc{color:var(--color-text-secondary);font-size:.78rem}.sms-mec-msg{color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);-webkit-line-clamp:2;border-radius:8px;-webkit-box-orient:vertical;padding:8px 10px;font-family:monospace;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.sms-mec-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sms-badge-count{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:600}.sms-mec-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.sms-mec-time{color:var(--color-text-tertiary,#94a3b8);font-size:.74rem}.sms-mec-actions{align-items:center;gap:6px;display:flex}.sms-status-badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.sms-status-badge.sent{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.sms-status-badge.partial{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.sms-status-badge.failed{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.sms-new-event-layout{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem;display:grid}.sms-form-card,.sms-preview-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,14px);flex-direction:column;max-height:calc(100vh - 180px);padding:1.25rem;display:flex;overflow-y:auto}.sms-form-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.sms-form-title{color:var(--color-text-primary);margin:0;font-size:1.05rem;font-weight:700}.sms-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sms-filter-row{margin-top:4px}.sms-merge-tags{flex-wrap:wrap;gap:6px;display:flex}.merge-tag-chip{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.76rem;transition:all .15s}.merge-tag-chip:hover{background:var(--color-primary);color:#fff}.sms-ai-tools-bar{align-items:center;gap:6px;display:flex}.sms-ai-action-btn{cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.sms-ai-action-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sms-ai-action-btn.refine-btn{color:#c084fc;background:linear-gradient(135deg,#7d5aff2e,#a855f72e);border-color:#a855f773}.sms-ai-action-btn.refine-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#7d5aff59,#a855f759);border-color:#a855f7;transform:translateY(-1px);box-shadow:0 0 14px #a855f759}.sms-ai-action-btn.refine-btn.is-loading{pointer-events:none;animation:1.4s ease-in-out infinite alternate aiPulse}@keyframes aiPulse{0%{opacity:.75;box-shadow:0 0 4px #a855f733}to{opacity:1;box-shadow:0 0 16px #a855f799}}.sms-ai-action-btn.undo-btn{border-color:var(--color-border);color:var(--color-text-secondary);background:#ffffff0d}.sms-ai-action-btn.undo-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff1f;transform:translateY(-1px)}.sms-message-wrap{margin-top:6px;position:relative}.sms-textarea{resize:vertical;background:var(--color-bg-primary);border:1.5px solid var(--color-border);width:100%;min-height:120px;max-height:320px;color:var(--color-text-primary);font-family:var(--font-family);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px 26px;font-size:.88rem;line-height:1.5;transition:border-color .15s;overflow-y:auto}.sms-textarea:focus{border-color:var(--color-primary)}.sms-char-counter{color:var(--color-text-secondary);pointer-events:none;font-size:.72rem;position:absolute;bottom:8px;right:12px}.student-multipicker{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.student-multipicker-search{border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);box-sizing:border-box;background:0 0;outline:none;width:100%;padding:8px 12px;font-size:.82rem}.student-multipicker-list{max-height:160px;overflow-y:auto}.student-multipicker-item{cursor:pointer;color:var(--color-text-primary);align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;display:flex}.student-multipicker-item:hover{background:var(--color-bg-primary)}.student-multipicker-item input[type=checkbox]{accent-color:var(--color-primary)}.sms-preview-card{gap:12px;height:calc(100vh - 180px);max-height:calc(100vh - 180px);position:sticky;top:0;overflow-y:auto}.sms-card-title{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin:0;padding-bottom:8px;font-size:.92rem;font-weight:700}.sms-recipient-count{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;display:flex}.sms-recipient-count strong{color:var(--color-primary);font-size:1.15rem}.sms-preview-phone{background:var(--color-bg-tertiary);border:1px solid var(--color-border);min-height:60px;max-height:160px;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;border-radius:12px;padding:14px;font-size:.84rem;line-height:1.55;overflow-y:auto}.sms-preview-phone .preview-placeholder{color:var(--color-text-secondary);font-style:italic}.sms-recipient-list{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.sms-recipient-chip{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;display:flex}.sms-recipient-chip-phone{color:var(--color-text-secondary);margin-left:auto;font-family:monospace;font-size:.74rem}.sms-progress-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sms-progress-box{background:var(--color-bg-primary);border:1px solid var(--color-border);text-align:center;border-radius:16px;flex-direction:column;gap:12px;min-width:300px;max-width:90vw;padding:2rem;display:flex;box-shadow:0 20px 50px #0006}.sms-progress-spinner{color:var(--color-primary);animation:1.5s infinite pulse}.sms-progress-text{color:var(--color-text-primary);font-size:1rem;font-weight:700}.sms-progress-sub{color:var(--color-text-secondary);font-size:.82rem}.sms-progress-bar-wrap{background:var(--color-bg-secondary);border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.sms-progress-bar{background:var(--color-primary);border-radius:999px;height:100%;transition:width .3s}.sms-empty-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:3rem 1.5rem;display:flex}.sms-empty-state h3{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:700}.sms-empty-state p{margin:0;font-size:.84rem}@media (max-width:768px){.sms-page{box-sizing:border-box;gap:.8rem;width:100%;max-width:100vw;padding:.75rem;overflow-x:hidden}.payments-header-section{box-sizing:border-box;width:100%;max-width:100%}.attendance-toolbar-header{flex-wrap:wrap;gap:10px!important}.attendance-segmented-tabs{max-width:100%;overflow-x:auto}.sms-content-scroll{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.sms-new-event-layout{box-sizing:border-box;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%}.sms-form-card,.sms-preview-card{box-sizing:border-box;width:100%;max-width:100%;max-height:none;padding:.9rem;overflow-y:visible}.sms-form-header{flex-wrap:wrap;gap:8px}.sms-field,.sms-field .input-field{box-sizing:border-box;width:100%;max-width:100%}.sms-form-grid{box-sizing:border-box;grid-template-columns:1fr;gap:10px;width:100%;max-width:100%}.sms-filter-row{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:100%;display:flex}.sms-filter-row .gamma-dual-filter-container{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;max-width:100%;display:flex}.sms-filter-row .gamma-filter-popover-wrapper{box-sizing:border-box;width:100%}.sms-filter-row .gamma-dual-btn{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;width:100%;padding:0 10px;font-size:.8rem;overflow:hidden}.sms-filter-row .gamma-dual-btn span,.sms-filter-row .gamma-dual-btn strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sms-filter-row .gamma-dual-popover{width:100%;min-width:unset;box-sizing:border-box;max-width:calc(100vw - 2.5rem)}.sms-textarea{resize:none;box-sizing:border-box;width:100%;max-height:180px}.sms-ai-tools-bar{width:auto}.sms-ai-action-btn{padding:5px 9px;font-size:.75rem}.sms-merge-tags{box-sizing:border-box;flex-wrap:wrap;gap:5px;width:100%;max-width:100%}.sms-preview-card{order:2;height:auto;position:static}.sms-preview-phone{box-sizing:border-box;word-break:break-word;overflow-wrap:break-word;max-width:100%}.sms-recipient-list{box-sizing:border-box;width:100%}.sms-recipient-chip{box-sizing:border-box;flex-wrap:wrap;max-width:100%}}.sms-mention-popup{z-index:500;background:var(--color-bg-elevated,var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--radius-md,10px);max-height:280px;animation:.12s ease-out fadeIn;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 32px #00000059}.sms-mention-item{border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;width:100%;color:var(--color-text-primary);background:0 0;align-items:center;gap:10px;padding:9px 14px;transition:background .12s;display:flex}.sms-mention-item:last-child{border-bottom:none}.sms-mention-item:hover,.sms-mention-item.highlighted{background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.sms-mention-tag{color:var(--color-primary);flex-shrink:0;min-width:110px;font-family:Courier New,monospace;font-size:.82rem;font-weight:700}.sms-mention-label{color:var(--color-text-primary);flex:1;font-size:.83rem}.sms-mention-example{color:var(--color-text-secondary);opacity:.75;font-size:.75rem;font-style:italic}.sms-at-hint{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:.75rem;display:flex}.sms-at-hint kbd{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);box-shadow:0 1px 0 var(--color-border);border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-family:Courier New,monospace;font-size:.78rem;font-weight:700;line-height:1.4;display:inline-flex}.sms-progress-overlay{-webkit-backdrop-filter:blur(16px);z-index:99999;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.sms-nfc-modal{background:#0a0e14f7;border:1px solid #22c55e59;border-radius:20px;flex-direction:column;gap:14px;width:440px;max-width:94vw;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;box-shadow:0 20px 50px #000000bf,0 0 25px #22c55e1f}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.sms-nfc-header{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding-bottom:12px;display:flex}.sms-nfc-status-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.4s ease-in-out infinite nfcPulse;box-shadow:0 0 10px #22c55e}.sms-nfc-header-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sms-nfc-title{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-family:Courier New,monospace;font-size:.88rem;font-weight:800}.sms-nfc-sub{color:var(--color-text-secondary);font-size:.76rem}.sms-nfc-count-pill{color:#22c55e;background:#22c55e29;border:1px solid #22c55e59;border-radius:12px;padding:3px 10px;font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.sms-nfc-progress-track{background:#ffffff14;border-radius:99px;width:100%;height:5px;overflow:hidden}.sms-nfc-progress-fill{background:linear-gradient(90deg,#10b981,#22c55e);border-radius:99px;height:100%;transition:width .25s ease-out;box-shadow:0 0 10px #22c55e80}.sms-nfc-list-viewport{scroll-behavior:smooth;flex-direction:column;gap:6px;max-height:235px;padding-right:4px;display:flex;overflow-y:auto}.sms-nfc-list-viewport::-webkit-scrollbar{width:5px}.sms-nfc-list-viewport::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sms-nfc-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.sms-nfc-row.is-current{background:#22c55e14;border-color:#22c55e59;box-shadow:0 0 12px #22c55e1a}.sms-nfc-row.status-success{background:#22c55e0a}.sms-nfc-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sms-nfc-row-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sms-nfc-row-meta{color:var(--color-text-secondary);font-family:Courier New,monospace;font-size:.74rem}.sms-nfc-row-status{flex-shrink:0;align-items:center;gap:6px;display:flex}.sms-nfc-tag{border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.sms-nfc-tag.pending{color:var(--color-text-tertiary);background:#ffffff0f}.sms-nfc-tag.sending{color:#22c55e;background:#22c55e26}.sms-nfc-spinner{border:2px solid #22c55e4d;border-top-color:#22c55e;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite nfcSpin}@keyframes nfcSpin{to{transform:rotate(360deg)}}.sms-nfc-tick-badge{color:#22c55e;background:#22c55e33;border:1px solid #22c55e66;border-radius:10px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;animation:.28s cubic-bezier(.175,.885,.32,1.275) forwards tickPopIn;display:inline-flex}@keyframes tickPopIn{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.sms-nfc-error-badge{color:#ef4444;background:#ef444433;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;animation:.28s cubic-bezier(.175,.885,.32,1.275) forwards tickPopIn;display:inline-flex}.sms-nfc-footer{color:#f59e0b;text-align:center;background:#f59e0b1a;border:1px solid #f59e0b38;border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;font-size:.77rem;font-weight:600;display:inline-flex}.sms-setup-card{background:var(--color-bg-secondary,#ffffff08);border:1px solid var(--color-border,#ffffff14);border-radius:var(--radius-lg,16px);max-width:540px;margin:0 auto;padding:20px;box-shadow:0 12px 32px #00000040}.sms-setup-header{border-bottom:1px solid var(--color-border,#ffffff14);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.sms-setup-icon{background:color-mix(in srgb, var(--color-accent,#6c63ff) 15%, transparent);width:48px;height:48px;color:var(--color-accent,#6c63ff);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sms-setup-title{color:var(--color-text-primary);margin:0 0 4px;font-size:1.15rem;font-weight:700}.sms-setup-subtitle{color:var(--color-text-secondary);margin:0;font-size:.85rem}.sms-setup-steps{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sms-setup-step{background:var(--color-bg-primary,#0003);border:1px solid var(--color-border,#ffffff0f);border-radius:12px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.sms-setup-step-num{background:var(--color-accent,#6c63ff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.85rem;font-weight:700;display:flex}.sms-setup-step-body strong{color:var(--color-text-primary);margin-bottom:2px;font-size:.9rem;display:block}.sms-setup-step-body p{color:var(--color-text-secondary);margin:0;font-size:.82rem;line-height:1.4}.sms-setup-footer{justify-content:flex-end;display:flex}.sms-global-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sms-global-search-wrap{flex:1;min-width:280px;position:relative}.sms-search-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sms-global-search-input{width:100%;padding-left:36px!important;padding-right:32px!important}.sms-search-clear{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sms-search-clear:hover{color:var(--color-text-primary)}.sms-global-filters-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.sms-filter-select{cursor:pointer;min-width:120px;max-width:160px;border-radius:var(--radius-md,8px)!important;background:var(--color-bg-secondary)!important;padding:7px 10px!important;font-size:.8rem!important}.sms-global-grouped-list{flex-direction:column;gap:12px;display:flex}.sms-global-group-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);transition:border-color .2s,box-shadow .2s;overflow:hidden}.sms-global-group-card:hover{border-color:#ffffff2e}.sms-global-group-card.is-expanded{border-color:var(--color-primary,#22c55e);box-shadow:0 4px 20px #00000040}.sms-global-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.sms-global-group-title-col{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sms-global-group-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sms-purpose-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:800}.sms-purpose-badge.attendance{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f64d}.sms-purpose-badge.payment{color:#4ade80;background:#22c55e2e;border:1px solid #22c55e4d}.sms-purpose-badge.manual{color:#c084fc;background:#a855f72e;border:1px solid #a855f74d}.sms-purpose-badge.event{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b4d}.sms-purpose-badge.system{color:#cbd5e1;background:#94a3b82e;border:1px solid #94a3b84d}.sms-class-badge,.sms-grade-badge{color:var(--color-text-secondary);background:#ffffff0f;border-radius:6px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.sms-global-message-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sms-global-message-preview{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:540px;font-size:.83rem;overflow:hidden}.sms-header-preview-chip{color:var(--color-primary,#818cf8);cursor:pointer;background:#6366f124;border:1px solid #6366f147;border-radius:6px;align-items:center;padding:2px 8px;font-size:.73rem;font-weight:600;transition:all .15s;display:inline-flex}.sms-header-preview-chip:hover{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1)}.sms-global-group-meta-col{flex-shrink:0;align-items:center;gap:14px;display:flex}.sms-global-recipients-pill{color:var(--color-text-secondary);background:#ffffff0d;border-radius:12px;align-items:center;padding:4px 10px;font-size:.8rem;display:inline-flex}.sms-global-time{color:var(--color-text-tertiary);font-family:monospace;font-size:.78rem}.sms-expand-chevron-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.sms-global-subtable-wrap{border-top:1px solid var(--color-border);background:#0003;overflow-x:auto}.sms-global-subtable{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.sms-global-subtable th{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);background:#ffffff05;padding:10px 16px;font-size:.74rem;font-weight:700}.sms-global-subtable td{color:var(--color-text-secondary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 16px}.sms-global-subtable tr:last-child td{border-bottom:none}.sms-subtable-msg-cell{min-width:240px;max-width:420px;color:var(--color-text-primary);font-size:.82rem}.sms-msg-cell-container{flex-direction:column;gap:6px;display:flex}.sms-msg-text-content{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;line-height:1.45;transition:color .15s;overflow:hidden}.sms-msg-text-content:hover{color:var(--color-primary,#818cf8)}.sms-msg-text-content.is-full{white-space:normal;word-break:break-word;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px}.sms-msg-action-bar{align-items:center;gap:8px;display:flex}.sms-msg-text-toggle-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600;text-decoration:underline;transition:color .15s}.sms-parent-view-btn{color:var(--color-primary,#818cf8);cursor:pointer;background:#6366f11a;border:1px solid #6366f140;border-radius:5px;align-items:center;padding:2px 7px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.sms-parent-view-btn:hover{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1)}.sms-parent-device-view{flex-direction:column;gap:16px;display:flex}.sms-phone-mockup{background:var(--color-bg-primary,#04070d);border:2px solid var(--color-border,#ffffff1f);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 16px 36px #0006}.sms-phone-notch{background:var(--color-bg-primary,#04070d);justify-content:center;padding-top:8px;padding-bottom:4px;display:flex}.sms-phone-app-bar{background:var(--color-bg-secondary,#0d131f);border-bottom:1px solid var(--color-border,#ffffff14);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sms-phone-sender-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sms-phone-sender-type{color:var(--color-text-tertiary,#94a3b8);font-size:.72rem}.sms-phone-meta-item .label{color:var(--color-text-tertiary,#94a3b8)}.sms-phone-meta-item .phone-mono{color:#38bdf8;font-family:monospace}.sms-phone-bubble-zone{background:var(--color-bg-primary,#04070d);flex-direction:column;gap:14px;min-height:180px;padding:20px 16px;display:flex}.sms-bubble-text{color:var(--color-text-primary,#f8fafc);white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.55}.sms-bubble-status-row{color:var(--color-text-tertiary,#94a3b8);justify-content:flex-end;align-items:center;gap:8px;font-size:.7rem;display:flex}.sms-bubble-time{font-family:monospace}.sms-parent-modal-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.sms-spin{animation:1s linear infinite nfcSpin}.sms-unpaid-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.sms-unpaid-kpi-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);cursor:pointer;padding:14px 16px;transition:all .2s}.sms-unpaid-kpi-card:hover{border-color:var(--color-primary,#22c55e);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.sms-kpi-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:.76rem;font-weight:700}.sms-kpi-value{color:var(--color-text-primary);margin:4px 0 2px;font-size:1.6rem;font-weight:800}.sms-kpi-value.warning{color:#ef4444}.sms-kpi-sub{color:var(--color-text-tertiary);font-size:.74rem}.mid-month-badge{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;margin-top:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-block}.sms-status-badge.lateness-1_week_late{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.sms-status-badge.lateness-2_weeks_late{color:#f97316;background:#f9731626;border:1px solid #f973164d}.sms-status-badge.lateness-3_weeks_late{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.sms-status-badge.lateness-1_month_late{color:#ef4444;background:#ef44442e;border:1px solid #ef444459}.sms-status-badge.lateness-2_months_plus_late{color:#fca5a5;background:#b91c1c40;border:1px solid #ef444480;font-weight:800}.sms-unpaid-mobile-toolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:4px 0;display:flex}.sms-unpaid-mobile-list{flex-direction:column;gap:10px;padding-bottom:24px;display:flex}.sms-unpaid-mobile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg,12px);flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s;display:flex}.sms-unpaid-mobile-card.is-selected{border-color:var(--color-primary,#22c55e);background:#22c55e0d}.sms-umc-top{align-items:center;gap:10px;display:flex}.sms-umc-info{flex-direction:column;flex:1;min-width:0;display:flex}.sms-umc-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.sms-umc-parent{color:var(--color-text-tertiary);margin-top:1px;font-size:.74rem}.sms-umc-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sms-umc-pill{border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:500}.sms-umc-pill.grade{color:var(--color-text-primary);border:1px solid var(--color-border);background:#ffffff14}.sms-umc-pill.subject{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f140}.sms-umc-pill.months{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.sms-umc-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:2px;padding-top:8px;display:flex}.sms-umc-unpaid-month{color:var(--color-text-primary);font-size:.82rem}.sms-umc-phone{color:var(--color-text-secondary);font-family:monospace;font-size:.8rem}@media (max-width:768px){.sms-unpaid-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.sms-unpaid-kpi-card{padding:10px 12px}.sms-kpi-value{font-size:1.3rem}.sms-kpi-title{font-size:.7rem}.desktop-only-text{display:none}}.traccar-onboarding-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:20px;margin-bottom:20px;padding:24px;display:flex}.traccar-onboarding-header{align-items:center;gap:16px;display:flex}.traccar-logo-wrapper{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;padding:6px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.traccar-logo-img{object-fit:contain;width:100%;height:100%}.traccar-header-text{flex-direction:column;gap:4px;display:flex}.traccar-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.traccar-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}.traccar-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.traccar-step-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.traccar-step-card.active-step{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 6%, var(--color-bg-tertiary))}.traccar-step-header{align-items:center;gap:10px;display:flex}.traccar-step-badge{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:26px;height:26px;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.traccar-step-card.active-step .traccar-step-badge{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.traccar-step-title{color:var(--color-text-primary);margin:0;font-size:.92rem;font-weight:600}.traccar-step-desc{color:var(--color-text-secondary);margin:0;font-size:.8rem;line-height:1.45}.traccar-token-box{flex-direction:column;gap:10px;margin-top:6px;display:flex}.traccar-token-input-row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.traccar-token-input{border:1px solid var(--color-border);background:var(--color-bg-secondary);min-width:200px;color:var(--color-text-primary);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:.875rem}.traccar-token-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent)}@media (max-width:768px){.traccar-onboarding-card{gap:16px;padding:16px}.traccar-steps-grid{grid-template-columns:1fr;gap:10px}.traccar-token-input-row{flex-direction:column}.traccar-token-input-row button{width:100%}}.sms-global-message-row{align-items:center;gap:8px;margin-top:4px;display:flex}.sms-header-preview-chip{color:var(--color-primary,#6366f1);cursor:pointer;white-space:nowrap;background:#6366f11f;border:1px solid #6366f147;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.76rem;font-weight:600;transition:all .18s;display:inline-flex}.sms-header-preview-chip:hover{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.sms-msg-cell-container{flex-direction:column;gap:6px;width:100%;max-width:480px;display:flex}.sms-msg-text-content{color:var(--color-text-primary);word-break:break-word;white-space:pre-wrap;background:var(--color-bg-secondary,#ffffff08);border:1px solid var(--color-border,#ffffff14);border-radius:8px;padding:6px 10px;font-size:.82rem;line-height:1.45;transition:all .2s}.sms-msg-text-content.is-collapsed{-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sms-msg-text-content.is-full{background:var(--color-bg-tertiary,#ffffff0f);border-color:var(--color-border-hover,#ffffff26)}.sms-msg-action-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sms-msg-text-toggle-btn{color:var(--color-text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.74rem;font-weight:600;text-decoration:underline;transition:color .15s}.sms-msg-text-toggle-btn:hover{color:var(--color-primary,#6366f1)}.sms-parent-view-btn{color:var(--color-primary,#6366f1);cursor:pointer;background:#6366f114;border:1px solid #6366f138;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:.72rem;font-weight:600;transition:all .16s;display:inline-flex}.sms-parent-view-btn:hover{background:var(--color-primary,#6366f1);color:#fff;border-color:var(--color-primary,#6366f1);box-shadow:0 2px 8px #6366f140}.sms-parent-device-view{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sms-phone-mockup{background:#0d1117;border:6px solid #1e293b;border-radius:28px;flex-direction:column;width:100%;max-width:440px;display:flex;overflow:hidden;box-shadow:0 20px 40px -15px #0009,0 0 0 1px #ffffff14}.sms-phone-notch{background:#0d1117;justify-content:center;align-items:center;height:24px;display:flex}.sms-notch-pill{background:#1e293b;border-radius:999px;width:72px;height:8px}.sms-phone-app-bar{background:#161b22;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 16px;display:flex}.sms-phone-sender-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f166}.sms-phone-sender-details{flex-direction:column;flex:1;min-width:0;display:flex}.sms-phone-sender-title{color:#f0f6fc;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.sms-phone-sender-type{color:#8b949e;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.sms-phone-meta-strip{background:#11161d;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:.72rem;display:flex}.sms-phone-meta-item{align-items:center;gap:4px;display:flex}.sms-phone-meta-item .label{color:#8b949e;font-weight:500}.sms-phone-meta-item .val{color:#c9d1d9;font-weight:600}.sms-phone-meta-item .phone-mono{letter-spacing:.02em;color:#58a6ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.sms-phone-bubble-zone{background:radial-gradient(circle at 100% 0,#6366f10d,#0000 70%),#0d1117;flex-direction:column;gap:14px;min-height:220px;max-height:380px;padding:20px 16px 28px;display:flex;overflow-y:auto}.sms-bubble-date-pill{color:#8b949e;background:#ffffff14;border-radius:999px;align-self:center;padding:3px 10px;font-size:.68rem;font-weight:500}.sms-incoming-bubble{background:#1f2937;border:1px solid #ffffff1a;border-radius:16px 16px 16px 4px;flex-direction:column;align-self:flex-start;gap:8px;max-width:90%;padding:12px 14px 8px;display:flex;box-shadow:0 4px 14px #00000059}.sms-bubble-text{color:#f3f4f6;word-break:break-word;white-space:pre-wrap;font-size:.88rem;line-height:1.5}.sms-bubble-status-row{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px;padding-top:5px;font-size:.68rem;display:flex}.sms-bubble-time{color:#9ca3af}.sms-bubble-ticks{color:#34d399;font-weight:600}.sms-bubble-failed{color:#f59e0b;font-weight:600}.sms-parent-modal-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:12px;display:flex}.sms-modal-stats{color:var(--color-text-secondary);font-size:.78rem}.sms-modal-stats strong{color:var(--color-text-primary)}.sms-modal-actions-group{align-items:center;gap:8px;display:flex}#root{width:100%;margin:0 auto}