:root{--brand-10:#061724;--brand-20:#082338;--brand-30:#0a2e4a;--brand-40:#0c3b5e;--brand-50:#0e4775;--brand-60:#0f548c;--brand-70:#115ea3;--brand-80:#0f6cbd;--brand-90:#2886de;--brand-100:#479ef5;--brand-110:#62abf5;--brand-120:#77b7f7;--brand-130:#96c6fa;--brand-140:#b4d6fa;--brand-150:#cfe4fa;--brand-160:#ebf3fc;--color-brand-bg:var(--brand-80);--color-brand-bg-hover:var(--brand-70);--color-brand-bg-pressed:var(--brand-60);--color-brand-bg-selected:var(--brand-60);--color-brand-fg:var(--brand-80);--color-brand-fg-hover:var(--brand-70);--color-brand-bg-subtle:var(--brand-160);--color-brand-stroke:var(--brand-80);--grey-98:#fafafa;--grey-96:#f5f5f5;--grey-94:#f0f0f0;--grey-92:#ebebeb;--grey-88:#e0e0e0;--grey-84:#d6d6d6;--grey-78:#c7c7c7;--grey-68:#adadad;--grey-54:#8a8a8a;--grey-46:#757575;--grey-38:#616161;--grey-26:#424242;--grey-20:#333333;--grey-16:#292929;--grey-14:#242424;--grey-12:#1f1f1f;--grey-10:#1a1a1a;--grey-8:#141414;--color-bg-canvas:#f5f5f5;--color-bg-layer:#ffffff;--color-bg-layer-alt:#fafafa;--color-bg-subtle:var(--grey-96);--color-bg-subtle-hover:var(--grey-92);--color-bg-subtle-pressed:var(--grey-88);--color-bg-disabled:var(--grey-94);--color-bg-overlay:rgba(0,0,0,0.4);--color-fg-1:var(--grey-14);--color-fg-2:var(--grey-38);--color-fg-3:var(--grey-46);--color-fg-disabled:var(--grey-68);--color-fg-on-brand:#ffffff;--color-stroke-1:var(--grey-84);--color-stroke-2:var(--grey-88);--color-stroke-subtle:var(--grey-92);--color-stroke-focus:var(--grey-14);--color-danger:#c50f1f;--color-danger-hover:#b10e1c;--color-danger-bg:#fdf3f4;--color-danger-border:#f1bbbc;--color-success:#0e700e;--color-success-bg:#f1faf1;--color-success-border:#9fd89f;--color-warning:#bc4b09;--color-warning-bg:#fff9f5;--color-warning-border:#fdcfb4;--color-info-bg:var(--brand-160);--color-info-border:var(--brand-140);--shadow-2:0 1px 2px rgba(0,0,0,0.14),0 0 2px rgba(0,0,0,0.12);--shadow-4:0 2px 4px rgba(0,0,0,0.14),0 0 2px rgba(0,0,0,0.12);--shadow-8:0 4px 8px rgba(0,0,0,0.14),0 0 2px rgba(0,0,0,0.12);--shadow-16:0 8px 16px rgba(0,0,0,0.14),0 0 2px rgba(0,0,0,0.12);--shadow-28:0 14px 28px rgba(0,0,0,0.24),0 0 8px rgba(0,0,0,0.2);--shadow-64:0 32px 64px rgba(0,0,0,0.24),0 0 8px rgba(0,0,0,0.2);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-xxl:12px;--radius-circular:9999px;--curve-accelerate:cubic-bezier(0.9,0.1,1,0.2);--curve-decelerate:cubic-bezier(0.1,0.9,0.2,1);--curve-easy:cubic-bezier(0.33,0,0.67,1);--dur-faster:100ms;--dur-fast:150ms;--dur-normal:200ms;--dur-slow:300ms;--font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-family-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"Cascadia Mono","Consolas","Courier New",monospace;--size-100:10px;--size-200:12px;--size-300:14px;--size-400:16px;--size-500:20px;--size-600:24px;--size-700:28px;--size-800:32px;--size-900:40px;--size-1000:68px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--header-h:52px;--content-max:1180px}[data-theme=dark]{--color-brand-bg:var(--brand-80);--color-brand-bg-hover:var(--brand-90);--color-brand-bg-pressed:var(--brand-100);--color-brand-fg:var(--brand-100);--color-brand-fg-hover:var(--brand-110);--color-brand-bg-subtle:var(--brand-30);--color-bg-canvas:var(--grey-8);--color-bg-layer:var(--grey-14);--color-bg-layer-alt:var(--grey-12);--color-bg-subtle:var(--grey-16);--color-bg-subtle-hover:var(--grey-20);--color-bg-subtle-pressed:var(--grey-26);--color-bg-disabled:var(--grey-16);--color-bg-overlay:rgba(0,0,0,0.6);--color-fg-1:#ffffff;--color-fg-2:#d6d6d6;--color-fg-3:#adadad;--color-fg-disabled:var(--grey-46);--color-stroke-1:#454545;--color-stroke-2:#3d3d3d;--color-stroke-subtle:#333333;--color-stroke-focus:#ffffff;--color-danger:#f1707b;--color-danger-hover:#f5858f;--color-danger-bg:#3b1f22;--color-danger-border:#6e2b32;--color-success:#54b054;--color-success-bg:#1c2b1c;--color-success-border:#2f5c2f;--color-warning:#faa06b;--color-warning-bg:#3a2416;--color-warning-border:#6b4223;--color-info-bg:var(--brand-30);--color-info-border:var(--brand-50);--shadow-2:0 1px 2px rgba(0,0,0,0.5),0 0 2px rgba(0,0,0,0.4);--shadow-4:0 2px 4px rgba(0,0,0,0.5),0 0 2px rgba(0,0,0,0.4);--shadow-8:0 4px 8px rgba(0,0,0,0.5),0 0 2px rgba(0,0,0,0.4);--shadow-16:0 8px 16px rgba(0,0,0,0.5),0 0 2px rgba(0,0,0,0.4);--shadow-28:0 14px 28px rgba(0,0,0,0.6),0 0 8px rgba(0,0,0,0.5);--shadow-64:0 32px 64px rgba(0,0,0,0.6),0 0 8px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-family);font-size:var(--size-300);line-height:20px;color:var(--color-fg-1);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-brand-fg);text-decoration:none}a:hover{color:var(--color-brand-fg-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-stroke-focus);outline-offset:1px;border-radius:var(--radius-md)}::selection{background:var(--brand-140);color:var(--grey-14)}*{scrollbar-width:thin;scrollbar-color:var(--grey-78) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--grey-78);border-radius:var(--radius-circular)}::-webkit-scrollbar-thumb:hover{background:var(--grey-54)}::-webkit-scrollbar-track{background:transparent}h1,h2,h3,h4,h5{margin:0;font-family:var(--font-family-display);font-weight:var(--weight-semibold);color:var(--color-fg-1)}h1{font-size:var(--size-800);line-height:40px}h2{font-size:var(--size-600);line-height:32px}h3{font-size:var(--size-500);line-height:28px}h4{font-size:var(--size-400);line-height:22px}p{margin:0 0 12px}.text-caption{font-size:var(--size-200);line-height:16px;color:var(--color-fg-3)}.text-secondary{color:var(--color-fg-2)}.text-tertiary{color:var(--color-fg-3)}.text-strong{font-weight:var(--weight-semibold)}.text-danger{color:var(--color-danger)}.text-mono{font-family:var(--font-mono);letter-spacing:.04em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.grow{flex:1 1 auto;min-width:0}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 24px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:var(--header-h);flex:0 0 var(--header-h);display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--color-brand-bg);color:var(--color-fg-on-brand);box-shadow:var(--shadow-4);position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-header a{color:inherit}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-family-display);font-size:var(--size-400);font-weight:var(--weight-semibold);letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:var(--radius-lg);background:rgba(255,255,255,.18);display:grid;place-items:center;flex:0 0 auto}.app-main{flex:1 1 auto}.app-footer{padding:20px 24px;border-top:1px solid var(--color-stroke-subtle);color:var(--color-fg-3);font-size:var(--size-200);background:var(--color-bg-layer)}.nav-link{padding:6px 12px;border-radius:var(--radius-md);font-size:var(--size-300);font-weight:var(--weight-medium);color:rgba(255,255,255,.92);transition:background var(--dur-fast) var(--curve-easy)}.nav-link:hover{background:rgba(255,255,255,.14);text-decoration:none;color:#fff}.nav-link[aria-current=page]{background:rgba(255,255,255,.22);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;padding:5px 12px;border:1px solid var(--color-stroke-1);border-radius:var(--radius-md);background:var(--color-bg-layer);color:var(--color-fg-1);font-size:var(--size-300);font-weight:var(--weight-semibold);line-height:20px;cursor:pointer;white-space:nowrap;transition:background var(--dur-faster) var(--curve-easy),border-color var(--dur-faster) var(--curve-easy),color var(--dur-faster) var(--curve-easy)}.btn:hover{background:var(--color-bg-subtle-hover);text-decoration:none}.btn:active{background:var(--color-bg-subtle-pressed)}.btn:disabled,.btn[aria-disabled=true]{background:var(--color-bg-disabled);border-color:transparent;color:var(--color-fg-disabled);cursor:not-allowed}.btn-primary{background:var(--color-brand-bg);border-color:transparent;color:var(--color-fg-on-brand)}.btn-primary:hover{background:var(--color-brand-bg-hover);color:#fff}.btn-primary:active{background:var(--color-brand-bg-pressed)}.btn-subtle{background:transparent;border-color:transparent;color:var(--color-fg-2);font-weight:var(--weight-medium)}.btn-subtle:hover{background:var(--color-bg-subtle-hover);color:var(--color-fg-1)}.btn-danger{background:var(--color-danger);border-color:transparent;color:#fff}.btn-danger:hover{background:var(--color-danger-hover);color:#fff}.btn-lg{min-height:40px;padding:8px 20px;font-size:var(--size-400);border-radius:var(--radius-md)}.btn-sm{min-height:24px;padding:2px 8px;font-size:var(--size-200)}.btn-block{width:100%}.btn-icon{padding:5px;width:32px;min-height:32px}.card{background:var(--color-bg-layer);border:1px solid var(--color-stroke-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:20px}.card-hover{transition:box-shadow var(--dur-fast) var(--curve-easy),transform var(--dur-fast) var(--curve-easy)}.card-hover:hover{box-shadow:var(--shadow-8)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.card-title{font-size:var(--size-400);font-weight:var(--weight-semibold);line-height:22px}.divider{height:1px;background:var(--color-stroke-subtle);border:0;margin:16px 0}.section-title{font-size:var(--size-500);font-weight:var(--weight-semibold);line-height:28px;margin-bottom:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.label{font-size:var(--size-300);font-weight:var(--weight-semibold);color:var(--color-fg-1)}.hint{font-size:var(--size-200);color:var(--color-fg-3);line-height:16px}.input,.select,.textarea{width:100%;min-height:32px;padding:5px 10px;background:var(--color-bg-layer);border-bottom:1px solid var(--color-stroke-1);border:1px solid var(--color-stroke-1);border-bottom-color:var(--grey-46);border-radius:var(--radius-md);font-size:var(--size-300);color:var(--color-fg-1);transition:border-color var(--dur-faster) var(--curve-easy)}.textarea{min-height:76px;padding:8px 10px;resize:vertical;line-height:20px}.input::placeholder,.textarea::placeholder{color:var(--color-fg-3)}.input:hover,.select:hover,.textarea:hover{border-color:var(--grey-54);border-bottom-color:var(--grey-38)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-stroke-1);border-bottom:2px solid var(--color-brand-stroke);padding-bottom:4px}.input:disabled,.textarea:disabled{background:var(--color-bg-disabled);color:var(--color-fg-disabled);cursor:not-allowed}.input-lg{min-height:40px;font-size:var(--size-400);padding:8px 12px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23616161' d='M2.22 4.22a.75.75 0 0 1 1.06 0L6 6.94l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.53a.75.75 0 0 1-1.06 0L2.22 5.28a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.checkbox-row input[type=checkbox]{width:16px;height:16px;margin:2px 0 0;accent-color:var(--color-brand-bg);cursor:pointer;flex:0 0 auto}.checkbox-row label{cursor:pointer;font-size:var(--size-300)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 16px;gap:0 16px}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}.messagebar{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-bg);font-size:var(--size-300);line-height:20px;margin-bottom:16px}.messagebar-error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.messagebar-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.messagebar-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.badge{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:var(--radius-circular);background:var(--color-bg-subtle);color:var(--color-fg-2);font-size:var(--size-200);font-weight:var(--weight-semibold);white-space:nowrap}.badge-brand{background:var(--color-brand-bg-subtle);color:var(--color-brand-fg)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.6s var(--curve-easy) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--color-brand-bg);color:#fff;font-size:var(--size-200);font-weight:var(--weight-semibold);flex:0 0 auto;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-lg{width:48px;height:48px;font-size:var(--size-400)}.avatar-xl{width:96px;height:96px;font-size:var(--size-800)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 10px;border:1px solid var(--color-stroke-2);border-radius:var(--radius-circular);background:var(--color-bg-subtle);font-size:var(--size-200);max-width:100%}.chip-remove{border:0;background:transparent;cursor:pointer;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--color-fg-3);padding:0;line-height:1}.chip-remove:hover{background:var(--color-bg-subtle-pressed);color:var(--color-fg-1)}.list-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:background var(--dur-faster) var(--curve-easy)}.list-row:hover{background:var(--color-bg-subtle)}.list-row+.list-row{border-top:1px solid var(--color-stroke-subtle);border-radius:0}.empty-state{text-align:center;padding:48px 24px;color:var(--color-fg-3)}.empty-state .empty-icon{margin:0 auto 12px;width:56px;height:56px;border-radius:50%;background:var(--color-brand-bg-subtle);color:var(--color-brand-fg);display:grid;place-items:center}.dialog-backdrop{position:fixed;inset:0;background:var(--color-bg-overlay);display:grid;place-items:center;z-index:200;padding:24px;animation:fade-in var(--dur-normal) var(--curve-decelerate)}.dialog{width:100%;max-width:520px;max-height:85vh;overflow:auto;background:var(--color-bg-layer);border-radius:var(--radius-xl);box-shadow:var(--shadow-64);padding:24px;animation:dialog-in var(--dur-normal) var(--curve-decelerate)}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96) translateY(8px)}}.spinner{width:20px;height:20px;border:2px solid var(--color-stroke-1);border-top-color:var(--color-brand-bg);border-radius:50%;animation:spin .9s linear infinite;flex:0 0 auto}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.loading-page{min-height:60vh;display:grid;place-items:center;grid-gap:12px;gap:12px;color:var(--color-fg-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:var(--color-bg-layer);padding:8px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-16)}.skip-link:focus{left:8px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.avatar-choices{display:flex;flex-wrap:wrap;gap:10px}.avatar-choice{width:44px;height:44px;border-radius:50%;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:15px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.12);transition:transform var(--dur-fast) var(--curve-decelerate)}.avatar-choice:hover{transform:scale(1.08)}.avatar-choice:focus-visible{outline:2px solid var(--brand-80);outline-offset:3px}.avatar-choice.is-selected{border-color:var(--brand-80);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-80) 30%,transparent)}