*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #2D6A4F;--green-dark: #1B4332;--green-mid: #40916C;--green-light: #D8F3DC;--green-pale: #F0FDF4;--sage: #74B49B;--amber: #F4A261;--amber-light: #FEF3E2;--cream: #FAFAF7;--white: #FFFFFF;--ink: #1A2E1F;--mid: #374151;--muted: #6B7280;--border: #E5E7EB;--bg: #F4F7F5;--font-head: "Nunito", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.14);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 64px;--top-h: 60px}html,body{font-family:var(--font-body);font-size:16px;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100dvh}h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:800;color:var(--ink);line-height:1.2}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-shell.has-nav{padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}.top-bar{position:sticky;top:0;z-index:200;background:var(--white);border-bottom:1px solid var(--border);padding-top:var(--safe-top);box-shadow:var(--shadow-sm)}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;height:var(--top-h);padding:0 1rem;gap:.75rem}.top-bar-brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.top-bar-logo{width:34px;height:34px;border-radius:10px;box-shadow:var(--shadow-sm)}.top-bar-titles{line-height:1.1}.top-bar-name{display:block;font-family:var(--font-head);font-size:.95rem;font-weight:900;color:var(--green)}.top-bar-sub{display:block;font-size:.6rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.top-bar-right{display:flex;align-items:center;gap:.6rem}.top-bar-student{font-size:.78rem;color:var(--muted);font-family:var(--font-head);font-weight:700}.top-bar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-mid));color:#fff;border:none;font-size:.78rem;font-weight:800;cursor:pointer;font-family:var(--font-head);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2d6a4f4d}.top-bar-switcher{display:flex;align-items:center;gap:.35rem;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none;padding:0 .25rem}.top-bar-switcher::-webkit-scrollbar{display:none}.tsw-chip{padding:.3rem .875rem;border-radius:99px;border:1.5px solid var(--border);background:var(--white);font-size:.8rem;font-weight:700;font-family:var(--font-head);color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s}.tsw-chip.active{border-color:var(--green);background:var(--green-light);color:var(--green)}.page-content{flex:1;overflow-y:auto}.page-view{padding:1.25rem 1rem 2rem;max-width:640px;margin:0 auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--white);border-top:1px solid var(--border);display:flex;align-items:stretch;padding-bottom:var(--safe-bottom);height:calc(var(--nav-h) + var(--safe-bottom));box-shadow:0 -4px 20px #00000012}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);text-decoration:none;font-size:.62rem;font-weight:700;font-family:var(--font-head);padding:.5rem 0;transition:color .15s;position:relative}.bn-item i{font-size:1.15rem}.bn-item:hover{color:var(--green-mid)}.bn-active{color:var(--green)!important}.bn-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;border-radius:0 0 3px 3px;background:var(--green)}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);padding:1.1rem;margin-bottom:.875rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow)}.card-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .4rem}.card-value{font-size:1.8rem;font-weight:900;font-family:var(--font-head);color:var(--ink);line-height:1}.card-label{font-size:.78rem;color:var(--muted);margin-top:.2rem}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.section-title{font-family:var(--font-head);font-size:1.1rem;font-weight:800;color:var(--ink);margin:0}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:99px;font-size:.7rem;font-weight:800;font-family:var(--font-head)}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-amber{background:var(--amber-light);color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-grey{background:#f3f4f6;color:#6b7280}.progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin:.4rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-mid),var(--green));border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:800;font-family:var(--font-head);cursor:pointer;border:none;transition:all .15s;letter-spacing:.01em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--green-mid),var(--green));color:#fff;width:100%;box-shadow:0 4px 14px #2d6a4f59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 6px 20px #2d6a4f73;transform:translateY(-1px)}.btn-outline{background:none;color:var(--green);border:2px solid var(--green)}.btn-outline:hover{background:var(--green-pale)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field label{font-size:.82rem;font-weight:700;color:var(--mid);font-family:var(--font-head)}.field input,.field select,.field textarea{padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-body);outline:none;background:var(--white);width:100%;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #2d6a4f1f}.empty-state{text-align:center;padding:3.5rem 1rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.875rem}.empty-state i{font-size:2.5rem;opacity:.25}.empty-state p{font-size:.9rem;line-height:1.6;max-width:280px}.spinner{display:flex;justify-content:center;padding:2.5rem}.spinner:after{content:"";width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:sp-spin .7s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.error-msg{background:#fee2e2;color:#991b1b;border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:.875rem;margin-bottom:1rem;border-left:3px solid #EF4444}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1.25rem}.fw-bold{font-weight:700}