:root{--ink:#202a35;--muted:#717780;--accent:#2e536f;--line:#d9dce0;--paper:#f7f7f4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--white);border:1px solid #c7ccd1;border-radius:3px;padding:8px 13px;line-height:1.4}button:hover{background:#f0f2f4;border-color:#8b98a5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #406c91;outline-offset:3px}button:disabled,input:disabled{opacity:.5;cursor:default}a{color:var(--accent);text-underline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
aside{position:fixed;left:0;top:0;bottom:0;width:218px;background:#f0f0ec;border-right:1px solid var(--line);padding:32px 21px;display:flex;flex-direction:column}.brand{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:-1px;color:#253343;text-decoration:none;font-weight:bold;line-height:1}.brand>span{font-weight:normal;font-style:italic;margin-left:3px}.brand small{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:1.9px;color:var(--muted);margin-top:11px}.home-nav{margin-top:40px;text-align:left;border:0;background:transparent;padding:9px 10px}.home-nav.selected{background:#e0e4e7;color:#253e52;font-weight:600}.label{font-size:10px;letter-spacing:1.2px;color:#84898e;margin:27px 10px 9px}#courses button{display:block;width:100%;text-align:left;border:0;background:transparent;margin:3px 0;padding:9px 10px;border-radius:3px;font-size:13px;overflow-wrap:anywhere}#courses button.selected{background:#e0e4e7;color:#253e52;font-weight:bold}#courses button:hover{background:#e5e7e6}.add{background:transparent;border:0;text-align:left;font-size:12px;color:#556675;margin:10px 0 0;padding:9px 10px}.aside-bottom{margin-top:auto;padding-top:35px;font-size:11px;color:var(--muted)}.aside-bottom p{font-size:11px;margin:5px 0 0 13px}.save-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#66846c;margin:0 5px 2px 0}
main{margin-left:218px;padding:38px 44px 25px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}h1{font-size:29px;letter-spacing:-.7px;line-height:1.2;margin:7px 0 9px;font-weight:600}h2{font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.3px;margin:0}h3{font-size:13px;font-weight:600;margin:0 0 14px}p{color:var(--muted);line-height:1.6;margin:8px 0 16px}header p{font-size:12px;margin:0}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1.5px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.primary{background:#2e455b;color:#fff;border-color:#2e455b}.primary:hover{background:#233b51;color:white;border-color:#233b51}.breadcrumb{display:flex;gap:8px;align-items:center;margin-top:15px;font-size:11px;color:var(--muted)}.breadcrumb button{border:0;background:transparent;padding:0;font-size:11px;color:#526b80}.tabs{display:flex;gap:26px;margin:12px 0 22px;border-bottom:1px solid var(--line)}.tabs button{padding:11px 0;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;color:#737a82;font-size:13px}.tabs button.active{color:#1d3549;border-bottom-color:#2e455b;font-weight:600}.tabs button:hover{color:#243c50}.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.muted{color:var(--muted);font-size:12px}.numeric{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-variant-numeric:tabular-nums}.home-heading{margin:30px 0 20px}.home-heading p{font-size:12px;margin:5px 0 0}.course-list{background:white;border-top:2px solid #2e455b;border-bottom:1px solid var(--line);overflow-x:auto}.course-list table{min-width:560px}.course-list th{padding:14px 18px}.course-list td{padding:23px 18px}.course-list th:not(:first-child),.course-list td:not(:first-child){text-align:right}.course-list td:last-child{width:130px}.course-link{font-size:16px;font-weight:600;border:0;background:transparent;padding:0;color:#26455e;text-align:left;border-radius:0}.course-link:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}.course-list .muted{margin-top:4px}.text-button{background:transparent;border:0;color:#375d7d;font-size:12px;padding:0}.text-button:hover{text-decoration:underline;background:transparent}.home-notes{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:40px 0;max-width:840px}.home-notes h3{margin-bottom:10px}.home-notes p,.home-notes li{font-size:12px;color:var(--muted)}.home-notes ol{margin:0;padding-left:18px}.home-notes li{padding:3px 0}
.range{position:sticky;top:10px;z-index:2;background:#edf0f2;border:1px solid #d2d9de;border-radius:3px;padding:18px 22px;margin:0 0 24px}.range-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.range-top b{font-weight:600}.range small{font-size:11px;color:#717d88}.range p{font-size:11px;margin:4px 0 19px;color:#6e7c87}.track{position:relative;height:5px;background:#d6dde2;margin:20px 0 13px;border-radius:0}.possible{position:absolute;top:0;height:5px;background:#5a7a94}.marker{position:absolute;top:-4px;width:13px;height:13px;background:#263d51;border:2px solid #fff;border-radius:50%}.range-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#647483}.range-labels b{font:500 17px/1.3 'SFMono-Regular',Consolas,monospace;color:#233b4e;margin-left:5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:22px}.metrics{border-bottom:1px solid var(--line);padding:0 0 22px;gap:0}.metrics .card{background:transparent;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 24px}.metrics .card:first-child{padding-left:0}.metrics .card:last-child{border:0}.metric{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-variant-numeric:tabular-nums;font-size:34px;letter-spacing:-1.2px;line-height:1.3;margin:10px 0 4px;font-weight:400}.metric small{font-size:17px;letter-spacing:-.5px;color:#737e86}.metrics .muted{font-size:11px}.section-head{margin:28px 0 15px}.section-head p{font-size:12px;margin:5px 0 0}.split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:30px}.table-card{padding:0}.course-tools{padding:15px 0}.course-tools>button{display:flex;justify-content:space-between;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:13px 0;font-size:12px}.course-tools p{font-size:12px}.course-tools>button:hover{color:#365f80}.course-tools>button span{color:#7f8f9c}.pill{display:inline-block;font-size:9px;font-weight:500;letter-spacing:.5px;padding:3px 6px;border:1px solid #d8dfe3;border-radius:2px;background:#f6f8f9;color:#657b8b;white-space:nowrap}table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#7a8289;font-weight:500;background:#fafbf9}th,td{padding:14px 15px;border-bottom:1px solid #e5e7e8}tr:last-child td{border-bottom:0}td{font-size:13px}td b{font-weight:500}.table-scroll{overflow-x:auto}.report-line{padding:13px 0;border-bottom:1px solid var(--line);margin:0}.report-note{font-size:12px;color:var(--muted);line-height:1.8}.callout{margin:20px 0 0;padding:14px 17px;border-left:2px solid #9cafbe;background:#f0f3f5;font-size:12px}.callout p{font-size:12px;margin:5px 0 0}.callout b{font-weight:600}.chart{display:flex;align-items:end;gap:7px;height:130px;border-bottom:1px solid #cbd3da;padding-top:12px;margin-top:20px}.chart div{flex:1;min-height:2px;background:#829bae}.chart div:nth-child(6){background:#344f68}
input,select,textarea{background:white;border:1px solid #cdd2d6;border-radius:3px;padding:8px 9px;max-width:100%;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#6383a0}input[type=number]{width:86px;font-family:Consolas,monospace;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:#365872;padding:0}textarea{width:100%;resize:vertical;font-family:Consolas,monospace}label{display:block;font-size:11px;color:#66717c;margin:12px 0 5px}label>input[type=range]{margin-top:12px}.section-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-controls label{flex:1;min-width:120px}.section-controls input,.section-controls select{display:block;width:100%;margin-top:6px}.section-editor{margin-bottom:22px}.section-editor>.row{padding-bottom:12px;border-bottom:1px solid #e6e8e9;margin-bottom:15px}.grades{width:156px!important}.tiny{font-size:11px;padding:5px 8px}.danger{color:#9b584d;background:transparent;border-color:transparent}.danger:hover{border-color:#d4b8b3;background:#fcf6f4}.setup-strip{display:flex;justify-content:space-between;gap:15px;padding:11px 0;margin-bottom:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#66727a}.setup-strip b{color:#283e50}.attendance-panel{background:#f8f9f8;border:1px solid #dde2e3;border-radius:2px;padding:20px}.attendance-panel h3{font-size:16px;margin:10px 0 6px}.attendance-panel p{font-size:12px;margin-top:5px}.attendance-symbol{display:none}.attendance-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:18px 0;gap:16px}.attendance-summary small{font-size:9px;color:#7f8991;letter-spacing:.8px}.attendance-summary b{display:block;font:400 26px/1.5 Consolas,monospace;margin-top:2px}details{font-size:12px;margin-top:16px}summary{cursor:pointer;color:#375d7d;padding:5px 0}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.file{padding:12px;background:#f2f4f4}.file input{display:block;margin-top:9px}dialog{border:1px solid #bfc8cf;border-radius:4px;background:#fff;padding:28px;width:590px;max-width:94vw;color:var(--ink)}dialog::backdrop{background:#192b3d55}dialog h2{margin:10px 0 14px;font-size:23px}dialog p{font-size:12px}dialog label>input:not([type=file]){display:block;width:100%;margin:7px 0 16px}.close{float:right;border:0;background:transparent;font-size:22px;padding:0 4px;color:#77838d}#error:not(:empty),#importError:not(:empty),#courseError:not(:empty),#sectionError:not(:empty){padding:12px 15px;border:1px solid #ddc2aa;border-radius:3px;background:#fff9f0;color:#925b33;margin:14px 0;font-size:12px}footer{font-size:10px;color:#8a9095;margin-top:40px;padding-top:15px;border-top:1px solid var(--line)}footer a{color:#71818f}
@media(min-width:1500px){main{padding:45px 65px}}@media(max-width:1050px){main{padding:30px 25px}.split{grid-template-columns:1fr}.course-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.course-tools h3{grid-column:1/-1}.course-tools>button{padding:10px 8px;border:1px solid var(--line)}.course-tools hr,.course-tools p{display:none}.metric{font-size:29px}.metrics .card{padding:0 14px}}@media(max-width:750px){aside{position:static;width:auto;display:block;padding:17px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:22px;display:inline-block;margin-right:20px}.brand small{display:none}.home-nav{display:inline-block;margin:0;padding:7px 12px;float:right}.label,.aside-bottom{display:none}#courses{display:flex;gap:6px;overflow:auto;margin-top:13px}#courses button{width:auto;white-space:nowrap;margin:0;padding:6px 10px}.add{margin:9px 0 0;padding:3px 10px}main{margin-left:0;padding:25px 17px}header{align-items:start;flex-direction:column;gap:14px}h1{font-size:25px}.tabs{gap:21px;overflow:auto;white-space:nowrap}.range{position:static;padding:16px}.range-top{align-items:start;gap:10px}.range-top small{max-width:120px;text-align:right}.range-labels b{font-size:14px;margin-left:3px}.home-heading{align-items:start;gap:15px;flex-direction:column}.home-notes{grid-template-columns:1fr;gap:20px;margin-top:30px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics .card{padding:0 9px}.metrics .muted{font-size:10px}.metric{font-size:23px;letter-spacing:-.8px}.metric small{font-size:12px}.card{padding:16px}.table-card{padding:0;overflow:auto}.section-head{flex-wrap:wrap}.section-controls{gap:9px}.setup-strip{flex-wrap:wrap}.attendance-panel{padding:14px}.attendance-summary{gap:10px}.attendance-summary small{font-size:8px}.row{flex-wrap:wrap}.course-tools{grid-template-columns:1fr}.course-tools>button{font-size:12px}.tabs button{font-size:12px}.grades{width:130px!important}}
.section-list{background:white;border:1px solid var(--line);border-radius:3px;align-self:start;overflow:hidden}.section-list-head{display:grid;grid-template-columns:minmax(0,1fr) 68px 82px;padding:12px 17px 12px 34px;background:#fafbf9;color:#7a8289;font-size:10px;letter-spacing:.6px;text-transform:uppercase}.section-list-head>span:not(:first-child){text-align:right}.dashboard-section{margin:0;border-top:1px solid var(--line);font-size:13px}.dashboard-section>summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 68px 82px;align-items:center;gap:0;list-style:none;cursor:pointer;padding:17px 17px 17px 34px;color:var(--ink)}.dashboard-section>summary::-webkit-details-marker{display:none}.dashboard-section>summary::before{content:'›';position:absolute;left:14px;top:21px;color:#6f8190;font-size:17px;line-height:1;transform-origin:center}.dashboard-section[open]>summary::before{transform:rotate(90deg)}.dashboard-section>summary:hover{background:#f7f9fa}.dashboard-section[open]>summary{background:#f1f4f6;border-bottom:1px solid var(--line)}.section-name b{font-weight:600;overflow-wrap:anywhere}.section-name small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.section-weight{text-align:right;font-size:12px;color:var(--muted)}.section-grade{text-align:right;font-size:15px}.section-scores{padding:0 18px 15px 33px}.score-table{margin:7px 0;font-size:12px}.score-table th,.score-table td{padding:10px 6px;font-size:12px}.score-table th{font-size:9px;background:white}.score-table td:nth-child(2),.score-table th:nth-child(2){text-align:right}.score-table td:last-child,.score-table th:last-child{text-align:right}.score-status{font-size:10px;color:#7c8690;white-space:nowrap}.dropped-score>td:first-child,.dropped-score>td.numeric{color:#969da3}.dropped-score>td.numeric{text-decoration:line-through}.section-rule{font-size:10px;margin:13px 0;line-height:1.7}.section-detail-footer{padding-top:10px;border-top:1px solid #e9ebed}.attendance-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px 0}.attendance-readout b{display:block;font:400 22px/1.5 Consolas,monospace;margin-top:5px}.attendance-readout .muted{font-size:10px}@media(max-width:750px){.section-list-head,.dashboard-section>summary{grid-template-columns:minmax(0,1fr) 55px 68px}.section-scores{padding:0 12px 12px 20px}.section-list-head{font-size:9px}.section-name small{font-size:10px}.section-name b{font-size:12px}.attendance-readout{gap:8px}.attendance-readout b{font-size:19px}}
.custom-banner{display:flex;gap:15px;align-items:center;flex-wrap:wrap;background:#eef2f5;border-left:3px solid #59758e;padding:13px 17px;font-size:12px;margin:0 0 22px}.custom-banner span{color:var(--muted)}.custom-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.custom-section{margin-bottom:20px}.custom-section h3{margin:0;font-size:15px}.custom-section>p{margin-top:14px}.custom-results{position:sticky;inset:auto;top:12px;width:auto;background:white;border:1px solid var(--line);padding:20px;display:block;height:auto;border-radius:3px}.custom-results .metric{font-size:36px;margin-top:15px}.custom-comparison{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:11px}.custom-comparison b{white-space:nowrap;font-weight:500;font-family:Consolas,monospace}.custom-add-actions{margin-top:17px}.custom-add-actions button{font-size:11px}.custom-scores td,.custom-scores th{padding:11px 7px}.custom-scores td small{display:block;margin-top:5px;font-size:10px}.custom-scores input:not(.custom-score){width:160px}.custom-scores input[type=number]{width:75px}.custom-score{width:130px}.recorded-list{margin:8px 0}.recorded-list .row{padding:6px 0;border-bottom:1px solid #eceef0;font-size:11px}.bonus-explanation{font-size:11px;border-left:2px solid #a9b8c6;padding-left:12px;margin-bottom:0}.custom-section details{margin-top:15px}input[type=checkbox]{accent-color:#365872;width:15px;height:15px}@media(max-width:1100px){.custom-layout{grid-template-columns:minmax(0,1fr) 240px}.custom-section{padding:15px}.custom-results{padding:15px}.custom-scores input:not(.custom-score){width:125px}}@media(max-width:800px){.custom-layout{grid-template-columns:1fr}.custom-results{position:static;grid-row:1;margin-bottom:5px}.custom-score{width:115px}.custom-results .metric{font-size:28px}.custom-section h3{font-size:14px}}
.help-nav{background:transparent;border:0;text-align:left;font-size:12px;padding:9px 10px;color:#647787}.help-nav.selected{background:#e0e4e7;color:#253e52}.empty-courses{padding:38px 28px;border:1px dashed #c9d1d7;background:#fcfdfb}.empty-courses h3{font-size:18px;margin-bottom:10px}.empty-courses p{font-size:13px}.delete-course-link{display:block;margin:9px 0 0 auto;font-size:10px}.delete-confirm{background:#a14439;color:white;border-color:#a14439}.delete-confirm:hover{background:#85372e;color:white}.delete-receipt{padding:12px 16px;background:#edf2ef;border:1px solid #cedbd3;margin:0 0 16px;font-size:12px}.howto-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:24px;margin-top:28px;align-items:start}.howto-grid h2{font-size:16px;margin:22px 0 8px}.howto-grid h2:first-child{margin-top:0}.howto-grid p{font-size:12px}.example-course{position:sticky;top:20px}.sample-outlook{padding:13px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.sample-outlook .row{font-size:12px;padding:6px 0}@media(max-width:800px){.howto-grid{grid-template-columns:1fr}.example-course{position:static}.help-nav{display:inline-block;padding:7px 10px;margin:10px 0 0}.delete-course-link{margin-right:0}}