:root{--rio-color-primary:#0f766e;--rio-color-primary-strong:#115e59;--rio-color-primary-soft:#e6f4f2;--rio-color-on-primary:#fff;--rio-color-accent:#0369a1;--rio-color-accent-soft:#e0f2fe;--rio-color-bg:#f6f8f7;--rio-color-surface:#fff;--rio-color-surface-muted:#eef2f1;--rio-color-border:#d5dddb;--rio-color-border-strong:#aebbb8;--rio-color-text:#14201f;--rio-color-text-muted:#52615f;--rio-color-text-subtle:#74827f;--rio-color-success:#15803d;--rio-color-success-soft:#dcfce7;--rio-color-warning:#b45309;--rio-color-warning-soft:#fef3c7;--rio-color-danger:#b91c1c;--rio-color-danger-soft:#fee2e2;--rio-color-info:#1d4ed8;--rio-color-info-soft:#dbeafe;--rio-color-demo:#6d28d9;--rio-color-demo-soft:#ede9fe;--rio-focus-ring:0 0 0 3px #0f766e59;--rio-font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--rio-font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--rio-text-xs:12px;--rio-text-sm:14px;--rio-text-md:16px;--rio-text-lg:18px;--rio-text-xl:20px;--rio-text-2xl:24px;--rio-text-3xl:30px;--rio-text-4xl:36px;--rio-space-1:4px;--rio-space-2:8px;--rio-space-3:12px;--rio-space-4:16px;--rio-space-5:20px;--rio-space-6:24px;--rio-space-7:28px;--rio-space-8:32px;--rio-space-9:40px;--rio-space-10:48px;--rio-space-11:56px;--rio-space-12:64px;--rio-radius-sm:6px;--rio-radius-md:10px;--rio-radius-lg:14px;--rio-radius-xl:20px;--rio-radius-pill:999px;--rio-shadow-sm:0 1px 2px #14201f0f;--rio-shadow-md:0 4px 12px #14201f14;--rio-shadow-lg:0 12px 32px #14201f1f;--rio-touch-min:48px;--rio-content-max:1200px;font-family:var(--rio-font-sans);color:var(--rio-color-text);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;line-height:1.5}body{background:var(--rio-color-bg);font-size:var(--rio-text-md);margin:0}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rio-color-primary);outline-offset:2px;box-shadow:var(--rio-focus-ring)}.rio-page-header{justify-content:space-between;align-items:flex-start;gap:var(--rio-space-4);display:flex}.rio-page-header__title{font-size:var(--rio-text-2xl);margin:0}.rio-page-header__description{margin:var(--rio-space-2) 0 0;color:var(--rio-color-text-muted)}.rio-page-header__action{flex-shrink:0;align-items:center;display:flex}.rio-status-badge{align-items:center;gap:var(--rio-space-1);padding:0 var(--rio-space-2);border-radius:var(--rio-radius-pill);font-size:var(--rio-text-sm);white-space:nowrap;border:1px solid;font-weight:600;line-height:1.5;display:inline-flex}.rio-status-badge--success{background:var(--rio-color-success-soft);border-color:color-mix(in srgb, var(--rio-color-success) 30%, transparent);color:var(--rio-color-success)}.rio-status-badge--warning{background:var(--rio-color-warning-soft);border-color:color-mix(in srgb, var(--rio-color-warning) 30%, transparent);color:var(--rio-color-warning)}.rio-status-badge--error{background:var(--rio-color-danger-soft);border-color:color-mix(in srgb, var(--rio-color-danger) 30%, transparent);color:var(--rio-color-danger)}.rio-status-badge--info{background:var(--rio-color-info-soft);border-color:color-mix(in srgb, var(--rio-color-info) 30%, transparent);color:var(--rio-color-info)}.rio-status-badge--neutral{background:var(--rio-color-surface-muted);border-color:color-mix(in srgb, var(--rio-color-text-muted) 30%, transparent);color:var(--rio-color-text-muted)}.company-users-page,.company-users-page *{box-sizing:border-box}.company-users-page,.company-users-page :is(.card,.list,.form,.field,.choice-group){gap:var(--rio-space-3);flex-direction:column;min-width:0;display:flex}.company-users-page :is(.card,.list-item){padding:var(--rio-space-4);border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-lg);color:var(--rio-color-text);background:var(--rio-color-surface);box-shadow:var(--rio-shadow-sm)}.company-users-page :is(.list,.card>h2,.card-meta,.field-hint,.notice p){margin:0}.company-users-page .list{padding:0;list-style:none}.company-users-page .list-item{align-items:center;gap:var(--rio-space-4);display:flex}.company-users-page .list-item-body{gap:var(--rio-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.company-users-page :is(.list-item-title,.field label,.card>h2){font-weight:600}.company-users-page .card>h2{font-size:var(--rio-text-md)}.company-users-page :is(.list-item-meta,.card-meta,.field-hint,.loading,.notice-code){color:var(--rio-color-text-muted);font-size:var(--rio-text-sm)}.company-users-page .list-item-aside{flex:none}.company-users-page .field{gap:var(--rio-space-1)}.company-users-page :is(input,select,button){font:inherit}.company-users-page :is(.field input:not([type=checkbox]),.field select){width:100%;min-height:var(--rio-touch-min);padding:var(--rio-space-2) var(--rio-space-3);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);color:var(--rio-color-text);background:var(--rio-color-surface)}.company-users-page :is(input,select):disabled{background:var(--rio-color-surface-muted);color:var(--rio-color-text-muted)}.company-users-page .choice{align-items:center;gap:var(--rio-space-2);min-height:var(--rio-touch-min);padding:0 var(--rio-space-3);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);cursor:pointer;display:flex}.company-users-page .choice input{width:var(--rio-space-5);height:var(--rio-space-5);min-height:0;accent-color:var(--rio-color-primary);flex:none}.company-users-page .choice:has(input:checked){border-color:var(--rio-color-primary);background:var(--rio-color-primary-soft)}.company-users-page .button{min-height:var(--rio-touch-min);padding:0 var(--rio-space-4);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);background:var(--rio-color-surface);color:var(--rio-color-text);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.company-users-page .button:disabled{opacity:.6;cursor:default}.company-users-page .button-primary{border-color:var(--rio-color-primary);background:var(--rio-color-primary);color:var(--rio-color-on-primary)}.company-users-page .button-primary:hover:not(:disabled){border-color:var(--rio-color-primary-strong);background:var(--rio-color-primary-strong)}.company-users-page .button-destructive{border-color:color-mix(in srgb, var(--rio-color-danger) 40%, transparent);background:var(--rio-color-surface);color:var(--rio-color-danger)}.company-users-page .button-destructive:hover:not(:disabled){background:var(--rio-color-danger-soft)}.company-users-page .button-block{width:100%}.company-users-page .notice{gap:var(--rio-space-2);padding:var(--rio-space-3);border:1px solid;border-radius:var(--rio-radius-md);overflow-wrap:anywhere;border-inline-start-width:4px;flex-direction:column;display:flex}.company-users-page .notice-error{border-color:color-mix(in srgb, var(--rio-color-danger) 40%, transparent);border-inline-start-color:var(--rio-color-danger);background:var(--rio-color-danger-soft);color:var(--rio-color-danger)}.company-users-page .notice-info{border-color:color-mix(in srgb, var(--rio-color-info) 40%, transparent);border-inline-start-color:var(--rio-color-info);background:var(--rio-color-info-soft);color:var(--rio-color-info)}.company-users-page .notice-actions{gap:var(--rio-space-2);flex-wrap:wrap;display:flex}.company-users-page .empty{padding:var(--rio-space-8) var(--rio-space-4);color:var(--rio-color-text-muted);text-align:center}.company-profile-page,.company-profile-page *{box-sizing:border-box}.company-profile-page{gap:var(--rio-space-4);flex-direction:column;min-width:0;max-width:100%;display:flex}.company-profile-page :is(.company-profile-card,.company-profile-form){gap:var(--rio-space-3);flex-direction:column;min-width:0;display:flex}.company-profile-page .company-profile-card{padding:var(--rio-space-4);border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-lg);color:var(--rio-color-text);background:var(--rio-color-surface);box-shadow:var(--rio-shadow-sm);overflow-wrap:anywhere}.company-profile-page :is(.company-profile-card>h2,.company-profile-notice p){margin:0}.company-profile-page .company-profile-card>h2{font-size:var(--rio-text-md)}.company-profile-page .company-profile-field{gap:var(--rio-space-1);flex-direction:column;min-width:0;display:flex}.company-profile-page .company-profile-field label{overflow-wrap:anywhere;font-weight:600}.company-profile-page .company-profile-field input,.company-profile-page .company-profile-button{min-width:0;font:inherit}.company-profile-page .company-profile-field input{width:100%;min-height:var(--rio-touch-min);padding:var(--rio-space-2) var(--rio-space-3);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);color:var(--rio-color-text);background:var(--rio-color-surface);overflow-wrap:anywhere}.company-profile-page .company-profile-field input:disabled{background:var(--rio-color-surface-muted);color:var(--rio-color-text-muted)}.company-profile-page .company-profile-button{min-height:var(--rio-touch-min);max-width:100%;padding:0 var(--rio-space-4);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);background:var(--rio-color-surface);color:var(--rio-color-text);cursor:pointer;overflow-wrap:anywhere;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.company-profile-page .company-profile-button:disabled{opacity:.6;cursor:default}.company-profile-page .company-profile-button--primary{border-color:var(--rio-color-primary);background:var(--rio-color-primary);color:var(--rio-color-on-primary)}.company-profile-page .company-profile-button--primary:hover:not(:disabled){border-color:var(--rio-color-primary-strong);background:var(--rio-color-primary-strong)}.company-profile-page .company-profile-details{gap:var(--rio-space-3);grid-template-columns:minmax(0,1fr);min-width:0;margin:0;display:grid}.company-profile-page .company-profile-detail{gap:var(--rio-space-1);min-width:0;display:grid}.company-profile-page .company-profile-detail dt{color:var(--rio-color-text-muted);font-size:var(--rio-text-sm);overflow-wrap:anywhere;font-weight:600}.company-profile-page .company-profile-detail dd{overflow-wrap:anywhere;word-break:break-word;min-width:0;margin:0}.company-profile-page .company-profile-loading{color:var(--rio-color-text-muted);margin:0}.company-profile-page .company-profile-notice{gap:var(--rio-space-2);min-width:0;padding:var(--rio-space-3);border:1px solid color-mix(in srgb, var(--rio-color-danger) 40%, transparent);border-inline-start:4px solid var(--rio-color-danger);border-radius:var(--rio-radius-md);background:var(--rio-color-danger-soft);color:var(--rio-color-danger);overflow-wrap:anywhere;flex-direction:column;display:flex}.company-profile-page .company-profile-notice__code{font-size:var(--rio-text-sm);font-weight:600}.company-profile-page .company-profile-notice__actions{gap:var(--rio-space-2);flex-wrap:wrap;display:flex}@media (width>=640px){.company-profile-page .company-profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.company-profile-page .company-profile-detail:first-child,.company-profile-page .company-profile-detail:nth-child(2){grid-column:span 1}}.rio-container{box-sizing:border-box;width:100%;max-width:var(--rio-content-max);padding-inline:var(--rio-space-4);margin-inline:auto}.rio-stack{gap:var(--rio-space-4);flex-direction:column;min-width:0;display:flex}.rio-cluster{align-items:center;gap:var(--rio-space-2);flex-wrap:wrap;min-width:0;display:flex}.rio-card{box-sizing:border-box;border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-lg);background:var(--rio-color-surface);min-width:0;color:var(--rio-color-text);box-shadow:var(--rio-shadow-sm);overflow-wrap:anywhere;flex-direction:column;display:flex}.rio-card__header{justify-content:space-between;align-items:center;gap:var(--rio-space-2);padding:var(--rio-space-4) var(--rio-space-4) 0;display:flex}.rio-card__title{font-size:var(--rio-text-lg);margin:0;font-weight:700;line-height:1.25}.rio-card__body{gap:var(--rio-space-3);padding:var(--rio-space-4);flex-direction:column;display:flex}.rio-card__footer{justify-content:flex-end;align-items:center;gap:var(--rio-space-2);padding:0 var(--rio-space-4) var(--rio-space-4);flex-wrap:wrap;display:flex}.rio-btn{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--rio-space-2);min-height:var(--rio-space-9);padding:0 var(--rio-space-4);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);background:var(--rio-color-surface);color:var(--rio-color-text);font:inherit;font-size:var(--rio-text-md);text-align:center;cursor:pointer;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.rio-btn:hover:not(:disabled,[aria-disabled=true]){background:var(--rio-color-surface-muted)}.rio-btn:disabled,.rio-btn[aria-disabled=true]{cursor:not-allowed;opacity:.55}.rio-btn[aria-busy=true]{cursor:progress}.rio-btn--primary{border-color:var(--rio-color-primary);background:var(--rio-color-primary);color:var(--rio-color-on-primary)}.rio-btn--primary:hover:not(:disabled,[aria-disabled=true]){border-color:var(--rio-color-primary-strong);background:var(--rio-color-primary-strong)}.rio-btn--secondary{border-color:var(--rio-color-border-strong);background:var(--rio-color-surface);color:var(--rio-color-text)}.rio-btn--secondary:hover:not(:disabled,[aria-disabled=true]){background:var(--rio-color-surface-muted)}.rio-btn--ghost{color:var(--rio-color-primary);background:0 0;border-color:#0000}.rio-btn--ghost:hover:not(:disabled,[aria-disabled=true]){background:var(--rio-color-primary-soft);color:var(--rio-color-primary-strong)}.rio-btn--danger{border-color:var(--rio-color-danger);background:var(--rio-color-danger);color:var(--rio-color-on-primary)}.rio-btn--danger:hover:not(:disabled,[aria-disabled=true]){border-color:color-mix(in srgb, var(--rio-color-danger) 85%, var(--rio-color-text));background:color-mix(in srgb, var(--rio-color-danger) 85%, var(--rio-color-text))}.rio-btn--sm{min-height:var(--rio-space-8);padding:0 var(--rio-space-3);font-size:var(--rio-text-sm)}.rio-btn--lg{min-height:var(--rio-touch-min);padding:0 var(--rio-space-5);font-weight:700}.rio-btn--block{width:100%}.rio-field{gap:var(--rio-space-1);flex-direction:column;min-width:0;display:flex}.rio-field__label{color:var(--rio-color-text);font-size:var(--rio-text-sm);overflow-wrap:anywhere;font-weight:600}.rio-field__hint{color:var(--rio-color-text-muted);font-size:var(--rio-text-sm);margin:0}.rio-field__error{color:var(--rio-color-danger);font-size:var(--rio-text-sm);margin:0;font-weight:600}.rio-input,.rio-select,.rio-textarea{box-sizing:border-box;width:100%;min-height:var(--rio-space-9);padding:var(--rio-space-2) var(--rio-space-3);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-md);background:var(--rio-color-surface);color:var(--rio-color-text);font:inherit;font-size:var(--rio-text-md)}.rio-textarea{min-height:calc(var(--rio-space-12) * 2);resize:vertical;line-height:1.5}.rio-input:focus-visible,.rio-select:focus-visible,.rio-textarea:focus-visible{border-color:var(--rio-color-primary)}.rio-input[aria-invalid=true],.rio-select[aria-invalid=true],.rio-textarea[aria-invalid=true]{border-color:var(--rio-color-danger)}.rio-input:disabled,.rio-select:disabled,.rio-textarea:disabled{background:var(--rio-color-surface-muted);color:var(--rio-color-text-muted);cursor:not-allowed}.rio-badge{box-sizing:border-box;align-items:center;gap:var(--rio-space-1);min-height:var(--rio-space-6);padding:0 var(--rio-space-2);border-radius:var(--rio-radius-pill);background:var(--rio-color-surface-muted);color:var(--rio-color-text-muted);font-size:var(--rio-text-xs);white-space:nowrap;font-weight:700;line-height:1.5;display:inline-flex}.rio-badge--success{background:var(--rio-color-success-soft);color:var(--rio-color-success)}.rio-badge--warning{background:var(--rio-color-warning-soft);color:var(--rio-color-warning)}.rio-badge--danger{background:var(--rio-color-danger-soft);color:var(--rio-color-danger)}.rio-badge--info{background:var(--rio-color-info-soft);color:var(--rio-color-info)}.rio-badge--neutral{background:var(--rio-color-surface-muted);color:var(--rio-color-text-muted)}.rio-badge--demo{background:var(--rio-color-demo-soft);color:var(--rio-color-demo)}.rio-chip{box-sizing:border-box;align-items:center;gap:var(--rio-space-1);min-height:var(--rio-space-7);padding:0 var(--rio-space-3);border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-pill);background:var(--rio-color-surface);color:var(--rio-color-text);font-size:var(--rio-text-sm);white-space:nowrap;font-weight:600;line-height:1.5;display:inline-flex}.rio-table{border-collapse:collapse;background:var(--rio-color-surface);width:100%;font-size:var(--rio-text-sm);font-variant-numeric:tabular-nums}.rio-table th,.rio-table td{height:var(--rio-touch-min);padding:var(--rio-space-2) var(--rio-space-4);text-align:start;vertical-align:middle;overflow-wrap:anywhere}.rio-table th{background:var(--rio-color-surface-muted);color:var(--rio-color-text);font-weight:700}.rio-table tbody tr{border-top:1px solid var(--rio-color-border)}.rio-kv{gap:var(--rio-space-2) var(--rio-space-4);grid-template-columns:minmax(0,max-content) minmax(0,1fr);margin:0;display:grid}.rio-kv>div{display:contents}.rio-kv dt{color:var(--rio-color-text-muted);font-size:var(--rio-text-sm);font-weight:600}.rio-kv dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;margin:0}.rio-timeline{gap:var(--rio-space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rio-timeline>li{min-width:0;overflow-wrap:anywhere;padding-inline-start:var(--rio-space-6);position:relative}.rio-timeline>li:before{content:"";box-sizing:border-box;width:var(--rio-space-3);height:var(--rio-space-3);border:2px solid var(--rio-color-primary);border-radius:var(--rio-radius-pill);background:var(--rio-color-surface);position:absolute;inset-block-start:var(--rio-space-1);inset-inline-start:0}.rio-timeline>li:not(:last-child):after{content:"";inset-block:var(--rio-space-4) calc(var(--rio-space-4) * -1);background:var(--rio-color-border);width:2px;position:absolute;inset-inline-start:calc(var(--rio-space-3) / 2 - 1px)}.rio-timeline time{color:var(--rio-color-text-muted);font-size:var(--rio-text-sm);font-variant-numeric:tabular-nums;display:block}.rio-topbar{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--rio-space-3);min-height:var(--rio-space-11);padding:0 var(--rio-space-4);border-bottom:1px solid var(--rio-color-border);background:var(--rio-color-surface);color:var(--rio-color-text);display:flex}.rio-tabbar{box-sizing:border-box;border-top:1px solid var(--rio-color-border);background:var(--rio-color-surface);align-items:stretch;display:flex}.rio-tabbar__item{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--rio-space-1);min-width:var(--rio-touch-min);min-height:var(--rio-space-11);padding:var(--rio-space-1) var(--rio-space-2);color:var(--rio-color-text-muted);font-size:var(--rio-text-xs);flex-direction:column;flex:1 1 0;font-weight:600;text-decoration:none;display:flex}.rio-tabbar__item[aria-current=page]{color:var(--rio-color-primary);font-weight:700}.rio-sidenav{box-sizing:border-box;gap:var(--rio-space-1);padding:var(--rio-space-4) var(--rio-space-3);border-inline-end:1px solid var(--rio-color-border);background:var(--rio-color-surface);flex-direction:column;display:flex}.rio-sidenav__item{box-sizing:border-box;align-items:center;gap:var(--rio-space-2);min-height:var(--rio-space-9);padding:0 var(--rio-space-3);border-radius:var(--rio-radius-md);color:var(--rio-color-text);text-decoration:none;display:flex}.rio-sidenav__item:hover{background:var(--rio-color-surface-muted)}.rio-sidenav__item[aria-current=page]{background:var(--rio-color-primary-soft);color:var(--rio-color-primary-strong);font-weight:700}.rio-bottom-action{box-sizing:border-box;z-index:10;gap:var(--rio-space-2);padding:var(--rio-space-3) var(--rio-space-4);border-top:1px solid var(--rio-color-border);background:var(--rio-color-surface);box-shadow:var(--rio-shadow-md);padding-block-end:calc(var(--rio-space-3) + env(safe-area-inset-bottom,0px));display:flex;position:sticky;inset-block-end:0}.rio-bottom-action>*{flex:auto}.rio-empty{align-items:center;gap:var(--rio-space-3);padding:var(--rio-space-10) var(--rio-space-4);color:var(--rio-color-text-muted);text-align:center;flex-direction:column;display:flex}.rio-empty__title{color:var(--rio-color-text);font-size:var(--rio-text-lg);margin:0;font-weight:700;line-height:1.25}.rio-empty__description{font-size:var(--rio-text-sm);margin:0}.rio-empty__action{margin-top:var(--rio-space-2);justify-content:center;display:flex}.rio-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rio-demo-bar{box-sizing:border-box;z-index:50;border-bottom:1px solid var(--rio-color-border);background:var(--rio-color-demo-soft);color:var(--rio-color-text);font-size:var(--rio-text-sm);position:sticky;inset-block-start:0}.rio-demo-bar__inner{box-sizing:border-box;align-items:center;gap:var(--rio-space-2) var(--rio-space-4);max-width:var(--rio-content-max);padding:var(--rio-space-2) var(--rio-space-4);flex-wrap:wrap;margin-inline:auto;display:flex}.rio-demo-bar__status{align-items:baseline;gap:var(--rio-space-1) var(--rio-space-3);flex-wrap:wrap;min-width:0;display:flex}.rio-demo-bar__stage,.rio-demo-bar__next{margin:0}.rio-demo-bar__stage strong{color:var(--rio-color-demo)}.rio-demo-bar__next{color:var(--rio-color-text-muted)}.rio-demo-bar__links{gap:var(--rio-space-1);flex:auto;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.rio-demo-bar__link{box-sizing:border-box;min-height:var(--rio-space-8);padding:0 var(--rio-space-3);border-radius:var(--rio-radius-pill);color:var(--rio-color-demo);white-space:nowrap;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.rio-demo-bar__link:hover{background:var(--rio-color-surface)}.rio-demo-bar__link[aria-current=page]{background:var(--rio-color-demo);color:var(--rio-color-on-primary)}.rio-demo-bar__reset{align-items:center;gap:var(--rio-space-2);flex-wrap:wrap;display:flex}.rio-demo-bar__confirm{margin:0;font-weight:600}.rio-demo-bar__toggle{margin-inline-start:auto}.rio-demo-bar__panel{align-items:center;gap:var(--rio-space-2) var(--rio-space-4);flex-wrap:wrap;flex:100%;min-width:0;display:flex}.rio-demo-bar__panel[data-expanded=false]{display:none}@media (width<=639.98px){.rio-demo-bar__inner{flex-wrap:wrap}.rio-demo-bar__status{flex:1 1 0}.rio-demo-bar__links{flex-wrap:wrap;overflow-x:visible}}@media (width>=640px){.rio-demo-bar__toggle{display:none}.rio-demo-bar__panel,.rio-demo-bar__panel[data-expanded=false]{flex:auto;display:flex}}.rio-device-frame__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1024px){.rio-device-frame{box-sizing:border-box;align-items:center;gap:var(--rio-space-3);padding:var(--rio-space-6) var(--rio-space-4) var(--rio-space-8);background:var(--rio-color-bg);flex-direction:column;display:flex}.rio-device-frame__label{width:auto;height:auto;padding:var(--rio-space-1) var(--rio-space-3);clip-path:none;border-radius:var(--rio-radius-pill);background:var(--rio-color-demo-soft);color:var(--rio-color-demo);font-size:var(--rio-text-sm);margin:0;font-weight:700;position:static;overflow:visible}.rio-device-frame__screen{box-sizing:content-box;border:var(--rio-space-3) solid var(--rio-color-text);border-radius:var(--rio-radius-xl);background:var(--rio-color-bg);width:390px;height:844px;box-shadow:var(--rio-shadow-lg);contain:layout;flex:none;overflow:hidden auto}}.rio-stepper{gap:var(--rio-space-2) 0;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;container-type:inline-size}.rio-stepper__item{align-items:center;gap:var(--rio-space-3);min-width:0;color:var(--rio-color-text-muted);flex:100%;display:flex;position:relative}.rio-stepper__item:not(:last-child):after{content:"";inset-block:var(--rio-space-7) calc(var(--rio-space-2) * -1);background:var(--rio-color-border-strong);width:2px;position:absolute;inset-inline-start:calc(var(--rio-space-7) / 2 - 1px)}.rio-stepper__item[data-state=complete]:not(:last-child):after{background:var(--rio-color-primary)}.rio-stepper__marker{box-sizing:border-box;width:var(--rio-space-7);height:var(--rio-space-7);border:2px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-pill);background:var(--rio-color-surface);font-size:var(--rio-text-xs);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rio-stepper__label{min-width:0;font-size:var(--rio-text-sm);overflow-wrap:anywhere}.rio-stepper__item[data-state=complete]{color:var(--rio-color-text)}.rio-stepper__item[data-state=complete] .rio-stepper__marker{border-color:var(--rio-color-primary);background:var(--rio-color-primary);color:var(--rio-color-on-primary)}.rio-stepper__item[data-state=current]{color:var(--rio-color-text)}.rio-stepper__item[data-state=current] .rio-stepper__marker{border-color:var(--rio-color-primary);color:var(--rio-color-primary)}.rio-stepper__item[data-state=current] .rio-stepper__label{font-weight:700}@container (width>=960px){.rio-stepper__item{gap:var(--rio-space-2);text-align:center;flex-direction:column;flex:1 1 0}.rio-stepper__item:not(:last-child):after{inset-block:calc(var(--rio-space-7) / 2 - 1px) auto;inset-inline:calc(50% + var(--rio-space-7) / 2) calc(-50% + var(--rio-space-7) / 2);width:auto;height:2px}.rio-stepper__label{font-size:var(--rio-text-xs)}}@media (width<=639.98px){.rio-btn,.rio-btn--sm,.rio-input,.rio-select,.rio-sidenav__item,.rio-demo-bar__link{min-height:var(--rio-touch-min)}.rio-btn,.rio-tabbar__item,.rio-demo-bar__link{min-width:var(--rio-touch-min)}}@media (width>=1024px){.rio-container{padding-inline:var(--rio-space-6)}.rio-card__header{padding:var(--rio-space-6) var(--rio-space-6) 0}.rio-card__body{padding:var(--rio-space-6)}.rio-card__footer{padding:0 var(--rio-space-6) var(--rio-space-6)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--shell-max:45rem;--shell-header-height:3.5rem;--shell-nav-height:3.75rem;--shell-gutter:1rem;--shell-gap:.75rem;--shell-safe-bottom:env(safe-area-inset-bottom,0px);--shell-safe-top:env(safe-area-inset-top,0px);--shell-touch-min:var(--rio-touch-min);--shell-font-sm:.875rem;--shell-font-xs:.8125rem;--shell-font-title:1.125rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--rio-color-bg);color:var(--rio-color-text);font-family:var(--rio-font-sans);font-size:var(--rio-text-md);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior-y:none;margin:0;line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--rio-color-primary);outline-offset:2px}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell-header,.shell-nav,.shell-action-bar,.shell-main-inner{width:100%;max-width:var(--shell-max);margin-inline:auto}.shell-header{z-index:20;height:calc(var(--shell-header-height) + var(--shell-safe-top));padding-block-start:var(--shell-safe-top);padding-inline:var(--shell-gutter);background:var(--rio-color-surface);color:var(--rio-color-text);border-bottom:1px solid var(--rio-color-border);align-items:center;gap:.5rem;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.shell-header-action{min-width:var(--shell-touch-min);min-height:var(--shell-touch-min);border-radius:var(--rio-radius-sm);color:inherit;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-inline-start:calc(var(--shell-gutter) * -.5);padding:0;display:inline-flex}.shell-header-title{min-width:0;font-size:var(--shell-font-title);text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-weight:600;line-height:1.3;overflow:hidden}.shell-main{flex:auto;padding-block-start:calc(var(--shell-header-height) + var(--shell-safe-top));padding-block-end:var(--shell-safe-bottom)}.shell-main-inner{gap:var(--shell-gap);padding:var(--shell-gutter);flex-direction:column;display:flex}.shell--with-nav .shell-main{padding-block-end:calc(var(--shell-nav-height) + var(--shell-safe-bottom))}.shell--with-action-bar .shell-main{padding-block-end:calc(var(--shell-touch-min) + var(--shell-gutter) * 2 + var(--shell-safe-bottom))}.shell--with-nav.shell--with-action-bar .shell-main{padding-block-end:calc(var(--shell-nav-height) + var(--shell-touch-min) + var(--shell-gutter) * 2 + var(--shell-safe-bottom))}.shell-nav{z-index:20;height:calc(var(--shell-nav-height) + var(--shell-safe-bottom));background:var(--rio-color-surface);border-top:1px solid var(--rio-color-border);grid-auto-columns:1fr;grid-auto-flow:column;padding-block-end:var(--shell-safe-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0}.shell-nav a{min-height:var(--shell-touch-min);font-size:var(--shell-font-xs);color:var(--rio-color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.25rem;text-decoration:none;display:flex}.shell-nav a.active{color:var(--rio-color-primary);font-weight:600}.shell-action-bar{z-index:25;gap:var(--shell-gap);padding:var(--shell-gutter);background:var(--rio-color-surface);border-top:1px solid var(--rio-color-border);padding-block-end:calc(var(--shell-gutter) + var(--shell-safe-bottom));display:flex;position:fixed;inset-block-end:0;inset-inline:0}.shell-action-bar>.button{flex:1 1 0}.shell-action-bar>.button-secondary{flex:0 8rem}.shell--with-nav .shell-action-bar{padding-block-end:var(--shell-gutter);inset-block-end:calc(var(--shell-nav-height) + var(--shell-safe-bottom))}.step-indicator{font-size:var(--shell-font-xs);color:var(--rio-color-text-muted);align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.step-indicator li{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1 1 0;gap:.3rem;min-width:0;display:flex;overflow:hidden}.step-indicator li:before{content:"";border-radius:var(--rio-radius-sm);background:var(--rio-color-surface-muted);height:.25rem;display:block}.step-indicator li[aria-current=step]{color:var(--rio-color-text);font-weight:600}.step-indicator li[aria-current=step]:before,.step-indicator li[data-complete=true]:before{background:var(--rio-color-primary)}.card{gap:var(--shell-gap);padding:var(--shell-gutter);background:var(--rio-color-surface);color:var(--rio-color-text);border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-sm);flex-direction:column;display:flex}.card>h2{margin:0;font-size:1rem}.card>h3{font-size:var(--shell-font-sm);margin:0}.card-meta{color:var(--rio-color-text-muted);font-size:var(--shell-font-sm);margin:0}.card-section{flex-direction:column;gap:.5rem;display:flex}.card-facts{font-size:var(--shell-font-sm);grid-template-columns:minmax(5rem,auto) 1fr;gap:.4rem .75rem;margin:0;display:grid}.card-facts dt{color:var(--rio-color-text-muted)}.card-facts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.list{gap:var(--shell-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-item{align-items:center;gap:var(--shell-gutter);width:100%;min-height:var(--shell-touch-min);padding:var(--shell-gutter);background:var(--rio-color-surface);color:inherit;border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-sm);text-align:left;text-decoration:none;display:flex}.list-item:hover:not(:disabled){background:var(--rio-color-surface-muted)}.list-item-body{flex-direction:column;flex:auto;gap:.2rem;min-width:0;display:flex}.list-item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-item-meta{color:var(--rio-color-text-muted);font-size:var(--shell-font-sm)}.list-item-aside{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:.25rem;display:flex}input,select,textarea,button{font:inherit}.form{gap:var(--shell-gutter);flex-direction:column;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:var(--shell-touch-min);color:var(--rio-color-text);background:var(--rio-color-surface);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-sm);padding:.6rem .75rem}.field textarea{resize:vertical;min-height:6rem}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--rio-color-surface-muted);color:var(--rio-color-text-muted)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:color-mix(in srgb, var(--rio-color-danger) 40%, transparent)}.field input[inputmode=numeric],.field input[inputmode=decimal]{text-align:right;font-variant-numeric:tabular-nums}.field-hint{color:var(--rio-color-text-muted);font-size:var(--shell-font-sm);margin:0}.field-error{color:var(--rio-color-danger);font-size:var(--shell-font-sm);margin:0}.choice-group{flex-direction:column;gap:.35rem;display:flex}.choice{min-height:var(--shell-touch-min);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-sm);background:var(--rio-color-surface);cursor:pointer;align-items:center;gap:.6rem;padding:0 .75rem;display:flex}.choice input{width:1.15rem;height:1.15rem;accent-color:var(--rio-color-primary)}.choice:has(input:checked){border-color:var(--rio-color-primary);background:var(--rio-color-primary-soft)}.button{min-height:var(--shell-touch-min);border:1px solid var(--rio-color-border-strong);border-radius:var(--rio-radius-sm);background:var(--rio-color-surface);color:var(--rio-color-text);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--rio-color-surface-muted)}.button:disabled,.button[aria-disabled=true]{cursor:default;opacity:.6}.button-primary{background:var(--rio-color-primary);border-color:var(--rio-color-primary);color:var(--rio-color-on-primary)}.button-primary:hover:not(:disabled){background:var(--rio-color-primary-strong);border-color:var(--rio-color-primary-strong)}.button-secondary{background:var(--rio-color-surface);border-color:var(--rio-color-border-strong);color:var(--rio-color-text)}.button-destructive{background:var(--rio-color-surface);border-color:color-mix(in srgb, var(--rio-color-danger) 40%, transparent);color:var(--rio-color-danger)}.button-destructive:hover:not(:disabled){background:var(--rio-color-danger-soft)}.button-block{width:100%}.loading{padding:var(--shell-gutter) 0;color:var(--rio-color-text-muted);text-align:center;margin:0}.skeleton{border-radius:var(--rio-radius-sm);background:var(--rio-color-surface-muted);height:1rem;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton-card{padding:var(--shell-gutter);border:1px solid var(--rio-color-border);border-radius:var(--rio-radius-sm);background:var(--rio-color-surface);flex-direction:column;gap:.5rem;display:flex}.skeleton-line-sm{width:40%}.skeleton-line-lg{width:75%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.button-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.skeleton,.button-spinner{animation:none}}.notice{border:1px solid;border-radius:var(--rio-radius-sm);font-size:var(--shell-font-sm);border-inline-start-width:4px;flex-direction:column;gap:.5rem;margin:0;padding:.75rem .85rem;display:flex}.notice p{margin:0}.notice-error{border-color:color-mix(in srgb, var(--rio-color-danger) 40%, transparent);border-inline-start-color:var(--rio-color-danger);background:var(--rio-color-danger-soft);color:var(--rio-color-danger)}.notice-warning{border-color:color-mix(in srgb, var(--rio-color-warning) 40%, transparent);border-inline-start-color:var(--rio-color-warning);background:var(--rio-color-warning-soft);color:var(--rio-color-warning)}.notice-success{border-color:color-mix(in srgb, var(--rio-color-success) 40%, transparent);border-inline-start-color:var(--rio-color-success);background:var(--rio-color-success-soft);color:var(--rio-color-success)}.notice-info{border-color:color-mix(in srgb, var(--rio-color-info) 40%, transparent);border-inline-start-color:var(--rio-color-info);background:var(--rio-color-info-soft);color:var(--rio-color-info)}.notice-code{color:var(--rio-color-text-muted);font-size:var(--shell-font-xs);font-variant-numeric:tabular-nums}.notice-actions{gap:.5rem;display:flex}.empty{padding:2.5rem var(--shell-gutter);color:var(--rio-color-text-muted);text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.empty-icon{background:var(--rio-color-surface-muted);width:3rem;height:3rem;color:var(--rio-color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-title{color:var(--rio-color-text);margin:0;font-weight:600}.empty-description{font-size:var(--shell-font-sm);margin:0}@media (width>=48rem){:root{--shell-gutter:1.25rem}.shell{background:var(--rio-color-bg)}.shell-header,.shell-nav,.shell-action-bar{border-inline:1px solid var(--rio-color-border)}}