:root{color:#263238;font-synthesis:none;--wine:#671e32;--muted:#827a7d;--line:#eae6e1;background:#faf9f6;font-family:Noto Sans TC,system-ui,sans-serif;font-size:17px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s}button:hover{filter:brightness(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b59050}button{border:0}button svg{flex-shrink:0}aside{border-right:1px solid var(--line);z-index:10;background:#fff;flex-direction:column;width:246px;padding:32px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px;display:flex}.crest{background:var(--wine);color:#e8d8b5;border-radius:12px;place-items:center;width:47px;height:49px;display:grid}.brand strong{letter-spacing:3px;font-size:21px}.brand small{letter-spacing:1.4px;color:#9a8173;margin-top:5px;font-size:10px;display:block}.workspace{color:#a59b99;letter-spacing:2px;margin:46px 16px 14px;font-size:14px}nav{gap:7px;display:grid}nav button{color:#7b7275;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:14px;padding:14px 16px;font-size:16px;font-weight:500;display:flex}nav button.active{color:var(--wine);background:#f8eff1;font-weight:700}.nav-dot{background:var(--wine);border-radius:50%;width:6px;height:6px;margin-left:auto}.side-note{color:#9a7c4a;background:#faf8f3;border:1px solid #f0e9dd;border-radius:9px;margin:auto 12px 24px;padding:22px 17px}.side-note strong{margin:10px 0;font-size:15px;display:block}.side-note p{color:#968876;margin:0;font-size:14px;line-height:1.9}.side-bottom{border-top:1px solid var(--line);align-items:center;gap:11px;padding:22px 6px 0;display:flex}.avatar{width:35px;height:35px;color:var(--wine);background:#eee5e6;border-radius:50%;place-items:center;display:grid}.side-bottom strong{font-size:15px;display:block}.side-bottom small{color:var(--muted);font-size:13px}.body{margin-left:246px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 42px;font-size:14px;display:flex}.breadcrumb{color:#7b7275}.breadcrumb span{color:#c8bfc0;margin:0 12px}.header-right{align-items:center;gap:20px;display:flex}.semester{color:#867b6f;background:#f8f5ef;border-radius:5px;padding:6px 12px}.header-right select{color:var(--wine);background:0 0;border:0;padding:8px;font-size:14px}.menu{display:none}main{max-width:1510px;margin:auto;padding:25px 42px 0}.demo{color:#9c7336;background:#fff9ea;border:1px solid #eee1c9;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:14px;display:flex}.demo svg{flex-shrink:0}.page-heading{justify-content:space-between;align-items:center;margin:30px 0 26px;display:flex}.eyebrow{letter-spacing:2.5px;color:#a78250;font-size:12px;font-weight:600}h1{letter-spacing:1px;margin:8px 0 9px;font-size:29px;font-weight:700}p{line-height:1.8}.page-heading p{color:var(--muted);margin:0;font-size:15px}.date-picker{color:#8b7154;background:#fff;border:1px solid #e5ded7;border-radius:7px;align-items:center;gap:10px;padding:11px 13px;display:flex}.date-picker input{color:#55494b;background:0 0;border:0;min-width:130px;font-size:15px}.deadline{background:#f1ece3;border:1px solid #e7dfd1;border-radius:9px;align-items:center;gap:18px;margin-bottom:24px;padding:21px 24px;display:flex}.deadline-icon{color:#a78250;background:#fff9ed;border:1px solid #e4dac6;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.deadline strong{font-size:16px;font-weight:600}.deadline p{color:#8b7f6e;margin:6px 0 0;font-size:14px}.deadline b{color:#7b5b2a}.pill{color:#8d7a5a;white-space:nowrap;border:1px solid #dbd1c0;border-radius:20px;margin-left:auto;padding:5px 11px;font-size:12px}.form-layout{grid-template-columns:minmax(0,1fr) 278px;gap:24px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:10px;box-shadow:0 2px 4px #4e3a2c03}.form-card{padding:26px 28px}.card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-top>div,.section-title{align-items:center;gap:11px;display:flex}h2{margin:0;font-size:17px;font-weight:600}.step{letter-spacing:1px;color:#996876;background:#f6f0f1;border-radius:5px;padding:5px 7px;font-size:12px}.badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:13px;line-height:1.6;display:inline-flex}.amber{color:#a87a32;background:#fbf3e4}.green{color:#498569;background:#edf6ef}.neutral{color:#8d8587;background:#f1efef}.class-line{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1fr 1fr;align-items:end;gap:24px;margin:24px 0 28px;padding-bottom:26px;display:grid}.class-line label{color:var(--muted);font-size:14px}input,select,textarea{color:#4d4245;background:#fff;border:1px solid #e4dfdb;border-radius:6px;min-height:43px;padding:10px 12px;font-size:15px}input::placeholder,textarea::placeholder{color:#b4abad;font-size:14px}.class-line select{width:100%;margin-top:8px;font-size:15px;display:block}.class-line small{color:var(--muted);margin-bottom:16px;font-size:13px;display:block}.class-line strong{margin-bottom:8px;font-size:15px;font-weight:500;display:block}.class-line em{color:var(--muted);font-size:14px;font-style:normal}.actual-row{align-items:end;gap:14px;margin:22px 0;display:flex}.actual-row label{color:var(--muted);width:126px;font-size:14px}.actual-row input{width:100%;height:48px;margin-top:8px;font-size:22px;font-weight:600;display:block}.all-present{color:#5b7e67;background:#f0f6f0;border:1px solid #d8e7d9;border-radius:6px;align-items:center;gap:7px;height:48px;padding:0 15px;font-size:14px;display:flex}.absent{color:var(--muted);white-space:nowrap;margin-left:auto;padding-bottom:11px;font-size:14px}.absent strong{color:var(--wine);margin:0 7px;font-size:23px}.field-hint{color:#a09695;margin:0 0 16px;font-size:13px;line-height:1.8}.categories{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.categories label{grid-template-columns:1fr auto;align-items:center;font-size:14px;display:grid}.categories label>span{align-items:center;gap:7px;margin-bottom:7px;display:flex}.categories label input{grid-area:2/1/auto/-1;width:100%;padding-right:45px}.categories small{z-index:1;color:#b6a9a9;pointer-events:none;grid-area:2/2;padding-right:12px;font-size:12px}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-0{background:#a8895e}.dot-1{background:#b87c8c}.dot-2{background:#779b8e}.dot-3{background:#9a8aab}.dot-4{background:#cdad65}.dot-5{background:#a57a70}.dot-6{background:#7c9ead}.note{color:#6f6266;margin-top:22px;font-size:14px;display:block}.note span{color:#b5acae;margin-left:5px;font-size:12px}.note textarea,.note input{resize:vertical;width:100%;margin-top:8px;display:block}.submit-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:22px;display:flex}.submit-row>span{color:#a39998;align-items:center;gap:5px;font-size:12px;display:flex}.primary{background:var(--wine);color:#fff;border-radius:6px;align-items:center;gap:24px;padding:13px 20px;font-size:15px;font-weight:500;display:flex}.summary{padding:26px 23px}.summary-icon{color:#a68c63;background:#f7f3eb;border-radius:10px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.summary h2{margin-bottom:13px}.summary dl{border-top:1px solid var(--line);margin:24px 0 16px;padding-top:10px}.summary dl div{justify-content:space-between;gap:10px;margin:15px 0;font-size:13px;display:flex}.summary dt{color:#9c9294}.summary dd{color:#66585d;margin:0}.summary>p{color:#9a8d7d;background:#faf8f5;border-radius:6px;padding:13px;font-size:13px}.guide{padding:24px 8px}.guide h3{color:#716566;margin:0 0 20px;font-size:15px}.guide>div{gap:11px;margin:18px 0;display:flex}.guide span{color:#a48f70;border:1px solid #dfd7cc;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.guide p{color:#948a86;margin:0;font-size:13px}.error,.notice{border-radius:6px;margin-top:15px;padding:12px;font-size:15px;line-height:1.7}.error{color:#a43c3c;background:#fbeceb}.notice{color:#46785a;background:#edf6ef}.link{color:var(--wine);background:0 0;padding:12px 0;font-size:14px}footer{color:#b3a9a1;border-top:1px solid var(--line);align-items:center;gap:7px;margin-top:20px;padding:28px 0;font-size:12px;display:flex}footer span{margin-left:auto;font-size:11px}.toolbar{align-items:end;gap:18px;margin:25px 0;display:flex}.toolbar label{color:#827275;font-size:14px}.toolbar select{min-width:180px;margin-top:8px;display:block}.secondary{color:#745640;background:#fff;border:1px solid #ded6ce;border-radius:6px;align-items:center;gap:8px;margin-left:auto;padding:12px 17px;font-size:14px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat{color:#a8906d;padding:20px}.stat small{color:#8d7f7f;margin:13px 0;font-size:14px;display:block}.stat strong{color:#4d373e;font-size:25px}.table-card{min-width:0;padding:25px}.table-card>p{color:#9a8d8b;margin:12px 0 22px;font-size:14px}.scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:14px}th{color:#9a8c8a;background:#faf8f5;padding:15px 14px;font-size:13px;font-weight:500}td{color:#716366;border-bottom:1px solid #efebe7;padding:17px 14px}td small,th small{color:#b1a4a3;margin-top:5px;font-size:12px;display:block}td b{color:#5d444b;font-weight:500}.bar-row{align-items:center;gap:18px;margin:24px 0;font-size:15px;display:flex}.bar-row>span{width:60px}.bar-row>b{width:70px;font-size:14px;font-weight:500}.bar-track{background:#f6f2ee;border-radius:4px;flex:1;height:17px;overflow:hidden}.bar{border-radius:4px;height:100%}.empty{text-align:center;color:#b7a388;padding:65px 20px}.empty h3{color:#83716a;font-size:17px}.empty p{color:#a2948a;font-size:14px}details{border-bottom:1px solid var(--line);padding:17px 0;font-size:14px}summary{cursor:pointer;line-height:2}summary span{float:right;color:#a18c78}.audit-detail{background:#faf8f4;padding:10px 15px;font-size:14px;line-height:1.8}@media (width>=1500px){main{padding-left:60px;padding-right:60px}.form-layout{grid-template-columns:minmax(0,1fr) 310px}.form-card{padding:30px 36px}}@media (width<=1150px){aside{width:210px;padding:28px 14px}.body{margin-left:210px}main{padding:22px 25px 0}header{padding:0 25px}.form-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.form-card{padding:23px 20px}.class-line{gap:14px}.actual-row{gap:10px}.all-present{padding:0 9px}.submit-row>span{max-width:120px}.header-right{gap:8px}}@media (width<=950px){aside{width:190px}.body{margin-left:190px}.brand{padding:0}.brand strong{font-size:18px}.form-layout{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}.summary{padding:23px}.stats{grid-template-columns:1fr 1fr}.semester{display:none}.summary dl{margin:15px 0}.summary-icon{display:none}.guide{padding:10px}.deadline .pill{display:none}}@media (width<=640px){aside{display:none}aside.open{width:245px;display:flex;box-shadow:0 0 0 100vw #0005}.body{margin-left:0}header{height:64px;padding:0 17px}.menu{color:var(--wine);background:0 0;padding:4px;display:block}.breadcrumb{display:none}.header-right{margin-left:auto}main{padding:18px 16px 0}.demo{font-size:12px;line-height:1.7}.page-heading{flex-wrap:wrap;align-items:start;gap:12px;margin:25px 0 20px}.page-heading h1{font-size:25px}.page-heading p{font-size:14px}.date-picker{padding:7px 9px}.deadline{gap:12px;padding:17px 14px}.deadline strong{font-size:15px}.deadline p{font-size:13px}.deadline-icon{flex-shrink:0;width:36px;height:36px}.form-card{padding:22px 17px}.class-line{grid-template-columns:1fr 1fr}.class-line label{grid-column:1/-1}.class-line small{margin-bottom:8px}.class-line strong{margin-bottom:0}.actual-row{flex-wrap:wrap}.actual-row label{width:108px}.absent{font-size:13px}.absent strong{font-size:21px}.all-present{padding:0 9px;font-size:13px}.categories{gap:16px 12px}.categories input{min-height:46px;font-size:15px}.field-hint{font-size:13px}.right-column{grid-template-columns:1fr}.guide{display:none}.summary{padding:22px}.submit-row>span{font-size:12px}.primary{gap:10px;padding:14px 17px}.toolbar{flex-wrap:wrap;gap:12px}.toolbar select{min-width:145px;font-size:14px}.secondary{margin-left:0}.table-card{padding:20px 15px}.stats{gap:10px}.stat{padding:18px 15px}.stat strong{font-size:23px}footer{align-items:flex-start;font-size:11px;line-height:1.8}footer span{display:none}.eyebrow{font-size:11px}summary span{float:none;display:block}.bar-row{gap:10px}}:root{--primary:#671e32;--primary-dark:#491323;--gold:#a78250;--champagne:#e8d8b5;--background:#faf9f6;--text:#263238}.primary:hover{background:var(--primary-dark)}.brand strong{color:var(--primary);letter-spacing:3px;font-size:25px}.side-note{border-color:var(--champagne)}.eyebrow,.summary-icon,.deadline-icon{color:var(--gold)}.compliance{border-top:4px solid var(--primary);margin-bottom:24px;padding:26px}.compliance-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.compliance-top h2{color:var(--primary);margin-top:10px;font-size:18px}.compliance-top .secondary{flex-shrink:0}.compliance>p{color:#786b65;font-size:14px;line-height:1.9}.compliance-counts{border-block:1px solid var(--line);gap:22px;margin:20px 0;padding:18px 0;display:flex}.compliance-counts>div{flex:1;align-items:center;gap:12px;display:flex}.compliance-counts strong{color:var(--primary);font-size:30px}.compliance-counts span{color:#796e71;font-size:14px}.red{color:#a32938;background:#fae8e8;font-weight:600}.compliance-clear{color:#57745d;background:#f0f6f0;border-radius:7px;gap:10px;padding:15px;font-size:15px;display:flex}.summary dl div{flex-wrap:wrap}.summary dd,td{font-variant-numeric:tabular-nums}@media (width<=640px){.breadcrumb{display:none}.compliance{padding:20px 15px}.compliance-top{flex-direction:column;align-items:start;gap:12px}.compliance-top h2{font-size:17px}.compliance-top .secondary{margin:0}.compliance-counts{gap:12px}.compliance-counts>div{flex-direction:column;align-items:start;gap:3px}.compliance-counts strong{font-size:26px}.compliance-counts span{font-size:12px}}.revision-hint{color:#46785a;background:#edf6ef;border:1px solid #d8e7d9;border-radius:7px;align-items:flex-start;gap:9px;margin:22px 0 0;padding:14px;font-size:14px;line-height:1.9;display:flex}.revision-hint svg{flex-shrink:0;margin-top:3px}.revision-hint strong{display:block}.summary .preserve-time{color:#46785a;background:#edf6ef;line-height:1.9}.platform-subtitle{letter-spacing:1px;color:#8a7369;margin:6px 0 12px;font-size:14px;font-weight:500;line-height:1.8}.brand-subtitle{letter-spacing:.6px;color:#8b7776;margin-top:8px;font-size:12px;font-weight:400;line-height:1.8;display:block}.brand{align-items:flex-start}.brand .crest{margin-top:4px}.deadline{background:var(--primary);border-color:var(--primary-dark);color:#fff;box-shadow:0 4px 14px #671e3210}.deadline strong{letter-spacing:.4px;color:#fff;font-size:17px}.deadline p{color:#fff5ed;margin-top:8px;font-size:16px;font-weight:500;line-height:1.9}.deadline b{color:var(--champagne);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.deadline-icon{color:var(--champagne);background:#ffffff12;border-color:#ffffff35}.deadline .pill{color:var(--champagne);background:#ffffff08;border-color:#ffffff40}@media (width<=640px){.platform-subtitle{letter-spacing:.5px;max-width:300px;margin-bottom:10px;font-size:13px}.deadline{align-items:flex-start;padding:20px 16px}.deadline-icon{margin-top:2px}.deadline strong{font-size:15px}.deadline p{font-size:15px;line-height:1.9}.deadline b{font-size:17px}}.class-line>div:last-child strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.2}.class-line>div:last-child em{margin-left:4px;font-size:15px;font-weight:500}@media (width<=640px){.class-line>div:last-child strong{font-size:29px}}.login-shell{background:var(--background);place-items:center;min-height:100vh;padding:25px;display:grid}.login-card{border-top:5px solid var(--primary);width:min(100%,470px);padding:38px}.login-card>.eyebrow{margin-top:25px}.login-card h1{font-size:23px;line-height:1.7}.login-card p{color:#8b7776;font-size:15px}.login-card label{margin:20px 0;font-size:15px;display:block}.login-card input{width:100%;margin-top:9px;display:block}.login-card .primary{justify-content:center;width:100%;margin:25px 0}.login-card small{color:#8b7776;font-size:13px;line-height:1.9}button:disabled{opacity:.55;cursor:wait}.daily-summary{border-top:4px solid var(--gold);margin-bottom:24px;padding:26px}.summary-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.summary-heading h2{color:var(--primary);margin:9px 0;font-size:19px}.summary-heading p{color:#786b65;font-size:15px;line-height:1.9}.summary-heading>.primary{flex-shrink:0}.snapshot-toolbar{justify-content:space-between;align-items:end;gap:16px;margin:22px 0;display:flex}.snapshot-toolbar label{color:#786b65;gap:8px;font-size:14px;display:grid}.snapshot-toolbar select{max-width:100%;min-height:43px;font-size:14px}.snapshot-stats{background:#f8f4ed;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:15px;padding:18px;display:grid}.snapshot-stats small{color:#786b65;margin-bottom:10px;font-size:13px;display:block}.snapshot-stats strong{color:var(--primary);font-size:25px}.snapshot-stats em{font-size:14px;font-style:normal}.snapshot-time{color:#786b65;font-variant-numeric:tabular-nums;font-size:14px;line-height:1.9}.summary-empty{color:#786b65;background:#faf8f3;border-radius:8px;align-items:center;gap:14px;padding:20px;font-size:15px;line-height:1.8;display:flex}@media (width<=640px){.daily-summary{padding:20px 15px}.summary-heading{flex-direction:column;align-items:stretch;gap:9px}.summary-heading>.primary{justify-content:center}.snapshot-toolbar{flex-direction:column;align-items:stretch}.snapshot-toolbar select{width:100%;min-width:0}.snapshot-stats{grid-template-columns:1fr 1fr;gap:20px}.snapshot-stats strong{font-size:24px}.summary-empty{align-items:flex-start}.summary-empty svg{flex-shrink:0}}.summary-details{border-top:1px solid var(--line);margin-top:18px}.summary-details>summary{color:var(--primary);cursor:pointer;padding:16px 0;font-size:15px}.summary-details .scroll{max-height:440px;overflow:auto}.account-passwords{color:#671e32;background:#fff5df;border:1px solid #e8d8b5;border-radius:8px;margin:20px 0;padding:20px}.account-passwords p{font-size:14px;line-height:1.8}.week-picker{gap:7px;min-width:0;display:grid}.week-picker>span{color:#8b7154;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.week-picker select{color:#55494b;background:0 0;border:0;width:100%;min-width:285px;max-width:100%;min-height:36px;padding:3px 20px 3px 0;font-size:15px}.page-heading>.date-picker:has(.week-picker){flex-shrink:0;max-width:100%;padding:11px 14px}@media (width<=1100px){.page-heading:has(.week-picker){flex-wrap:wrap;gap:16px}.page-heading>.date-picker:has(.week-picker){width:100%}.week-picker{width:100%}.week-picker select{min-width:0;font-size:15px}}.legacy-issues{white-space:normal;min-width:280px;max-width:440px}.legacy-issues a{color:var(--wine,#671e32)}.legacy-issues small{line-height:1.65}aside{overflow-y:auto}th{color:#786b70;font-size:14px}td{font-size:15px}h2{font-size:19px}.field-hint,.guide p,.summary p{color:#766b70;font-size:15px}.semester-switch{white-space:nowrap;align-items:center;gap:6px;display:flex}.semester-switch select{border:1px solid var(--line);background:#faf8f4;border-radius:6px;padding:8px;font-size:15px}.settings-stack{gap:24px;display:grid}.settings-stack label{font-size:15px}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.settings-fields label,.settings-week,.settings-stack>section>label{gap:8px;display:grid}.settings-stack input:not([type=checkbox]):not([type=file]){color:#463a40;background:#fff;border:1px solid #ded5d7;border-radius:6px;width:100%;min-height:44px;padding:9px 12px}.settings-stack input[type=checkbox]{width:19px;height:19px;accent-color:var(--wine);vertical-align:middle}.settings-stack button{min-height:44px}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.upload-control{color:var(--wine);border:1px solid #d8c7cd;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.upload-control input{max-width:250px;font-size:14px}.settings-check,.settings-confirm label{align-items:center;gap:9px;margin:18px 0;line-height:1.7;display:flex!important}.settings-confirm{background:#fbf6eb;border-radius:8px;padding:14px 18px}.settings-preview{border:1px solid var(--line);border-radius:7px;max-height:430px}.settings-preview thead{z-index:1;background:#faf8f5;position:sticky;top:0}.settings-week{max-width:260px}.week-day-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.week-day-settings>label{border:1px solid var(--line);border-radius:8px;gap:9px;padding:16px;display:grid}.settings-stack>section>.primary{margin-top:16px}.settings-stack details>summary{color:var(--wine);cursor:pointer;padding:18px 0;font-size:16px}.header-right{flex-wrap:wrap}@media (width<=1000px){.week-day-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.breadcrumb{display:none}}@media (width<=600px){.settings-fields,.week-day-settings{grid-template-columns:1fr}.settings-stack .table-card{padding:20px 16px}.settings-actions>*,.settings-actions button{width:100%}.header-right{gap:8px}.semester-switch{font-size:13px}header{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.date-picker input{font-size:16px}.settings-stack table td{white-space:normal;max-width:260px}}