/* Source: /rails/app/frontend/stylesheets/application.css */
/* Add application-wide custom styles here. */
/* layer: properties */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-border-opacity:100%;--un-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-leading:initial;--un-ring-opacity:100%;--un-space-y-reverse:initial;--un-text-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
@property --un-divide-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-border-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host { --container-6xl: 72rem; --fontWeight-semibold: 600; --spacing: 0.25rem; --radius-lg: 0.5rem; --fontWeight-bold: 700; --tracking-tight: -0.025em; --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-slate-200: oklch(92.9% 0.013 255.508); --colors-white: #fff; --colors-blue-50: oklch(97% 0.014 254.604); --colors-slate-500: oklch(55.4% 0.046 257.417); --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --colors-blue-900: oklch(37.9% 0.146 265.522); --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --colors-blue-600: oklch(54.6% 0.245 262.881); --colors-blue-500: oklch(62.3% 0.214 259.815); --container-2xl: 42rem; --colors-slate-950: oklch(12.9% 0.042 264.695); --colors-slate-600: oklch(44.6% 0.043 257.281); --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --container-5xl: 64rem; --colors-slate-100: oklch(96.8% 0.007 247.896); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --colors-slate-300: oklch(86.9% 0.022 252.894); --colors-slate-700: oklch(37.2% 0.044 257.287); --colors-slate-50: oklch(98.4% 0.003 247.858); --container-4xl: 56rem; --tracking-wider: 0.05em; --colors-slate-400: oklch(70.4% 0.04 256.788); --colors-blue-300: oklch(80.9% 0.105 251.813); --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --colors-slate-900: oklch(20.8% 0.042 265.755); --container-7xl: 80rem; --container-lg: 32rem; --text-4xl-fontSize: 2.25rem; --text-4xl-lineHeight: 2.5rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --text-5xl-fontSize: 3rem; --text-5xl-lineHeight: 1; --container-md: 28rem; --fontWeight-medium: 500; --colors-emerald-200: oklch(90.5% 0.093 164.15); --colors-emerald-50: oklch(97.9% 0.021 166.113); --colors-emerald-800: oklch(43.2% 0.095 166.913); --colors-rose-200: oklch(89.2% 0.058 10.001); --colors-rose-50: oklch(96.9% 0.015 12.422); --colors-rose-800: oklch(45.5% 0.188 13.697); --container-xl: 36rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --tracking-wide: 0.025em; --colors-blue-800: oklch(42.4% 0.199 265.638); --colors-blue-950: oklch(28.2% 0.091 267.935); --colors-amber-50: oklch(98.7% 0.022 95.277); --colors-amber-800: oklch(47.3% 0.137 46.201); --colors-amber-950: oklch(27.9% 0.077 45.635); --colors-rose-600: oklch(58.6% 0.253 17.585); --colors-rose-500: oklch(64.5% 0.246 16.439); --colors-rose-700: oklch(51.4% 0.222 16.935); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
/* layer: base */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' );  font-feature-settings: var(--default-font-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; }  table { text-indent: 0;  border-color: inherit;  border-collapse: collapse;  }  :-moz-focusring { outline: auto; }  progress { vertical-align: baseline; }  summary { display: list-item; }  ol, ul, menu { list-style: none; }  img, svg, video, canvas, audio, iframe, embed, object { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
/* layer: shortcuts */
.back-link{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);display:inline-flex;gap:calc(var(--spacing) * 2);align-items:center;}
.backend-nav-link{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);border-radius:var(--radius-lg);display:flex;gap:calc(var(--spacing) * 3);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}
.btn-danger{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);border-width:0px;border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-rose-600) var(--un-bg-opacity), transparent);display:inline-flex;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 10);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}
.btn-primary{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);border-width:0px;border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-blue-600) var(--un-bg-opacity), transparent);display:inline-flex;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 10);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}
.btn-secondary{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb, var(--colors-slate-700) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);border-width:1px;border-color:color-mix(in srgb, var(--colors-slate-300) var(--un-border-opacity), transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);display:inline-flex;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 10);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;justify-content:center;}
.card-title{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));color:color-mix(in srgb, var(--colors-slate-950) var(--un-text-opacity), transparent);--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);margin:calc(var(--spacing) * 0);}
.flash-message{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-width:1px;border-radius:var(--radius-lg);display:flex;gap:calc(var(--spacing) * 3);--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);align-items:center;}
.status-badge{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-blue-50) var(--un-bg-opacity), transparent);display:inline-flex;align-items:center;}
.auth-icon{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);margin-bottom:calc(var(--spacing) * 5);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-blue-50) var(--un-bg-opacity), transparent);display:flex;height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);align-items:center;justify-content:center;}
.brand-icon{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-blue-50) var(--un-bg-opacity), transparent);display:inline-flex;height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);align-items:center;justify-content:center;}
.brand-link{color:color-mix(in srgb, var(--colors-slate-950) var(--un-text-opacity), transparent);--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);display:inline-flex;gap:calc(var(--spacing) * 3);align-items:center;}
.card-copy{color:color-mix(in srgb, var(--colors-slate-600) var(--un-text-opacity), transparent);--un-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 2);}
.flash-alert{color:color-mix(in srgb, var(--colors-rose-800) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-rose-200) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, var(--colors-rose-50) var(--un-bg-opacity), transparent);}
.flash-notice{color:color-mix(in srgb, var(--colors-emerald-800) var(--un-text-opacity), transparent);border-color:color-mix(in srgb, var(--colors-emerald-200) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, var(--colors-emerald-50) var(--un-bg-opacity), transparent);}
.settings-card-icon{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-blue-50) var(--un-bg-opacity), transparent);display:flex;flex-shrink:0;height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 11);align-items:center;justify-content:center;}
.status-badge-muted{color:color-mix(in srgb, var(--colors-slate-600) var(--un-text-opacity), transparent);background-color:color-mix(in srgb, var(--colors-slate-100) var(--un-bg-opacity), transparent);}
.back-link:hover{color:color-mix(in srgb, var(--colors-blue-900) var(--un-text-opacity), transparent);}
.page-container{margin-inline:auto;padding-inline:calc(var(--spacing) * 4);width:100%;max-width:var(--container-7xl);}
.auth-card{padding:calc(var(--spacing) * 6);border-width:1px;border-color:color-mix(in srgb, var(--colors-slate-200) var(--un-border-opacity), transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);width:100%;max-width:var(--container-md);--un-shadow:0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.content-card{padding:calc(var(--spacing) * 6);border-width:1px;border-color:color-mix(in srgb, var(--colors-slate-200) var(--un-border-opacity), transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);width:100%;max-width:var(--container-2xl);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.settings-card{padding:calc(var(--spacing) * 5);border-width:1px;border-color:color-mix(in srgb, var(--colors-slate-200) var(--un-border-opacity), transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);display:flex;gap:calc(var(--spacing) * 4);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));align-items:center;}
.btn-danger:focus{--un-outline-style:none;outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-rose-500) var(--un-ring-opacity), transparent);--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
.btn-primary:focus{--un-outline-style:none;outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-blue-500) var(--un-ring-opacity), transparent);--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
.btn-secondary:focus{--un-outline-style:none;outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-blue-500) var(--un-ring-opacity), transparent);--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
.settings-card:hover{border-color:color-mix(in srgb, var(--colors-blue-300) var(--un-border-opacity), transparent);--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.backend-nav-link-active{background-color:color-mix(in srgb, var(--colors-white) 15%, transparent);}
.backend-nav-link-inactive:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent);}
.btn-danger:hover{background-color:color-mix(in srgb, var(--colors-rose-700) var(--un-bg-opacity), transparent);}
.btn-primary:hover{background-color:color-mix(in srgb, var(--colors-blue-700) var(--un-bg-opacity), transparent);}
.btn-secondary:hover{background-color:color-mix(in srgb, var(--colors-slate-50) var(--un-bg-opacity), transparent);}
@supports (color: color-mix(in lab, red, red)){
.auth-icon{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-blue-50) var(--un-bg-opacity), transparent);}
.back-link{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}
.backend-nav-link{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.brand-icon{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-blue-50) var(--un-bg-opacity), transparent);}
.brand-link{color:color-mix(in oklab, var(--colors-slate-950) var(--un-text-opacity), transparent);}
.btn-danger{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-rose-600) var(--un-bg-opacity), transparent);}
.btn-primary{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-blue-600) var(--un-bg-opacity), transparent);}
.btn-secondary{color:color-mix(in oklab, var(--colors-slate-700) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-slate-300) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.card-copy{color:color-mix(in oklab, var(--colors-slate-600) var(--un-text-opacity), transparent);}
.card-title{color:color-mix(in oklab, var(--colors-slate-950) var(--un-text-opacity), transparent);}
.flash-alert{color:color-mix(in oklab, var(--colors-rose-800) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-rose-200) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-rose-50) var(--un-bg-opacity), transparent);}
.flash-notice{color:color-mix(in oklab, var(--colors-emerald-800) var(--un-text-opacity), transparent);border-color:color-mix(in oklab, var(--colors-emerald-200) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-emerald-50) var(--un-bg-opacity), transparent);}
.settings-card-icon{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-blue-50) var(--un-bg-opacity), transparent);}
.status-badge{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-blue-50) var(--un-bg-opacity), transparent);}
.status-badge-muted{color:color-mix(in oklab, var(--colors-slate-600) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-slate-100) var(--un-bg-opacity), transparent);}
.back-link:hover{color:color-mix(in oklab, var(--colors-blue-900) var(--un-text-opacity), transparent);}
.auth-card{border-color:color-mix(in oklab, var(--colors-slate-200) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.content-card{border-color:color-mix(in oklab, var(--colors-slate-200) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.settings-card{border-color:color-mix(in oklab, var(--colors-slate-200) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.settings-card:hover{border-color:color-mix(in oklab, var(--colors-blue-300) var(--un-border-opacity), transparent);}
.backend-nav-link-active{background-color:color-mix(in oklab, var(--colors-white) 15%, transparent);}
.backend-nav-link-inactive:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent);}
.btn-danger:hover{background-color:color-mix(in oklab, var(--colors-rose-700) var(--un-bg-opacity), transparent);}
.btn-primary:hover{background-color:color-mix(in oklab, var(--colors-blue-700) var(--un-bg-opacity), transparent);}
.btn-secondary:hover{background-color:color-mix(in oklab, var(--colors-slate-50) var(--un-bg-opacity), transparent);}
.btn-danger:focus{--un-ring-color:color-mix(in oklab, var(--colors-rose-500) var(--un-ring-opacity), transparent);}
.btn-primary:focus{--un-ring-color:color-mix(in oklab, var(--colors-blue-500) var(--un-ring-opacity), transparent);}
.btn-secondary:focus{--un-ring-color:color-mix(in oklab, var(--colors-blue-500) var(--un-ring-opacity), transparent);}
}
@media (min-width: 40rem){
.auth-card,
.content-card{padding:calc(var(--spacing) * 8);}
.page-container{padding-inline:calc(var(--spacing) * 6);}
}
@media (min-width: 64rem){
.page-container{padding-inline:calc(var(--spacing) * 8);}
}
/* layer: default */
.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.text-4xl{font-size:var(--text-4xl-fontSize);line-height:var(--un-leading, var(--text-4xl-lineHeight));}
.text-base{font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));}
.text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
.text-amber-800{color:color-mix(in srgb, var(--colors-amber-800) var(--un-text-opacity), transparent);}
.text-amber-950{color:color-mix(in srgb, var(--colors-amber-950) var(--un-text-opacity), transparent);}
.text-blue-700{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);}
.text-blue-800{color:color-mix(in srgb, var(--colors-blue-800) var(--un-text-opacity), transparent);}
.text-blue-950{color:color-mix(in srgb, var(--colors-blue-950) var(--un-text-opacity), transparent);}
.text-slate-400{color:color-mix(in srgb, var(--colors-slate-400) var(--un-text-opacity), transparent);}
.text-slate-500{color:color-mix(in srgb, var(--colors-slate-500) var(--un-text-opacity), transparent);}
.text-slate-600{color:color-mix(in srgb, var(--colors-slate-600) var(--un-text-opacity), transparent);}
.text-slate-950{color:color-mix(in srgb, var(--colors-slate-950) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
.hover\:text-blue-900:hover{color:color-mix(in srgb, var(--colors-blue-900) var(--un-text-opacity), transparent);}
.hover\:text-slate-900:hover{color:color-mix(in srgb, var(--colors-slate-900) var(--un-text-opacity), transparent);}
.leading-5{--un-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5);}
.leading-7{--un-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);}
.tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}
.tracking-wide{--un-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);}
.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.font-mono{font-family:var(--font-mono);}
.font-semibold{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.m-0{margin:calc(var(--spacing) * 0);}
.mx-auto{margin-inline:auto;}
.-mt-2{margin-top:calc(var(--spacing) * -2);}
.mb-3{margin-bottom:calc(var(--spacing) * 3);}
.mb-5{margin-bottom:calc(var(--spacing) * 5);}
.mb-6{margin-bottom:calc(var(--spacing) * 6);}
.ml-1{margin-left:calc(var(--spacing) * 1);}
.ml-auto{margin-left:auto;}
.mr-1{margin-right:calc(var(--spacing) * 1);}
.mt-0\.5{margin-top:calc(var(--spacing) * 0.5);}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.mt-4{margin-top:calc(var(--spacing) * 4);}
.mt-5{margin-top:calc(var(--spacing) * 5);}
.mt-6{margin-top:calc(var(--spacing) * 6);}
.mt-8{margin-top:calc(var(--spacing) * 8);}
.p-4{padding:calc(var(--spacing) * 4);}
.p-5{padding:calc(var(--spacing) * 5);}
.p-6{padding:calc(var(--spacing) * 6);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-3{padding-inline:calc(var(--spacing) * 3);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-5{padding-inline:calc(var(--spacing) * 5);}
.py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
.py-10{padding-block:calc(var(--spacing) * 10);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-4{padding-block:calc(var(--spacing) * 4);}
.py-5{padding-block:calc(var(--spacing) * 5);}
.py-6{padding-block:calc(var(--spacing) * 6);}
.pt-4{padding-top:calc(var(--spacing) * 4);}
.text-center{text-align:center;}
.text-left{text-align:left;}
.border{border-width:1px;}
.border-b{border-bottom-width:1px;}
.border-t{border-top-width:1px;}
.last\:border-b-0:last-child{border-bottom-width:0px;}
.border-slate-100{border-color:color-mix(in srgb, var(--colors-slate-100) var(--un-border-opacity), transparent);}
.border-slate-200{border-color:color-mix(in srgb, var(--colors-slate-200) var(--un-border-opacity), transparent);}
.hover\:border-blue-300:hover{border-color:color-mix(in srgb, var(--colors-blue-300) var(--un-border-opacity), transparent);}
.rounded-lg{border-radius:var(--radius-lg);}
.bg-amber-50{background-color:color-mix(in srgb, var(--colors-amber-50) var(--un-bg-opacity), transparent);}
.bg-blue-50{background-color:color-mix(in srgb, var(--colors-blue-50) var(--un-bg-opacity), transparent);}
.bg-blue-500{background-color:color-mix(in srgb, var(--colors-blue-500) var(--un-bg-opacity), transparent);}
.bg-blue-600{background-color:color-mix(in srgb, var(--colors-blue-600) var(--un-bg-opacity), transparent);}
.bg-slate-100{background-color:color-mix(in srgb, var(--colors-slate-100) var(--un-bg-opacity), transparent);}
.bg-slate-50{background-color:color-mix(in srgb, var(--colors-slate-50) var(--un-bg-opacity), transparent);}
.bg-slate-950{background-color:color-mix(in srgb, var(--colors-slate-950) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.flex-1{flex:1 1 0%;}
.shrink-0{flex-shrink:0;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.gap-1{gap:calc(var(--spacing) * 1);}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-5{gap:calc(var(--spacing) * 5);}
.gap-x-4{column-gap:calc(var(--spacing) * 4);}
.grid{display:grid;}
.h-11{height:calc(var(--spacing) * 11);}
.h-12{height:calc(var(--spacing) * 12);}
.h-16{height:calc(var(--spacing) * 16);}
.max-w-2xl{max-width:var(--container-2xl);}
.max-w-4xl{max-width:var(--container-4xl);}
.max-w-5xl{max-width:var(--container-5xl);}
.max-w-6xl{max-width:var(--container-6xl);}
.max-w-lg{max-width:var(--container-lg);}
.max-w-xl{max-width:var(--container-xl);}
.min-h-screen{min-height:100vh;}
.min-w-0{min-width:calc(var(--spacing) * 0);}
.w-11{width:calc(var(--spacing) * 11);}
.w-12{width:calc(var(--spacing) * 12);}
.w-16{width:calc(var(--spacing) * 16);}
.w-5{width:calc(var(--spacing) * 5);}
.w-full{width:100%;}
.inline{display:inline;}
.block{display:block;}
.hidden{display:none;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-sm{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.items-center{align-items:center;}
.inset-x-4{inset-inline:calc(var(--spacing) * 4);}
.top-4{top:calc(var(--spacing) * 4);}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.fixed{position:fixed;}
.static{position:static;}
.z-50{z-index:50;}
.overflow-hidden{overflow:hidden;}
.divide-slate-100{
:where(&>:not(:last-child)){border-color:color-mix(in srgb, var(--colors-slate-100) var(--un-divide-opacity), transparent);}
}
.divide-y{
:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}
}
.space-y-2{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-3{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-y-reverse)));}
}
@supports (color: color-mix(in lab, red, red)){
.text-amber-800{color:color-mix(in oklab, var(--colors-amber-800) var(--un-text-opacity), transparent);}
.text-amber-950{color:color-mix(in oklab, var(--colors-amber-950) var(--un-text-opacity), transparent);}
.text-blue-700{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}
.text-blue-800{color:color-mix(in oklab, var(--colors-blue-800) var(--un-text-opacity), transparent);}
.text-blue-950{color:color-mix(in oklab, var(--colors-blue-950) var(--un-text-opacity), transparent);}
.text-slate-400{color:color-mix(in oklab, var(--colors-slate-400) var(--un-text-opacity), transparent);}
.text-slate-500{color:color-mix(in oklab, var(--colors-slate-500) var(--un-text-opacity), transparent);}
.text-slate-600{color:color-mix(in oklab, var(--colors-slate-600) var(--un-text-opacity), transparent);}
.text-slate-950{color:color-mix(in oklab, var(--colors-slate-950) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.hover\:text-blue-900:hover{color:color-mix(in oklab, var(--colors-blue-900) var(--un-text-opacity), transparent);}
.hover\:text-slate-900:hover{color:color-mix(in oklab, var(--colors-slate-900) var(--un-text-opacity), transparent);}
.border-slate-100{border-color:color-mix(in oklab, var(--colors-slate-100) var(--un-border-opacity), transparent);}
.border-slate-200{border-color:color-mix(in oklab, var(--colors-slate-200) var(--un-border-opacity), transparent);}
.hover\:border-blue-300:hover{border-color:color-mix(in oklab, var(--colors-blue-300) var(--un-border-opacity), transparent);}
.bg-amber-50{background-color:color-mix(in oklab, var(--colors-amber-50) var(--un-bg-opacity), transparent);}
.bg-blue-50{background-color:color-mix(in oklab, var(--colors-blue-50) var(--un-bg-opacity), transparent);}
.bg-blue-500{background-color:color-mix(in oklab, var(--colors-blue-500) var(--un-bg-opacity), transparent);}
.bg-blue-600{background-color:color-mix(in oklab, var(--colors-blue-600) var(--un-bg-opacity), transparent);}
.bg-slate-100{background-color:color-mix(in oklab, var(--colors-slate-100) var(--un-bg-opacity), transparent);}
.bg-slate-50{background-color:color-mix(in oklab, var(--colors-slate-50) var(--un-bg-opacity), transparent);}
.bg-slate-950{background-color:color-mix(in oklab, var(--colors-slate-950) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
}
@media (min-width: 40rem){
.sm\:text-5xl{font-size:var(--text-5xl-fontSize);line-height:var(--un-leading, var(--text-5xl-lineHeight));}
.sm\:text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.sm\:p-5{padding:calc(var(--spacing) * 5);}
.sm\:p-7{padding:calc(var(--spacing) * 7);}
.sm\:p-8{padding:calc(var(--spacing) * 8);}
.sm\:px-8{padding-inline:calc(var(--spacing) * 8);}
.sm\:py-16{padding-block:calc(var(--spacing) * 16);}
.sm\:text-right{text-align:right;}
.sm\:inline-flex{display:inline-flex;}
.sm\:flex-row{flex-direction:row;}
.sm\:gap-6{gap:calc(var(--spacing) * 6);}
.sm\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto;}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:w-auto{width:auto;}
.sm\:inline{display:inline;}
.sm\:items-end{align-items:flex-end;}
.sm\:items-center{align-items:center;}
.sm\:inset-x-auto{inset-inline:auto;}
.sm\:right-6{right:calc(var(--spacing) * 6);}
.sm\:justify-between{justify-content:space-between;}
}
@media (min-width: 64rem){
.lg\:grid{display:grid;}
.lg\:grid-cols-\[16rem_1fr\]{grid-template-columns:16rem 1fr;}
.lg\:min-h-screen{min-height:100vh;}
}
@media (min-width: 80rem){
.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
}