:root{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-sidebar: #1f2430;--color-sidebar-text: #c4c9d4;--color-sidebar-active: #ffffff;--color-border: #e2e5ea;--color-text: #1f2430;--color-text-muted: #6b7280;--color-accent: #3b5bdb;--color-ok: #2f9e44;--color-error: #e03131;--color-warn: #f08c00;--radius: 6px;--sidebar-width: 232px;--topbar-height: 56px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.5}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column}.sidebar__brand{height:var(--topbar-height);display:flex;align-items:center;padding:0 20px;font-weight:700;font-size:15px;color:var(--color-sidebar-active);letter-spacing:.2px}.sidebar__nav{display:flex;flex-direction:column;padding:8px;gap:2px}.sidebar__link{display:block;padding:9px 12px;border-radius:var(--radius);color:var(--color-sidebar-text);text-decoration:none;font-weight:500}.sidebar__link:hover{background:#ffffff0f;color:var(--color-sidebar-active)}.sidebar__link--active{background:var(--color-accent);color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;padding:0 24px}.topbar__identity{display:flex;align-items:center;gap:12px}.topbar__user{color:var(--color-text-muted)}.topbar__signout{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:5px 12px;border-radius:var(--radius);cursor:pointer;font:inherit}.topbar__signout:disabled{opacity:.5;cursor:not-allowed}.content{padding:24px;flex:1}.page__title{margin:0 0 16px;font-size:22px}.page__lead{color:var(--color-text-muted);max-width:640px}.placeholder{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.placeholder__badge{display:inline-block;margin:0 0 8px;padding:2px 10px;border-radius:999px;background:#fff4e6;color:var(--color-warn);font-size:12px;font-weight:600}.api-status{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;margin-bottom:16px}.api-status__dot{width:9px;height:9px;border-radius:50%;background:var(--color-text-muted)}.api-status--ok .api-status__dot{background:var(--color-ok)}.api-status--error .api-status__dot{background:var(--color-error)}.api-status__label{font-weight:500}.api-status__url{color:var(--color-text-muted);font-size:12px}