:root{--color-primary:#5ab9c1;--color-primary-light:#74c9d0;--color-primary-dark:#46959c;--color-primary-bg:#edf7f8;--color-primary-ring:rgba(90,185,193,.22);--color-accent:#d4853e;--color-accent-light:#e8934f;--color-accent-bg:#fdf3e8;--color-success:#2d8a56;--color-success-bg:#eaf5ef;--color-warning:#b68b1e;--color-warning-bg:#fdf7e6;--color-danger:#c5343a;--color-danger-bg:#fef0f0;--color-info:#2c6db0;--color-info-bg:#edf4fb;--sem-success-base:#2d8a56;--sem-warning-base:#b68b1e;--sem-danger-base:#c5343a;--sem-info-base:#2c6db0;--sem-mix-success:22%;--sem-mix-info:22%;--sem-mix-danger:18%;--sem-mix-warning:12%;--sem-brand-ref:var(--color-primary-dark);--sem-tint:10%;--sem-tint-target:#fff;--sem-archive-base:#e0a826;--sem-dismiss-base:#9c2b31;--op-neutral:#8a8a92;--op-neutral-bg:#f0f0f2;--color-white:#fff;--color-bg:#f9f8f6;--color-bg-secondary:#f1f0ed;--color-bg-elevated:#fff;--color-bg-soft:#f4f3f1;--color-bg-muted:#f3f4f6;--color-bg-card:#fff;--color-bg-overlay:rgba(0,0,0,.45);--color-surface:#fff;--color-surface-hover:#f4f3f1;--color-border:#e3e2df;--color-border-light:#eceae7;--color-divider:#f0efec;--color-primary-soft:#e8f6f7;--color-primary-border:#c9e7ea;--color-error:#c5343a;--op-create:#2d8a56;--op-create-bg:#eaf5ef;--op-modify:#2c6db0;--op-modify-bg:#edf4fb;--op-archive:#e0a826;--op-archive-bg:#fdf6e3;--op-unarchive:#b68b1e;--op-unarchive-bg:#fdf7e6;--op-delete:#c5343a;--op-delete-bg:#fef0f0;--op-resign:#c5343a;--op-resign-bg:#fef0f0;--op-dismiss:#9c2b31;--op-dismiss-bg:#f9e9ea;--op-recycle:#8a8a92;--op-recycle-bg:#f0f0f2;--op-other:#8a8a92;--op-other-bg:#f0f0f2;--sidebar-bg:#f7f6f3;--sidebar-text:#6b6b70;--sidebar-text-active:#1d1d1f;--sidebar-active-text:#2f7d84;--sidebar-muted:#96969c;--sidebar-hover-bg:#eceae7;--sidebar-active-bg:rgba(90,185,193,.16);--sidebar-divider:#e3e2df;--color-text:#1d1d1f;--color-text-secondary:#6b6b70;--color-text-tertiary:#96969c;--color-text-inverse:#f5f5f7;--color-on-primary:#fff;--portal-footer-bg:#23272e;--portal-footer-heading:#f2f4f7;--portal-footer-text:#b6bcc6;--portal-footer-text-dim:#868d99;--portal-footer-border:rgba(255,255,255,.12);--portal-footer-link:#d7dbe2;--portal-measure:1200px;--portal-measure-narrow:840px;--portal-header-height:64px;--portal-display:clamp(2rem, 1.45rem + 2.4vw, 3.375rem);--portal-h1:clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--portal-h2:clamp(1.375rem, 1.2rem + .8vw, 1.875rem);--portal-h3:1.125rem;--portal-body:.9375rem;--portal-lead:1.0625rem;--portal-small:.8125rem;--portal-micro:.75rem;--portal-line-tight:1.3;--portal-line-body:1.65;--portal-section-y:clamp(3.5rem, 2.2rem + 3.4vw, 6.25rem);--portal-section-y-sm:clamp(2.5rem, 1.9rem + 1.8vw, 4rem);--portal-hero-y:clamp(3rem, 1.5rem + 5vw, 7rem);--portal-radius-card:var(--radius-lg);--portal-radius-pill:100px;--portal-btn-lg-size:1rem;--portal-nav-size:.875rem;--portal-glyph:clamp(4rem, 2rem + 7vw, 7.5rem);--portal-tint:color-mix(in srgb, var(--color-primary) 6%, var(--color-bg));--portal-tint-strong:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg));--portal-surface-soft:color-mix(in srgb, var(--color-text) 5%, var(--color-bg));--portal-hero-gradient:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 9%, var(--color-bg)) 0%, var(--color-bg) 100%);--portal-dark-bg:#1f2329;--portal-dark-surface:#2b2f36;--portal-dark-text:#fff;--portal-dark-text-dim:rgba(255,255,255,.78);--portal-dark-border:rgba(255,255,255,.14);--portal-shadow-card:0 1px 2px color-mix(in srgb, var(--color-primary) 6%, transparent);--portal-shadow-hover:0 6px 16px color-mix(in srgb, var(--color-primary) 10%, transparent);--portal-shadow-menu:0 12px 32px rgba(31,35,41,.12);--portal-ease:cubic-bezier(.34, .69, .1, 1);--portal-transition:.2s var(--portal-ease);--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", "Noto Sans Mono SC", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow:0 2px 8px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-lg:0 8px 32px rgba(0,0,0,.1), 0 4px 10px rgba(0,0,0,.04);--shadow-xl:0 12px 40px rgba(0,0,0,.14), 0 6px 16px rgba(0,0,0,.06);--transition-fast:.12s ease;--transition-normal:.2s ease;--transition:.2s ease;--transition-slow:.3s ease;--sidebar-width:248px;--header-height:0px;--content-max-width:1280px}[data-brand=teal-cyan]{--color-primary:#5ab9c1;--color-primary-light:#74c9d0;--color-primary-dark:#46959c;--color-primary-bg:#edf7f8;--color-primary-ring:rgba(90,185,193,.22);--color-primary-soft:#e8f6f7;--color-primary-border:#c9e7ea;--sidebar-active-bg:rgba(90,185,193,.18);--sidebar-active-text:#2f7d84}[data-brand=teal]{--color-primary:#0b7b7b;--color-primary-light:#0f9b9b;--color-primary-dark:#095e5e;--color-primary-bg:#e8f5f5;--color-primary-ring:rgba(11,123,123,.18);--color-primary-soft:#e8f5f5;--color-primary-border:#c5e4e4;--sidebar-active-bg:rgba(11,123,123,.18);--sidebar-active-text:#095e5e}[data-brand=indigo]{--color-primary:#4a6fa5;--color-primary-light:#5e84bc;--color-primary-dark:#3b5984;--color-primary-bg:#edf1f8;--color-primary-ring:rgba(74,111,165,.2);--color-primary-soft:#edf1f8;--color-primary-border:#d2dcef;--sidebar-active-bg:rgba(74,111,165,.18);--sidebar-active-text:#3b5984}[data-brand=violet]{--color-primary:#7a5cb8;--color-primary-light:#8e72c9;--color-primary-dark:#63499a;--color-primary-bg:#f2eefa;--color-primary-ring:rgba(122,92,184,.2);--color-primary-soft:#f2eefa;--color-primary-border:#ded4f0;--sidebar-active-bg:rgba(122,92,184,.18);--sidebar-active-text:#63499a}[data-brand=amber]{--color-primary:#b07a21;--color-primary-light:#c68f2e;--color-primary-dark:#8f6215;--color-primary-bg:#fbf3e2;--color-primary-ring:rgba(176,122,33,.2);--color-primary-soft:#fbf3e2;--color-primary-border:#efdcb8;--sidebar-active-bg:rgba(176,122,33,.18);--sidebar-active-text:#8f6215}[data-brand=forest]{--color-primary:#2f7d52;--color-primary-light:#3b9663;--color-primary-dark:#256341;--color-primary-bg:#eaf5ef;--color-primary-ring:rgba(47,125,82,.2);--color-primary-soft:#eaf5ef;--color-primary-border:#cbe4d6;--sidebar-active-bg:rgba(47,125,82,.18);--sidebar-active-text:#256341}[data-brand=rose]{--color-primary:#b04a6b;--color-primary-light:#c25f80;--color-primary-dark:#8f3a55;--color-primary-bg:#fbeef2;--color-primary-ring:rgba(176,74,107,.2);--color-primary-soft:#fbeef2;--color-primary-border:#f0d3dc;--sidebar-active-bg:rgba(176,74,107,.18);--sidebar-active-text:#8f3a55}[data-brand=graphite]{--color-primary:#566070;--color-primary-light:#6a7688;--color-primary-dark:#434b58;--color-primary-bg:#eef0f3;--color-primary-ring:rgba(86,96,112,.2);--color-primary-soft:#eef0f3;--color-primary-border:#d5dae1;--sidebar-active-bg:rgba(86,96,112,.18);--sidebar-active-text:#434b58}[data-brand=custom]{--color-primary:var(--brand-custom-primary,#5ab9c1);--color-primary-light:var(--brand-custom-primary-light,#74c9d0);--color-primary-dark:var(--brand-custom-primary-dark,#46959c);--color-primary-bg:var(--brand-custom-primary-bg,#edf7f8);--color-primary-ring:var(--brand-custom-primary-ring,rgba(90,185,193,.22));--color-primary-soft:var(--brand-custom-primary-soft,#e8f6f7);--color-primary-border:var(--brand-custom-primary-border,#c9e7ea);--sidebar-active-bg:var(--brand-custom-sidebar-active,rgba(90,185,193,.18));--sidebar-active-text:var(--brand-custom-sidebar-text,#2f7d84)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:.3s fadeInUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-sm{font-size:var(--text-sm)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.w-full{width:100%}