@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Inter:wght@400;500;600&display=swap);:root{--sky:#4fc3f7;--sky-dark:#0288d1;--sky-light:#e1f5fe;--mint:#a8edcb;--mint-dark:#43a047;--yellow:#ffd54f;--yellow-dark:#f9a825;--coral:#ff8a80;--coral-dark:#e53935;--purple:#ce93d8;--purple-dark:#7b1fa2;--white:#fff;--slate:#334155;--slate-light:#64748b;--bg:#f0f9ff;--card:#fff;--border:#e2eff9;--text:#1e293b;--text-muted:#64748b;--shadow:0 4px 24px #4fc3f721;--shadow-lg:0 8px 40px #4fc3f72e;--radius:20px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f9ff;background:var(--bg);color:#1e293b;color:var(--text);font-family:Inter,sans-serif;min-height:100vh}h1,h2,h3,h4,h5{font-family:Nunito,sans-serif;font-weight:800}.app-layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,#1e3a5f,#0f2240);bottom:0;box-shadow:4px 0 24px #0000002e;display:flex;flex-direction:column;left:0;padding:28px 0;position:fixed;top:0;width:260px;z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:12px;margin-bottom:20px;padding:0 24px 32px}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#4fc3f7,#a8edcb);background:linear-gradient(135deg,var(--sky),var(--mint));border-radius:14px;box-shadow:0 4px 16px #4fc3f766;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.sidebar-logo-text h2{color:#fff;font-size:16px;line-height:1.2}.sidebar-logo-text span{color:#ffffff80;font-family:Inter,sans-serif;font-size:11px;font-weight:400}.sidebar-section-label{color:#ffffff4d;font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:1.5px;margin:16px 0 8px;padding:0 24px;text-transform:uppercase}.sidebar-nav a{align-items:center;border-radius:0;color:#fff9;display:flex;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;gap:12px;padding:11px 24px;position:relative;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#ffffff0f;color:#fff}.sidebar-nav a.active{background:#4fc3f726;color:#fff}.sidebar-nav a.active:before{background:linear-gradient(180deg,#4fc3f7,#a8edcb);background:linear-gradient(to bottom,var(--sky),var(--mint));border-radius:0 4px 4px 0;bottom:6px;content:"";left:0;position:absolute;top:6px;width:4px}.sidebar-nav a .nav-icon{align-items:center;background:#ffffff0f;border-radius:10px;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.sidebar-nav a.active .nav-icon{background:linear-gradient(135deg,#4fc3f7,#a8edcb);background:linear-gradient(135deg,var(--sky),var(--mint));box-shadow:0 4px 12px #4fc3f766}.sidebar-nav a .nav-badge{background:#ff8a80;background:var(--coral);border-radius:20px;color:#fff;font-family:Nunito,sans-serif;font-size:10px;font-weight:700;margin-left:auto;padding:2px 7px}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:20px 24px 0}.sidebar-user{align-items:center;background:#ffffff0f;border-radius:14px;display:flex;gap:10px;padding:12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#4fc3f7,#ce93d8);background:linear-gradient(135deg,var(--sky),var(--purple));border-radius:50%;color:#fff;display:flex;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.sidebar-user-info h4{color:#fff;font-size:13px;font-weight:700}.sidebar-user-info span{color:#ffffff73;font-family:Inter,sans-serif;font-size:11px}.main-content{flex:1 1;margin-left:260px;min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0f9ffeb;border-bottom:1px solid #e2eff9;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:16px 36px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar-left h1{color:#1e293b;color:var(--text);font-size:22px}.topbar-left p{color:#64748b;color:var(--text-muted);font-family:Inter,sans-serif;font-size:13px;font-weight:400}.topbar-right{gap:12px}.topbar-right,.topbar-search{align-items:center;display:flex}.topbar-search{background:#fff;background:var(--white);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:12px;color:#64748b;color:var(--text-muted);font-size:14px;gap:8px;padding:8px 14px;width:220px}.topbar-search input{background:#0000;border:none;color:#1e293b;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;width:100%}.topbar-btn{align-items:center;background:#fff;background:var(--white);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:12px;color:#64748b;color:var(--slate-light);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.topbar-btn:hover{background:#e1f5fe;background:var(--sky-light);color:#0288d1;color:var(--sky-dark)}.topbar-btn .notif-dot{background:#ff8a80;background:var(--coral);border:2px solid #f0f9ff;border:2px solid var(--bg);border-radius:50%;height:8px;position:absolute;right:7px;top:7px;width:8px}.page-inner{padding:32px 36px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card{background:#fff;background:var(--card);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 24px #4fc3f721;box-shadow:var(--shadow);overflow:hidden;padding:24px;position:relative;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 40px #4fc3f72e;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card-accent{border-radius:0 20px 0 80px;height:80px;opacity:.12;position:absolute;right:0;top:0;width:80px}.stat-card.sky .stat-card-accent{background:#4fc3f7;background:var(--sky)}.stat-card.mint .stat-card-accent{background:#43a047;background:var(--mint-dark)}.stat-card.yellow .stat-card-accent{background:#f9a825;background:var(--yellow-dark)}.stat-card.coral .stat-card-accent{background:#e53935;background:var(--coral-dark)}.stat-icon{align-items:center;border-radius:14px;display:flex;font-size:22px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.stat-card.sky .stat-icon{background:#e1f5fe}.stat-card.mint .stat-icon{background:#e8f5e9}.stat-card.yellow .stat-icon{background:#fff9c4}.stat-card.coral .stat-icon{background:#ffebee}.stat-value{font-family:Nunito,sans-serif;font-size:32px;font-weight:900;line-height:1;margin-bottom:4px}.stat-card.sky .stat-value{color:#0288d1;color:var(--sky-dark)}.stat-card.mint .stat-value{color:#43a047;color:var(--mint-dark)}.stat-card.yellow .stat-value{color:#f9a825;color:var(--yellow-dark)}.stat-card.coral .stat-value{color:#e53935;color:var(--coral-dark)}.stat-label{color:#64748b;color:var(--text-muted);font-size:13px;font-weight:500}.stat-change{align-items:center;display:flex;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;gap:4px;margin-top:12px}.stat-change.up{color:#43a047;color:var(--mint-dark)}.stat-change.down{color:#e53935;color:var(--coral-dark)}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:28px}.chart-card{background:#fff;background:var(--card);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 24px #4fc3f721;box-shadow:var(--shadow);padding:24px}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-card-header h3{color:#1e293b;color:var(--text);font-size:16px}.chart-card-header p{color:#64748b;color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px}.chip{border-radius:20px;cursor:pointer;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;padding:4px 12px}.chip.sky{background:#e1f5fe;background:var(--sky-light);color:#0288d1;color:var(--sky-dark)}.chip.mint{background:#e8f5e9;color:#43a047;color:var(--mint-dark)}.chip.yellow{background:#fff9c4;color:#f9a825;color:var(--yellow-dark)}.chip.coral{background:#ffebee;color:#e53935;color:var(--coral-dark)}.chip.purple{background:#f3e5f5;color:#7b1fa2;color:var(--purple-dark)}.bottom-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.data-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1.5px solid #e2eff9;border-bottom:1.5px solid var(--border);color:#64748b;color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.8px;padding:0 16px 12px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #e2eff9;border-bottom:1px solid var(--border);font-family:Inter,sans-serif;font-size:14px;padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#e1f5fe;background:var(--sky-light)}.student-cell{gap:10px}.student-avatar,.student-cell{align-items:center;display:flex}.student-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-family:Nunito,sans-serif;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.student-avatar.sky{background:linear-gradient(135deg,#4fc3f7,#0288d1)}.student-avatar.mint{background:linear-gradient(135deg,#a8edcb,#43a047)}.student-avatar.yellow{background:linear-gradient(135deg,#ffd54f,#f9a825)}.student-avatar.coral{background:linear-gradient(135deg,#ff8a80,#e53935)}.student-avatar.purple{background:linear-gradient(135deg,#ce93d8,#7b1fa2)}.status-badge{border-radius:20px;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;padding:3px 10px}.status-badge.present{background:#e8f5e9;color:#2e7d32}.status-badge.absent{background:#ffebee;color:#c62828}.status-badge.late{background:#fff9c4;color:#f57f17}.qr-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:40px}.qr-hero{margin-bottom:40px;text-align:center}.qr-hero h2{font-size:30px;margin-bottom:8px}.qr-hero p{color:#64748b;color:var(--text-muted);font-size:15px}.qr-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px;max-width:700px;width:100%}.qr-card{background:#fff;background:var(--card);border:2px solid #e2eff9;border:2px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 24px #4fc3f721;box-shadow:var(--shadow);cursor:pointer;padding:32px;text-align:center;transition:all .25s}.qr-card:hover{box-shadow:0 8px 40px #4fc3f72e;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.qr-card.active-card{background:#e1f5fe;background:var(--sky-light);border-color:#4fc3f7;border-color:var(--sky)}.qr-card-icon{font-size:40px;margin-bottom:16px}.qr-card h3{font-size:18px;margin-bottom:6px}.qr-card p{color:#64748b;color:var(--text-muted);font-size:13px}.qr-scanner-box{align-items:center;background:linear-gradient(135deg,#0f2240,#1e3a5f);border-radius:24px;box-shadow:0 16px 48px #0f224066;display:flex;height:280px;justify-content:center;margin:0 auto 24px;overflow:hidden;position:relative;width:280px}.qr-scanner-corner{border-color:#4fc3f7;border-color:var(--sky);border-style:solid;border-width:0;height:40px;position:absolute;width:40px}.qr-scanner-corner.tl{border-left-width:4px;border-radius:6px 0 0 0;border-top-width:4px;left:20px;top:20px}.qr-scanner-corner.tr{border-radius:0 6px 0 0;border-right-width:4px;border-top-width:4px;right:20px;top:20px}.qr-scanner-corner.bl{border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 6px;bottom:20px;left:20px}.qr-scanner-corner.br{border-bottom-width:4px;border-radius:0 0 6px 0;border-right-width:4px;bottom:20px;right:20px}.scan-line{animation:scanMove 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4fc3f7,#0000);background:linear-gradient(to right,#0000,var(--sky),#0000);box-shadow:0 0 10px #4fc3f7,0 0 20px #4fc3f780;box-shadow:0 0 10px var(--sky),0 0 20px #4fc3f780;height:2px;left:20px;position:absolute;right:20px}@keyframes scanMove{0%{top:20px}50%{top:calc(100% - 22px)}to{top:20px}}.qr-icon-center{filter:grayscale(1);font-size:80px;opacity:.3}.page-deco{animation:floatDeco 8s ease-in-out infinite;font-size:32px;opacity:.04;pointer-events:none;position:fixed;z-index:0}@keyframes floatDeco{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.notif-list{display:flex;flex-direction:column;gap:12px}.notif-item{align-items:flex-start;background:#fff;background:var(--card);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);box-shadow:0 4px 24px #4fc3f721;box-shadow:var(--shadow);display:flex;gap:14px;padding:18px 20px;transition:all .2s}.notif-item:hover{border-color:#4fc3f7;border-color:var(--sky);transform:translateX(4px)}.notif-item.unread{border-left:4px solid #4fc3f7;border-left:4px solid var(--sky)}.notif-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.notif-icon.sky{background:#e1f5fe;background:var(--sky-light)}.notif-icon.coral{background:#ffebee}.notif-icon.mint{background:#e8f5e9}.notif-icon.yellow{background:#fff9c4}.notif-content h4{font-size:14px;margin-bottom:3px}.notif-content p{font-size:13px;line-height:1.5}.notif-content p,.notif-time{color:#64748b;color:var(--text-muted)}.notif-time{font-size:11px;font-weight:500;margin-top:6px}.students-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.student-card{background:#fff;background:var(--card);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 4px 24px #4fc3f721;box-shadow:var(--shadow);cursor:pointer;padding:24px;text-align:center;transition:all .25s}.student-card:hover{border-color:#4fc3f7;border-color:var(--sky);box-shadow:0 8px 40px #4fc3f72e;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.student-card-avatar{align-items:center;border-radius:50%;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;font-family:Nunito,sans-serif;font-size:24px;font-weight:900;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.student-card h3{font-size:15px;margin-bottom:4px}.student-card .student-class{color:#64748b;color:var(--text-muted);font-size:12px;margin-bottom:14px}.student-card-stats{display:flex;gap:8px;justify-content:center}.student-mini-stat{background:#f0f9ff;background:var(--bg);border-radius:10px;color:#64748b;color:var(--text-muted);font-family:Nunito,sans-serif;font-size:11px;font-weight:700;padding:6px 10px}.login-page{align-items:center;background:linear-gradient(135deg,#0f2240,#1e3a5f 50%,#0d3b6b);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg-deco{border-radius:50%;filter:blur(60px);opacity:.12;pointer-events:none;position:absolute}.login-card{background:#fff;border-radius:28px;box-shadow:0 32px 80px #0000004d;padding:48px;position:relative;width:420px;z-index:1}.login-logo{margin-bottom:32px;text-align:center}.login-logo-icon{align-items:center;background:linear-gradient(135deg,#4fc3f7,#a8edcb);background:linear-gradient(135deg,var(--sky),var(--mint));border-radius:20px;box-shadow:0 8px 24px #4fc3f766;display:flex;font-size:30px;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.login-logo h1{color:#1e293b;color:var(--text);font-size:22px}.login-logo p{color:#64748b;color:var(--text-muted);font-size:13px;margin-top:4px}.role-tabs{grid-gap:6px;background:#f0f9ff;background:var(--bg);border-radius:14px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:28px;padding:6px}.role-tab{background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--text-muted);cursor:pointer;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;padding:9px 4px;text-align:center;transition:all .2s}.role-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#0288d1;color:var(--sky-dark)}.form-group{margin-bottom:18px}.form-group label{display:block;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;margin-bottom:8px}.form-group label,.form-input{color:#1e293b;color:var(--text)}.form-input{background:#f0f9ff;background:var(--bg);border:2px solid #e2eff9;border:2px solid var(--border);border-radius:12px;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.form-input:focus{background:#fff;border-color:#4fc3f7;border-color:var(--sky)}.btn-primary{background:linear-gradient(135deg,#4fc3f7,#0288d1);background:linear-gradient(135deg,var(--sky),var(--sky-dark));border:none;border-radius:14px;box-shadow:0 6px 20px #4fc3f766;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;margin-top:8px;padding:14px;transition:all .25s;width:100%}.btn-primary:hover{box-shadow:0 10px 28px #4fc3f780;transform:translateY(-2px)}.risk-list{display:flex;flex-direction:column;gap:10px}.risk-item{align-items:center;background:#f0f9ff;background:var(--bg);border:1.5px solid #e2eff9;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);display:flex;gap:12px;padding:12px 16px}.risk-bar-wrap{background:#e2eff9;background:var(--border);border-radius:99px;flex:1 1;height:8px;overflow:hidden}.risk-bar{border-radius:99px;height:100%;transition:width 1s ease}.risk-pct{font-family:Nunito,sans-serif;font-size:12px;font-weight:700;min-width:38px;text-align:right}.section-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:20px}.section-title p{color:#64748b;color:var(--text-muted);font-size:13px;margin-top:2px}.btn-sm{border:none;border-radius:10px;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:7px 16px;transition:all .2s}.btn-sm.sky{background:#e1f5fe;background:var(--sky-light);color:#0288d1;color:var(--sky-dark)}.btn-sm.sky:hover{background:#4fc3f7;background:var(--sky);color:#fff}.sidebar-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:none;inset:0;position:fixed;z-index:199}.sidebar-close-btn{background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:32px;position:absolute;right:14px;top:14px;width:32px}.hamburger-btn,.sidebar-close-btn{align-items:center;cursor:pointer;display:none;justify-content:center}.hamburger-btn{background:#4fc3f71a;border:1.5px solid #4fc3f733;border-radius:12px;flex-direction:column;flex-shrink:0;gap:5px;height:40px;padding:0;width:40px}.hamburger-btn span{background:#0288d1;background:var(--sky-dark);border-radius:99px;display:block;height:2px;transition:all .2s;width:18px}.topbar-titles{display:flex;flex-direction:column}.topbar-subtitle{color:#64748b;color:var(--text-muted);font-size:13px;margin-top:1px}.signout-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#ffffff80;cursor:pointer;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:10px;padding:9px 0;transition:all .2s;width:100%}.signout-btn:hover{background:#ffffff1a;color:#fff}.page-scroll{flex:1 1;overflow-y:auto}.bottom-nav{align-items:center;background:#fff;border-top:1.5px solid #e2eff9;border-top:1.5px solid var(--border);bottom:0;box-shadow:0 -4px 20px #1e3a5f1a;display:none;justify-content:space-around;left:0;padding:6px 4px env(safe-area-inset-bottom,6px);position:fixed;right:0;z-index:150}.bottom-nav-btn{align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;padding:6px 8px;transition:all .15s}.bottom-nav-btn.active{background:#e1f5fe;background:var(--sky-light)}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-label{color:#64748b;color:var(--text-muted);font-family:Nunito,sans-serif;font-size:10px;font-weight:700;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-btn.active .bottom-nav-label{color:#0288d1;color:var(--sky-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.main-content{margin-left:0!important}.sidebar{transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:280px;z-index:200}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.bottom-nav,.hamburger-btn,.sidebar-close-btn{display:flex}.topbar{background:#fff;box-shadow:0 2px 12px #1e3a5f14;padding:10px 16px!important;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar h1{font-size:18px!important}.topbar-subtitle{display:none}.topbar-search{display:none!important}.page-inner{padding:14px 12px 90px!important}.page-scroll{padding-bottom:0}}@media (max-width:600px){.topbar{padding:8px 12px!important}.topbar h1,.topbar-btn{font-size:16px!important}.topbar-btn{height:34px!important;width:34px!important}.stat-cards-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:16px!important}.stat-card-value{font-size:28px!important}.page-inner{padding:12px 10px 88px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:520px}.form-input{font-size:16px!important}.student-profile-layout{flex-direction:column!important}.student-picker-panel{max-height:200px;position:relative!important;width:100%!important}.student-picker-list{max-height:140px!important}.calendar-cell{min-height:46px!important;padding:4px 2px!important}.calendar-cell-num{font-size:11px!important}.holiday-layout{flex-direction:column!important}.holiday-sidebar{width:100%!important}canvas{max-height:220px!important}.bottom-nav-btn{padding:8px 4px!important}.bottom-nav-icon{font-size:24px!important}}@media (max-width:380px){.stat-cards-grid{grid-template-columns:1fr 1fr!important}.bottom-nav-label{display:none}.bottom-nav-btn{padding:10px 6px!important}.bottom-nav-icon{font-size:26px!important}.page-inner{padding:10px 8px 72px!important}}
/*# sourceMappingURL=main.0cf8360a.css.map*/