body.mobile-view{background:#f0f2f5!important;height:auto!important}.mobile-app{background:#f0f2f5;flex-direction:column;max-width:520px;min-height:100vh;margin:0 auto;display:flex;position:relative}.mobile-header{z-index:100;color:#fff;background:#1565c0;justify-content:space-between;align-items:center;min-height:58px;padding:14px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0003}.mobile-header-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1}.mobile-header-sub{opacity:.8;margin:0;font-size:.75rem;line-height:1}.mobile-header-left{align-items:center;gap:10px;display:flex}.mobile-header-avatar{cursor:pointer;background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.mobile-content{padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.mobile-bottom-nav{width:100%;max-width:520px;padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:1000;background:#fff;border-top:1px solid #e8eaed;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000014}.mobile-nav-item{color:#9e9e9e;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;min-width:60px;padding:6px 16px;font-size:.68rem;transition:color .15s;display:flex;text-decoration:none!important}.mobile-nav-item:hover{color:#1565c0;text-decoration:none!important}.mobile-nav-item.active{color:#1565c0}.mobile-nav-item svg{stroke-width:2px;width:22px;height:22px}.mobile-greeting{color:#fff;background:linear-gradient(135deg,#1565c0 0%,#1976d2 100%);border-radius:16px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.mobile-greeting:after{content:"";background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.mobile-greeting h4{margin-bottom:4px;font-size:1.1rem;font-weight:600}.mobile-greeting p{opacity:.85;margin:0;font-size:.82rem}.mobile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.mobile-stats-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.mobile-stat-card{text-align:center;background:#fff;border-radius:14px;padding:16px 12px;box-shadow:0 1px 6px #00000012}.mobile-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;display:flex}.mobile-stat-icon svg{width:20px;height:20px}.mobile-stat-label{color:#9e9e9e;font-size:.72rem;line-height:1.2}.mobile-stat-value{color:#212121;font-size:1.5rem;font-weight:700;line-height:1.1}.mobile-card{background:#fff;border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 1px 6px #00000012}.mobile-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mobile-section-title{color:#424242;margin-bottom:12px;font-size:.95rem;font-weight:600}.mobile-list-item{background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:14px;transition:box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000000f;color:inherit!important;text-decoration:none!important}.mobile-list-item:hover{box-shadow:0 2px 8px #0000001f}.mobile-list-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.mobile-list-content{flex:1;min-width:0}.mobile-list-title{color:#212121;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.9rem;font-weight:600;overflow:hidden}.mobile-list-subtitle{color:#9e9e9e;font-size:.78rem}.mobile-badge{border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.mobile-form-group{margin-bottom:16px}.mobile-form-group label{color:#616161;margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.mobile-form-group .form-control,.mobile-form-group .form-select{border:1.5px solid #e0e0e0;border-radius:10px;padding:10px 14px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.mobile-form-group .form-control:focus,.mobile-form-group .form-select:focus{border-color:#1565c0;box-shadow:0 0 0 .15rem #1565c033}.mobile-btn-primary{color:#fff;cursor:pointer;background:#1565c0;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;transition:background .15s}.mobile-btn-primary:hover{background:#1251a3}.grade-a{color:#2e7d32}.grade-b{color:#1565c0}.grade-c{color:#e65100}.grade-d{color:#c62828}.bg-blue-light{background:#e3f2fd}.bg-green-light{background:#e8f5e9}.bg-orange-light{background:#fff3e0}.bg-purple-light{background:#f3e5f5}.bg-red-light{background:#ffebee}.bg-teal-light{background:#e0f2f1}.text-blue{color:#1565c0}.text-green{color:#2e7d32}.text-orange{color:#e65100}.text-purple{color:#6a1b9a}.text-red{color:#c62828}.text-teal{color:#00695c}@media (max-width:520px){.mobile-app{max-width:100%}.mobile-bottom-nav{max-width:100%;left:0;transform:none}}