@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;700&family=DM+Serif+Display&display=swap";@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md, 10px);border-left:4px solid;min-width:320px;max-width:420px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .4));animation:slideIn .3s ease-out;pointer-events:auto}.toast--success{border-color:var(--green, #00d48a);background:#00d48a14}.toast--error{border-color:var(--red, #ff4f4f);background:#ff4f4f14}.toast--warning{border-color:var(--amber, #f0a500);background:#f0a50014}.toast--info{border-color:var(--blue, #4f46e5);background:#3b82f614}.toast__icon{flex-shrink:0;font-size:18px;line-height:1;margin-top:2px}.toast--success .toast__icon{color:var(--green, #00d48a)}.toast--error .toast__icon{color:var(--red, #ff4f4f)}.toast--warning .toast__icon{color:var(--amber, #f0a500)}.toast--info .toast__icon{color:var(--blue, #4f46e5)}.toast__content{flex:1;min-width:0}.toast__title{font-size:14px;font-weight:600;color:var(--text-primary, #f0f0f8);line-height:1.4}.toast__description{font-size:13px;color:var(--text-secondary, #6b6b88);line-height:1.4;margin-top:2px}.toast__dismiss{flex-shrink:0;background:none;border:none;color:var(--text-secondary, #6b6b88);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 6px);transition:color .15s,background .15s}.toast__dismiss:hover{color:var(--text-primary, #f0f0f8);background:#ffffff0f}.offline-banner{position:fixed;top:0;left:0;width:100%;z-index:10000;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f0a50026;border-bottom:1px solid var(--amber, #f0a500);color:var(--amber, #f0a500);font-size:14px;font-weight:500}.offline-banner__icon{font-size:16px}.grid-bg{position:fixed;z-index:0;-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 20%,transparent 80%)}.auth-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;background:#07070fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.auth-nav .nav-link{font-family:var(--font-mono);font-size:12px;color:var(--gray);text-decoration:none;letter-spacing:.04em;transition:color .2s}.auth-nav .nav-link:hover{color:var(--white)}.auth-nav .nav-link span{color:var(--amber)}.auth-main{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:15px;line-height:1.6}.auth-main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:100px 24px 60px;position:relative;z-index:1}.auth-wrap{display:flex;width:100%;max-width:1000px;min-height:580px;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 0 80px #0009,0 0 0 1px #f0a5000a;animation:authFadeUp .7s ease forwards}.auth-side{width:380px;flex-shrink:0;background:var(--bg2);padding:52px 44px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);position:relative;overflow:hidden}.auth-side:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border:1px solid var(--gray2);border-radius:50%;pointer-events:none}.auth-side:after{content:"";position:absolute;bottom:-80px;left:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(240,165,0,.05) 0%,transparent 70%);pointer-events:none}.side-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--amber);margin-bottom:20px;display:flex;align-items:center;gap:8px}.side-eyebrow:before{content:"";width:20px;height:1px;background:var(--amber);display:block}.side-title{font-family:var(--font-display);font-size:32px;line-height:1.1;letter-spacing:-.02em;color:var(--white);margin-bottom:16px}.side-title em{font-style:normal;color:var(--amber)}.side-desc{font-size:14px;color:var(--gray);line-height:1.7;font-weight:300;margin-bottom:40px}.side-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:40px;padding:0}.side-feature{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--gray);line-height:1.5}.side-feature-icon{width:20px;height:20px;border-radius:4px;background:var(--amber-dim);border:1px solid rgba(240,165,0,.2);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;margin-top:1px}.side-session{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-family:var(--font-mono);font-size:11px;line-height:1.9;color:var(--gray2)}.ss-line{display:flex;align-items:center;gap:8px}.ss-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 6px var(--green);animation:ssPulse 2s ease infinite}.ss-amber{color:var(--amber)}.ss-green{color:var(--green)}.ss-white{color:var(--white)}.ss-muted{color:var(--gray2);padding-left:14px}.auth-form-panel{flex:1;background:var(--bg);padding:52px 48px;display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:36px}.form-title{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em;color:var(--white);margin-bottom:8px}.form-sub{font-size:13.5px;color:var(--gray);font-weight:300}.form-sub a,.form-sub button{color:var(--amber);text-decoration:none;background:none;border:none;cursor:pointer;font:inherit;padding:0;transition:color .2s}.form-sub a:hover,.form-sub button:hover{color:var(--amber2)}.tab-bar{display:flex;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:3px;margin-bottom:32px}.tab-bar .tab{flex:1;padding:8px 16px;border-radius:5px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--gray);cursor:pointer;transition:all .2s;text-align:center;border:none;background:none}.tab-bar .tab.active{background:var(--amber);color:#000;font-weight:500}.tab-bar .tab:not(.active):hover{color:var(--white)}.field-group{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}.input-wrap{position:relative}.field input[type=text],.field input[type=email],.field input[type=password]{width:100%;background:var(--bg2);border:1px solid var(--gray2);border-radius:6px;padding:11px 14px;font-family:var(--font-body);font-size:14px;color:var(--white);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;appearance:none;-webkit-appearance:none}.field input::placeholder{color:var(--gray2)}.field input:hover{border-color:var(--gray2);background:var(--bg3)}.field input:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f0a50014;background:var(--bg3)}.field input.error{border-color:var(--red);box-shadow:0 0 0 3px #ff4f4f14}.field input.success{border-color:var(--green)}.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray2);font-size:13px;padding:4px;transition:color .2s;font-family:var(--font-mono);letter-spacing:.02em}.pw-toggle:hover{color:var(--gray)}.field-pw input{padding-right:56px}.field-hint{font-size:11px;color:var(--gray2);font-family:var(--font-mono);margin-top:2px}.field-hint.err{color:var(--red)}.field-hint.ok{color:var(--green)}.pw-strength{display:flex;gap:4px;margin-top:6px}.pw-bar{height:3px;flex:1;border-radius:2px;background:var(--gray2);transition:background .3s}.pw-bar.weak{background:var(--red)}.pw-bar.fair{background:var(--amber)}.pw-bar.strong{background:var(--green)}.or-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:var(--font-mono);font-size:10px;color:var(--gray2);letter-spacing:.1em;text-transform:uppercase}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.btn-social{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg2);border:1px solid var(--gray2);border-radius:6px;color:var(--gray);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .2s;text-decoration:none}.btn-social:hover{border-color:var(--gray2);color:var(--white);background:var(--bg3)}.btn-social svg{width:16px;height:16px;flex-shrink:0}.field-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.field-check input[type=checkbox]{width:16px;height:16px;min-width:16px;border-radius:4px;border:1px solid var(--gray2);background:var(--bg2);padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;position:relative;transition:all .15s;margin-top:2px}.field-check input[type=checkbox]:checked{background:var(--amber);border-color:var(--amber)}.field-check input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:8px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg)}.check-label{font-size:12.5px;color:var(--gray);line-height:1.5}.check-label a{color:var(--amber);text-decoration:none}.check-label a:hover{text-decoration:underline}.forgot-link{font-family:var(--font-mono);font-size:11px;color:var(--gray2);text-decoration:none;letter-spacing:.04em;transition:color .2s;cursor:pointer;background:none;border:none}.forgot-link:hover{color:var(--amber)}.btn-submit{width:100%;padding:13px 24px;background:var(--amber);color:#000;border:none;border-radius:6px;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .5s}.btn-submit:hover{background:var(--amber2);transform:translateY(-1px);box-shadow:0 6px 24px #f0a5004d}.btn-submit:hover:before{transform:translate(100%)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:authSpin .7s linear infinite;display:none}.btn-submit.loading .spinner{display:block}.btn-submit.loading .btn-text{opacity:.6}.form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.form-banner{padding:12px 14px;border-radius:6px;font-size:13px;margin-bottom:20px;display:none;align-items:flex-start;gap:10px}.form-banner.show{display:flex}.form-banner.success{background:#00d48a0f;border:1px solid rgba(0,212,138,.2);color:var(--green)}.form-banner.error{background:#ff4f4f0f;border:1px solid rgba(255,79,79,.2);color:var(--red)}.banner-icon{font-size:14px;flex-shrink:0;margin-top:1px}.banner-text{line-height:1.5}.auth-footer{position:relative;z-index:1;padding:20px 40px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.auth-footer .footer-brand{font-size:11px}.auth-footer .footer-links{gap:20px;margin:0;padding:0}.auth-footer .footer-links a{font-size:11px}@keyframes authFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes ssPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes authShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:authShake .4s ease}.auth-fullscreen{padding-top:40px}.test-accounts{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.test-accounts-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray2);margin-bottom:10px}.test-accounts-btns{display:flex;gap:8px}.btn-test-account{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:var(--bg2);border:1px dashed var(--gray2);border-radius:6px;color:var(--gray);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-test-account:hover{border-color:var(--amber);color:var(--amber);background:#f0a5000a}.btn-test-account .test-email{font-family:var(--font-mono);font-size:10px;color:var(--gray2);font-weight:400}.btn-test-account:hover .test-email{color:var(--amber);opacity:.7}@media(max-width:768px){.auth-side{display:none}.auth-wrap{max-width:480px}.auth-form-panel{padding:36px 28px}.field-row,.social-buttons{grid-template-columns:1fr}.auth-nav{padding:16px 20px}.auth-footer{padding:16px 20px;flex-direction:column;gap:12px}}.skeleton-pulse{background:var(--skeleton-bg, rgba(255, 255, 255, .06));animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.notification-bell-wrap{position:relative}.notification-bell-btn{position:relative;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;cursor:pointer;color:var(--text-secondary);font-size:16px;line-height:1;transition:all .15s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.notification-bell-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger, #ef4444);color:#fff;font-family:var(--font-mono);font-size:9px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:200}.notification-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.notification-dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.notification-dropdown-title{font-weight:500}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .12s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--surface)}.notification-item-icon{flex-shrink:0;width:20px;text-align:center;font-size:14px;margin-top:2px}.notification-item.ok .notification-item-icon{color:var(--green, #22c55e)}.notification-item.warning .notification-item-icon{color:var(--amber, #f0a500)}.notification-item.action_required .notification-item-icon{color:var(--danger, #ef4444)}.notification-item-content{flex:1;min-width:0}.notification-item-label{font-size:13px;color:var(--text-primary);font-weight:500}.notification-item-detail{font-size:11px;color:var(--text-muted);margin-top:2px}.notification-item-count{flex-shrink:0;background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:10px;color:var(--text-secondary);margin-top:2px}.notification-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--text-muted)}@media(max-width:640px){.notification-dropdown{width:calc(100vw - 32px);right:-8px}}.dashboard{display:flex;min-height:100vh;background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:14px;line-height:1.5;overflow:hidden}.sidebar{width:240px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;position:fixed;left:0;top:0;z-index:100;transition:width .2s ease}.sidebar-logo{padding:22px 20px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-mark{width:26px;height:26px;background:var(--sidebar-active);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0}.logo-text{font-family:var(--font-display);font-size:11px;letter-spacing:.06em;color:var(--sidebar-text-bright);line-height:1.2}.logo-ver{font-family:var(--font-mono);font-size:9px;color:var(--sidebar-active);letter-spacing:.08em}.sidebar-nav{padding:12px 10px;flex:1;overflow-y:auto}.nav-section-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:10px 10px 6px}.nav-item{display:flex;width:100%;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;color:var(--sidebar-text);font-family:inherit;font-size:13.5px;font-weight:400;-webkit-user-select:none;user-select:none;position:relative;text-decoration:none;border:1px solid transparent;background:none;text-align:left}.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-bright)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active);border:1px solid rgba(240,165,0,.15)}.nav-item.active .nav-icon{color:var(--sidebar-active)}.nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--amber);color:#000;font-family:var(--font-mono);font-size:9px;font-weight:500;padding:1px 6px;border-radius:10px}.nav-badge.green{background:var(--green)}.nav-badge.purple{background:#a594ff;color:#fff}.sidebar-divider{height:1px;background:var(--sidebar-border);margin:8px 10px}.sidebar-user-wrap{position:relative;border-top:1px solid var(--sidebar-border)}.sidebar-user{width:100%;padding:13px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none;background:none;border:none;font-family:inherit;font-size:inherit;color:inherit;text-align:left}.sidebar-user:hover,.sidebar-user.open{background:var(--sidebar-hover)}.user-avatar{width:32px;height:32px;border-radius:8px;background:var(--sidebar-active-bg);border:1px solid rgba(240,165,0,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;color:var(--sidebar-active);flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:13px;color:var(--sidebar-text-bright);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan{font-family:var(--font-mono);font-size:10px;color:var(--sidebar-active)}.user-chevron{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);transition:transform .2s;flex-shrink:0}.sidebar-user.open .user-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;bottom:calc(100% + 6px);left:10px;right:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:200}.user-dropdown.show{opacity:1;transform:translateY(0);pointer-events:all}.dropdown-header{padding:12px 14px 10px;border-bottom:1px solid var(--border)}.dropdown-email{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-bottom:2px}.dropdown-handle{font-family:var(--font-mono);font-size:11px;color:var(--sidebar-active)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .12s;border-bottom:1px solid var(--border);text-decoration:none;background:none;border-left:none;border-right:none;border-top:none;width:100%;font-family:inherit}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface);color:var(--text-primary)}.dropdown-item.danger:hover{background:var(--danger-light);color:var(--danger)}.dropdown-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.main{margin-left:240px;flex:1;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.topbar{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 32px;height:56px;display:flex;align-items:center;justify-content:space-between;z-index:50;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.topbar-crumb-active{color:var(--text-primary);font-size:13px}.topbar-sep{color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:10px}.period-selector{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;cursor:pointer;outline:none}.period-selector:hover{border-color:var(--text-muted)}.period-selector:focus{border-color:var(--sidebar-active)}.content{padding:32px;flex:1}.view-enter{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.dashboard ::-webkit-scrollbar{width:4px;height:4px}.dashboard ::-webkit-scrollbar-track{background:transparent}.dashboard ::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dashboard ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.sidebar{width:56px}.sidebar .logo-text,.sidebar .logo-ver,.sidebar .nav-section-label,.sidebar .nav-badge,.sidebar .user-info,.sidebar .user-chevron{display:none}.sidebar .nav-item{justify-content:center;padding:9px 0;min-height:44px}.sidebar .sidebar-logo{justify-content:center;padding:22px 8px}.sidebar .sidebar-user{justify-content:center;padding:13px 8px;min-height:44px}.main{margin-left:56px}.content{padding:20px}.topbar{padding:0 16px}.topbar button,.topbar a,.topbar select,.dropdown-item{min-height:44px}}@media(max-width:900px){.sidebar{width:56px}.sidebar .logo-text,.sidebar .logo-ver,.sidebar .nav-section-label,.sidebar .nav-badge,.sidebar .user-info,.sidebar .user-chevron{display:none}.sidebar .nav-item{justify-content:center;padding:9px 0}.sidebar .sidebar-logo{justify-content:center;padding:22px 8px}.sidebar .sidebar-user{justify-content:center;padding:13px 8px}.main{margin-left:56px}.content{padding:20px}.topbar{padding:0 16px}}@media(max-width:640px){.sidebar{display:none}.main{margin-left:0}.content{padding:16px}.topbar{padding:0 12px;height:48px}.topbar-left{font-size:10px}.topbar-crumb-active{font-size:12px}.topbar-right{gap:6px}.period-selector{padding:4px 8px;font-size:11px;max-width:120px}.nav-item,.dropdown-item,.sidebar-user{min-height:44px}.form-row,.form-group-inline{flex-direction:column;gap:8px}.form-row>*,.form-group-inline>*{width:100%}.btn-primary,.btn-secondary,.btn-outline{width:100%;min-height:44px;font-size:14px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}}@media(max-width:375px){.content{padding:10px}.topbar{padding:0 8px;height:44px}.topbar-left{font-size:9px}.topbar-crumb-active{font-size:11px}.period-selector{padding:4px 6px;font-size:10px;max-width:100px}}:root,[data-theme=dark]{--primary: #f0a500;--primary-dark: #d49200;--primary-light: rgba(240, 165, 0, .15);--primary-bg: rgba(240, 165, 0, .08);--accent: #ffc233;--accent-light: rgba(255, 194, 51, .15);--success: #00d48a;--success-light: rgba(0, 212, 138, .15);--warning: #f0a500;--warning-light: rgba(240, 165, 0, .15);--danger: #ff4f4f;--danger-light: rgba(255, 79, 79, .15);--bg: #07070f;--surface: #0e0e1a;--surface-2: #141422;--border: #1e1e30;--text-primary: #f0f0f8;--text-secondary: #6b6b88;--text-muted: #3a3a52;--sidebar-bg: #07070f;--sidebar-text: #6b6b88;--sidebar-text-bright: #f0f0f8;--sidebar-active: #f0a500;--sidebar-active-bg: rgba(240, 165, 0, .08);--sidebar-hover: rgba(255, 255, 255, .04);--sidebar-border: #1e1e30;--bg2: #0e0e1a;--bg3: #141422;--amber: #f0a500;--amber2: #ffc233;--amber-dim: rgba(240, 165, 0, .08);--white: #f0f0f8;--gray: #6b6b88;--gray2: #3a3a52;--green: #00d48a;--red: #ff4f4f;--blue: #4f46e5;--font-display: "Archivo Black", sans-serif;--font-head: "Archivo", sans-serif;--font-body: "Archivo", sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5)}[data-theme=indigo]{--primary: #4F46E5;--primary-dark: #4338CA;--primary-light: #EEF2FF;--primary-bg: rgba(79, 70, 229, .08);--accent: #0EA5E9;--accent-light: #E0F2FE;--success: #059669;--success-light: #D1FAE5;--warning: #D97706;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--bg: #F8F9FC;--surface: #FFFFFF;--surface-2: #F1F3F8;--border: #E2E5F1;--text-primary: #1A1F36;--text-secondary: #4A5068;--text-muted: #9498AC;--sidebar-bg: #FFFFFF;--sidebar-text: #6B6B6B;--sidebar-text-bright: #1A1A1A;--sidebar-active: #4F46E5;--sidebar-active-bg: rgba(79, 70, 229, .08);--sidebar-hover: rgba(0, 0, 0, .03);--sidebar-border: #EBEBEB;--bg2: #FFFFFF;--bg3: #F1F3F8;--amber: #4F46E5;--amber2: #4338CA;--amber-dim: rgba(79, 70, 229, .08);--white: #1A1F36;--gray: #4A5068;--gray2: #9498AC;--green: #059669;--red: #DC2626;--blue: #4F46E5;--font-display: "Plus Jakarta Sans", "Noto Sans TC", sans-serif;--font-head: "Plus Jakarta Sans", "Noto Sans TC", sans-serif;--font-body: "Noto Sans TC", sans-serif;--font-mono: "IBM Plex Mono", "Noto Sans TC", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(26, 31, 54, .05);--shadow-md: 0 4px 12px rgba(26, 31, 54, .08), 0 1px 3px rgba(26, 31, 54, .04);--shadow-lg: 0 12px 24px rgba(26, 31, 54, .1), 0 4px 8px rgba(26, 31, 54, .05)}[data-theme=navy]{--primary: #1B3A6B;--primary-dark: #152E55;--primary-light: #E8EDF5;--primary-bg: rgba(27, 58, 107, .08);--accent: #C9A84C;--accent-light: #FDF6E3;--success: #059669;--success-light: #D1FAE5;--warning: #D97706;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--bg: #F8F9FC;--surface: #FFFFFF;--surface-2: #F1F3F8;--border: #D1D5E4;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--sidebar-bg: #0F2347;--sidebar-text: #CBD5E8;--sidebar-text-bright: #F0F3FA;--sidebar-active: #C9A84C;--sidebar-active-bg: rgba(201, 168, 76, .12);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-border: rgba(255, 255, 255, .08);--bg2: #FFFFFF;--bg3: #F1F3F8;--amber: #C9A84C;--amber2: #B8972F;--amber-dim: rgba(201, 168, 76, .1);--white: #0F172A;--gray: #475569;--gray2: #94A3B8;--green: #059669;--red: #DC2626;--blue: #1B3A6B;--font-display: "Noto Serif TC", serif;--font-head: "Noto Serif TC", serif;--font-body: "Noto Sans TC", sans-serif;--font-mono: "IBM Plex Mono", "Noto Sans TC", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(15, 35, 71, .08);--shadow-md: 0 4px 8px rgba(15, 35, 71, .1);--shadow-lg: 0 12px 20px rgba(15, 35, 71, .12)}[data-theme=sage]{--primary: #2D6A4F;--primary-dark: #245A42;--primary-light: #E8F5EE;--primary-bg: rgba(45, 106, 79, .08);--accent: #E07A5F;--accent-light: #FDE8E0;--success: #059669;--success-light: #D1FAE5;--warning: #D97706;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--bg: #F5F0EB;--surface: #FFFFFF;--surface-2: #EDE8E3;--border: #D4CBC2;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #8A8A8A;--sidebar-bg: #1E3A2F;--sidebar-text: #A8C5B5;--sidebar-text-bright: #E8F0EC;--sidebar-active: #E07A5F;--sidebar-active-bg: rgba(224, 122, 95, .12);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-border: rgba(255, 255, 255, .08);--bg2: #FFFFFF;--bg3: #EDE8E3;--amber: #E07A5F;--amber2: #D06A4F;--amber-dim: rgba(224, 122, 95, .1);--white: #1A1A1A;--gray: #4A4A4A;--gray2: #8A8A8A;--green: #059669;--red: #DC2626;--blue: #2D6A4F;--font-display: "DM Serif Display", "Noto Serif TC", serif;--font-head: "DM Serif Display", "Noto Serif TC", serif;--font-body: "Noto Sans TC", sans-serif;--font-mono: "IBM Plex Mono", "Noto Sans TC", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(30, 58, 47, .06);--shadow-md: 0 4px 8px rgba(30, 58, 47, .08);--shadow-lg: 0 12px 20px rgba(30, 58, 47, .1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:1px solid transparent;border-radius:8px;font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--primary);color:var(--bg);border-color:var(--primary)}.btn.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 6px 24px var(--primary-light)}.btn.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);background:var(--surface)}.btn.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn.btn-danger:hover:not(:disabled){background:var(--danger-light)}.btn.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;padding:8px 12px}.btn.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--surface)}.btn.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn.btn-lg{padding:16px 32px;font-size:16px;border-radius:10px}.btn .btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.form-input{width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-input.error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-light)}.form-hint{font-size:12px;color:var(--text-muted)}.form-error{font-size:12px;color:var(--danger)}.form-banner{padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5}.form-banner.success{background:var(--success-light);border:1px solid rgba(0,212,138,.2);color:var(--success)}.form-banner.error{background:var(--danger-light);border:1px solid rgba(255,79,79,.2);color:var(--danger)}.form-select{appearance:none;width:100%;padding:12px 36px 12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6b88'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.form-toggle-track{width:40px;height:22px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;transition:background .2s,border-color .2s}.form-toggle-track.active{background:var(--primary);border-color:var(--primary)}.form-toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--text-primary);border-radius:50%;transition:transform .2s}.form-toggle-track.active .form-toggle-thumb{transform:translate(18px)}.c-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s,box-shadow .2s}.c-card:hover{border-color:var(--surface-2)}.c-card-glow{position:relative;overflow:hidden}.c-card-glow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,var(--glow, var(--primary-bg)),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.c-card-glow:hover:before{opacity:1}.c-stat{display:flex;flex-direction:column;gap:8px}.c-stat-value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.c-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.c-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.03em}.c-badge-success{background:var(--success-light);color:var(--success);border:1px solid rgba(0,212,138,.2)}.c-badge-danger{background:var(--danger-light);color:var(--danger);border:1px solid rgba(255,79,79,.2)}.c-badge-warning{background:var(--warning-light);color:var(--warning);border:1px solid rgba(240,165,0,.2)}.c-badge-muted{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.c-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.c-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.c-panel-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 100%);pointer-events:none}.nav-logo{font-family:var(--font-display);font-size:15px;letter-spacing:.05em;color:var(--white);text-decoration:none;display:flex;align-items:center;gap:10px}.nav-logo-mark{width:26px;height:26px;background:var(--amber);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.footer-brand{font-family:var(--font-mono);font-size:12px;color:var(--gray2)}.footer-brand span{color:var(--amber)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{color:var(--gray2);text-decoration:none;font-size:12px;font-family:var(--font-mono);transition:color .2s}.footer-links a:hover{color:var(--gray)}.skip-nav{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--primary);color:var(--bg);font-family:var(--font-body);font-size:14px;font-weight:600;border-radius:0 0 8px 8px;text-decoration:none;transition:top .15s}.skip-nav:focus{top:0}.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}:focus-visible{outline:2px solid var(--sidebar-active, #f0a500);outline-offset:2px}.skip-nav{position:absolute;top:-100px;left:16px;z-index:10000;padding:12px 24px;background:var(--sidebar-active, #f0a500);color:#000;font-weight:600;font-size:14px;text-decoration:none;border-radius:var(--radius-sm, 6px);transition:top .2s}.skip-nav:focus{top:16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-high-contrast=true]{--bg: #000000;--surface: #1a1a1a;--surface-2: #222222;--border: #666666;--sidebar-bg: #0a0a0a;--sidebar-border: #555555;--sidebar-text: #e0e0e0;--sidebar-text-bright: #ffffff;--sidebar-hover: #333333;--sidebar-active: #ffcc00;--sidebar-active-bg: rgba(255, 204, 0, .15);--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--white: #ffffff;--green: #00ff88;--red: #ff5555;--amber: #ffcc00;--blue: #6688ff}[data-high-contrast=true] a{text-decoration:underline}[data-high-contrast=true] :focus-visible{outline:3px solid #ffcc00;outline-offset:3px}.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table table{min-width:600px}.touch-target{min-height:44px;min-width:44px}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:375px){.content{padding:12px}.page-title{font-size:18px}.metrics-row{grid-template-columns:1fr;gap:8px}.grid-62{grid-template-columns:1fr}}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}.metrics-row{grid-template-columns:repeat(2,1fr)}.grid-62{grid-template-columns:1fr}button,a,select,[role=button],[role=menuitem],.nav-item,.dropdown-item{min-height:44px}input,textarea,select{min-height:44px;font-size:16px}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:500px}}@media(max-width:1024px){.metrics-row{grid-template-columns:repeat(2,1fr)}}