@property --plat-color-primary{syntax: "<color>"; inherits: true; initial-value: #00a4bd;}@property --plat-color-on-primary{syntax: "<color>"; inherits: true; initial-value: #fff;}@property --plat-color-surface{syntax: "<color>"; inherits: true; initial-value: #fff;}@property --plat-color-text{syntax: "<color>"; inherits: true; initial-value: #1e293b;}@property --plat-color-text-muted{syntax: "<color>"; inherits: true; initial-value: #64748b;}@property --plat-color-text-subtle{syntax: "<color>"; inherits: true; initial-value: #94a3b8;}@property --plat-color-border{syntax: "<color>"; inherits: true; initial-value: #cbd5e1;}@property --plat-color-error{syntax: "<color>"; inherits: true; initial-value: #dc2626;}@property --plat-color-on-error{syntax: "<color>"; inherits: true; initial-value: #fff;}@property --plat-color-focus{syntax: "<color>"; inherits: true; initial-value: #3b82f6;}@property --plat-color-info-surface{syntax: "<color>"; inherits: true; initial-value: #eff6ff;}@property --plat-color-info-text{syntax: "<color>"; inherits: true; initial-value: #1e40af;}@property --plat-color-info-border{syntax: "<color>"; inherits: true; initial-value: #bfdbfe;}@property --plat-color-success-surface{syntax: "<color>"; inherits: true; initial-value: #f0fdf4;}@property --plat-color-success-text{syntax: "<color>"; inherits: true; initial-value: #166534;}@property --plat-color-success-border{syntax: "<color>"; inherits: true; initial-value: #bbf7d0;}@property --plat-color-error-surface{syntax: "<color>"; inherits: true; initial-value: #fef2f2;}@property --plat-color-error-text{syntax: "<color>"; inherits: true; initial-value: #991b1b;}@property --plat-color-error-border{syntax: "<color>"; inherits: true; initial-value: #fecaca;}@property --plat-space-xs{syntax: "<length>"; inherits: true; initial-value: .25rem;}@property --plat-space-sm{syntax: "<length>"; inherits: true; initial-value: .5rem;}@property --plat-space-md{syntax: "<length>"; inherits: true; initial-value: .75rem;}@property --plat-space-lg{syntax: "<length>"; inherits: true; initial-value: 1.25rem;}@property --plat-space-2xl{syntax: "<length>"; inherits: true; initial-value: 3rem;}@property --plat-font-size-sm{syntax: "<length>"; inherits: true; initial-value: .8125rem;}@property --plat-font-size-md{syntax: "<length>"; inherits: true; initial-value: .875rem;}@property --plat-font-size-lg{syntax: "<length>"; inherits: true; initial-value: 1rem;}@property --plat-radius-md{syntax: "<length>"; inherits: true; initial-value: .375rem;}@property --plat-duration-fast{syntax: "<time>"; inherits: true; initial-value: .12s;}@property --plat-z-toast{syntax: "<integer>"; inherits: true; initial-value: 1000;}@property --plat-page-max-width{syntax: "<length>"; inherits: true; initial-value: 80rem;}@property --plat-page-inline{syntax: "<length>"; inherits: true; initial-value: 1.5rem;}@property --plat-page-block{syntax: "<length>"; inherits: true; initial-value: 2rem;}@property --plat-page-inline-md{syntax: "<length>"; inherits: true; initial-value: 2.5rem;}@property --plat-page-inline-lg{syntax: "<length>"; inherits: true; initial-value: 4rem;}:root{--plat-color-primary: #00a4bd;--plat-color-on-primary: #fff;--plat-color-surface: #fff;--plat-color-text: #1e293b;--plat-color-text-muted: #64748b;--plat-color-text-subtle: #94a3b8;--plat-color-border: #cbd5e1;--plat-color-error: #dc2626;--plat-color-on-error: #fff;--plat-color-focus: #3b82f6;--plat-color-info-surface: #eff6ff;--plat-color-info-text: #1e40af;--plat-color-info-border: #bfdbfe;--plat-color-success-surface: #f0fdf4;--plat-color-success-text: #166534;--plat-color-success-border: #bbf7d0;--plat-color-error-surface: #fef2f2;--plat-color-error-text: #991b1b;--plat-color-error-border: #fecaca;--plat-space-xs: .25rem;--plat-space-sm: .5rem;--plat-space-md: .75rem;--plat-space-lg: 1.25rem;--plat-space-2xl: 3rem;--plat-font-size-sm: .8125rem;--plat-font-size-md: .875rem;--plat-font-size-lg: 1rem;--plat-radius-md: .375rem;--plat-duration-fast: .12s;--plat-z-toast: 1000;--plat-page-max-width: 80rem;--plat-page-inline: 1.5rem;--plat-page-block: 2rem;--plat-page-inline-md: 2.5rem;--plat-page-inline-lg: 4rem;--plat-focus-ring: 2px solid var(--plat-color-focus);--plat-focus-offset: 2px;--plat-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1)}@layer plat-base{[data-component][data-focus-visible],[data-component] [data-element][data-focus-visible]{outline:var(--plat-focus-ring);outline-offset:var(--plat-focus-offset)}}[data-component=plat-btn]{display:inline-flex;align-items:center;justify-content:center;gap:var(--plat-space-xs);border:1px solid transparent;border-radius:var(--plat-radius-md);font-family:inherit;font-weight:500;line-height:1;cursor:pointer;transition-property:background-color,border-color,box-shadow,opacity;transition-duration:var(--plat-duration-fast);transition-timing-function:ease-out;-webkit-user-select:none;user-select:none}[data-component=plat-btn][data-variant=primary]{background:var(--plat-color-primary);color:var(--plat-color-on-primary);border-color:var(--plat-color-primary)}[data-component=plat-btn][data-variant=secondary]{background:var(--plat-color-surface);color:var(--plat-color-text);border-color:var(--plat-color-border)}[data-component=plat-btn][data-variant=destructive]{background:var(--plat-color-error);color:var(--plat-color-on-error);border-color:var(--plat-color-error)}[data-component=plat-btn][data-size=sm]{padding:var(--plat-space-xs) var(--plat-space-sm);font-size:var(--plat-font-size-sm)}[data-component=plat-btn][data-size=md]{padding:var(--plat-space-sm) var(--plat-space-md);font-size:var(--plat-font-size-md)}[data-component=plat-btn][data-size=lg]{padding:var(--plat-space-md) var(--plat-space-lg);font-size:var(--plat-font-size-lg)}[data-component=plat-btn][data-hovered]{filter:brightness(.92)}[data-component=plat-btn][data-pressed]{filter:brightness(.85);transform:scale(.98)}[data-component=plat-btn][data-disabled]{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){[data-component=plat-btn]{transition-duration:0ms}[data-component=plat-btn][data-pressed]{transform:none}}[data-component=plat-card]{display:flex;flex-direction:column;gap:var(--plat-space-lg);padding:var(--plat-space-2xl);border-radius:var(--plat-radius-md);background:var(--plat-color-surface);width:100%;max-width:28rem}[data-component=plat-card][data-variant=elevated]{border:1px solid transparent;box-shadow:var(--plat-shadow-md)}[data-component=plat-card][data-variant=outlined]{border:1px solid var(--plat-color-border);box-shadow:none}[data-component=plat-card] [data-element=heading]{margin:0;font-size:var(--plat-font-size-lg);font-weight:600;color:var(--plat-color-text)}[data-component=plat-empty-state]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--plat-space-sm);padding:var(--plat-space-2xl) var(--plat-space-lg);text-align:center}[data-component=plat-empty-state] [data-element=heading]{margin:0;font-size:var(--plat-font-size-lg);font-weight:600;color:var(--plat-color-text-muted)}[data-component=plat-empty-state] [data-element=description]{margin:0;font-size:var(--plat-font-size-md);color:var(--plat-color-text-subtle)}[data-component=plat-login]{display:flex;align-items:center;justify-content:center;padding:var(--plat-space-lg)}[data-component=plat-text-field]{display:flex;flex-direction:column;gap:var(--plat-space-xs)}[data-component=plat-text-field] [data-element=label]{color:var(--plat-color-text);font-weight:500;line-height:1}[data-component=plat-text-field] [data-element=input]{display:block;width:100%;border:1px solid var(--plat-color-border);border-radius:var(--plat-radius-md);background:var(--plat-color-surface);color:var(--plat-color-text);font-family:inherit;line-height:1;transition-property:border-color,box-shadow;transition-duration:var(--plat-duration-fast);transition-timing-function:ease-out}[data-component=plat-text-field] [data-element=input]::placeholder{color:var(--plat-color-text-subtle)}[data-component=plat-text-field][data-size=sm] [data-element=label]{font-size:var(--plat-font-size-sm)}[data-component=plat-text-field][data-size=sm] [data-element=input]{padding:var(--plat-space-xs) var(--plat-space-sm);font-size:var(--plat-font-size-sm)}[data-component=plat-text-field][data-size=md] [data-element=label]{font-size:var(--plat-font-size-md)}[data-component=plat-text-field][data-size=md] [data-element=input]{padding:var(--plat-space-sm) var(--plat-space-md);font-size:var(--plat-font-size-md)}[data-component=plat-text-field][data-size=lg] [data-element=label]{font-size:var(--plat-font-size-lg)}[data-component=plat-text-field][data-size=lg] [data-element=input]{padding:var(--plat-space-md) var(--plat-space-lg);font-size:var(--plat-font-size-lg)}[data-component=plat-text-field] [data-element=input][data-hovered]{border-color:var(--plat-color-text-muted)}[data-component=plat-text-field] [data-element=input][data-focused]{border-color:var(--plat-color-focus);outline:none}[data-component=plat-text-field] [data-element=input][data-focus-visible]{border-color:var(--plat-color-focus);outline:var(--plat-focus-ring);outline-offset:var(--plat-focus-offset)}[data-component=plat-text-field] [data-element=input][data-disabled]{opacity:.5;cursor:not-allowed}[data-component=plat-text-field][data-invalid] [data-element=input]{border-color:var(--plat-color-error)}[data-component=plat-text-field][data-invalid] [data-element=input][data-focus-visible]{border-color:var(--plat-color-error);outline:2px solid var(--plat-color-error)}[data-component=plat-text-field] [data-element=description]{color:var(--plat-color-text-muted);font-size:var(--plat-font-size-sm);line-height:1.4}[data-component=plat-text-field] [data-element=error]{color:var(--plat-color-error-text);font-size:var(--plat-font-size-sm);line-height:1.4}@media (prefers-reduced-motion: reduce){[data-component=plat-text-field] [data-element=input]{transition-duration:0ms}}[data-component=plat-page-layout]{width:100%;max-width:var(--plat-page-max-width);margin-inline:auto;padding-inline:var(--plat-page-inline);padding-block:var(--plat-page-block)}@media (min-width: 40rem){[data-component=plat-page-layout]{padding-inline:var(--plat-page-inline-md)}}@media (min-width: 64rem){[data-component=plat-page-layout]{padding-inline:var(--plat-page-inline-lg)}}[data-component=plat-toast-viewport]{position:fixed;bottom:var(--plat-space-md);right:var(--plat-space-md);z-index:var(--plat-z-toast);display:flex;flex-direction:column;gap:var(--plat-space-sm);list-style:none;margin:0;padding:0;max-width:24rem}[data-component=plat-toast]{display:flex;align-items:center;gap:var(--plat-space-sm);padding:var(--plat-space-sm) var(--plat-space-md);border-radius:var(--plat-radius-md);box-shadow:var(--plat-shadow-md);font-size:var(--plat-font-size-sm)}[data-component=plat-toast] [data-element=message]{flex:1}[data-component=plat-toast][data-tone=info]{background:var(--plat-color-info-surface);color:var(--plat-color-info-text);border:1px solid var(--plat-color-info-border)}[data-component=plat-toast][data-tone=success]{background:var(--plat-color-success-surface);color:var(--plat-color-success-text);border:1px solid var(--plat-color-success-border)}[data-component=plat-toast][data-tone=error]{background:var(--plat-color-error-surface);color:var(--plat-color-error-text);border:1px solid var(--plat-color-error-border)}