@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: #141414;}@property --plat-color-text-muted{syntax: "<color>"; inherits: true; initial-value: #495057;}@property --plat-color-text-subtle{syntax: "<color>"; inherits: true; initial-value: #808080;}@property --plat-color-border{syntax: "<color>"; inherits: true; initial-value: #cccccc;}@property --plat-color-primary-surface{syntax: "<color>"; inherits: true; initial-value: #e9f3f6;}@property --plat-color-content-surface{syntax: "<color>"; inherits: true; initial-value: #f5f6f8;}@property --plat-color-error{syntax: "<color>"; inherits: true; initial-value: #f1291c;}@property --plat-color-on-error{syntax: "<color>"; inherits: true; initial-value: #fff;}@property --plat-color-focus{syntax: "<color>"; inherits: true; initial-value: #007283;}@property --plat-color-info-surface{syntax: "<color>"; inherits: true; initial-value: #e9f3f6;}@property --plat-color-info-text{syntax: "<color>"; inherits: true; initial-value: #007283;}@property --plat-color-info-border{syntax: "<color>"; inherits: true; initial-value: #4eacc4;}@property --plat-color-success-surface{syntax: "<color>"; inherits: true; initial-value: #daf7e3;}@property --plat-color-success-text{syntax: "<color>"; inherits: true; initial-value: #166534;}@property --plat-color-success-border{syntax: "<color>"; inherits: true; initial-value: #50c275;}@property --plat-color-error-surface{syntax: "<color>"; inherits: true; initial-value: #fae9ea;}@property --plat-color-error-text{syntax: "<color>"; inherits: true; initial-value: #961117;}@property --plat-color-error-border{syntax: "<color>"; inherits: true; initial-value: #e5585f;}@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-family-body{syntax: "*"; inherits: true; initial-value: "lato","Helvetica Neue",Arial,sans-serif;}@property --plat-font-family-display{syntax: "*"; inherits: true; initial-value: "bookmania",Georgia,"Times New Roman",serif;}@property --plat-font-size-xs{syntax: "<length>"; inherits: true; initial-value: .75rem;}@property --plat-font-size-sm{syntax: "<length>"; inherits: true; initial-value: .875rem;}@property --plat-font-size-md{syntax: "<length>"; inherits: true; initial-value: 1rem;}@property --plat-font-size-lg{syntax: "<length>"; inherits: true; initial-value: 1.125rem;}@property --plat-font-size-xl{syntax: "<length>"; inherits: true; initial-value: 1.25rem;}@property --plat-font-size-2xl{syntax: "<length>"; inherits: true; initial-value: 1.5rem;}@property --plat-font-size-3xl{syntax: "<length>"; inherits: true; initial-value: 1.875rem;}@property --plat-font-size-4xl{syntax: "<length>"; inherits: true; initial-value: 2.25rem;}@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;}@property --plat-side-nav-width{syntax: "<length>"; inherits: true; initial-value: 16.25rem;}@property --plat-topbar-height{syntax: "<length>"; inherits: true; initial-value: 4rem;}:root{--plat-color-primary: #00a4bd;--plat-color-on-primary: #fff;--plat-color-surface: #fff;--plat-color-text: #141414;--plat-color-text-muted: #495057;--plat-color-text-subtle: #808080;--plat-color-border: #cccccc;--plat-color-primary-surface: #e9f3f6;--plat-color-content-surface: #f5f6f8;--plat-color-error: #f1291c;--plat-color-on-error: #fff;--plat-color-focus: #007283;--plat-color-info-surface: #e9f3f6;--plat-color-info-text: #007283;--plat-color-info-border: #4eacc4;--plat-color-success-surface: #daf7e3;--plat-color-success-text: #166534;--plat-color-success-border: #50c275;--plat-color-error-surface: #fae9ea;--plat-color-error-text: #961117;--plat-color-error-border: #e5585f;--plat-space-xs: .25rem;--plat-space-sm: .5rem;--plat-space-md: .75rem;--plat-space-lg: 1.25rem;--plat-space-2xl: 3rem;--plat-font-family-body: "lato", "Helvetica Neue", Arial, sans-serif;--plat-font-family-display: "bookmania", Georgia, "Times New Roman", serif;--plat-font-size-xs: .75rem;--plat-font-size-sm: .875rem;--plat-font-size-md: 1rem;--plat-font-size-lg: 1.125rem;--plat-font-size-xl: 1.25rem;--plat-font-size-2xl: 1.5rem;--plat-font-size-3xl: 1.875rem;--plat-font-size-4xl: 2.25rem;--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-side-nav-width: 16.25rem;--plat-topbar-height: 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{*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--plat-font-family-body);color:var(--plat-color-text);background:var(--plat-color-content-surface);-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--plat-font-family-display);font-weight:700}[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-app-shell]{display:grid;grid-template-columns:var(--plat-side-nav-width) 1fr;grid-template-rows:var(--plat-topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar content";height:100vh;height:100dvh}[data-component=plat-app-shell] [data-element=sidebar]{grid-area:sidebar;background:var(--plat-color-surface);border-right:1px solid var(--plat-color-border);overflow-y:auto;display:flex;flex-direction:column}[data-component=plat-app-shell] [data-element=topbar]{grid-area:topbar;background:var(--plat-color-surface);border-bottom:1px solid var(--plat-color-border);display:flex;align-items:center;gap:var(--plat-space-md);padding-inline:var(--plat-space-lg)}[data-component=plat-app-shell] [data-element=topbar-start]{flex:1;display:flex;align-items:center;min-width:0}[data-component=plat-app-shell] [data-element=topbar-end]{display:flex;align-items:center;gap:var(--plat-space-sm)}[data-component=plat-app-shell] [data-element=content]{grid-area:content;overflow-y:auto;padding:var(--plat-space-lg)}[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;min-height:100dvh;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-side-nav]{font-size:var(--plat-font-size-sm);padding:var(--plat-space-md)}[data-component=plat-side-nav] [data-element=items]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--plat-space-xs)}[data-component=plat-side-nav-brand]{padding:var(--plat-space-md) var(--plat-space-md) var(--plat-space-lg);font-family:var(--plat-font-family-display);font-weight:700;font-size:var(--plat-font-size-xl);color:var(--plat-color-text)}[data-component=plat-side-nav-item]{position:relative;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);color:var(--plat-color-text);font-weight:500;line-height:1.2;transition:background-color var(--plat-duration-fast) ease-out,color var(--plat-duration-fast) ease-out}[data-component=plat-side-nav-item][data-active]{background:var(--plat-color-primary-surface);color:var(--plat-color-focus)}[data-component=plat-side-nav-item]:hover:not([data-active]),[data-component=plat-side-nav-item]:has([data-hovered]):not([data-active]){background:var(--plat-color-content-surface)}[data-component=plat-side-nav-item] [data-element=icon]{display:inline-flex;width:1rem;height:1rem;color:inherit}[data-component=plat-side-nav-item] [data-element=icon] svg{width:100%;height:100%}[data-component=plat-side-nav-item] [data-element=target]{flex:1;display:flex;min-width:0}[data-component=plat-side-nav-item] [data-element=target]>*{flex:1;color:inherit;font:inherit;text-decoration:none;outline:none}[data-component=plat-side-nav-item]:has(:focus-visible){outline:var(--plat-focus-ring);outline-offset:var(--plat-focus-offset)}[data-component=plat-side-nav-item] [data-element=target]>*:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}[data-component=plat-side-nav-section]{list-style:none;display:flex;flex-direction:column}[data-component=plat-side-nav-section] [data-element=heading]{margin:0;font:inherit}[data-component=plat-side-nav-section] [data-element=trigger]{display:flex;align-items:center;gap:var(--plat-space-sm);width:100%;padding:var(--plat-space-sm) var(--plat-space-md);border:none;background:transparent;border-radius:var(--plat-radius-md);color:var(--plat-color-text);font:inherit;font-weight:500;line-height:1.2;text-align:left;cursor:pointer;outline:none;transition:background-color var(--plat-duration-fast) ease-out}[data-component=plat-side-nav-section] [data-element=trigger][data-focus-visible],[data-component=plat-side-nav-section] [data-element=trigger]:focus-visible{outline:var(--plat-focus-ring);outline-offset:var(--plat-focus-offset)}[data-component=plat-side-nav-section] [data-element=trigger][data-hovered]{background:var(--plat-color-content-surface)}[data-component=plat-side-nav-section] [data-element=icon]{display:inline-flex;width:1rem;height:1rem;color:inherit}[data-component=plat-side-nav-section] [data-element=icon] svg{width:100%;height:100%}[data-component=plat-side-nav-section] [data-element=label]{flex:1}[data-component=plat-side-nav-section] [data-element=chevron]{display:inline-flex;width:1rem;height:1rem;color:var(--plat-color-text-muted);transition:transform var(--plat-duration-fast) ease-out}[data-component=plat-side-nav-section] [data-expanded=true] [data-element=chevron]{transform:rotate(180deg)}[data-component=plat-side-nav-section] [data-element=items]{list-style:none;margin:0;padding:0;padding-block:var(--plat-space-xs);padding-inline-start:var(--plat-space-lg);display:flex;flex-direction:column;gap:var(--plat-space-xs)}@media (prefers-reduced-motion: reduce){[data-component=plat-side-nav-item],[data-component=plat-side-nav-section] [data-element=trigger],[data-component=plat-side-nav-section] [data-element=chevron]{transition-duration:0ms}}[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)}