:root{font-family:Segoe UI,Helvetica,Arial,Noto Sans TC,sans-serif;color:#050505;background:#f0f2f5;font-synthesis:none;--fb-primary: #0866ff;--fb-primary-hover: #075ce5;--fb-bg: #f0f2f5;--fb-surface: #ffffff;--fb-text-primary: #050505;--fb-text-secondary: #65676b;--fb-text-muted: #8a8d91;--fb-control: #e4e6eb;--fb-hover: #f2f2f2;--fb-divider: #ced0d4;--fb-success: #16883f;--fb-danger: #c43131;--fb-warning: #9a5b00;--fb-radius-sm: 6px;--fb-radius-md: 8px;--fb-radius-lg: 12px;--fb-radius-pill: 999px;--fb-shadow-card: 0 1px 2px rgba(0, 0, 0, .1);--fb-shadow-popup: 0 2px 12px rgba(0, 0, 0, .18);--fb-dark-bg: #18191a;--fb-dark-surface: #242526;--fb-dark-control: #3a3b3c;--fb-dark-text-primary: #e4e6eb;--fb-dark-text-secondary: #b0b3b8;--workspace-ink: #edf6f3;--workspace-muted: #93aaa1;--workspace-line: rgba(164, 205, 188, .15);--workspace-panel: rgba(13, 38, 29, .86);--workspace-accent: #69e6ad;--workspace-danger: #ff998f}*{box-sizing:border-box}html{min-width:320px;background:var(--fb-bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--fb-bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed}.auth-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 24px;color:var(--fb-text-primary);background:var(--fb-bg)}.auth-layout{width:min(1040px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,400px);align-items:center;gap:clamp(56px,8vw,96px)}.auth-hero{max-width:520px}.auth-brand{width:fit-content;display:inline-flex;align-items:center;gap:12px;color:var(--fb-text-primary);text-decoration:none}.auth-brand__mark{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--fb-primary);font-size:.875rem;font-weight:800;letter-spacing:.02em}.auth-brand__name{font-size:1.375rem;font-weight:750;letter-spacing:-.02em}.auth-hero h1{margin:28px 0 14px;font-size:clamp(1.875rem,3vw,2.25rem);line-height:1.18;letter-spacing:-.035em}.auth-hero__summary{max-width:480px;margin:0;color:var(--fb-text-secondary);font-size:1rem;line-height:1.65}.auth-features{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}.auth-features li{display:flex;align-items:center;gap:12px}.auth-feature__icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;color:var(--fb-primary);background:#e7f3ff}.auth-features strong,.auth-features small{display:block}.auth-features strong{font-size:.9375rem;font-weight:650;line-height:1.35}.auth-features small{margin-top:3px;color:var(--fb-text-secondary);font-size:.8125rem;line-height:1.4}.auth-panel{width:100%}.auth-card{width:100%;padding:24px;border-radius:var(--fb-radius-md);background:var(--fb-surface);box-shadow:var(--fb-shadow-card)}.auth-card__header{margin-bottom:22px}.auth-card__header h2{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;letter-spacing:-.025em}.auth-card__header p{margin:7px 0 0;color:var(--fb-text-secondary);font-size:.9375rem;line-height:1.5}.auth-form{display:grid;gap:15px}.field{display:grid;gap:7px;margin:0}.field__label{color:var(--fb-text-primary);font-size:.875rem;font-weight:600}.text-input{width:100%;height:44px;padding:0 13px;border:1px solid transparent;border-radius:var(--fb-radius-md);outline:none;color:var(--fb-text-primary);background:var(--fb-bg);font-size:.9375rem;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease}.text-input:hover:not(:disabled){background:#e9ebee}.text-input:focus-visible{border-color:#0866ff59;background:var(--fb-surface);box-shadow:0 0 0 2px #0866ff26}.text-input[aria-invalid=true]{border-color:#c431318c;box-shadow:0 0 0 2px #c431311a}.text-input:disabled{color:var(--fb-text-muted);background:var(--fb-control);opacity:.75}.password-control{position:relative;display:block}.password-control .text-input{padding-right:48px}.password-toggle{position:absolute;top:2px;right:2px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--fb-text-secondary);background:transparent;transition:color .15s ease,background-color .15s ease}.password-toggle:hover:not(:disabled){color:var(--fb-text-primary);background:var(--fb-control)}.password-toggle:focus-visible,.notice-action:focus-visible,.auth-text-button:focus-visible{outline:0;box-shadow:0 0 0 3px #0866ff33}.password-toggle:disabled{opacity:.5}.field-help{margin:-7px 0 0;color:var(--fb-text-secondary);font-size:.8125rem;line-height:1.45}.inline-notice{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 12px;border-radius:var(--fb-radius-md);font-size:.875rem;line-height:1.45}.inline-notice+.auth-form{margin-top:15px}.inline-notice--error{color:#8e2020;background:#fdecec}.inline-notice--success{color:#126d34;background:#e8f6ed}.inline-notice--warning{color:#7a4900;background:#fff3dc}.inline-notice__icon{margin-top:1px}.inline-notice__content strong,.inline-notice__content span{display:block}.inline-notice__content strong{font-weight:700}.inline-notice__content span{margin-top:2px}.inline-notice__action{align-self:center}.notice-action{min-height:32px;padding:0 8px;border:0;border-radius:var(--fb-radius-sm);color:inherit;background:#ffffff8c;font-size:.8125rem;font-weight:650}.notice-action:hover{background:#ffffffe6}.auth-primary-button,.auth-secondary-button,.auth-text-button{width:100%;min-height:40px;border-radius:var(--fb-radius-md);font-size:.9375rem;font-weight:650;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.auth-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;border:0;color:#fff;background:var(--fb-primary)}.auth-primary-button:hover:not(:disabled){background:var(--fb-primary-hover)}.auth-primary-button:active:not(:disabled){background:#064dbf}.auth-primary-button:focus-visible,.auth-secondary-button:focus-visible{outline:0;box-shadow:0 0 0 3px #0866ff38}.auth-secondary-button{border:0;color:var(--fb-text-primary);background:var(--fb-control)}.auth-secondary-button:hover:not(:disabled){background:#d8dade}.auth-secondary-button:active:not(:disabled){background:#ccd0d5}.auth-text-button{border:0;color:var(--fb-primary);background:transparent}.auth-text-button:hover:not(:disabled){background:var(--fb-hover)}.auth-primary-button:disabled,.auth-secondary-button:disabled,.auth-text-button:disabled{opacity:.58}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--fb-text-muted);font-size:.75rem;text-align:center}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:var(--fb-control);content:""}.auth-divider span{white-space:nowrap}.auth-loading{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--fb-text-secondary);font-size:.9375rem}.loading-spinner,.button-spinner{display:inline-block;border-radius:50%;animation:auth-spin .8s linear infinite}.loading-spinner{width:30px;height:30px;border:3px solid var(--fb-control);border-top-color:var(--fb-primary)}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff}@keyframes auth-spin{to{transform:rotate(360deg)}}.workspace-app{min-height:100vh;color:var(--workspace-ink);background:radial-gradient(circle at 75% 0,rgba(43,174,116,.19),transparent 34rem),linear-gradient(rgba(120,180,153,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,153,.04) 1px,transparent 1px),#071711;background-size:auto,38px 38px,38px 38px}.topbar{width:min(1160px,calc(100% - 40px));min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--workspace-line)}.brand{display:flex;align-items:center;gap:12px;color:var(--workspace-ink);text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(105,230,173,.42);border-radius:12px;color:var(--workspace-accent);background:#69e6ad14;font-size:.8rem;font-weight:850}.brand strong,.brand small,.user-row strong,.user-row small{display:block}.brand small,.user-row small{margin-top:3px;color:var(--workspace-muted);font-size:.75rem}.connection-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--workspace-line);border-radius:99px;color:var(--workspace-muted);font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#788b84}.connection-pill.ready .status-dot{background:var(--workspace-accent);box-shadow:0 0 0 4px #69e6ad1a}.connection-pill.error .status-dot{background:#ef9d74}.workspace{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.section-heading h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.055em}.section-heading>div>p:last-child{max-width:610px;color:var(--workspace-muted);line-height:1.8}.eyebrow{margin:0 0 10px;color:var(--workspace-accent);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions select{width:auto;min-width:140px;min-height:48px;padding:0 14px;border:1px solid rgba(164,205,188,.22);border-radius:11px;outline:0;color:var(--workspace-ink);background:#04140ebf}.secondary-button{min-height:46px;padding:0 18px;border:1px solid var(--workspace-line);border-radius:11px;color:var(--workspace-ink);background:#0d261dcc;font-weight:800}.notice{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:.86rem;line-height:1.5}.notice.error{border:1px solid rgba(255,153,143,.3);color:#ffc1bb;background:#ff998f14}.notice.success{border:1px solid rgba(105,230,173,.25);color:#a5f2cd;background:#69e6ad14}.summary-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.metric-card{min-height:175px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--workspace-line);border-radius:17px;background:var(--workspace-panel)}.metric-card.featured{border-color:#69e6ad3d;background:linear-gradient(130deg,rgba(105,230,173,.14),transparent 58%),#103a2a}.metric-card span,.metric-card small{color:var(--workspace-muted);font-size:.82rem}.metric-card strong{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.045em}.metric-card .date-value{font-size:clamp(1.3rem,2.4vw,1.8rem)}.panel{margin-top:14px;padding:26px;border:1px solid var(--workspace-line);border-radius:20px;background:var(--workspace-panel);box-shadow:0 26px 80px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-panel{display:grid;grid-template-columns:220px 1fr;gap:28px}.admin-panel h2{margin:0 0 24px;font-size:1.5rem;letter-spacing:-.025em}.empty-state{margin:0;color:var(--workspace-muted)}.user-list{display:grid}.user-row{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--workspace-line)}.user-row:first-child{border-top:0}.row-actions{display:flex;gap:8px}.row-actions button{min-height:36px;padding:0 13px;border:1px solid rgba(105,230,173,.32);border-radius:9px;color:var(--workspace-accent);background:#69e6ad12}.row-actions .danger{border-color:#ff998f40;color:var(--workspace-danger);background:#ff998f0f}@media(max-width:900px){.auth-page{align-items:start;padding-top:40px}.auth-layout{max-width:520px;grid-template-columns:1fr;gap:30px}.auth-hero{max-width:none;text-align:center}.auth-brand{margin:auto}.auth-hero h1{margin-top:20px}.auth-hero__summary{margin-inline:auto}.auth-features{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;text-align:left}.auth-features li{align-items:flex-start}.auth-feature__icon{width:36px;height:36px;flex-basis:36px}.auth-features small{display:none}.summary-grid,.admin-panel{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.metric-card{min-height:145px}}@media(max-width:640px){.auth-page{padding:24px 16px}.auth-layout{gap:22px}.auth-brand__mark{width:40px;height:40px}.auth-brand__name{font-size:1.25rem}.auth-hero h1{margin:17px 0 10px;font-size:1.75rem}.auth-hero__summary{font-size:.9375rem;line-height:1.5}.auth-features{display:none}.auth-card{padding:20px 16px}.auth-card__header{margin-bottom:18px}.auth-card__header h2{font-size:1.375rem}.inline-notice{grid-template-columns:20px minmax(0,1fr)}.inline-notice__action{grid-column:2;justify-self:start}.topbar,.workspace{width:calc(100% - 28px)}.brand small{display:none}.connection-pill{font-size:0}.heading-actions{align-items:stretch;flex-direction:column}.heading-actions select,.secondary-button{width:100%}.user-row{align-items:flex-start;flex-direction:column;padding:15px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}