@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--secondary-50:#f0fdfa;--secondary-100:#ccfbf1;--secondary-200:#99f6e4;--secondary-300:#5eead4;--secondary-400:#2dd4bf;--secondary-500:#14b8a6;--secondary-600:#0d9488;--secondary-700:#0f766e;--accent-50:#fffbeb;--accent-100:#fef3c7;--accent-200:#fde68a;--accent-300:#fcd34d;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--danger-50:#fef2f2;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-sidebar:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.5rem;--radius-2xl:.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #6366f14d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-secondary:linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #312e81 70%, #4338ca 100%);--gradient-card:linear-gradient(135deg, #6366f10d, #8b5cf60d);--gradient-glass:linear-gradient(135deg, #ffffff1a, #ffffff0d)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in-down{animation:.5s ease-out fadeInDown}.animate-slide-left{animation:.5s ease-out slideInLeft}.animate-slide-right{animation:.5s ease-out slideInRight}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-float{animation:3s ease-in-out infinite float}.stagger-1{animation-delay:.1s;animation-fill-mode:both}.stagger-2{animation-delay:.2s;animation-fill-mode:both}.stagger-3{animation-delay:.3s;animation-fill-mode:both}.stagger-4{animation-delay:.4s;animation-fill-mode:both}.stagger-5{animation-delay:.5s;animation-fill-mode:both}.glass{-webkit-backdrop-filter:blur(24px);background:#ffffffbf;border:1px solid #fff6;box-shadow:0 8px 32px #1f268712}.glass-dark{-webkit-backdrop-filter:blur(24px);background:#0f172abf;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.container{width:100%;max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);white-space:nowrap;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px -4px #00000026}.btn:active{transform:translateY(0)}.btn-primary,a.btn-primary,a.btn-primary:visited{background:var(--gray-900);color:#fff!important}.btn-primary:hover,a.btn-primary:hover{background:var(--gray-800);color:#fff!important}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--primary-300);background:var(--primary-50)}.btn-success,a.btn-success{background:var(--success-500);color:#fff!important}.btn-danger,a.btn-danger{background:var(--error-500);color:#fff!important}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--gray-100);box-shadow:none;transform:none}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-icon{width:2.25rem;height:2.25rem;padding:.5rem}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-input,.input{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%;padding:.625rem .875rem;font-size:.875rem}.form-input:focus,.input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder,.input::placeholder{color:var(--text-muted)}.form-select{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;outline:none;width:100%;padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem}.form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.form-textarea,textarea.input{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);resize:vertical;outline:none;width:100%;min-height:100px;padding:.625rem .875rem;font-size:.875rem}.form-textarea:focus,textarea.input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f11a}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-lg);min-width:0;max-width:100%;transition:all .2s}.card:hover{box-shadow:0 4px 12px -4px #00000014}.card-gradient{background:var(--bg-card);border:1px solid var(--gray-200);min-width:0}.badge{border-radius:var(--radius-sm);align-items:center;padding:.1rem .5rem;font-size:.7rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-50);color:var(--success-600);border:1px solid #22c55e33}.badge-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid #f59e0b33}.badge-error{background:var(--error-50);color:var(--error-600);border:1px solid #ef444433}.badge-info{background:var(--primary-50);color:var(--primary-600);border:1px solid #6366f133}.table-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);width:100%;max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--gray-50);text-align:left;border-bottom:1px solid var(--gray-200);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--gray-100);color:var(--text-primary);padding:.875rem 1rem;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--gray-50)}.stats-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);transition:all .2s;display:flex}.stats-card:hover{box-shadow:0 4px 12px -4px #00000014}.stats-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stats-content{flex:1}.stats-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.8rem;font-weight:500}.stats-value{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.2}.stats-change{align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.stats-change.positive{color:var(--success-600)}.stats-change.negative{color:var(--error-600)}.progress-bar{background:var(--gray-100);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width var(--transition-slow)}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.25rem}.avatar-xl{width:72px;height:72px;font-size:1.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));overscroll-behavior:none;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out scaleIn;overflow-y:auto;box-shadow:0 20px 60px #00000026}@media (max-width:640px){.modal-overlay{padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));align-items:flex-end}.modal-content{border-radius:.75rem;width:100%;max-height:calc(100dvh - 1rem);padding:1rem}}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.25rem;font-weight:700}.modal-close{border-radius:var(--radius-sm);background:var(--gray-100);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.modal-close:hover{background:var(--gray-200);color:var(--text-primary)}.tabs{gap:var(--space-xs);border-bottom:1px solid var(--gray-200);padding-bottom:0;display:flex;overflow-x:auto}.tab{color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500}.tab:hover{color:var(--primary-600)}.tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:600}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-sidebar);width:260px;color:var(--text-inverse);padding:var(--space-lg);z-index:100;flex-direction:column;height:100dvh;max-height:100dvh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-logo{min-height:50px;padding:var(--space-sm) 0;margin-bottom:var(--space-xl);flex:none;align-items:center;display:flex}.sidebar-logo-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.sidebar-logo-text{letter-spacing:-.025em;font-size:1.25rem;font-weight:800}.sidebar-section{margin-bottom:var(--space-lg);overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.sidebar-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:var(--space-sm);padding:0 var(--space-sm);font-size:.65rem}.sidebar-nav{flex-direction:column;gap:2px;list-style:none;display:flex}.sidebar-link{align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);color:var(--gray-400);transition:all var(--transition-fast);padding:.625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--text-inverse);background:#ffffff14}.sidebar-link.active{color:var(--text-inverse);background:#6366f133}.sidebar-link .icon{text-align:center;width:20px;font-size:1.125rem}.sidebar-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid #ffffff1a;flex:none}.main-content{flex:1;width:calc(100% - 260px);min-width:0;min-height:100vh;margin-left:260px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-100);padding:var(--space-md) var(--space-2xl);z-index:50;background:#f8fafcd9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;display:flex}.topbar-greeting{color:var(--text-secondary);font-size:.8rem}.topbar-title{letter-spacing:-.025em;font-size:1.35rem;font-weight:800}.topbar-right{align-items:center;gap:var(--space-md);display:flex}.topbar-icon-btn{border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:relative}.topbar-icon-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.notification-dot{border-radius:var(--radius-full);background:var(--error-500);border:2px solid var(--bg-secondary);width:8px;height:8px;position:absolute;top:8px;right:8px}.notification-dropdown{border:1px solid var(--gray-200);z-index:100;background:#fff;border-radius:.5rem;flex-direction:column;width:350px;display:flex;position:absolute;top:120%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.notification-dropdown .notif-header{border-bottom:1px solid var(--gray-100);background:var(--gray-50);justify-content:space-between;align-items:center;padding:1rem;display:flex}.notification-dropdown .notif-body{max-height:400px;overflow-y:auto}.notification-dropdown .notif-close-btn{color:var(--gray-500);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .5rem;font-size:1.25rem;line-height:1;display:none}.notification-dropdown .notif-close-btn:hover{background:var(--gray-200);color:var(--gray-900)}.account-menu-container{align-items:center;display:flex;position:relative}.avatar-button{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;align-items:center;gap:.35rem;padding:0;display:inline-flex}.avatar-button .avatar{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.avatar-button:hover .avatar,.avatar-button:focus-visible .avatar{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a29}.avatar-button:focus-visible{outline:2px solid var(--primary-500);outline-offset:3px}.account-dropdown{border:1px solid var(--gray-200);border-radius:var(--radius-lg);z-index:110;background:#fff;width:280px;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a29}.account-summary{align-items:center;gap:.75rem;padding:1rem;display:flex}.account-summary-text{min-width:0}.account-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;overflow:hidden}.account-role{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.account-menu-separator{background:var(--gray-100);height:1px}.account-menu-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:#fff;border:none;align-items:center;gap:.7rem;padding:.8rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;display:flex}.account-menu-item:hover,.account-menu-item:focus-visible{background:var(--gray-50);color:var(--primary-700);outline:none}.account-menu-item.danger{color:var(--error-600)}.account-menu-item.danger:hover,.account-menu-item.danger:focus-visible{background:var(--error-50);color:var(--danger-700)}.account-logout-modal{max-width:420px}.account-logout-copy{color:var(--text-secondary);margin:0;line-height:1.6}.account-logout-actions{margin-top:var(--space-xl);justify-content:flex-end;gap:.75rem;display:flex}.page-content{padding:var(--space-2xl)}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.tutor-class-detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:2rem;display:grid}@media (max-width:1024px){.tutor-class-detail-grid{grid-template-columns:minmax(0,1fr)}}.mobile-only{display:none!important}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{width:100%;margin-left:0}.notification-dropdown{z-index:9999;border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}.notification-dropdown .notif-body{flex:1;max-height:none}.notification-dropdown .notif-close-btn{display:block}.account-dropdown{top:72px;left:var(--space-md);right:var(--space-md);z-index:10000;width:auto;position:fixed}.account-logout-actions{flex-direction:column-reverse}.account-logout-actions .btn{width:100%}.topbar{padding:var(--space-md) var(--space-lg)}.page-content{padding:var(--space-md)}.mobile-menu-btn{display:flex!important}body{overflow-x:hidden}}.mobile-menu-btn{border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:var(--bg-secondary);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:none}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg)}.empty-state-icon{margin-bottom:var(--space-md);font-size:3rem}.empty-state-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.125rem;font-weight:600}.empty-state-desc{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.875rem}.notif-item{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);transition:background var(--transition-fast);cursor:pointer;display:flex}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:var(--primary-50)}.notif-dot{border-radius:var(--radius-full);background:var(--primary-500);flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif-content{flex:1}.notif-text{color:var(--text-primary);font-size:.875rem;line-height:1.4}.notif-time{color:var(--text-muted);margin-top:2px;font-size:.75rem}.barcode-display{align-items:center;gap:var(--space-md);padding:var(--space-2xl);border-radius:var(--radius-xl);border:2px dashed var(--gray-200);background:#fff;flex-direction:column;display:flex}.barcode-svg{align-items:flex-end;gap:2px;height:80px;display:flex}.barcode-bar{background:var(--gray-900);border-radius:1px}.barcode-code{letter-spacing:.2em;color:var(--text-primary);font-family:monospace;font-size:1.25rem;font-weight:700}.markdown-body,.option-markdown{min-width:0;max-width:100%;overflow-x:hidden;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important}.markdown-body *,.option-markdown *{overflow-wrap:anywhere!important;word-wrap:break-word!important;word-break:break-word!important}.markdown-body img,.option-markdown img{max-width:100%;height:auto}.question-rich-markdown .markdown-body>:first-child{margin-top:0}.question-rich-markdown .markdown-body>:last-child{margin-bottom:0}.question-rich-markdown--compact .markdown-body p{margin:0}.question-rich-markdown .katex-display{max-width:100%;padding:.15rem 0;overflow:auto hidden}.bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--gray-200);z-index:90;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.bottom-nav-inner{justify-content:space-around;align-items:center;height:64px;display:flex}.bottom-nav-item{height:100%;color:var(--gray-500);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-item .icon{font-size:1.35rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item:active .icon{transform:scale(.9)}.bottom-nav-item.active{color:var(--primary-600)}.bottom-nav-item.active .icon{transform:translateY(-2px)}@media (max-width:768px){.has-bottom-nav .bottom-nav{display:block}.has-bottom-nav .page-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.profile-history-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}@media (max-width:480px){.profile-history-row{grid-template-columns:1fr}}