:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-bg:#eff6ff;--color-text:#111827;--color-text-heading:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-surface:#fff;--color-surface-muted:#f9fafb;--color-surface-hover:#f3f4f6;--color-bg:#f8f9fa;--color-border:#e5e7eb;--color-border-input:#d1d5db;--color-border-strong:#f3f4f6;--color-border-error:#ed8a8a;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fca5a5;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#86efac;--color-success-text:#15803d;--radius:12px;--radius-sm:8px;--radius-xs:6px;--radius-pill:999px;--shadow-card:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-notification:0 4px 12px #0000001a;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--color-manual-bg:#eff6ff;--color-external-bg:#f7efff;--color-virtual-bg:#fffaef;--color-text-manual:#2563eb;--color-text-external:#7e25eb;--color-text-virtual:#eb8825}*{box-sizing:border-box}html{scrollbar-color:var(--color-border-input) var(--color-surface-hover)}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}#root{flex-direction:column;min-height:100svh;display:flex}.page-loading{color:var(--color-text-secondary);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);margin:0}p{margin:0}a{text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface-hover)}::-webkit-scrollbar-thumb{background:var(--color-border-input);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-brand{align-items:center;gap:20px;display:flex}.header-logo{color:var(--color-text-heading);font-size:18px;font-weight:700}.header-link{color:var(--color-text-secondary);font-size:14px;text-decoration:none}.header-link:hover{color:var(--color-primary)}.header-link-active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);margin-bottom:-16px;padding-bottom:16px}.notification-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.notification-container>*{pointer-events:auto}.notification{border-radius:var(--radius-sm);box-shadow:var(--shadow-notification);justify-content:space-between;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:12px 16px;animation:.2s ease-out notification-slide-in;display:flex}.notification-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.notification-error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:#b91c1c}.notification-info{background-color:var(--color-info-bg,#eff6ff);border:1px solid var(--color-info-border,#bfdbfe);color:var(--color-info-text,#1d4ed8)}.notification-message{font-size:14px;line-height:1.4}.notification-close{width:24px;height:24px;color:inherit;border-radius:var(--radius-xs);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:opacity .15s,background-color .15s;display:inline-flex}.notification-close:hover{opacity:1;background-color:#0000000d}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}