:root{color-scheme:light;--ink:#132238;--muted:#617086;--line:#dce4ee;--panel:#fff;--bg:#f4f7fb;--blue:#2557d6;--blue2:#143d9f;--green:#14785b;--amber:#9a6500;--danger:#a52a3a;--shadow:0 18px 55px rgba(31,48,78,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button,a{touch-action:manipulation}.auth-page{background:radial-gradient(circle at 10% 0,#e7efff 0,transparent 42%),linear-gradient(145deg,#f8fbff,#edf3fb);min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,520px);align-items:center;gap:clamp(2rem,7vw,7rem);max-width:1180px;margin:auto;padding:clamp(1.25rem,5vw,4rem)}.auth-shell.single{grid-template-columns:minmax(320px,560px);justify-content:center}.auth-brand{padding:2rem}.auth-brand .brand-badge{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,var(--blue),#5a82ee);color:#fff;font-weight:900;box-shadow:0 18px 35px rgba(37,87,214,.25)}.auth-brand h1{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.06em;margin:1.3rem 0 .4rem}.auth-brand p{color:var(--muted);font-size:1.15rem}.auth-brand ul{list-style:none;padding:0;margin:2rem 0;display:grid;gap:.8rem}.auth-brand li:before{content:"✓";display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;background:#dff5ed;color:var(--green);border-radius:999px;margin-right:.7rem;font-weight:900}.auth-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:clamp(1.4rem,4vw,2.7rem);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-card h1,.auth-card h2{letter-spacing:-.035em;margin:.55rem 0}.auth-card>p{color:var(--muted);line-height:1.65}.security-label{display:inline-flex;padding:.42rem .72rem;border-radius:999px;background:#e8efff;color:var(--blue2);font-size:.78rem;font-weight:800;letter-spacing:.08em}form{display:grid;gap:1rem;margin-top:1.5rem}label{display:grid;gap:.45rem;color:#2d3d54;font-size:.88rem;font-weight:800}input{width:100%;min-height:48px;border:1px solid #c8d3e2;border-radius:13px;background:#fff;padding:.7rem .85rem;color:var(--ink);outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,87,214,.12)}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:850;text-decoration:none;padding:.75rem 1rem;cursor:pointer}.primary-button:hover{filter:brightness(1.05)}.text-button{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer}.form-message{min-height:1.4rem;margin:0;color:var(--danger);font-size:.88rem}.privacy-note{font-size:.78rem!important;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.4rem}.cf-turnstile{min-height:65px}.qr-box{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;margin:1rem auto;max-width:300px}.qr-box svg{width:min(100%,260px);height:auto}.backup-codes{background:#111c2d;color:#edf5ff;border-radius:16px;padding:1.2rem;white-space:pre-wrap;line-height:1.8;letter-spacing:.08em}.link-button{width:100%;margin-top:1rem}.dashboard-page{background:#eef2f8}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.dashboard-shell aside{background:#10233f;color:#d8e4f7;padding:1rem;position:sticky;top:0;height:100vh;overflow:auto}.dashboard-brand{display:flex;align-items:center;gap:.8rem;padding:.7rem .55rem 1.2rem}.dashboard-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#4776e6;color:#fff;font-weight:900}.dashboard-brand div{display:grid}.dashboard-brand small,.sidebar-note{color:#9eb0c9}.dashboard-shell nav{display:grid;gap:.25rem}.dashboard-shell nav button{border:0;background:transparent;color:#c8d5e8;text-align:left;border-radius:11px;padding:.8rem .75rem;cursor:pointer}.dashboard-shell nav button:hover,.dashboard-shell nav button.active{background:#244267;color:#fff}.sidebar-note{font-size:.78rem;line-height:1.65;margin-top:1.3rem;padding:1rem;border-top:1px solid #2c4667}.dashboard-main{min-width:0}.topbar{height:70px;display:flex;align-items:center;gap:1rem;background:#fff;border-bottom:1px solid var(--line);padding:0 1.4rem;position:sticky;top:0;z-index:5}.topbar>div:nth-child(2){display:grid;gap:.12rem}.topbar small{color:var(--muted)}#menu-button{display:none;border:0;background:#edf2fa;border-radius:10px;width:42px;height:42px}.account-chip{margin-left:auto;display:flex;align-items:center;gap:.6rem}.account-chip>span{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#dfe8ff;color:var(--blue2);font-weight:900}.account-chip div{display:grid;font-size:.82rem}.dashboard-main main{padding:clamp(1rem,3vw,2.2rem);max-width:1280px;margin:auto}.workspace-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.workspace-section h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em;margin:.1rem 0 .45rem}.workspace-section header p{margin:0;color:var(--muted);line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.74rem!important;color:var(--blue)!important;font-weight:900}.status-pill{flex:none;border-radius:999px;padding:.45rem .72rem;background:#e9eef6;color:#45566e;font-size:.76rem;font-weight:850}.status-pill.ok{background:#dff5ed;color:var(--green)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.status-grid article,.info-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.2rem}.status-grid article{display:grid;gap:.45rem}.status-grid span,.status-grid small{color:var(--muted);font-size:.78rem}.status-grid strong{font-size:1.15rem}.info-panel{margin-top:1rem}.info-panel h2{margin-top:0}.info-panel p{color:var(--muted);line-height:1.7}.info-panel button{border:1px solid #ccd6e4;background:#eef2f7;color:#68778c;padding:.7rem 1rem;border-radius:11px;font-weight:800}.logout-button{margin:1rem clamp(1rem,3vw,2.2rem) 2rem;border:1px solid #c6d1df;background:#fff;color:#34465e;border-radius:11px;padding:.65rem 1rem;font-weight:800;cursor:pointer}#nav-backdrop{position:fixed;inset:0;background:rgba(8,18,32,.52);border:0;z-index:7}@media(max-width:820px){.auth-shell{grid-template-columns:1fr;padding:1rem}.auth-brand{display:none}.auth-card{border-radius:22px;padding:1.35rem}.dashboard-shell{grid-template-columns:1fr}.dashboard-shell aside{position:fixed;left:0;top:0;bottom:0;width:min(84vw,300px);z-index:8;transform:translateX(-105%);transition:transform .2s ease}.dashboard-shell aside.open{transform:translateX(0)}#menu-button{display:block}.topbar{height:64px;padding:0 .8rem}.topbar>div:nth-child(2) small{display:none}.account-chip div{display:none}.dashboard-main main{padding:1rem}.workspace-section>header{display:grid}.status-grid{grid-template-columns:1fr}.status-pill{justify-self:start}.logout-button{margin-left:1rem}.workspace-section{overflow-x:hidden}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}