: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)}.ds-btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;font-family:inherit;font-weight:500;line-height:1;display:inline-flex;position:relative}.ds-btn:focus{outline:none}.ds-btn:focus-visible{box-shadow:0 0 0 3px var(--color-action-primary-tint)}.ds-btn:active:not(:disabled){transform:translateY(1px)}.ds-btn:disabled{cursor:not-allowed;opacity:.5}.ds-btn--full{width:100%}.ds-btn--sm{height:28px;padding:0 var(--s-3);font-size:13px}.ds-btn--md{height:36px;padding:0 var(--s-4);font-size:15px}.ds-btn--lg{height:44px;padding:0 var(--s-5);font-size:17px}.ds-btn--primary{background:var(--color-action-primary);color:#fff;border-color:var(--color-action-primary)}.ds-btn--primary:hover:not(:disabled){background:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.ds-btn--primary:active:not(:disabled){background:var(--color-action-primary-press);border-color:var(--color-action-primary-press)}.ds-btn--secondary{background:var(--color-bg-canvas);color:var(--color-text-primary);border-color:var(--color-border-strong)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface)}.ds-btn--secondary:active:not(:disabled){background:var(--color-border)}.ds-btn--ghost{color:var(--color-text-primary);background:0 0;border-color:#0000}.ds-btn--ghost:hover:not(:disabled){background:var(--color-bg-surface)}.ds-btn--ghost:active:not(:disabled){background:var(--color-border)}.ds-btn--destructive{background:var(--color-action-destructive);color:#fff;border-color:var(--color-action-destructive)}.ds-btn--destructive:hover:not(:disabled){background:var(--color-action-destructive-hover);border-color:var(--color-action-destructive-hover)}.ds-btn--destructive:active:not(:disabled){background:var(--color-action-destructive-press);border-color:var(--color-action-destructive-press)}.ds-btn--destructive:focus-visible{box-shadow:0 0 0 3px var(--color-action-destructive-tint)}.ds-btn__content{align-items:center;gap:var(--s-2);display:inline-flex}.ds-btn__icon{justify-content:center;align-items:center;display:inline-flex}.ds-btn--loading{cursor:wait}.ds-btn--loading .ds-btn__content{visibility:hidden}.ds-btn__spinner{opacity:.85;border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin:auto;animation:.6s linear infinite ds-btn-spin;position:absolute;inset:0}.ds-btn--lg .ds-btn__spinner{width:18px;height:18px}.ds-btn--sm .ds-btn__spinner{border-width:2px;width:14px;height:14px}@keyframes ds-btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-btn{transition:none}.ds-btn:active:not(:disabled){transform:none}.ds-btn__spinner{animation-duration:1.5s}}.ds-toast-region{top:var(--s-4);right:var(--s-4);z-index:1100;gap:var(--s-2);pointer-events:none;max-width:380px;width:calc(100vw - var(--s-8,32px));flex-direction:column;display:flex;position:fixed}.ds-toast{pointer-events:auto;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--color-bg-canvas);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-2);animation:ds-toast-in .22s var(--ease);border-left:3px solid;font-size:14px;line-height:1.4;display:flex}.ds-toast__icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:16px;line-height:1;display:inline-flex}.ds-toast__body{flex:auto;min-width:0}.ds-toast__title{font-weight:600}.ds-toast__description{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.ds-toast__close{appearance:none;margin:-2px -4px 0 var(--s-2);border-radius:var(--r-sm);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex}.ds-toast__close:hover{color:var(--color-text-primary);background:var(--color-bg-surface)}.ds-toast__close:focus{outline:none}.ds-toast__close:focus-visible{box-shadow:0 0 0 2px var(--color-action-primary-tint)}.ds-toast--success{border-left-color:var(--color-status-success)}.ds-toast--success .ds-toast__icon{color:var(--color-status-success)}.ds-toast--info{border-left-color:var(--color-action-primary)}.ds-toast--info .ds-toast__icon{color:var(--color-action-primary)}.ds-toast--warning{border-left-color:var(--color-status-warning,#ff9f0a)}.ds-toast--warning .ds-toast__icon{color:var(--color-status-warning,#ff9f0a)}.ds-toast--error{border-left-color:var(--color-action-destructive)}.ds-toast--error .ds-toast__icon{color:var(--color-action-destructive)}@keyframes ds-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.ds-toast{animation:none}}.ds-spinner{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.ds-spinner__ring{opacity:.85;border:2px solid;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite ds-spinner-rotate;display:inline-block}.ds-spinner--sm .ds-spinner__ring{border-width:2px;width:14px;height:14px}.ds-spinner--md .ds-spinner__ring{border-width:2px;width:18px;height:18px}.ds-spinner--lg .ds-spinner__ring{border-width:3px;width:24px;height:24px}.ds-spinner__label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes ds-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-spinner__ring{animation-duration:1.5s}}.ds-skeleton{background:linear-gradient(90deg, var(--color-bg-surface) 0%, var(--color-border) 50%, var(--color-bg-surface) 100%);background-size:200% 100%;animation:1.5s ease-in-out infinite ds-skeleton-pulse;display:inline-block}.ds-skeleton--sm{border-radius:var(--r-sm)}.ds-skeleton--md{border-radius:var(--r-md)}.ds-skeleton--circle{border-radius:50%}@keyframes ds-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ds-skeleton{background:var(--color-bg-surface);animation:none}}.ds-empty{text-align:center;padding:var(--s-8,48px) var(--s-4);align-items:center;gap:var(--s-3);color:var(--color-text-primary);flex-direction:column;display:flex}.ds-empty__icon{background:var(--color-bg-surface);width:64px;height:64px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:28px;line-height:1;display:inline-flex}.ds-empty--error .ds-empty__icon{background:var(--color-action-destructive-tint);color:var(--color-action-destructive)}.ds-empty__title{letter-spacing:-.005em;margin:0;font-size:17px;font-weight:600}.ds-empty__description{color:var(--color-text-secondary);max-width:380px;margin:0;font-size:14px;line-height:1.5}.ds-empty__action{margin-top:var(--s-1);gap:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}