: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;--color-teal-bg:#f0fdfa;--color-pink-bg:#fdf2f8;--color-amber-bg:#fefce8;--color-text-teal:#0f766e;--color-text-pink:#db2777;--color-text-amber:#a16207}*{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);-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:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-hover);border-radius:var(--radius-xs)}::-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}.header-actions{align-items:center;gap:20px;display:flex}.header-user{color:var(--color-text-secondary);font-size:14px}.header-logout{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.header-logout:hover:not(:disabled){color:var(--color-danger)}.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)}}.main-layout{background-color:var(--color-bg);flex-direction:column;flex:1;display:flex}.require-auth{text-align:center;max-width:420px;color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;margin:0 auto;padding:2rem;display:flex}.require-auth-title{font-size:18px;font-weight:600}