@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";:root{--amber-50: oklch(.98 .02 60);--amber-100: oklch(.95 .04 55);--amber-200: oklch(.88 .07 55);--amber-400: oklch(.82 .1 50);--amber-500: oklch(.72 .08 60);--amber-600: oklch(.63 .09 55);--coral-400: oklch(.76 .18 25);--coral-500: oklch(.69 .21 25);--coral-600: oklch(.59 .22 23);--sunshine-500: oklch(.85 .15 85);--ink-400: oklch(.62 .03 270);--ink-600: oklch(.36 .04 270);--ink-900: oklch(.2 .06 270);--gray-50: oklch(.985 .002 270);--gray-100: oklch(.965 .003 270);--gray-200: oklch(.925 .004 270);--gray-300: oklch(.87 .005 270);--gray-400: oklch(.73 .007 270);--gray-500: oklch(.58 .01 270);--gray-700: oklch(.38 .015 270);--gray-900: oklch(.2 .02 270);--sage-500: oklch(.65 .09 140);--terracotta-500: oklch(.6 .14 30);--gold-500: oklch(.78 .14 85);--slate-400: oklch(.65 .03 240);--indigo-500: oklch(.62 .12 280);--space-0: 0px;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-none: 0;--radius-control: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 oklch(.18 .01 60 / .05);--shadow-md: 0 4px 6px -1px oklch(.18 .01 60 / .08), 0 2px 4px -2px oklch(.18 .01 60 / .04);--shadow-lg: 0 10px 15px -3px oklch(.18 .01 60 / .08), 0 4px 6px -4px oklch(.18 .01 60 / .04);--shadow-xl: 0 20px 25px -5px oklch(.18 .01 60 / .08), 0 8px 10px -6px oklch(.18 .01 60 / .04);--shadow-inner: inset 0 2px 4px 0 oklch(.18 .01 60 / .06);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--opacity-disabled: .5;--opacity-subtle: .6;--opacity-muted: .75;--opacity-full: 1;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-app-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", "Fira Code", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm-2: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.5rem;--font-size-xl-2: 1.75rem;--font-size-2xl: 2rem;--font-size-3xl: 2.25rem;--font-size-4xl: clamp(2.5rem, 2rem + 2vw, 3rem);--font-size-hero: clamp(2.75rem, 2rem + 3vw, 3.5rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 1.75;--tracking-tight: -.02em;--tracking-snug: -.011em;--tracking-normal: 0;--tracking-wide: .025em;--duration-instant: 0ms;--duration-micro: .15s;--duration-short: .25s;--duration-medium: .4s;--duration-long: .5s;--easing-enter: cubic-bezier(.25, 1, .5, 1);--easing-exit: cubic-bezier(.7, 0, .84, 0);--easing-move: cubic-bezier(.65, 0, .35, 1);--bg-primary: oklch(.98 .02 60);--bg-secondary: oklch(.95 .04 55);--bg-tertiary: oklch(.88 .07 55);--bg-surface: #ffffff;--text-primary: oklch(.2 .06 270);--text-secondary: oklch(.36 .04 270);--text-muted: oklch(.62 .03 270);--accent: oklch(.69 .21 25);--accent-hover: oklch(.59 .22 23);--accent-soft: oklch(.85 .15 85);--success: oklch(.65 .09 140);--error: oklch(.6 .14 30);--warning: oklch(.78 .14 85);--info: oklch(.62 .12 280);--border-subtle: oklch(.88 .07 55);--border-default: oklch(.88 .07 55);--border-emphasis: oklch(.82 .1 50);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px}[data-surface=app]{--bg-primary: oklch(.985 .002 270);--bg-secondary: oklch(.965 .003 270);--bg-tertiary: oklch(.925 .004 270);--bg-surface: #ffffff;--text-primary: oklch(.2 .02 270);--text-secondary: oklch(.38 .015 270);--text-muted: oklch(.58 .01 270);--accent: oklch(.69 .21 25);--accent-hover: oklch(.59 .22 23);--accent-soft: color-mix(in oklch, oklch(.69 .21 25) 8%, white);--border-subtle: oklch(.925 .004 270);--border-default: oklch(.87 .005 270);--border-emphasis: oklch(.73 .007 270);--shadow-none: none;--shadow-sm: 0 1px 2px 0 oklch(.18 .005 270 / .05);--shadow-md: 0 4px 6px -1px oklch(.18 .005 270 / .08), 0 2px 4px -2px oklch(.18 .005 270 / .04);--shadow-lg: 0 10px 15px -3px oklch(.18 .005 270 / .08), 0 4px 6px -4px oklch(.18 .005 270 / .04);--shadow-xl: 0 20px 25px -5px oklch(.18 .005 270 / .08), 0 8px 10px -6px oklch(.18 .005 270 / .04);--shadow-inner: inset 0 2px 4px 0 oklch(.18 .005 270 / .06);--font-sans: var(--font-app-sans);--font-serif: var(--font-app-sans)}@supports not (color: oklch(0 0 0)){:root{--amber-50: #fff8f2;--amber-100: #ffeede;--amber-200: #ffd9b7;--amber-400: #ffcb95;--amber-500: #c4956a;--amber-600: #b07d4f;--coral-400: #ff8083;--coral-500: #ff5a5f;--coral-600: #e63e43;--sunshine-500: #ffc857;--ink-400: #8e8e9e;--ink-600: #4a4a66;--ink-900: #1a1a2e;--gray-50: #f7f8fa;--gray-100: #eceef1;--gray-200: #dde1e7;--gray-300: #c5cad2;--gray-400: #9098a4;--gray-500: #6b7280;--gray-700: #3f4654;--gray-900: #1a1e27;--sage-500: #6b8f5e;--terracotta-500: #c25b4a;--gold-500: #d4a843;--slate-400: #7b8fa6;--indigo-500: #6b65d6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-serif);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}[data-surface=app] h1,[data-surface=app] h2,[data-surface=app] h3,[data-surface=app] h4{font-family:var(--font-app-sans);letter-spacing:var(--tracking-snug);font-weight:var(--font-weight-semibold)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:.95em}*:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent);border-radius:var(--radius-sm)}[data-surface=app] *:focus-visible{box-shadow:0 0 0 2px var(--bg-surface),0 0 0 4px color-mix(in oklch,var(--accent) 55%,transparent)}.skip-to-main{position:absolute;top:-100px;left:var(--space-md);z-index:var(--z-tooltip);padding:var(--space-sm) var(--space-md);background:var(--accent);color:var(--bg-surface);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transition:top var(--duration-short) var(--easing-enter)}.skip-to-main:focus,.skip-to-main:focus-visible{top:var(--space-md);color:var(--bg-surface);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;user-select:none;white-space:nowrap;transition:background var(--duration-micro) var(--easing-enter),color var(--duration-micro) var(--easing-enter),border-color var(--duration-micro) var(--easing-enter),transform var(--duration-micro) var(--easing-enter)}.btn:active:not(:disabled):not(.is-loading){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed}.btn-primary{background:var(--text-primary);color:var(--bg-surface)}@media(hover:hover){.btn-primary:hover:not(:disabled):not(.is-loading){background:color-mix(in oklch,var(--text-primary) 88%,transparent)}}.btn-accent{background:var(--accent);color:var(--bg-surface)}@media(hover:hover){.btn-accent:hover:not(:disabled):not(.is-loading){background:var(--accent-hover)}}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}@media(hover:hover){.btn-secondary:hover:not(:disabled):not(.is-loading){background:var(--bg-secondary);border-color:var(--border-emphasis)}}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}@media(hover:hover){.btn-ghost:hover:not(:disabled):not(.is-loading){background:var(--bg-secondary)}}.btn-danger{background:var(--error);color:var(--bg-surface)}@media(hover:hover){.btn-danger:hover:not(:disabled):not(.is-loading){background:color-mix(in oklch,var(--error) 85%,black)}}.btn-sm{min-height:28px;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-sm);border-radius:var(--radius-control)}.btn-lg{min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base)}.btn.is-loading{cursor:wait;color:transparent;position:relative}.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:var(--bg-surface);animation:spin var(--duration-long) linear infinite}.btn-secondary.is-loading:after,.btn-ghost.is-loading:after{color:var(--text-primary)}.btn.is-error{background:var(--error);color:var(--bg-surface);border-color:var(--error)}.btn.is-success{background:var(--success);color:var(--bg-surface);border-color:var(--success)}@keyframes spin{to{transform:rotate(360deg)}}.is-spinning>svg{animation:spin var(--duration-long) linear infinite}[data-surface=app] .btn{min-height:36px;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-control)}[data-surface=app] .btn-sm{min-height:28px;padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-xs)}[data-surface=app] .btn-lg{min-height:40px;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}@media(pointer:coarse){[data-surface=app] .btn{min-height:44px}}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.field-helper{font-size:var(--font-size-sm);color:var(--text-secondary)}.field-error-text{font-size:var(--font-size-sm);color:var(--error)}.input{width:100%;min-height:44px;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-micro) var(--easing-enter)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--border-emphasis)}.input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--bg-secondary)}.input.is-error{border-color:var(--error)}.input.is-success{border-color:var(--success)}.input.is-loading{background-image:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer var(--duration-long) ease-in-out infinite}[data-surface=app] .input{min-height:36px;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border-radius:var(--radius-control)}[data-surface=app] .field-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media(pointer:coarse){[data-surface=app] .input{min-height:44px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--duration-micro) var(--easing-enter),box-shadow var(--duration-micro) var(--easing-enter)}@media(hover:hover){.card-interactive:hover{border-color:var(--border-emphasis);box-shadow:var(--shadow-md)}}.card-elevated{box-shadow:var(--shadow-md)}.card-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.card-header-sub{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-regular);margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-md)}.card-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-md)}.card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-sm);justify-content:flex-end}[data-surface=app] .card{padding:var(--space-md)}[data-surface=app] .card-header{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-snug);margin-bottom:var(--space-sm)}.alert{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid}.alert-icon{flex:0 0 auto;font-weight:var(--font-weight-bold);width:1.5em;text-align:center}.alert-body{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.alert-success{background:color-mix(in oklch,var(--success) 10%,transparent);border-color:color-mix(in oklch,var(--success) 40%,transparent);color:var(--text-primary)}.alert-error{background:color-mix(in oklch,var(--error) 10%,transparent);border-color:color-mix(in oklch,var(--error) 40%,transparent);color:var(--text-primary)}.alert-warning{background:color-mix(in oklch,var(--warning) 10%,transparent);border-color:color-mix(in oklch,var(--warning) 40%,transparent);color:var(--text-primary)}.alert-info{background:color-mix(in oklch,var(--info) 10%,transparent);border-color:color-mix(in oklch,var(--info) 40%,transparent);color:var(--text-primary)}.modal{border:none;border-radius:var(--radius-md);padding:var(--space-lg);max-width:600px;width:calc(100% - 2 * var(--space-lg));background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xl)}.modal::backdrop{background:color-mix(in oklch,var(--ink-900) 50%,transparent)}[data-surface=app] .modal::backdrop{background:color-mix(in oklch,var(--gray-900) 55%,transparent)}.modal-header{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}[data-surface=app] .modal-header{font-size:var(--font-size-lg)}.modal-footer{margin-top:var(--space-lg);display:flex;gap:var(--space-sm);justify-content:flex-end}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);display:block}.skeleton-text{height:1em;width:100%;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2xl) var(--space-lg);gap:var(--space-md)}.empty-state-icon{font-size:var(--font-size-3xl);color:var(--text-muted)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-state-description{color:var(--text-secondary);max-width:48ch}[data-surface=app] .empty-state{padding:var(--space-xl) var(--space-lg)}[data-surface=app] .empty-state-icon{font-size:var(--font-size-2xl)}[data-surface=app] .empty-state-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:420px;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;background:var(--bg-surface);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-sm);align-items:flex-start;animation:toast-slide-in var(--duration-short) var(--easing-enter)}.toast-success{border-color:var(--success)}.toast-error{border-color:var(--error)}.toast-warning{border-color:var(--warning)}.toast-info{border-color:var(--info)}.toast-message{flex:1}.toast-dismiss{flex:0 0 auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0}@keyframes toast-slide-in{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}[data-surface=app] input[type=date],[data-surface=app] input[type=datetime-local],[data-surface=app] input[type=time],[data-surface=app] input[type=month]{font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-sm);min-height:36px;cursor:pointer;transition:border-color var(--duration-micro) var(--easing-enter)}[data-surface=app] input[type=date]:hover,[data-surface=app] input[type=datetime-local]:hover,[data-surface=app] input[type=time]:hover,[data-surface=app] input[type=month]:hover{border-color:var(--border-emphasis)}[data-surface=app] input[type=date]::-webkit-calendar-picker-indicator,[data-surface=app] input[type=datetime-local]::-webkit-calendar-picker-indicator,[data-surface=app] input[type=time]::-webkit-calendar-picker-indicator,[data-surface=app] input[type=month]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;transition:opacity var(--duration-micro) var(--easing-enter)}[data-surface=app] input[type=date]:hover::-webkit-calendar-picker-indicator,[data-surface=app] input[type=datetime-local]:hover::-webkit-calendar-picker-indicator,[data-surface=app] input[type=time]:hover::-webkit-calendar-picker-indicator,[data-surface=app] input[type=month]:hover::-webkit-calendar-picker-indicator{opacity:1}[data-surface=app] input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;padding:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0;vertical-align:middle;transition:background var(--duration-micro) var(--easing-enter),border-color var(--duration-micro) var(--easing-enter)}[data-surface=app] input[type=checkbox]:hover:not(:disabled){border-color:var(--border-emphasis)}[data-surface=app] input[type=checkbox]:checked{background:var(--text-primary);border-color:var(--text-primary)}[data-surface=app] input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center;background-size:12px 12px}[data-surface=app] input[type=checkbox]:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}[data-surface=app] select,[data-surface=app] .admin-select{appearance:none;-webkit-appearance:none;font-family:inherit;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right var(--space-xs) center;background-size:14px;border:1px solid var(--border-default);border-radius:var(--radius-control);padding:var(--space-xs) var(--space-lg) var(--space-xs) var(--space-sm);min-height:36px;cursor:pointer}[data-surface=app] select:hover,[data-surface=app] .admin-select:hover{border-color:var(--border-emphasis)}.tooltip{position:fixed;margin:0;z-index:var(--z-tooltip);padding:var(--space-2xs) var(--space-sm);background:var(--text-primary);color:var(--bg-surface);border:none;border-radius:var(--radius-control);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.4;max-width:280px;pointer-events:none;box-shadow:var(--shadow-md);animation:tooltip-enter var(--duration-micro) var(--easing-enter)}.tooltip[data-placement=top]{transform-origin:bottom center}.tooltip[data-placement=bottom]{transform-origin:top center}@keyframes tooltip-enter{0%{opacity:0;transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;padding:0 var(--space-2xs);font-family:var(--font-mono);font-size:.85em;font-weight:var(--font-weight-medium);line-height:1.4;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-default);border-bottom-width:2px;border-radius:var(--radius-control);vertical-align:baseline}.tooltip kbd{color:var(--bg-surface);background:color-mix(in oklch,var(--text-primary) 70%,white);border-color:color-mix(in oklch,var(--text-primary) 50%,white)}.profile-menu{position:relative;width:100%}.profile-menu-trigger{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;font:inherit;text-align:left;color:var(--text-primary);transition:background var(--duration-micro) var(--easing-enter),border-color var(--duration-micro) var(--easing-enter)}.profile-menu-trigger:hover{background:var(--bg-surface);border-color:var(--border-subtle)}.profile-menu-trigger[aria-expanded=true]{background:var(--bg-surface);border-color:var(--border-default)}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.profile-avatar-lg{width:36px;height:36px;font-size:var(--font-size-sm)}.profile-meta{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.profile-chevron{flex-shrink:0;color:var(--text-muted);transition:transform var(--duration-micro) var(--easing-enter)}.profile-menu-trigger[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}.profile-menu-popover{position:fixed;bottom:calc(var(--space-md) + 60px);left:var(--space-md);width:240px;margin:0;padding:var(--space-xs);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:profile-menu-enter var(--duration-short) var(--easing-enter)}@keyframes profile-menu-enter{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-menu-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm)}.profile-menu-identity{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.profile-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-email{font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-divider{height:1px;margin:var(--space-2xs) calc(-1 * var(--space-xs));background:var(--border-subtle)}.profile-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:var(--radius-control);cursor:pointer;font:inherit;font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;text-decoration:none;transition:background var(--duration-micro) var(--easing-enter)}.profile-menu-item:hover{background:var(--bg-secondary);text-decoration:none}.profile-menu-item-danger{color:var(--error)}.profile-menu-item-danger:hover{background:color-mix(in oklch,var(--error) 10%,transparent)}.profile-menu-item>svg{flex-shrink:0;color:var(--text-muted)}.profile-menu-item-danger>svg{color:var(--error)}.section-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0 var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);grid-column:1 / -1}.section-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.pill{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:2px var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);line-height:1.4}.pill-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.pill-success{background:color-mix(in oklch,var(--success) 14%,white);color:color-mix(in oklch,var(--success) 70%,var(--text-primary));border-color:transparent}.pill-error{background:color-mix(in oklch,var(--error) 12%,white);color:var(--error);border-color:transparent}.pill-warning{background:color-mix(in oklch,var(--warning) 18%,white);color:color-mix(in oklch,var(--warning) 50%,var(--text-primary));border-color:transparent}.pill-freshness{background:transparent;color:var(--text-muted);border-color:var(--border-subtle);font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;font-size:var(--font-size-xs)}.pill-freshness>time,.pill-freshness>.num-tabular{font-family:var(--font-mono);font-size:.95em}.table{width:100%;border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);font-size:var(--font-size-sm-2)}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table th{background:var(--bg-secondary);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--duration-micro) var(--easing-enter)}@media(hover:hover){.table tbody tr:hover{background:var(--bg-secondary)}}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}[data-surface=app] .stack{display:flex;flex-direction:column;gap:var(--space-md)}[data-surface=app] .cluster{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}[data-surface=app] .row-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;align-items:center}.num-tabular{font-variant-numeric:tabular-nums}