@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-hue:142;--primary:hsl(var(--primary-hue), 72%, 24%);--primary-light:hsl(var(--primary-hue), 60%, 42%);--primary-glow:hsla(var(--primary-hue), 72%, 24%, .15);--bg-app:#f6f7f9;--bg-card:#ffffffbf;--bg-input:#ffffffe6;--text-main:#030711;--text-muted:#5d636f;--border-light:rgba(142, 72%, 24%, .1);--border-glass:#fff6;--success:#0d9652;--success-glow:#0d96521a;--warning:#e68a00;--warning-glow:#e68a0026;--danger:#ed2c2c;--danger-glow:#ed2c2c1f;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 30px #0000000f;--shadow-lg:0 16px 40px #0000001a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}@media (prefers-color-scheme:dark){:root{--bg-app:#101319;--bg-card:#1e293bb3;--bg-input:#0f172a99;--text-main:#f8fafc;--text-muted:#94a3b8;--border-light:#ffffff14;--border-glass:#ffffff0d;--primary:hsl(var(--primary-hue), 65%, 45%);--primary-light:hsl(var(--primary-hue), 55%, 55%);--primary-glow:hsla(var(--primary-hue), 65%, 45%, .25);--success:#18b451;--success-glow:#18b45126;--warning:#f59f0a;--warning-glow:#f59f0a33;--danger:#ef4343;--danger-glow:#ef434333;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #0000004d;--shadow-lg:0 16px 40px #0006}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s}button,input,select,textarea{color:inherit;font-family:inherit}.app-container{background-color:var(--bg-app);flex-direction:column;min-height:100vh;transition:background-color .3s,color .3s;display:flex;position:relative}@media (width<=767px){.app-container{max-width:480px;margin:0 auto;padding-bottom:90px;box-shadow:0 0 40px #0000001a}}.app-header{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--primary-hue), 80%, 15%) 100%);color:#fff;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:50;padding:24px 20px 16px;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.brand-title{letter-spacing:-.5px;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.brand-subtitle{opacity:.8;font-size:.75rem;font-weight:400}.header-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.stat-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #ffffff26;padding:12px}.stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px;font-size:.7rem}.stat-value{font-size:1.1rem;font-weight:700}.search-filter-section{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.search-box{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:10px;padding:12px 16px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.class-chips-scroll{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.class-chips-scroll::-webkit-scrollbar{display:none}.class-chip{background-color:var(--bg-card);border:1px solid var(--border-light);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:100px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.class-chip.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.student-list-container{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.student-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.student-card:active{transform:scale(.98)}.student-card:before{content:"";background-color:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.student-info{justify-content:space-between;align-items:flex-start;display:flex}.student-name{color:var(--text-main);font-size:1.05rem;font-weight:700}.student-class{color:var(--text-muted);margin-top:2px;font-size:.75rem;font-weight:500}.student-balance-section{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.student-balance-label{color:var(--text-muted);font-size:.75rem}.student-balance-val{color:var(--primary);font-size:1.25rem;font-weight:800}.badges-container{flex-direction:column;gap:6px;margin-top:4px;display:flex}.warning-badge{background-color:var(--warning-glow);color:var(--warning);border:1px solid var(--warning);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:600;animation:2s ease-in-out infinite pulse-warning;display:inline-flex}.surplus-badge{background-color:var(--primary-glow);color:var(--primary);border:1px solid var(--primary-light);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:600;transition:background-color .2s;display:inline-flex}.surplus-badge:hover{background-color:hsla(var(--primary-hue), 72%, 24%, .1)}@keyframes pulse-warning{0%{box-shadow:0 0 #e68a0066}70%{box-shadow:0 0 0 6px #e68a0000}to{box-shadow:0 0 #e68a0000}}.student-actions{border-top:1px dashed var(--border-light);grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px;padding-top:12px;display:grid}.btn-action-small{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-card);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-action-small:active{background-color:var(--primary-glow)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-drawer{background-color:var(--bg-app);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-top:1px solid var(--border-glass);flex-direction:column;gap:16px;max-height:90vh;padding:24px 20px;display:flex;overflow-y:auto}.drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.drawer-title{font-size:1.15rem;font-weight:800}.btn-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem;line-height:1}.numpad-container{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;display:grid}.btn-num{border-radius:var(--radius-sm);background-color:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;padding:10px 4px;font-size:.85rem;font-weight:700;transition:all .15s}.btn-num:active{background-color:var(--primary);color:#fff}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:.8rem;font-weight:600}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-light);background-color:var(--bg-input);outline:none;width:100%;padding:12px;font-size:.95rem}.form-input:focus{border-color:var(--primary)}.billing-card-preview{color:#1a202c;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:2px solid #e2e8f0;flex-direction:column;gap:12px;padding:24px;font-family:Courier New,Courier,monospace;display:flex}.billing-card-preview .title{text-align:center;border-bottom:2px dashed #cbd5e0;padding-bottom:12px;font-size:1.1rem;font-weight:700}.billing-row{justify-content:space-between;font-size:.85rem;display:flex}.billing-divider{border-top:1px dashed #cbd5e0;margin:6px 0}.bottom-nav{background-color:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-glass);z-index:90;grid-template-columns:repeat(4,1fr);align-items:center;width:100%;max-width:480px;height:70px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000d}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--primary);font-weight:700}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:700;transition:all .2s;display:flex}.btn-primary:active{background-color:hsl(var(--primary-hue), 72%, 18%)}.btn-secondary{border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;padding:14px;font-weight:600}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.bulk-student-row{border-bottom:1px solid var(--border-light);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.bulk-student-row:active{background-color:var(--primary-glow)}.bulk-student-info{align-items:center;gap:10px;display:flex}.checkbox-custom{border:2px solid var(--primary-light);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.checkbox-custom.checked{background-color:var(--primary);border-color:var(--primary);color:#fff}.quick-control-bar{background-color:var(--primary-glow);border-radius:var(--radius-sm);color:var(--primary);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex}.desktop-nav{display:none}@media (width>=768px){.app-container{border-radius:var(--radius-lg);max-width:1240px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin:40px auto;padding-bottom:0;overflow:hidden}.desktop-nav{background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;gap:8px;padding:6px;display:flex}.desktop-nav-item{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.desktop-nav-item:hover{color:#fff;background:#ffffff0f}.desktop-nav-item.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.bottom-nav{display:none!important}.student-list-container{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;padding:24px;display:grid}.setup-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.setup-buttons-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.history-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.modal-overlay{padding:24px;align-items:center!important}.bottom-drawer{margin:auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards modal-appear;transform:translateY(-2%);border-radius:var(--radius-md)!important;max-width:480px!important}}.dashboard-layout{flex-direction:column;display:flex}.dashboard-sidebar{display:none}@media (width>=992px){.dashboard-layout{grid-template-columns:310px 1fr;gap:24px;padding:24px;display:grid}.dashboard-sidebar{flex-direction:column;gap:20px;display:flex}.dashboard-main{flex-direction:column;gap:16px;display:flex}.student-list-container{padding:0!important}}.bulk-layout{flex-direction:column;gap:16px;padding:20px;display:flex}@media (width>=992px){.bulk-layout{grid-template-columns:1.1fr 1fr;gap:24px;padding:24px;display:grid}}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)translateY(-2%)}to{opacity:1;transform:scale(1)translateY(0)}}