*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dark: #004F59;--teal: #006D77;--mint: #83C5BE;--coral: #E29578;--cream: #EDF6F9;--bg: #F5F6F8;--border: #E5E7EB}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#444;background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer}a{text-decoration:none}input,select,textarea{font-family:inherit;font-size:16px}.portal-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.portal-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:16px;background:var(--bg);-webkit-overflow-scrolling:touch}.topbar{height:52px;background:var(--dark);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:100}.sidebar{width:210px;background:var(--dark);flex-shrink:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--dark);border-top:.5px solid rgba(131,197,190,.2);z-index:200;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-inner{display:flex;height:60px;align-items:center;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;cursor:pointer;color:var(--mint);opacity:.6;flex:1}.mobile-nav-item.active{opacity:1;color:#fff}.mobile-nav-item .nav-icon{font-size:20px}.mobile-nav-item .nav-label{font-size:10px;font-weight:500}@media (max-width: 768px){html{font-size:13px}.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding:12px 12px 80px}.topbar{padding:0 12px;height:48px}.topbar-username,.topbar-practice{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.stats-row{grid-template-columns:1fr 1fr!important}.module-grid{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.course-expand-grid{grid-template-columns:1fr!important}.card{padding:12px}button{min-height:36px}.report-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr 1fr!important}.page-header-row{flex-direction:column!important;gap:10px!important;align-items:flex-start!important}.page-header-btn{width:100%;justify-content:center}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}