:root{--navy:#102a43;--navy-2:#183b56;--gold:#c7922f;--gold-light:#f5e7c3;--ink:#172b3a;--muted:#66788a;--line:#dbe4ec;--surface:#fff;--bg:#f4f7fa;--danger:#b42318;--success:#177245}*{box-sizing:border-box}html{font-size:16px}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy), #0a1d30);color:#fff;height:100vh;padding:28px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin:0 8px 34px;font-size:1.1rem;font-weight:800;display:flex}.brand-mark{border:2px solid var(--gold);width:38px;height:38px;color:var(--gold-light);border-radius:10px;place-items:center;display:grid}.nav{gap:6px;display:grid}.nav a{color:#d9e5ee;border-radius:10px;padding:12px 14px}.nav a:hover{color:#fff;background:#ffffff1a}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.topbar small{color:var(--muted)}.content{max-width:1440px;margin:0 auto;padding:32px}.page-title{color:var(--navy);margin:0 0 6px;font-size:1.75rem}.subtitle{color:var(--muted);margin:0 0 24px}.grid{gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px #102a430d}.metric strong{color:var(--navy);margin-top:8px;font-size:2rem;display:block}.metric span{color:var(--muted)}.section-title{justify-content:space-between;align-items:center;margin:30px 0 14px;display:flex}.section-title h2{color:var(--navy);margin:0;font-size:1.2rem}.btn{background:var(--navy);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:700;display:inline-flex}.btn:hover{background:var(--navy-2)}.btn.gold{background:var(--gold);color:#17120a}.btn.secondary{border:1px solid var(--line);color:var(--navy);background:#fff}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}th{color:var(--navy);background:#f8fafc;font-size:.9rem}tr:last-child td{border-bottom:0}.pill{color:var(--navy);background:#edf3f8;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.pill.done{color:var(--success);background:#dff3e8}.pill.warn{color:#855500;background:#fff1d6}.form{gap:18px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--navy);font-weight:700}.field small{color:var(--muted)}.input,.select,.textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #b9c7d4;border-radius:9px;padding:11px 12px}.textarea{resize:vertical;min-height:130px;line-height:1.65}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);outline:3px solid #c7922f33}.score-row{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr 110px;align-items:center;gap:18px;padding:18px 0;display:grid}.score-row:last-child{border-bottom:0}.score-title{color:var(--navy);font-weight:800}.score-description{color:#40566a;line-height:1.6}.score-input{align-items:center;gap:7px;display:flex}.score-input input{text-align:center;font-size:1.2rem;font-weight:800}.score-total{background:var(--navy);color:#fff;border-radius:14px;justify-content:space-between;align-items:baseline;padding:18px 22px;display:flex}.score-total strong{color:#f1c96f;font-size:2rem}.notice{background:#eef5fb;border-left:4px solid #4f84ad;border-radius:10px;padding:13px 15px;line-height:1.5}.notice.error{border-color:var(--danger);color:#7a271a;background:#fff0ee}.notice.success{border-color:var(--success);background:#eaf7ef}.actions{flex-wrap:wrap;gap:10px;display:flex}.login{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{background:radial-gradient(circle at 20% 20%, #294f70, var(--navy) 55%, #071827);color:#fff;flex-direction:column;justify-content:center;padding:8vw;display:flex}.login-art h1{max-width:620px;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05}.login-art p{color:#cddbe6;max-width:520px;font-size:1.1rem;line-height:1.7}.gold-line{background:var(--gold);border-radius:99px;width:88px;height:5px;margin-bottom:28px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:min(420px,100%)}.login-card h2{color:var(--navy);font-size:1.8rem}.muted{color:var(--muted)}.rubric-item{grid-template-columns:1fr 100px 80px;align-items:end;gap:10px;display:grid}.checkbox-grid{grid-template-columns:minmax(180px, 1fr) repeat(var(--cols), minmax(110px, 1fr));display:grid}.checkbox-grid>div{border-bottom:1px solid var(--line);padding:10px}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px;position:static}.brand{margin-bottom:14px}.nav{grid-auto-flow:column;overflow-x:auto}.nav a{white-space:nowrap}.grid-4,.grid-2{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.login-art{padding:54px 30px}}@media (max-width:640px){.content,.topbar{padding-left:18px;padding-right:18px}.grid-4,.grid-2{grid-template-columns:1fr}.score-row{grid-template-columns:1fr;gap:8px}.rubric-item{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.no-print{display:none!important}.shell{display:block}.content{padding:0}.card,.table-wrap{box-shadow:none}}