:root{--brand-blue: #287A97;--brand-blue-dark: #123642;--brand-blue-tint: #EAF4F6;--brand-red: #D41116;--brand-red-dark: #9E0D11;--ink: #10161A;--ink-soft: #4A5A62;--ink-faint: #8CA0A8;--paper: #F6F9FA;--surface: #FFFFFF;--border: #DCE6E9;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em}::selection{background:var(--brand-blue);color:#fff}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{position:relative;min-height:100vh;overflow-x:hidden}.backdrop-wave{position:absolute;top:-120px;right:-180px;width:640px;height:640px;opacity:.06;z-index:0;pointer-events:none}.container{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:0 24px 80px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.logo-slot{width:40px;height:40px;border-radius:10px;background:var(--brand-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.logo-slot img{width:100%;height:100%;object-fit:cover}.brand-text h1{font-size:16px;font-weight:600;color:var(--ink)}.brand-text p{margin:0;font-size:12px;color:var(--ink-soft);font-family:var(--font-mono)}.header-right{display:flex;align-items:center;gap:14px}.year-badge{font-family:var(--font-mono);font-size:12px;padding:5px 10px;border-radius:999px;background:var(--brand-blue-tint);color:var(--brand-blue-dark);border:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-soft)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-family:var(--font-display)}.hero{padding:56px 0 32px;animation:fade-up .6s var(--ease) both}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--brand-blue-dark);background:var(--brand-blue-tint);padding:4px 10px;border-radius:999px;margin-bottom:16px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-blue)}.hero h2{font-size:clamp(28px,4vw,38px);font-weight:700;color:var(--ink);max-width:560px}.hero h2 .accent{color:var(--brand-blue)}.hero p.sub{color:var(--ink-soft);font-size:15px;margin-top:10px;max-width:480px}.search-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:0 1px 2px #10161a0a,0 12px 32px -16px #10161a14;animation:fade-up .6s var(--ease) .1s both}.tab-switch{display:flex;gap:4px;padding:6px;position:relative}.tab-btn{flex:1;border:none;background:transparent;padding:10px 14px;border-radius:10px;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-soft);cursor:pointer;transition:color .25s var(--ease);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn.active{color:var(--brand-blue-dark)}.tab-indicator{position:absolute;top:6px;bottom:6px;width:calc(50% - 8px);background:var(--brand-blue-tint);border:1px solid var(--border);border-radius:10px;transition:transform .35s var(--ease)}.tab-indicator.pos-1{transform:translate(calc(100% + 8px))}.panel{padding:4px 16px 16px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:4px}input,select{font-family:var(--font-body);font-size:14px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--paper);color:var(--ink);width:100%;transition:border-color .2s var(--ease),background .2s var(--ease)}input:focus,select:focus{background:var(--surface);border-color:var(--brand-blue)}input::placeholder{color:var(--ink-faint)}.btn{font-family:var(--font-body);font-weight:600;font-size:14px;padding:11px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:transform .15s var(--ease),background .2s var(--ease),border-color .2s var(--ease);display:flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:var(--brand-blue);background:var(--brand-blue-tint)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.btn-primary:hover{background:var(--brand-blue-dark);border-color:var(--brand-blue-dark)}.ask-row{display:flex;gap:8px}.ask-row input{flex:1}.hint{font-size:12px;color:var(--ink-faint);margin:8px 2px 0;font-family:var(--font-mono)}.results{margin-top:28px}.results-label{font-size:12px;font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.result-card{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:8px;cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);animation:fade-up .4s var(--ease) both}.result-card:hover{transform:translateY(-2px);border-color:var(--brand-blue);box-shadow:0 8px 20px -12px #10161a2e}.result-left{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:13px;color:#fff;flex-shrink:0}.result-name{margin:0;font-weight:600;font-size:14px}.result-meta{margin:0;font-size:12px;color:var(--ink-soft);font-family:var(--font-mono)}.chevron{color:var(--ink-faint);transition:transform .2s var(--ease)}.result-card:hover .chevron{transform:translate(3px);color:var(--brand-blue)}.empty-state{text-align:center;padding:48px 20px;color:var(--ink-faint);border:1px dashed var(--border);border-radius:12px}.error-banner{background:#fdecec;border:1px solid var(--brand-red);color:var(--brand-red-dark);padding:10px 14px;border-radius:10px;font-size:13px;margin-top:14px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-header-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.profile-tab-btn{border:none;background:transparent;padding:10px 14px;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s var(--ease),border-color .2s var(--ease)}.profile-tab-btn:hover{color:var(--ink)}.profile-tab-btn.active{color:var(--brand-blue-dark);border-bottom-color:var(--brand-blue)}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-export{font-size:12px;padding:7px 12px}.year-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.year-pill{border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);font-family:var(--font-mono);font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease)}.year-pill:hover{border-color:var(--brand-blue);color:var(--ink)}.year-pill.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.data-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:13px}.data-table th{text-align:left;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:var(--paper);padding:10px 14px;border-bottom:1px solid var(--border)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--ink)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--brand-blue-tint)}.data-table td.grade-cell{font-family:var(--font-mono);font-weight:600}.export-menu{position:relative;display:inline-block}.export-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px -12px #10161a40;z-index:20;min-width:180px;overflow:hidden}.export-dropdown button{display:block;width:100%;text-align:left;border:none;background:transparent;padding:10px 14px;font-size:13px;cursor:pointer;border-radius:0}.export-dropdown button:hover{background:var(--brand-blue-tint)}.transcript-doc{position:relative;background:#fff;border:1px solid var(--border);border-radius:4px;padding:32px 36px;font-family:Times New Roman,Georgia,serif;color:#111}.transcript-watermark{position:absolute;top:40px;right:60px;font-size:28px;font-weight:700;color:#e88;opacity:.35;transform:rotate(-8deg);pointer-events:none;letter-spacing:1px}.transcript-top{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #222;padding-bottom:10px;margin-bottom:14px}.transcript-school h3{font-size:16px;margin:0 0 2px;font-family:inherit}.transcript-school p{margin:0;font-size:12px;line-height:1.4}.transcript-school .doc-title{font-style:italic;margin-top:4px}.transcript-student{text-align:right;font-size:12px;line-height:1.5}.transcript-student .name{font-weight:700;font-size:14px}.transcript-group{margin-bottom:14px}.transcript-group-title{background:#e7eaf2;font-weight:700;font-size:13px;padding:4px 8px;display:flex;justify-content:space-between}.transcript-table{width:100%;border-collapse:collapse;font-size:13px}.transcript-table td{padding:2px 8px}.transcript-table td.num{text-align:right;width:60px}.transcript-table tr.subtotal td{border-top:1px solid #999;font-weight:700}.transcript-cumulative{margin-top:10px;border-top:2px solid #222;padding-top:8px}.transcript-end{text-align:center;font-style:italic;font-size:12px;color:#888;margin-top:16px}@media print{@page{margin:.6in}body *{visibility:hidden}.transcript-doc,.transcript-doc *{visibility:visible}.transcript-doc{position:static;width:100%;border:none}.transcript-group{break-inside:avoid}}.header-nav{position:relative;display:flex;gap:2px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:3px}.header-nav-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--brand-blue);border-radius:8px;transition:transform .3s var(--ease);box-shadow:0 4px 12px -6px #287a9799}.header-nav-indicator.pos-1{transform:translate(100%)}.header-nav-link{position:relative;z-index:1;border:none;background:transparent;padding:8px 16px;border-radius:8px;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-soft);cursor:pointer;transition:color .25s var(--ease)}.header-nav-link.active{color:#fff}.type-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.type-pill{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-family:var(--font-body);font-weight:500;font-size:13px;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.type-pill:hover{border-color:var(--brand-blue);color:var(--ink);transform:translateY(-1px)}.type-pill.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 6px 16px -8px #287a9799;transform:translateY(-1px) scale(1.03)}.type-pill:active{transform:scale(.97)}