:root{--color-navy-950:#031520;--color-navy-900:#052038;--color-navy-800:#063351;--color-navy-700:#0a4a6e;--color-navy-600:#0d5d87;--color-navy-500:#1174a3;--color-blue-700:#0a5a8c;--color-blue-600:#0a6aa8;--color-blue-500:#0d7bc0;--color-blue-100:#d6ecfa;--color-blue-50:#e8f4fc;--color-teal-700:#1d6b5a;--color-teal-600:#25876f;--color-teal-500:#2d9d80;--color-teal-100:#d2ebe4;--color-teal-50:#e8f5f1;--color-orange-700:#a05a18;--color-orange-600:#b86a1e;--color-orange-100:#f5dec3;--color-orange-50:#fdf3e8;--color-red-700:#9a2f27;--color-red-600:#b53b32;--color-red-100:#f4d4d1;--color-red-50:#fdeeed;--color-gray-950:#0f1720;--color-gray-900:#17212b;--color-gray-800:#24323d;--color-gray-700:#3a4b59;--color-gray-600:#546573;--color-gray-500:#687783;--color-gray-400:#9aa9b3;--color-gray-300:#c3cdd4;--color-gray-200:#d9e0e5;--color-gray-150:#e8eef2;--color-gray-100:#eef3f7;--color-gray-50:#f8fafc;--color-white:#fff;--bg-workspace:#fbfcfd;--bg-panel:#fff;--bg-subtle:#f1f5f9;--bg-nav:var(--color-navy-950);--bg-nav-gradient:linear-gradient(180deg, #052038 0%, #031520 100%);--bg-nav-active:linear-gradient(90deg, #ffffff14, #ffffff05);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-placeholder:#94a3b8;--text-inverse:#fff;--text-nav:#cbd5e1;--text-nav-muted:#94a3b8;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--border-nav:#ffffff14;--border-nav-active:#ffffff1f;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-primary-soft:#eff6ff;--accent-positive:#10b981;--accent-positive-soft:#ecfdf5;--accent-warning:#f59e0b;--accent-warning-soft:#fffbeb;--accent-danger:#ef4444;--accent-danger-soft:#fef2f2;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-micro:10px;--text-caption:12px;--text-small:13px;--text-body:14px;--text-title:16px;--text-heading:18px;--text-page:24px;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 12px 32px #0f172a14;--shadow-inset-active:inset 2px 0 0 #2563eb;--sidebar-width:176px;--sidebar-collapsed-width:64px;--topbar-height:56px;--page-max-width:1600px;--transition-fast:.12s ease;--transition-base:.18s ease}*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-workspace);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);margin:0}
.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:1px solid #0000;text-decoration:none;display:inline-flex}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--sm{min-height:28px;padding:var(--space-1) var(--space-2);font-size:var(--text-caption)}.ui-button--md{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-small)}.ui-button--lg{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-body)}.ui-button--primary{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--text-inverse)}.ui-button--primary:hover:not(:disabled){border-color:var(--accent-primary-hover);background:var(--accent-primary-hover)}.ui-button--secondary{border-color:var(--border-default);background:var(--bg-panel);color:var(--text-primary)}.ui-button--secondary:hover:not(:disabled){border-color:var(--color-gray-300);background:var(--bg-subtle)}.ui-button--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.ui-button--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.ui-button--danger{border-color:var(--accent-danger);background:var(--accent-danger);color:var(--text-inverse)}.ui-button--danger:hover:not(:disabled){background:var(--color-red-700)}.ui-button--success{border-color:var(--accent-positive);background:var(--accent-positive);color:var(--text-inverse)}.ui-button--success:hover:not(:disabled){background:var(--color-teal-700)}.ui-button--link{min-height:auto;color:var(--accent-primary);background:0 0;border:0;padding:0}.ui-button--link:hover:not(:disabled){color:var(--accent-primary-hover);text-decoration:underline}.ui-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);white-space:nowrap;border:1px solid #0000;padding:2px 8px;display:inline-flex}.ui-badge--default{border-color:var(--border-default);background:var(--bg-subtle);color:var(--text-secondary)}.ui-badge--primary{border-color:var(--color-blue-100);background:var(--color-blue-50);color:var(--color-blue-700)}.ui-badge--positive{border-color:var(--color-teal-100);background:var(--color-teal-50);color:var(--color-teal-700)}.ui-badge--warning{border-color:var(--color-orange-100);background:var(--color-orange-50);color:var(--color-orange-700)}.ui-badge--danger{border-color:var(--color-red-100);background:var(--color-red-50);color:var(--color-red-700)}.ui-badge--info{border-color:var(--color-gray-200);background:var(--bg-panel);color:var(--text-muted)}.ui-badge--muted{border-color:var(--border-subtle);background:var(--bg-subtle);color:var(--text-muted);font-weight:var(--font-weight-normal)}.ui-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-panel);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.ui-card-header{padding:var(--space-4);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.ui-card-header>div:first-child{align-items:baseline;gap:var(--space-3);display:flex}.ui-card-header h2,.ui-card-header h3{color:var(--text-primary);margin:0}.ui-card-body{padding:var(--space-4)}
.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--bg-workspace);width:100%;max-width:none;min-height:100vh;transition:grid-template-columns var(--transition-base);margin:0;padding:0;display:grid}.app-shell--collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.app-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.app-page-content{min-width:0;padding:var(--space-4) var(--space-6) var(--space-8);flex:1}.app-page-content>*{max-width:var(--page-max-width);margin:0 auto}.app-page-content>.selection-studio{max-width:none}.app-sidebar{z-index:80;background:var(--bg-nav-gradient);min-width:0;height:100vh;color:var(--text-nav);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:1px 0 #ffffff14}.app-sidebar__brand{min-height:var(--topbar-height);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border-nav);color:var(--text-inverse);text-decoration:none;display:flex}.app-brand-mark{border-radius:var(--radius-md) var(--radius-md) 10px 10px;color:#fff;width:30px;height:34px;font-size:var(--text-caption);font-weight:var(--font-weight-bold);border:1px solid #fff3;flex:none;place-items:center;display:grid;box-shadow:0 0 12px #ffffff1a}.app-brand-text{white-space:nowrap;gap:2px;display:grid}.app-brand-text strong{font-size:var(--text-body);letter-spacing:.08em}.app-brand-text small{color:var(--text-nav-muted);font-size:var(--text-micro);letter-spacing:.05em}.app-sidebar__nav{gap:var(--space-1);padding:var(--space-3) var(--space-2);display:grid}.app-sidebar__nav-label{padding:var(--space-1) var(--space-3);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.12em}.app-sidebar__link{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-nav);font-size:var(--text-small);font-weight:var(--font-weight-semibold);white-space:nowrap;transition:background-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;text-decoration:none;display:flex}.app-sidebar__link-icon{color:#b9d7e7;text-align:center;flex:none;width:18px;font-size:15px}.app-sidebar__link:hover{color:var(--text-inverse);background:#ffffff14}.app-sidebar__link--active{border-color:var(--border-nav-active);background:var(--bg-nav-active);color:var(--text-inverse);box-shadow:var(--shadow-inset-active)}.app-sidebar__nav--system{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid #ffffff1a}.app-sidebar__toggle{border:0;border-top:1px solid var(--border-nav);width:100%;min-height:44px;color:var(--text-nav-muted);cursor:pointer;transition:background-color var(--transition-fast);background:#00000014;border-radius:0;margin:auto 0 0;font-size:18px}.app-sidebar__toggle:hover{color:var(--text-inverse);background:#ffffff14}.app-shell--collapsed .app-sidebar__brand{justify-content:center;padding:0}.app-shell--collapsed .app-brand-text,.app-shell--collapsed .app-sidebar__nav-label{display:none}.app-shell--collapsed .app-sidebar__link{justify-content:center;gap:0;padding:0}.app-shell--collapsed .app-sidebar__link-label{display:none}.app-shell--collapsed .app-sidebar__link-icon{color:var(--text-nav)}.app-topbar{z-index:70;min-height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-6);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;display:flex;position:sticky;top:0}.app-topbar__title-block{gap:1px;min-width:0;display:grid}.app-breadcrumbs{align-items:center;gap:var(--space-1);color:var(--text-muted);font-size:var(--text-micro);white-space:nowrap;margin:0;display:flex}.app-breadcrumbs a{color:var(--text-muted);text-decoration:none}.app-breadcrumbs a:hover{color:var(--accent-primary)}.app-breadcrumbs__separator{color:var(--text-muted)}.app-topbar__title{color:var(--text-primary);font-size:var(--text-heading);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.app-topbar__right{align-items:center;gap:var(--space-3);flex:none;display:flex}.app-topbar__actions{align-items:center;gap:var(--space-2);display:flex}.app-account{align-items:center;gap:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-caption);display:flex}.app-account__avatar{border:1px solid var(--border-default);width:28px;height:28px;color:var(--text-primary);font-weight:var(--font-weight-bold);background:#f1f5f9;border-radius:50%;flex:none;place-items:center;display:grid}.app-account__email{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.app-account__logout{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-caption);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;margin:0}.app-account__logout:hover{border-color:var(--border-default);background:var(--bg-subtle);color:var(--accent-danger)}.app-loading{background:var(--bg-workspace);width:100%;max-width:none;min-height:100vh;color:var(--text-muted);font-size:var(--text-body);place-items:center;margin:0;padding:0;display:grid}@media (max-width:1280px){.app-account__email{max-width:120px}}@media (max-width:900px){.app-shell,.app-shell--collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0, 1fr)}.app-sidebar__brand{justify-content:center;padding:0}.app-brand-text,.app-sidebar__nav-label,.app-sidebar__link-label{display:none}.app-sidebar__link{justify-content:center;gap:0;padding:0}.app-sidebar__link-icon{color:var(--text-nav)}.app-account__email{display:none}.app-topbar{padding:0 var(--space-4)}.app-page-content{padding:var(--space-3) var(--space-4) var(--space-6)}}@media (max-width:700px){.app-topbar{min-height:auto;padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-wrap:wrap}.app-topbar__title{font-size:var(--text-title)}.app-topbar__right{gap:var(--space-2)}.app-account{padding-left:var(--space-2)}.app-page-content{padding:var(--space-3) var(--space-3) var(--space-6)}}