@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700;900&family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-base:#FFFFFF;--bg-surface:#F8F9FA;--bg-elevated:#FFFFFF;--bg-overlay:#FFFFFF;--bg-card:#FFFFFF;--accent:#2ECC71;--accent-hover:#27AE60;--accent-muted:#E9F7EF;--accent-foreground:#FFFFFF;--primary-50:#E9F7EF;--primary-100:#D4EFDF;--primary-200:#A9DFBF;--primary-300:#7DCEA0;--primary-400:#52BE80;--primary-500:#2ECC71;--primary-600:#27AE60;--primary-700:#229954;--primary-800:#1E8449;--primary-900:#196F3D;--accent-400:#2ECC71;--accent-500:#27AE60;--accent-600:#229954;--brand-green:#2ECC71;--brand-green-light:#52BE80;--brand-green-dark:#27AE60;--brand-green-10:#E9F7EF;--brand-green-20:#D4EFDF;--success:#2ECC71;--success-10:#E9F7EF;--warning:#636E72;--warning-10:#F8F9FA;--error:#636E72;--error-10:#F8F9FA;--info:#2D3436;--info-10:#F8F9FA;--fb-blue:#636E72;--fb-blue-10:#F8F9FA;--ig-gradient-from:#636E72;--ig-gradient-to:#636E72;--line-green:#2ECC71;--line-green-10:#E9F7EF;--text-primary:#2D3436;--text-secondary:#636E72;--text-muted:#636E72;--text-disabled:#B2BABB;--text-inverse:#FFFFFF;--border-subtle:#F4F6F6;--border-default:#EDEDED;--border-strong:#DFE6E9;--border-focus:#2ECC71;--glass-bg:rgba(255,255,255,0.90);--glass-border:rgba(237,237,237,0.80);--glass-blur:12px;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:2px;--radius-sm:4px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:10px;--radius-full:9999px;--font-sans:"Inter","Noto Sans TC",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.75;--shadow-sm:0 2px 4px rgba(0,0,0,0.02);--shadow-md:0 2px 8px rgba(0,0,0,0.04);--shadow-lg:0 4px 12px rgba(0,0,0,0.06);--shadow-floating:0 4px 20px rgba(0,0,0,0.08);--shadow-xl:0 8px 30px rgba(0,0,0,0.10);--shadow-glow:none;--shadow-glow-green:0 0 10px rgba(46,204,113,0.2);--transition-fast:150ms ease-in-out;--transition-base:150ms ease-in-out;--transition-slow:300ms ease-in-out;--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-bg:400;--z-modal:500;--z-toast:9999;--z-tooltip:700;--sidebar-width:240px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1440px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:rgba(99,102,241,.3);color:var(--text-primary)}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;position:fixed;left:0;top:0;bottom:0;z-index:var(--z-fixed);border-right:1px solid var(--border-subtle);transition:width var(--transition-base)}.app-main,.app-sidebar{min-height:100vh;background:var(--bg-surface)}.app-main{margin-left:var(--sidebar-width);flex:1 1;display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.app-header{height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-subtle)}.app-content{flex:1 1;padding:var(--space-10) var(--space-8);width:100%;max-width:var(--content-max-width);margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden;transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,var(--primary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-green{background:linear-gradient(135deg,var(--brand-green),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;line-height:1}.badge-primary{background:var(--accent);color:var(--accent-foreground);border:1px solid var(--accent)}.badge-green,.badge-success{background:var(--accent-muted);color:var(--accent-hover);border:1px solid var(--border-subtle)}.badge-error,.badge-fb,.badge-warning{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default)}.badge-line{background:var(--accent-muted);color:var(--accent-hover);border:1px solid var(--border-subtle)}.divider{height:1px;background:var(--border-subtle);border:none;margin:0}.skeleton{background:linear-gradient(90deg,#F1F5F9 25%,#E2E8F0 50%,#F1F5F9 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.fade-in{animation:fadeIn var(--transition-base) ease-out both}.slide-up{animation:slideUp var(--transition-slow) ease-out both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toastIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}