:root{--gray-0:#fff;--gray-50:#fbfbfd;--gray-100:#f5f5f7;--gray-200:#e8e8ed;--gray-300:#d2d2d7;--gray-400:#aeaeb2;--gray-500:#86868b;--gray-600:#6e6e73;--gray-700:#424245;--gray-800:#1d1d1f;--blue-base:#007aff;--blue-hover:#1a86ff;--blue-press:#006edb;--blue-tint:#e6f0ff;--red-base:#ff3b30;--red-hover:#ff453a;--red-press:#e0322a;--red-tint:#ffeceb;--green-base:#30d158;--green-text:#1c7d36;--yellow-base:#ff9f0a;--yellow-text:#a35400;--color-text-primary:var(--gray-800);--color-text-secondary:var(--gray-600);--color-text-muted:var(--gray-500);--color-bg-canvas:var(--gray-0);--color-bg-surface:var(--gray-100);--color-bg-subtle:var(--gray-50);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-action-primary:var(--blue-base);--color-action-primary-hover:var(--blue-hover);--color-action-primary-press:var(--blue-press);--color-action-primary-tint:var(--blue-tint);--color-action-destructive:var(--red-base);--color-action-destructive-hover:var(--red-hover);--color-action-destructive-press:var(--red-press);--color-action-destructive-tint:var(--red-tint);--color-status-success:var(--green-base);--color-status-success-text:var(--green-text);--color-status-warning:var(--yellow-base);--color-status-warning-text:var(--yellow-text);--color-focus-ring:var(--blue-base);--font-family-base:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--font-size-label:11px;--font-size-caption:13px;--font-size-body:15px;--font-size-prominent:17px;--font-size-h3:22px;--font-size-h2:28px;--font-size-h1:34px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-base:1.45;--line-height-loose:1.6;--letter-spacing-label:.06em;--letter-spacing-h3:-.015em;--letter-spacing-h2:-.018em;--letter-spacing-h1:-.022em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:980px;--shadow-1:0 1px 2px #0000000a, 0 1px 3px #0000000f;--shadow-2:0 4px 6px #0000000a, 0 8px 16px #0000000f;--shadow-3:0 12px 28px #0000001a, 0 4px 8px #0000000f;--ease:cubic-bezier(.2, .6, .2, 1);--dur-fast:.12s;--dur:.18s;--top-nav-height:52px;--page-max-width:1280px}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none}html,body{margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg-canvas);min-height:100svh}#app{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin:0}h1{font-size:var(--font-size-h1);letter-spacing:var(--letter-spacing-h1);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-h2);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-h3);letter-spacing:var(--letter-spacing-h3);line-height:var(--line-height-tight)}p{margin:0}small{font-size:var(--font-size-caption);color:var(--color-text-secondary)}a{color:var(--color-action-primary);transition:color var(--dur-fast) var(--ease);text-decoration:none}a:hover{color:var(--color-action-primary-hover);text-decoration:underline}a:active{color:var(--color-action-primary-press)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}code{font-family:var(--font-family-mono);border-radius:var(--r-sm);background:var(--color-bg-surface);color:var(--color-text-primary);padding:2px 6px;font-size:.92em}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.topnav{height:var(--top-nav-height);padding:0 var(--s-5);background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.topnav__left{align-items:center;gap:var(--s-4);min-width:0;display:flex}.topnav__logo{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text-primary);padding-right:var(--s-4);border-right:1px solid var(--color-border);white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:200px;height:28px;text-decoration:none;display:flex;overflow:hidden}.topnav__logo:hover{color:var(--color-text-primary);text-decoration:none}.topnav__tabs{gap:var(--s-1);align-items:center;display:flex}.topnav__tab{font-size:14px;font-weight:var(--font-weight-medium);padding:var(--s-2) var(--s-3);color:var(--color-text-secondary);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);white-space:nowrap;text-decoration:none}.topnav__tab:hover{background:var(--color-bg-surface);color:var(--color-text-primary);text-decoration:none}.topnav__tab--active,.topnav__tab--active:hover{color:var(--color-action-primary);background:var(--color-action-primary-tint)}.topnav__right{align-items:center;gap:var(--s-2);display:flex;position:relative}.topnav__avatar{background:var(--color-action-primary-tint);width:32px;height:32px;color:var(--color-action-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.topnav__avatar:hover{background:#d6e6ff}.topnav__menu{background:var(--color-bg-canvas);border:1px solid var(--color-border);border-radius:var(--r-md);min-width:240px;box-shadow:var(--shadow-2);padding:var(--s-1) 0;z-index:20;animation:topnav-menu-in var(--dur) var(--ease);position:absolute;top:calc(100% + 4px);right:0}@keyframes topnav-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topnav__menu-header{padding:var(--s-3) var(--s-4) var(--s-2);border-bottom:1px solid var(--color-bg-surface)}.topnav__menu-name{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topnav__menu-email{color:var(--color-text-secondary);word-break:break-all;margin-top:2px;font-size:12px}.topnav__menu-item{text-align:left;width:100%;padding:var(--s-2) var(--s-4);font-size:var(--font-size-caption);color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:none;font-family:inherit;text-decoration:none;display:block}.topnav__menu-item:hover{background:var(--color-bg-surface);color:var(--color-text-primary);text-decoration:none}.topnav__menu-item--danger{color:var(--color-action-destructive)}.topnav__menu-item--danger:hover{color:var(--color-action-destructive);background:var(--color-action-destructive-tint)}.topnav__menu-sep{background:var(--color-bg-surface);height:1px;margin:var(--s-1) 0}.page-shell{background:var(--color-bg-canvas);flex-direction:column;min-height:100svh;display:flex}.page-shell__main{width:100%;max-width:var(--page-max-width);padding:var(--s-7) var(--s-6) var(--s-9);box-sizing:border-box;flex-direction:column;flex:1;margin:0 auto;display:flex}.page-shell__main--full{max-width:none;padding:var(--s-5) var(--s-5) var(--s-7)}.page-shell__header{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-6);padding-bottom:var(--s-5);border-bottom:1px solid var(--color-border);display:flex}.page-shell__title{font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.page-shell__actions{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.page-shell__content{flex:1}.page-shell__footer{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--color-border)}