:root{font-family:Inter,"Noto Sans TC","Segoe UI",system-ui,sans-serif;color:#253847;background:#f3f6f8;font-synthesis:none;--primary:#247b83;--soft:#e9f5f5;--border:#dfe7eb;--muted:#748794}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.auth-page{display:grid;place-items:center;min-height:100vh;padding:32px 16px;background:radial-gradient(ellipse at 50% 15%,#fff 0%,#f0f4f7 50%,#e8eef3 100%)}.auth-card{width:min(384px,100%);overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 20px 56px #30485819,0 3px 10px #30485808}.auth-content{padding:32px 32px 20px}.wordmark{display:flex;justify-content:center;align-items:center;gap:12px;margin:2px 0 24px}.wordmark>div,.side-brand>div{display:flex;flex-direction:column}.wordmark strong{font-size:27px;letter-spacing:-.7px}.wordmark small,.side-brand small{color:var(--muted);font-size:11px;letter-spacing:.6px}.brand{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;color:#fff;background:var(--primary);font-size:22px;font-weight:750}.brand.small{width:40px;height:40px;border-radius:10px;font-size:17px}.auth-content h1{text-align:center;font-size:18px;margin:0 0 6px}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.login-locale{display:flex;justify-content:flex-end;margin:18px 0 12px}.locale{display:flex;padding:3px;border:1px solid var(--border);border-radius:8px;background:#f8fafb}.locale button{border:0;border-radius:6px;padding:5px 9px;color:var(--muted);background:transparent;font-size:12px}.locale button.active{color:#fff;background:var(--primary)}label{display:block;margin:0 0 18px;font-size:13px;font-weight:600}.field{display:flex;align-items:center;min-height:44px;margin-top:6px;border:1px solid #cfdadf;border-radius:9px;padding:0 12px}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #247b8318}.field>.icon{margin-right:10px;color:var(--muted)}.field input{width:100%;border:0;outline:0;background:transparent}.primary{width:100%;height:44px;border:0;border-radius:9px;color:#fff;background:var(--primary);font-weight:650;letter-spacing:4px;box-shadow:0 7px 18px #247b8325}.primary:disabled{opacity:.65}.alert{margin-bottom:16px;padding:10px 12px;border:1px solid #ffccc7;border-radius:8px;color:#a8071a;background:#fff2f0;font-size:13px}.help{text-align:center;color:var(--muted);font-size:12px;margin:16px 0 0}.auth-card footer{padding:15px 12px;text-align:center;font-size:11px;color:var(--muted);background:#f8fafc;border-top:1px solid var(--border)}.app-layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:288px;height:100vh;overflow:auto;border-right:1px solid var(--border);background:#fff}.side-brand{display:flex;align-items:center;gap:11px;min-height:76px;padding:0 18px}.side-brand strong{font-size:18px}.sidebar nav{padding:8px 6px}.nav,.nav-section{display:flex;align-items:center;width:100%;min-height:48px;margin:4px 0;padding:12px 16px;border:0;border-radius:7px;color:#314957;background:transparent;text-align:left}.nav span:nth-child(2),.nav-section span:nth-child(2){flex:1;margin-left:12px}.nav.active{color:#0e6971;background:#dcebed;font-weight:650}.nav:hover{color:#155d64;background:#edf6f6}.nav-section{color:var(--primary);font-weight:650}.submenu{padding-left:18px;background:#f7f9f9}.icon{display:inline-grid;place-items:center;min-width:20px;color:currentColor}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav>.icon,.nav-section>.icon{color:#66818a}.nav.active>.icon,.nav-section>.icon{color:var(--primary)}.nav-chevron{min-width:16px}.nav-chevron svg{width:16px;height:16px}.side-note{display:flex;flex-direction:column;gap:4px;margin:auto 14px 16px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:12px}.side-note small,.side-note span{color:var(--muted)}.main{min-width:0;flex:1}.main header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;border-bottom:1px solid var(--border);background:#fff}.crumb{font-size:13px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:9px}.header-select-group{display:flex;align-items:center;gap:8px}.header-select{position:relative;display:flex;align-items:center;margin:0;font-weight:500}.header-select select{height:40px;min-width:148px;appearance:none;border:1px solid #d8e3e7;border-radius:9px;padding:0 32px 0 38px;color:#304a55;background:#fff;outline:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.header-select select:hover{border-color:#9ec4c8;background:#fbfefe}.header-select select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #247b8318}.header-select .select-icon{position:absolute;left:11px;z-index:1;min-width:18px;color:var(--primary);pointer-events:none}.header-select .select-icon svg{width:18px;height:18px}.header-select .select-chevron{position:absolute;right:9px;min-width:15px;color:#6f8991;pointer-events:none}.header-select .select-chevron svg{width:15px;height:15px}.header-select option:disabled{color:#9aa9af}.round,.user,.logout{border:0;background:transparent;color:#425967}.round{display:grid;place-items:center;width:36px;height:36px;border-radius:9px}.round:hover,.user:hover{color:var(--primary);background:#eef7f7}.user{display:flex;align-items:center;gap:6px;min-height:38px;padding:0 8px;border-radius:9px}.user-chevron{min-width:14px}.user-chevron svg{width:14px;height:14px}.logout{color:var(--primary)}.content{padding:26px 28px}.page-heading small{color:#90a1ab;letter-spacing:1px}.page-heading h1{font-size:24px;margin:4px 0}.page-heading p{margin:0 0 18px;color:var(--muted)}.panel{padding:20px;border:1px solid var(--border);border-radius:10px;background:#fff}.panel h2{font-size:17px;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px}.program{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--border);border-radius:10px;color:#253847;background:#fff;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.program:hover{border-color:#9ecfd2;background:#fbfefe;box-shadow:0 7px 18px #244b5a0c;transform:translateY(-1px)}.program>span:nth-child(2){display:flex;flex-direction:column}.program small{margin-top:4px;color:#91a1ac}.program em{padding:3px 7px;border-radius:5px;color:#667983;background:#f4f6f7;font-size:11px;font-style:normal}.card-icon-wrap{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--primary);background:#edf7f7}.card-icon-wrap>.icon svg{width:21px;height:21px}.card-arrow{color:#52717a}.notice{display:flex;align-items:center;gap:8px;margin-top:16px;padding:13px 15px;border:1px solid #b7dfe2;border-radius:8px;color:#28656c;background:#edf8f8}.notice>.icon{flex:0 0 auto}.notice>.icon svg{width:18px;height:18px}@media(max-width:1500px){.cards{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:1280px){.crumb{display:none}.header-select select{min-width:132px}.header-actions{width:100%;justify-content:flex-end}}@media(max-width:1100px){.header-select-group{display:none}}@media(max-width:760px){.sidebar{width:82px}.side-brand>div,.nav span:nth-child(2),.nav-section span:nth-child(2),.nav-section .nav-chevron,.side-note{display:none}.side-brand{justify-content:center}.nav,.nav-section{justify-content:center;padding:12px}.submenu{padding-left:0}.user span,.user .user-chevron,.logout{display:none}.main header{justify-content:flex-end;padding:8px 12px}.content{padding:18px 12px}.cards{grid-template-columns:1fr}.auth-content{padding:26px 24px 20px}}

.user-menu-item{border:0;background:transparent;color:#425967}.round:focus-visible,.user:focus-visible,.user-menu-item:focus-visible{outline:3px solid #247b8330;outline-offset:2px}.user-menu{position:relative}.user-chevron{transition:transform .16s ease}.user-menu.is-open .user{color:var(--primary);background:#eef7f7}.user-menu.is-open .user-chevron{transform:rotate(180deg)}.user-menu-panel{position:absolute;top:calc(100% + 9px);right:0;z-index:20;width:236px;max-width:calc(100vw - 24px);padding:8px;border:1px solid #d8e3e7;border-radius:12px;background:#fff;box-shadow:0 18px 42px #263e4b20,0 3px 10px #263e4b12}.user-menu-panel[hidden]{display:none}.user-menu-summary{display:flex;align-items:center;gap:11px;padding:9px 10px 11px}.user-menu-summary>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.user-menu-summary small{color:var(--muted);font-size:11px;font-weight:500}.user-menu-summary strong{overflow:hidden;color:#263f4a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.user-menu-avatar{width:36px;height:36px;min-width:36px;border-radius:10px;color:var(--primary);background:#e9f5f5}.user-menu-avatar svg{width:19px;height:19px}.user-menu-separator{height:1px;margin:0 4px 5px;background:#e8eef1}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border-radius:8px;color:#a94b4b;text-align:left}.user-menu-item:hover{color:#983d3d;background:#fff2f1}.user-menu-item>.icon svg{width:18px;height:18px}@media(max-width:760px){.user>.icon{display:inline-grid}.user>span:not(.icon),.user .user-chevron{display:none}}