.login-page{min-height:100vh;display:flex;align-items:stretch;background:var(--xc-bg);font-family:var(--xc-font-sans)}.login-page__shell{display:flex;width:100%;min-height:100vh}.login-page__brand{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:100px 64px 80px;background:var(--xc-brand);background-image:radial-gradient(ellipse at 10% 90%,rgba(255,255,255,.07) 0%,transparent 52%),radial-gradient(ellipse at 90% 10%,rgba(0,0,0,.14) 0%,transparent 44%);color:#fff;position:relative;overflow:hidden;text-align:center}.login-page__brand:before{content:"";position:absolute;right:-100px;top:-100px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.07);pointer-events:none}.login-page__brand:after{content:"";position:absolute;left:-70px;bottom:-70px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none}.login-page__brand>div:first-child{width:100%;max-width:420px;position:relative;z-index:1}.login-page__mode-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:36px}.login-page__brand-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:#ffffff26;font-size:12px;font-weight:700;letter-spacing:.04em;color:#ffffffeb}.login-page__brand-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffffffe6}.login-page__mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;color:#ffffffe0;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.login-page__mode-toggle:hover{background:#fff3}.login-page__brand-title{margin:0 0 16px;font-size:32px;font-weight:900;line-height:1.3;letter-spacing:-.03em;color:#fff}.login-page__brand-copy{font-size:14px;line-height:1.9;color:#ffffffb3;margin:0 0 40px}.login-page__feature-list{display:flex;flex-direction:column;gap:18px;text-align:center}.login-page__feature{display:flex;flex-direction:column;align-items:center;gap:6px}.login-page__feature-index{width:28px;height:28px;border-radius:8px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#ffffffe6;letter-spacing:.04em;margin-bottom:2px}.login-page__feature-title{font-size:13.5px;font-weight:700;color:#fffffff2}.login-page__feature-copy{font-size:12px;line-height:1.65;color:#ffffff94}.login-page__brand-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:0;width:100%;max-width:420px}.login-page__brand-pill{padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:600;color:#ffffff9e}.login-page__card{width:460px;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;padding:64px 48px 48px;background:var(--xc-surface);border-left:1px solid var(--xc-border);overflow-y:auto}.login-page__logo-wrap{margin-bottom:32px}.login-page__logo-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.login-page__logo-box{width:46px;height:46px;border-radius:13px;background:var(--xc-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px color-mix(in srgb,var(--xc-brand) 30%,transparent)}.login-page__eyebrow{margin:0 0 2px;font-size:10.5px;font-weight:700;letter-spacing:.07em;color:var(--xc-text-muted);text-transform:uppercase}.login-page__heading{margin:0;font-size:20px;font-weight:900;letter-spacing:-.03em;color:var(--xc-text)}.login-page__subheading{font-size:13px;line-height:1.75;color:var(--xc-text-soft);margin:0}.login-page__error{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:var(--xc-danger-soft);border:1px solid color-mix(in srgb,var(--xc-danger) 22%,transparent);color:var(--xc-danger);font-size:13px;font-weight:600;margin-bottom:18px}.login-page__oauth-group{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.login-page__oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border-radius:10px;border:1px solid var(--xc-border);background:var(--xc-surface-soft);color:var(--xc-text);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .14s,border-color .14s}.login-page__oauth-btn:hover{background:var(--xc-surface-muted);border-color:var(--xc-border-strong)}.login-page__divider{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--xc-text-muted);font-size:12px;font-weight:600}.login-page__divider:before,.login-page__divider:after{content:"";flex:1;height:1px;background:var(--xc-border)}.login-page__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 0;border-radius:10px;border:none;background:var(--xc-brand);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 6px 18px color-mix(in srgb,var(--xc-brand) 22%,transparent);transition:opacity .15s,transform .1s;margin-top:4px}.login-page__submit:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-page__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-page__credentials{margin-top:18px;padding:12px 14px;border-radius:10px;background:var(--xc-surface-muted);font-size:12px;line-height:1.75;color:var(--xc-text-muted)}.login-page__footer{margin-top:24px;text-align:center;font-size:11px;color:var(--xc-text-muted)}@media (max-width: 900px){.login-page__shell{flex-direction:column}.login-page__brand{padding:40px 28px 80px}.login-page__brand-title{font-size:26px}.login-page__feature-list{display:none}.login-page__card{width:100%;border-left:none;border-top:1px solid var(--xc-border);padding:40px 28px}}:root{--xc-font-sans: "Avenir Next", "Segoe UI", "PingFang TC", "Noto Sans TC", sans-serif;--xc-bg: #f4efe9;--xc-bg-soft: #f7f2ed;--xc-bg-elevated: #fff9f4;--xc-surface: #fffdfb;--xc-surface-soft: #faf6f2;--xc-surface-muted: #f7f1ec;--xc-surface-strong: #ffffff;--xc-border: #e6ddd4;--xc-border-strong: #d9ccc1;--xc-text: #1f2937;--xc-text-soft: #5f5650;--xc-text-muted: #8a817a;--xc-brand: #c41230;--xc-brand-dark: #8b1128;--xc-brand-soft: #f8e8eb;--xc-brand-soft-strong: #fff1f2;--xc-success: #16a34a;--xc-success-soft: #f0fdf4;--xc-warning: #d97706;--xc-warning-soft: #fffbeb;--xc-danger: #dc2626;--xc-danger-soft: #fef2f2;--xc-info: #2563eb;--xc-info-soft: #eff6ff;--xc-shadow: 0 10px 28px rgba(52, 36, 30, .06);--xc-shadow-strong: 0 14px 32px rgba(52, 36, 30, .08);--xc-overlay: rgba(255, 255, 255, .34);--xc-scrollbar: rgba(139, 112, 90, .24);--xc-scrollbar-hover: rgba(139, 112, 90, .36);--xc-selection: rgba(196, 18, 48, .14);--xc-placeholder: #9ca3af}html[data-theme=dark]{--xc-bg: #141922;--xc-bg-soft: #18202a;--xc-bg-elevated: #202a35;--xc-surface: #1d2430;--xc-surface-soft: #232c39;--xc-surface-muted: #273140;--xc-surface-strong: #2d3748;--xc-border: #364153;--xc-border-strong: #475569;--xc-text: #edf2f7;--xc-text-soft: #c6d0dc;--xc-text-muted: #94a3b8;--xc-brand: #e35d74;--xc-brand-dark: #ff8ba1;--xc-brand-soft: #38212b;--xc-brand-soft-strong: #422430;--xc-success: #4ade80;--xc-success-soft: #163524;--xc-warning: #fbbf24;--xc-warning-soft: #3d2d12;--xc-danger: #f87171;--xc-danger-soft: #3b191d;--xc-info: #60a5fa;--xc-info-soft: #172a43;--xc-shadow: 0 14px 34px rgba(2, 6, 23, .34);--xc-shadow-strong: 0 18px 38px rgba(2, 6, 23, .48);--xc-overlay: rgba(12, 17, 24, .52);--xc-scrollbar: rgba(122, 139, 161, .28);--xc-scrollbar-hover: rgba(122, 139, 161, .42);--xc-selection: rgba(227, 93, 116, .22);--xc-placeholder: #718096}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--xc-bg);color:var(--xc-text);font-family:var(--xc-font-sans);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;background:linear-gradient(180deg,var(--xc-overlay),var(--xc-overlay)),linear-gradient(180deg,var(--xc-bg) 0%,var(--xc-bg-soft) 100%);color:var(--xc-text);font-family:var(--xc-font-sans);transition:background .24s ease,color .24s ease}button,input,select,textarea{font:inherit;color:inherit}button{letter-spacing:0}input::placeholder,textarea::placeholder{color:var(--xc-placeholder)}::selection{background:var(--xc-selection);color:var(--xc-text)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--xc-scrollbar);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--xc-scrollbar-hover);border:2px solid transparent;background-clip:padding-box}@media (max-width: 768px){html{font-size:15px}.xc-mobile-stack{flex-direction:column!important}.xc-mobile-full{width:100%!important;min-width:0!important;max-width:100%!important}.xc-mobile-hide{display:none!important}.xc-mobile-p12{padding:12px!important}.xc-mobile-p16{padding:16px!important}.xc-sidebar-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;z-index:9998;background:#00000073}.xc-sidebar-drawer{position:fixed!important;top:0;left:0;bottom:0;z-index:9999;width:280px!important;min-width:280px!important;transform:translate(0);transition:transform .25s ease}.xc-sidebar-drawer.closed{transform:translate(-100%)}main>div{padding-left:14px!important;padding-right:14px!important}main>div>div{max-width:100%!important}table{display:block;overflow-x:auto;white-space:nowrap}div[style*="position: fixed"][style*=z-index]>div[style*=border-radius]{width:96vw!important;max-width:96vw!important;max-height:90vh!important;margin:5vh auto!important}div[style*="height: 100vh"]{height:100dvh!important}div[style*="minHeight: 100vh"]{min-height:100dvh!important}button,select,[role=button],a{min-height:44px;min-width:44px}*{-webkit-tap-highlight-color:transparent}html,body,#root{overflow-x:hidden;max-width:100vw}}@media (max-width: 1024px) and (min-width: 769px){main>div{padding-left:20px!important;padding-right:20px!important}}@media (min-width: 769px){.xc-desktop-hide{display:none!important}}