@layer components{.os-btn{--_py:12px;--_px:24px;--_pi:12px;--_fs:14px;--_gap:9px;--_radius:var(--os-r-pill);font-family:var(--os-font);font-weight:600;font-size:calc(var(--_fs) * var(--os-btn-scale));line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--_gap) * var(--os-btn-scale));white-space:nowrap;-webkit-user-select:none;user-select:none;padding:calc(var(--_py) * var(--os-btn-scale)) calc(var(--_px) * var(--os-btn-scale));border:1px solid transparent;border-radius:var(--_radius);cursor:pointer;transition:background var(--os-fast) var(--os-ease),background-position var(--os-dur) var(--os-ease),border-color var(--os-fast) var(--os-ease),color var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease),transform var(--os-fast) var(--os-ease)}.os-btn:active{transform:translateY(1px)}.os-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--os-focus)}.os-btn[data-size=xs]{--_py:7px;--_px:14px;--_pi:7px;--_fs:12px;--_gap:6px}.os-btn[data-size=sm]{--_py:9px;--_px:18px;--_pi:9px;--_fs:13px}.os-btn[data-size=lg]{--_py:15px;--_px:30px;--_pi:15px;--_fs:16px}.os-btn[data-size=xl]{--_py:18px;--_px:38px;--_pi:18px;--_fs:18px}.os-btn[data-shape=rounded]{--_radius:var(--os-r-brand-md)}.os-btn[data-shape=square]{--_radius:var(--os-r-xs)}.os-btn[data-variant=primary]{background:var(--os-primary);color:var(--os-on-primary)}.os-btn[data-variant=primary]:hover{background:var(--os-primary-hover)}.os-btn[data-variant=secondary]{background:var(--os-surface);color:var(--os-fg);border-color:var(--os-border-2);box-shadow:var(--os-e-1)}.os-btn[data-variant=secondary]:hover{border-color:var(--os-primary);color:var(--os-primary)}.os-btn[data-variant=tonal]{background:var(--os-surface-2);color:light-dark(var(--os-primary-deep),var(--os-primary))}.os-btn[data-variant=tonal]:hover{background:color-mix(in srgb,var(--os-sable) 55%,var(--os-surface-2))}.os-btn[data-variant=accent]{background:var(--os-flamboyant);color:var(--os-on-primary)}.os-btn[data-variant=accent]:hover{background:var(--os-flamboyant-deep)}.os-btn[data-variant=ghost]{background:transparent;color:var(--os-primary)}.os-btn[data-variant=ghost]:hover{background:var(--os-surface-2);color:light-dark(var(--os-primary-deep),var(--os-primary))}.os-btn[data-variant=link]{background:transparent;color:var(--os-link);--_px:6px}.os-btn[data-variant=link]:hover{color:var(--os-link-hover);text-decoration:underline;text-underline-offset:3px}.os-btn[data-variant=danger]{background:var(--os-danger);color:var(--os-on-primary)}.os-btn[data-variant=danger]:hover{filter:brightness(.92)}.os-btn[data-variant=danger-soft]{background:var(--os-danger-soft);color:var(--os-danger)}.os-btn[data-variant=danger-soft]:hover{background:color-mix(in srgb,var(--os-danger) 19%,transparent)}.os-btn[data-variant=success]{background:var(--os-success);color:var(--os-on-primary)}.os-btn[data-variant=success]:hover{filter:brightness(.92)}.os-btn[data-variant=elevated]{background:var(--os-surface);color:light-dark(var(--os-primary-deep),var(--os-primary));box-shadow:var(--os-e-brand-2)}.os-btn[data-variant=elevated]:hover{box-shadow:var(--os-e-brand-3);transform:translateY(-1px)}.os-btn[data-variant=gradient]{background:linear-gradient(135deg,var(--os-ocre),var(--os-cuivre) 55%,var(--os-flamboyant));background-size:140% 140%;color:var(--os-on-primary)}.os-btn[data-variant=gradient]:hover{background-position:100% 0;box-shadow:var(--os-e-brand-2)}.os-btn[data-variant=glass]{background:color-mix(in srgb,var(--os-cream) 14%,transparent);color:var(--os-cream);border-color:color-mix(in srgb,var(--os-cream) 30%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.os-btn[data-variant=glass]:hover{background:color-mix(in srgb,var(--os-cream) 24%,transparent)}.os-btn[data-variant=social]{background:var(--os-surface);color:var(--os-fg);border-color:var(--os-border-2);box-shadow:var(--os-e-1)}.os-btn[data-variant=social]:hover{border-color:var(--os-primary)}.os-btn[data-variant=chip]{background:var(--os-surface-2);color:light-dark(var(--os-primary-deep),var(--os-fg));font-weight:500;padding:calc(8px * var(--os-btn-scale)) calc(10px * var(--os-btn-scale)) calc(8px * var(--os-btn-scale)) calc(16px * var(--os-btn-scale))}.os-btn[data-variant=chip]:hover{background:color-mix(in srgb,var(--os-sable) 70%,var(--os-surface-2))}.os-btn-x{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;border-radius:50%;background:color-mix(in srgb,var(--os-cafe) 10%,transparent)}.os-btn-x:hover{background:color-mix(in srgb,var(--os-cafe) 20%,transparent)}.os-btn[data-on-dark=true][data-variant=primary]{background:var(--os-ocre);color:var(--os-cafe-deep)}.os-btn[data-on-dark=true][data-variant=primary]:hover{background:color-mix(in srgb,var(--os-ocre) 78%,var(--os-cream))}.os-btn[data-on-dark=true][data-variant=secondary]{background:transparent;color:var(--os-cream);border-color:color-mix(in srgb,var(--os-cream) 28%,transparent);box-shadow:none}.os-btn[data-on-dark=true][data-variant=secondary]:hover{border-color:var(--os-cream);color:var(--os-cream)}.os-btn[data-on-dark=true][data-variant=ghost]{color:var(--os-sable)}.os-btn[data-on-dark=true][data-variant=ghost]:hover{background:color-mix(in srgb,var(--os-cream) 10%,transparent);color:var(--os-cream)}.os-btn[data-selected=true]{background:var(--os-primary);color:var(--os-on-primary);border-color:transparent;box-shadow:none}.os-btn[data-icon-only=true]{padding:calc(var(--_pi) * var(--os-btn-scale));aspect-ratio:1}.os-btn[data-fab=true]{width:calc(58px * var(--os-btn-scale));height:calc(58px * var(--os-btn-scale));padding:0;border-radius:var(--os-r-pill);box-shadow:var(--os-e-brand-2)}.os-btn[data-block=true]{display:flex}.os-btn:disabled,.os-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none;filter:none;pointer-events:none}.os-btn[data-loading]{pointer-events:none}.os-btn[data-loading=true]{position:relative;color:transparent}.os-btn[data-loading=true]>:not(.os-btn-spin){visibility:hidden}.os-btn[data-loading=true]>.os-btn-spin{position:absolute;inset:0;margin:auto;color:var(--os-on-primary)}.os-btn[data-variant=chip][data-loading=true]>.os-btn-spin,.os-btn[data-variant=danger-soft][data-loading=true]>.os-btn-spin,.os-btn[data-variant=elevated][data-loading=true]>.os-btn-spin,.os-btn[data-variant=ghost][data-loading=true]>.os-btn-spin,.os-btn[data-variant=link][data-loading=true]>.os-btn-spin,.os-btn[data-variant=secondary][data-loading=true]>.os-btn-spin,.os-btn[data-variant=social][data-loading=true]>.os-btn-spin,.os-btn[data-variant=tonal][data-loading=true]>.os-btn-spin{color:var(--os-primary)}.os-btn-spin{width:1em;height:1em;flex:0 0 auto;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;animation:os-btn-spin .7s linear infinite}@keyframes os-btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.os-btn-spin{animation-duration:1.6s}}.os-btn-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;height:1.5em;padding:0 .5em;border-radius:var(--os-r-pill);font-size:.78em;font-weight:700;background:color-mix(in srgb,var(--os-cream) 22%,transparent)}.os-btn[data-variant=chip] .os-btn-count,.os-btn[data-variant=elevated] .os-btn-count,.os-btn[data-variant=ghost] .os-btn-count,.os-btn[data-variant=secondary] .os-btn-count,.os-btn[data-variant=social] .os-btn-count,.os-btn[data-variant=tonal] .os-btn-count{background:var(--os-primary);color:var(--os-on-primary)}.os-btn .os-kbd{height:auto;min-width:0;padding:.15em .5em;border:0;border-radius:calc(var(--_radius) * .3 + 4px);background:color-mix(in srgb,var(--os-cream) 22%,transparent);color:inherit;font-family:var(--os-font);font-size:.78em;font-weight:600;margin-left:.15em}.os-btn[data-variant=secondary] .os-kbd,.os-btn[data-variant=social] .os-kbd,.os-btn[data-variant=tonal] .os-kbd{background:var(--os-surface-2);color:var(--os-fg-3)}.os-btn.os-btn-avatar{padding-left:calc(6px * var(--os-btn-scale))}.os-btn-ava{width:1.7em;height:1.7em;border-radius:50%;object-fit:cover;background:var(--os-sable);color:var(--os-primary-deep);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.72em;flex:0 0 auto}.os-btn-split{display:inline-flex;border-radius:var(--os-r-pill);overflow:hidden}.os-btn-split>.os-btn{border-radius:0}.os-btn-split>.os-btn+.os-btn{padding-inline:calc(12px * var(--os-btn-scale));border-left:1px solid color-mix(in srgb,var(--os-on-primary) 25%,transparent)}.os-card{background:var(--os-surface);border:1px solid var(--os-border);border-radius:var(--os-r-lg);box-shadow:var(--os-e-2);padding:var(--os-5)}.os-card[data-elev="1"]{box-shadow:var(--os-e-1)}.os-card[data-elev="0"]{box-shadow:none}.os-card[data-pad="0"]{padding:0}.os-page-stack{display:grid;gap:var(--os-5)}.os-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--os-5)}.os-page-header h1{margin:0;font-family:var(--os-font-display);font-weight:400;font-size:var(--os-t-display);line-height:1.1;color:var(--os-fg)}.os-page-header p{margin:var(--os-2) 0 0;color:var(--os-fg-2);max-width:760px;line-height:1.5}.os-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--os-4);margin-bottom:var(--os-4)}.os-section-title h2{margin:0;font-family:var(--os-font-display);font-weight:400;font-size:var(--os-t-section);color:var(--os-fg)}.os-section-title p{margin:3px 0 0;font-size:var(--os-t-sm);color:var(--os-fg-3)}.os-kpi-grid{display:grid;grid-template-columns:repeat(var(--_cols,4),minmax(0,1fr));gap:var(--os-4)}.os-kpi{display:grid;gap:var(--os-2)}.os-kpi-head{justify-content:space-between}.os-kpi-head,.os-kpi-mark{display:flex;align-items:center}.os-kpi-mark{width:30px;height:30px;border-radius:var(--os-r-sm);background:var(--os-primary-soft);color:var(--os-primary-deep);justify-content:center}.os-kpi-value{font-family:var(--os-font-display);font-weight:400;font-size:30px;line-height:1;color:var(--os-fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-kpi-sub{font-size:var(--os-t-xs);color:var(--os-fg-3)}.os-metric-grid{display:grid;grid-template-columns:repeat(var(--_cols,4),minmax(0,1fr));gap:var(--os-4)}.os-metric{display:grid;align-content:start;gap:var(--os-2);padding:var(--os-4) var(--os-5);background:var(--os-surface);border:1px solid var(--os-border);border-radius:var(--os-r-lg);box-shadow:var(--os-e-1);color:var(--os-fg);text-decoration:none;transition:border-color var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease)}a.os-metric:hover{border-color:var(--os-border-2);box-shadow:var(--os-e-2)}a.os-metric:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-metric-head{display:flex;align-items:center;justify-content:space-between;gap:var(--os-2)}.os-metric-mark{width:28px;height:28px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--os-r-sm);background:var(--os-primary-soft);color:var(--os-primary-deep)}.os-metric-value{font-family:var(--os-font-display);font-weight:400;font-size:26px;line-height:1.1;color:var(--os-fg)}.os-metric-sub{font-size:var(--os-t-xs);color:var(--os-fg-3)}.os-metric-note{display:inline-flex;align-items:center;gap:6px;min-height:29px;font-size:var(--os-t-sm);color:var(--os-fg-3)}.os-metric-note[data-tone=danger]{color:var(--os-danger)}.os-metric-skeleton{display:block;height:26px;width:70%;border-radius:var(--os-r-xs);background:linear-gradient(90deg,var(--os-surface-2),var(--os-border),var(--os-surface-2));background-size:200% 100%;animation:os-shimmer 1.3s infinite}@keyframes os-shimmer{to{background-position:-200% 0}}.os-filterbar{flex-wrap:wrap;gap:var(--os-3);padding:var(--os-3) var(--os-4);background:var(--os-surface);border:1px solid var(--os-border);border-radius:var(--os-r-lg);box-shadow:var(--os-e-1)}.os-filterbar,.os-filterbar-end{display:flex;align-items:flex-end}.os-filterbar-end{margin-left:auto;gap:var(--os-2)}.os-settings-card{display:flex;align-items:center;gap:var(--os-3);padding:var(--os-4);background:var(--os-surface);border:1px solid var(--os-border);border-radius:var(--os-r-md);box-shadow:var(--os-e-1);color:var(--os-fg);text-decoration:none;transition:border-color var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease)}.os-settings-card:hover{border-color:var(--os-border-2);box-shadow:var(--os-e-2)}.os-settings-card:hover .os-settings-card-caret{color:var(--os-primary)}.os-settings-card:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-settings-card-mark{width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--os-r-sm);background:var(--os-primary-soft);color:var(--os-primary-deep)}.os-settings-card-body{flex:1 1;min-width:0;display:grid;gap:2px}.os-settings-card-title{font-size:var(--os-t-body);font-weight:600;color:var(--os-fg)}.os-settings-card-desc{font-size:var(--os-t-sm);line-height:1.45;color:var(--os-fg-3)}.os-settings-card-meta{font-size:var(--os-t-xs);color:var(--os-fg-3)}.os-settings-card-caret{flex:0 0 auto;color:var(--os-fg-3)}.os-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap;padding:4px 9px 4px 7px;border-radius:var(--os-r-pill);color:var(--os-fg-3);background:color-mix(in srgb,var(--os-fg-3) 14%,transparent)}.os-badge[data-tone=success]{color:var(--os-success);background:var(--os-success-soft)}.os-badge[data-tone=warning]{color:var(--os-warning);background:var(--os-warning-soft)}.os-badge[data-tone=danger]{color:var(--os-danger);background:var(--os-danger-soft)}.os-badge[data-tone=info]{color:var(--os-info);background:var(--os-info-soft)}.os-badge.success{color:var(--os-success);background:var(--os-success-soft)}.os-badge.warning{color:var(--os-warning);background:var(--os-warning-soft)}.os-badge.danger{color:var(--os-danger);background:var(--os-danger-soft)}.os-badge.info{color:var(--os-info);background:var(--os-info-soft)}.os-notice.danger{border-left-color:var(--os-danger);background:var(--os-danger-soft);color:var(--os-danger)}.os-notice.info{border-left-color:var(--os-info);background:var(--os-info-soft);color:var(--os-info)}.os-notice.success{border-left-color:var(--os-success);background:var(--os-success-soft);color:var(--os-success)}.os-notice{border-left:4px solid var(--os-warning);background:var(--os-warning-soft);color:var(--os-warning);border-radius:var(--os-r-sm);padding:13px var(--os-4);font-size:var(--os-t-body);font-weight:600}.os-notice[data-tone=danger]{border-left-color:var(--os-danger);background:var(--os-danger-soft);color:var(--os-danger)}.os-notice[data-tone=info]{border-left-color:var(--os-info);background:var(--os-info-soft);color:var(--os-info)}.os-notice[data-tone=success]{border-left-color:var(--os-success);background:var(--os-success-soft);color:var(--os-success)}.os-notice-tag{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.os-empty{flex-direction:column;text-align:center;gap:var(--os-3);padding:var(--os-16) var(--os-6)}.os-empty,.os-empty-mark{display:flex;align-items:center;justify-content:center}.os-empty-mark{width:64px;height:64px;border-radius:var(--os-r-xl);background:var(--os-surface-2);border:1px solid var(--os-border);color:var(--os-fg-3)}.os-empty-title{font-size:16px;font-weight:600;color:var(--os-fg)}.os-empty-msg{font-size:var(--os-t-sm);color:var(--os-fg-3);max-width:360px;line-height:1.5}.os-table-wrap{overflow-x:auto}.os-table{width:100%;border-collapse:collapse;font-size:var(--os-t-body)}.os-table thead th{font-size:var(--os-t-table-h);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--os-fg-3);text-align:left;padding:0 var(--os-4) var(--os-3);white-space:nowrap}.os-table tbody td{height:var(--os-row);padding:0 var(--os-4);border-top:1px solid var(--os-border);color:var(--os-fg);vertical-align:middle}.os-table[data-compact=true] tbody td{height:var(--os-row-compact)}.os-table .os-cell-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-btn{min-height:var(--os-control-h);text-decoration:none}.os-btn[data-size=sm]{min-height:var(--os-row-compact)}.os-btn[data-block=true]{width:100%}.os-icon-btn{display:inline-grid;place-items:center;width:var(--os-control-h);height:var(--os-control-h);border:0;border-radius:var(--os-r-pill);background:transparent;color:var(--os-fg-3);cursor:pointer;transition:background var(--os-fast) var(--os-ease)}.os-icon-btn:hover{background:color-mix(in srgb,var(--os-fg) 8%,transparent)}.os-icon-btn:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-field{display:flex;flex-direction:column;gap:8px;min-width:0}.os-field-label{display:flex;align-items:center;gap:7px;font-size:calc(11px * var(--os-field-scale));font-weight:600;letter-spacing:var(--os-field-label-spacing);text-transform:var(--os-field-label-transform);color:var(--os-fg-3)}.os-field-req{color:var(--os-danger)}.os-field-opt{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500;color:var(--os-fg-3);opacity:.8}.os-field-hint{font-size:calc(12px * var(--os-field-scale));line-height:1.4;color:var(--os-fg-3)}.os-field-error,.os-field-hint[data-tone=error]{display:flex;align-items:center;gap:6px;font-size:calc(12px * var(--os-field-scale));font-weight:500;color:var(--os-danger)}.os-field-hint[data-tone=success]{display:flex;align-items:center;gap:6px;color:var(--os-success)}[data-field-hints=off] .os-field-hint:not([data-always]){display:none}.os-input,.os-select{min-height:calc(var(--os-control-h) * var(--os-field-scale));width:100%;padding:0 calc(14px * var(--os-field-scale));border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);background:var(--os-field-bg);color:var(--os-fg);font:inherit;font-size:calc(var(--os-t-body) * var(--os-field-scale));transition:border var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease),background var(--os-fast) var(--os-ease)}.os-input::placeholder{color:var(--os-fg-3);opacity:1}.os-select{cursor:pointer;max-width:100%}.os-textarea{min-height:92px;width:100%;padding:calc(11px * var(--os-field-scale)) calc(14px * var(--os-field-scale));border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);background:var(--os-field-bg);color:var(--os-fg);font:inherit;font-size:calc(var(--os-t-body) * var(--os-field-scale));line-height:1.5;resize:vertical;transition:border var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease),background var(--os-fast) var(--os-ease)}.os-textarea::placeholder{color:var(--os-fg-3);opacity:1}.os-input:focus,.os-select:focus,.os-textarea:focus{outline:none;border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}.os-input[data-invalid=true],.os-select[data-invalid=true],.os-textarea[data-invalid=true]{border-color:var(--os-danger)}.os-input[data-invalid=true]:focus,.os-textarea[data-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--os-danger) 22%,transparent)}.os-input[data-valid=true]{border-color:var(--os-success)}.os-input[data-valid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--os-success) 22%,transparent)}.os-input:disabled,.os-select:disabled,.os-textarea:disabled{opacity:.55;cursor:not-allowed;background:var(--os-surface-2)}.os-input[readonly]{background:var(--os-surface-2);color:var(--os-fg-2);cursor:default}.os-field[data-size=sm] .os-input,.os-field[data-size=sm] .os-select{min-height:calc(var(--os-control-h) * var(--os-field-scale) * .85);font-size:calc(var(--os-t-sm) * var(--os-field-scale));padding:0 calc(11px * var(--os-field-scale))}.os-field[data-size=lg] .os-input,.os-field[data-size=lg] .os-select{font-size:calc(16px * var(--os-field-scale));padding:0 calc(18px * var(--os-field-scale))}[data-field-style=underline] .os-input,[data-field-style=underline] .os-select,[data-field-style=underline] .os-textarea{border:0;border-bottom:1.5px solid var(--os-field-border);border-radius:0;background:transparent;padding-left:2px;padding-right:2px}[data-field-style=underline] .os-input:focus,[data-field-style=underline] .os-select:focus,[data-field-style=underline] .os-textarea:focus{box-shadow:none;border-bottom-color:var(--os-primary)}.os-picker{position:relative}.os-picker[data-width=full]{display:block;width:100%}.os-picker[data-width=auto]{display:inline-block;width:max-content;max-width:100%}.os-picker-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:calc(var(--os-control-h) * var(--os-field-scale));width:100%;padding:0 calc(14px * var(--os-field-scale));border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);background:var(--os-field-bg);color:var(--os-fg);font:inherit;font-size:calc(var(--os-t-body) * var(--os-field-scale));cursor:pointer;transition:border var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease)}.os-picker-trigger:hover:not(:disabled){border-color:var(--os-sable-deep)}[data-field-style=underline] .os-picker-trigger{border:0;border-bottom:1.5px solid var(--os-field-border);border-radius:0;background:transparent}.os-picker-trigger:disabled{opacity:.55;cursor:not-allowed}.os-picker-trigger:focus-visible,.os-picker-trigger[aria-expanded=true]{outline:none;border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}.os-picker-caret{flex:0 0 auto;color:var(--os-fg-3);transition:transform var(--os-fast) var(--os-ease)}.os-picker-trigger[aria-expanded=true] .os-picker-caret{transform:rotate(180deg)}.os-picker-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-picker-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:max-content;min-width:max(100%,12rem);max-width:min(30rem,calc(100vw - 2rem));background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-md);box-shadow:var(--os-e-4);overflow:hidden;animation:os-picker-in var(--os-fast) var(--os-ease) both}@keyframes os-picker-in{0%{opacity:0;transform:translateY(-4px) scale(.99)}}@media (prefers-reduced-motion:reduce){.os-picker-pop{animation:none}}.os-picker-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--os-border)}.os-picker-search input{flex:1 1;border:0;outline:none;background:transparent;color:var(--os-fg);font:inherit;font-size:var(--os-t-sm)}.os-picker-list{list-style:none;margin:0;padding:6px;max-height:300px;overflow-y:auto}.os-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--os-control-h);padding:8px 10px;border:0;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg-2);font:inherit;text-align:left;cursor:pointer}.os-opt:hover{background:var(--os-surface-2);color:var(--os-fg)}.os-opt[data-active=true]{background:var(--os-primary-soft)}.os-opt-check{flex:0 0 auto;width:15px;color:var(--os-primary);opacity:0}.os-opt[aria-selected=true]{color:var(--os-primary);font-weight:600}.os-opt[aria-selected=true] .os-opt-check{opacity:1}.os-opt:focus-visible{outline:2px solid var(--os-focus);outline-offset:-2px}.os-picker-empty{padding:16px;text-align:center;color:var(--os-fg-3);font-size:var(--os-t-sm)}.os-multiselect-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--os-control-h);padding:5px 10px 5px 12px;border:1px solid var(--os-border-2);border-radius:var(--os-r-md);background:var(--os-field-bg);color:var(--os-fg);font:inherit;cursor:pointer}.os-multiselect-trigger:hover{border-color:var(--os-sable-deep)}.os-multiselect-trigger:focus-visible,.os-multiselect-trigger[aria-expanded=true]{outline:none;border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}.os-ms-values{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1 1;min-width:0}.os-ms-placeholder{color:var(--os-fg-3)}.os-ms-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 9px;border-radius:var(--os-r-pill);background:var(--os-primary-soft);color:var(--os-primary-deep);font-size:var(--os-t-xs);font-weight:600}.os-ms-chip-remove{display:inline-grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:var(--os-r-pill);background:transparent;color:var(--os-primary-deep);cursor:pointer}.os-ms-chip-remove:hover{background:color-mix(in srgb,var(--os-primary) 20%,transparent)}.os-seg{display:inline-flex;gap:4px;padding:4px;background:var(--os-surface-2);border-radius:var(--os-field-radius);flex-wrap:wrap}.os-seg-btn{display:inline-flex;align-items:center;gap:6px;min-height:calc(var(--os-control-h) * var(--os-field-scale));padding:0 calc(18px * var(--os-field-scale));border:0;border-radius:calc(var(--os-field-radius) - 4px);background:transparent;color:var(--os-fg-2);font:inherit;font-size:calc(13.5px * var(--os-field-scale));font-weight:600;cursor:pointer;transition:background var(--os-fast) var(--os-ease),color var(--os-fast) var(--os-ease)}.os-seg-btn:hover:not([data-active=true]){color:var(--os-primary)}.os-seg-btn[data-active=true]{background:var(--os-surface);color:var(--os-primary-deep);box-shadow:var(--os-e-1)}.os-seg[data-tone=solid] .os-seg-btn[data-active=true]{background:var(--os-primary);color:var(--os-on-primary);box-shadow:none}.os-seg-btn:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-chips{display:flex;flex-wrap:wrap;gap:6px}.os-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--os-r-pill);background:var(--os-surface-2);border:1px solid var(--os-border);font-size:var(--os-t-xs);color:var(--os-fg-2)}.os-chip[data-tone=accent]{background:var(--os-primary-soft);border-color:transparent;color:var(--os-primary-deep);font-weight:600}.os-chip-label{color:var(--os-fg-3)}.os-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--os-4)}.os-tile{display:block;width:100%;text-align:left;text-decoration:none;color:inherit;background:var(--os-surface);border:1px solid var(--os-border);border-radius:var(--os-r-lg);box-shadow:var(--os-e-2);padding:18px;min-height:116px;font:inherit;cursor:pointer;transition:border-color var(--os-fast) var(--os-ease)}.os-tile:hover{border-color:var(--os-primary)}.os-tile:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--os-r-sm);background:var(--os-primary-soft);color:var(--os-primary-deep);margin-bottom:10px}.os-tile-title{font-weight:700;font-size:16px;color:var(--os-fg)}.os-tile-sub{margin:4px 0 0;font-size:var(--os-t-sm);color:var(--os-fg-2)}.os-tile-soon{display:inline-block;margin-top:8px;padding:1px 5px;border:1px solid var(--os-warning);border-radius:var(--os-r-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--os-warning)}.os-list-row{display:flex;align-items:center;gap:12px;min-height:64px;width:100%;padding:8px 14px;border:1px solid var(--os-border);border-radius:var(--os-r-lg);background:var(--os-surface);text-decoration:none;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color var(--os-fast) var(--os-ease)}.os-list-row:hover{border-color:var(--os-primary)}.os-list-row:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-list-row-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:var(--os-r-sm);background:var(--os-primary-soft);color:var(--os-primary-deep)}.os-list-row-body{flex:1 1;min-width:0}.os-list-row-title{font-weight:700;color:var(--os-fg)}.os-list-row-sub,.os-list-row-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-list-row-sub{margin-top:2px;font-size:var(--os-t-sm);color:var(--os-fg-2)}.os-search{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 16px;background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-lg);box-shadow:var(--os-e-2)}.os-search:focus-within{border-color:var(--os-primary)}.os-search-input{flex:1 1;min-width:0;min-height:var(--os-control-h-lg);border:0;background:transparent;outline:none;color:var(--os-fg);font:inherit;font-size:var(--os-t-section)}.os-kicker{display:inline-flex;align-items:center;gap:6px;font-size:var(--os-t-sm);color:var(--os-fg-3)}.os-kicker-link{color:var(--os-primary-deep);text-decoration:none;font-weight:600}.os-kicker-link:hover{text-decoration:underline}.os-kicker-link:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px;border-radius:var(--os-r-sm)}.os-kicker-sep{opacity:.7}.os-kicker-current{color:var(--os-fg-2);font-weight:600}.os-back{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--os-primary-deep);font:inherit;font-weight:600;font-size:var(--os-t-body);text-decoration:none;cursor:pointer}.os-back:hover{text-decoration:underline}.os-back:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px;border-radius:var(--os-r-sm)}.os-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:var(--os-r-pill);background:var(--os-primary-soft);color:var(--os-primary-deep);font-size:var(--os-t-xs);font-weight:700;letter-spacing:.02em;object-fit:cover;overflow:hidden}.os-radio-group{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.os-radio,.os-toggle{display:flex;align-items:center;gap:12px;min-height:var(--os-control-h);padding:8px 12px;border:1px solid var(--os-border);border-radius:var(--os-r-md);background:var(--os-surface);cursor:pointer}.os-toggle{justify-content:space-between}.os-radio:hover,.os-toggle:hover{border-color:var(--os-border-2)}.os-radio input,.os-toggle input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--os-primary)}.os-radio-text{display:flex;flex-direction:column}.os-radio-label{font-weight:600;color:var(--os-fg)}.os-radio-hint{font-size:var(--os-t-xs);color:var(--os-fg-3)}.os-dialog-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--os-fg) 55%,transparent);animation:os-fade var(--os-fast) var(--os-ease)}.os-dialog{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--os-surface);border-radius:var(--os-r-lg);box-shadow:var(--os-e-4);padding:16px;animation:os-pop var(--os-dur) var(--os-ease)}.os-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.os-dialog-title{margin:0;font-family:var(--os-font-display);font-weight:400;font-size:var(--os-t-section);color:var(--os-fg)}@keyframes os-fade{0%{opacity:0}}@keyframes os-pop{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.os-dialog,.os-dialog-overlay{animation:none}}.os-code{font-family:var(--os-font-mono);letter-spacing:.01em}.os-tile-sub,.os-tile-title{display:block}.os-opt-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-opt-hint{margin-left:auto;padding-left:12px;flex:none;font-size:var(--os-t-sm);color:var(--os-fg-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-opt[aria-selected=true] .os-opt-hint{color:var(--os-primary)}.os-avatar[data-size=sm]{width:28px;height:28px}.os-avatar[data-size=lg]{width:44px;height:44px;font-size:var(--os-t-sm)}.os-alert{display:flex;gap:10px;padding:13px 15px;border:1px solid var(--os-border);border-radius:var(--os-r-md);background:var(--os-surface-2)}.os-alert[data-tone=success]{border-color:color-mix(in srgb,var(--os-success) 28%,var(--os-border));background:var(--os-success-soft)}.os-alert[data-tone=warning]{border-color:color-mix(in srgb,var(--os-warning) 28%,var(--os-border));background:var(--os-warning-soft)}.os-alert[data-tone=danger]{border-color:color-mix(in srgb,var(--os-danger) 28%,var(--os-border));background:var(--os-danger-soft)}.os-alert[data-tone=info]{border-color:color-mix(in srgb,var(--os-info) 28%,var(--os-border));background:var(--os-info-soft)}.os-alert-icon{flex:0 0 auto;margin-top:1px;color:var(--os-fg-3)}.os-alert[data-tone=success] .os-alert-icon{color:var(--os-success)}.os-alert[data-tone=warning] .os-alert-icon{color:var(--os-warning)}.os-alert[data-tone=danger] .os-alert-icon{color:var(--os-danger)}.os-alert[data-tone=info] .os-alert-icon{color:var(--os-info)}.os-alert-body{display:grid;gap:2px;min-width:0}.os-alert-title{font-weight:600;color:var(--os-fg)}.os-alert-text{font-size:var(--os-t-sm);color:var(--os-fg-2);line-height:1.5}.os-separator{border:0;margin:0;background:var(--os-border);flex:0 0 auto}.os-separator[data-orientation=horizontal]{height:1px;width:100%}.os-separator[data-orientation=vertical]{width:1px;align-self:stretch;min-height:1em}.os-spinner{display:inline-block;width:1.1em;height:1.1em;border-radius:var(--os-r-pill);border:2px solid var(--os-primary-soft);border-top-color:var(--os-primary);animation:os-spin .7s linear infinite}@keyframes os-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.os-spinner{animation-duration:1.6s}}.os-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--os-t-sm);font-weight:600;color:var(--os-fg-2)}.os-label[data-disabled=true]{opacity:.5}.os-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:solid var(--os-border-2);border-width:1px 1px 2px;border-radius:var(--os-r-xs);background:var(--os-surface-2);color:var(--os-fg-2);font-family:var(--os-font-mono);font-size:11px;line-height:1}.os-aspect{position:relative;width:100%;aspect-ratio:var(--_ratio,1);overflow:hidden;border-radius:var(--os-r-md)}.os-aspect>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.os-btn-group{display:inline-flex;align-items:stretch;border:1px solid var(--os-border-2);border-radius:var(--os-r-pill);overflow:hidden;box-shadow:var(--os-e-1)}.os-btn-group>.os-btn{border-radius:0;border:0;border-right:1px solid var(--os-border-2);box-shadow:none}.os-btn-group>.os-btn:last-child{border-right:0}.os-input-group{display:flex;align-items:stretch;width:100%;border:1px solid var(--os-border-2);border-radius:var(--os-r-md);background:var(--os-field-bg);overflow:hidden}.os-input-group:focus-within{border-color:var(--os-primary)}.os-input-group>.os-input{border:0;border-radius:0;background:transparent}.os-input-group>.os-input:focus-visible{outline:0}.os-input-group-addon{display:inline-flex;align-items:center;gap:6px;padding:0 12px;color:var(--os-fg-3);font-size:var(--os-t-sm);white-space:nowrap;background:color-mix(in srgb,var(--os-fg) 4%,transparent)}.os-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--os-r-md)}.os-item[data-variant=outline]{border:1px solid var(--os-border)}.os-item-media{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--os-fg-3)}.os-item-body{flex:1 1;min-width:0;display:grid;gap:2px}.os-item-title{font-weight:600;color:var(--os-fg)}.os-item-desc{font-size:var(--os-t-sm);color:var(--os-fg-3)}.os-item-actions{flex:0 0 auto;gap:6px}.os-item-actions,.os-pagination{display:inline-flex;align-items:center}.os-pagination{gap:4px}.os-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--os-control-h);height:var(--os-control-h);padding:0 10px;border:1px solid transparent;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg-2);font:inherit;font-size:var(--os-t-sm);font-weight:600;cursor:pointer}.os-page-btn:hover:not(:disabled){background:var(--os-primary-soft);color:var(--os-primary-deep)}.os-page-btn[data-active=true]{background:var(--os-primary);color:var(--os-on-primary)}.os-page-btn:disabled{opacity:.4;cursor:not-allowed}.os-checkbox{display:inline-flex;align-items:center;gap:11px;cursor:pointer;color:var(--os-fg-2);-webkit-user-select:none;user-select:none}.os-checkbox input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.os-checkbox-box{flex:0 0 auto;width:20px;height:20px;border:1px solid var(--os-sable-deep);border-radius:6px;background:var(--os-field-bg);display:flex;align-items:center;justify-content:center;color:var(--os-on-primary);transition:background var(--os-fast) var(--os-ease),border-color var(--os-fast) var(--os-ease)}.os-checkbox-box svg{opacity:0;transition:opacity var(--os-fast) var(--os-ease)}.os-checkbox input:checked+.os-checkbox-box{background:var(--os-primary);border-color:var(--os-primary)}.os-checkbox input:checked+.os-checkbox-box svg{opacity:1}.os-checkbox input:focus-visible+.os-checkbox-box{box-shadow:0 0 0 3px var(--os-focus)}.os-checkbox[data-disabled=true]{opacity:.5;cursor:not-allowed}.os-switch{flex:0 0 auto;width:42px;height:24px;padding:0;border:0;border-radius:var(--os-r-pill);background:var(--os-sable-deep);position:relative;cursor:pointer;transition:background var(--os-fast) var(--os-ease)}.os-switch[data-checked=true]{background:var(--os-primary)}.os-switch:disabled{opacity:.5;cursor:not-allowed}.os-switch:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--os-r-pill);background:var(--os-surface);box-shadow:var(--os-e-1);transition:transform var(--os-fast) var(--os-ease)}.os-switch[data-checked=true] .os-switch-thumb{transform:translateX(18px)}.os-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--os-border-2) transparent}.os-slider{position:relative;height:24px;display:flex;align-items:center}.os-slider-track{position:relative;width:100%;height:5px;border-radius:999px;background:var(--os-surface-2);overflow:hidden}.os-slider-fill{position:absolute;inset:0;width:var(--_val);background:var(--os-primary)}.os-slider input[type=range]{position:absolute;inset:0;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;appearance:none}.os-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--os-surface);border:2px solid var(--os-primary);box-shadow:var(--os-e-2);cursor:pointer}.os-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--os-surface);border:2px solid var(--os-primary);box-shadow:var(--os-e-2);cursor:pointer}.os-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--os-focus)}.os-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--os-focus)}.os-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.os-slider[data-dual=true] .os-slider-fill{left:var(--_lo);width:calc(var(--_hi) - var(--_lo))}.os-slider[data-dual=true] input[type=range]{pointer-events:none}.os-slider[data-dual=true] input[type=range]::-webkit-slider-thumb{pointer-events:auto}.os-slider[data-dual=true] input[type=range]::-moz-range-thumb{pointer-events:auto}.os-slider-head{display:flex;justify-content:space-between;align-items:baseline}.os-slider-val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--os-primary-deep);font-size:calc(15px * var(--os-field-scale))}.os-phone{display:flex;gap:8px}.os-phone-code{flex:none;width:124px}.os-phone-code .os-picker-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-phone-num{flex:1 1;min-width:0}.os-heading{margin:0;font-family:var(--os-font-display);font-weight:400;color:var(--os-fg);line-height:1.15}.os-heading[data-level="1"]{font-size:var(--os-t-display)}.os-heading[data-level="2"]{font-size:var(--os-t-section)}.os-heading[data-level="3"]{font-size:var(--os-t-card)}.os-text{margin:0;color:var(--os-fg-2);line-height:1.55}.os-text[data-muted=true]{color:var(--os-fg-3)}.os-prose{color:var(--os-fg-2);line-height:1.6}.os-prose :where(h1,h2,h3){font-family:var(--os-font-display);font-weight:400;color:var(--os-fg)}.os-prose :where(a){color:var(--os-primary);text-decoration:none}.os-prose :where(a):hover{color:var(--os-primary-deep);text-decoration:underline}.os-prose :where(code){font-family:var(--os-font-mono);font-size:.9em;background:var(--os-surface-2);padding:1px 5px;border-radius:var(--os-r-xs)}.os-accordion{display:grid;gap:8px}.os-accordion-item{border:1px solid var(--os-border);border-radius:var(--os-r-md);overflow:hidden;background:var(--os-surface)}.os-accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--os-control-h);padding:10px 14px;border:0;background:transparent;color:var(--os-fg);font:inherit;font-weight:600;text-align:left;cursor:pointer}.os-accordion-trigger:hover{background:var(--os-surface-2)}.os-accordion-trigger:focus-visible{outline:2px solid var(--os-focus);outline-offset:-2px}.os-accordion-chevron{flex:0 0 auto;color:var(--os-fg-3);transition:transform var(--os-fast) var(--os-ease)}.os-accordion-trigger[aria-expanded=true] .os-accordion-chevron{transform:rotate(90deg)}.os-accordion-panel{padding:0 14px 14px;color:var(--os-fg-2);font-size:var(--os-t-sm);line-height:1.55}.os-collapsible{display:grid;gap:6px}.os-tabs{display:grid;gap:14px}.os-tablist{display:inline-flex;gap:2px;border-bottom:1px solid var(--os-border)}.os-tab{display:inline-flex;align-items:center;gap:6px;min-height:var(--os-control-h);padding:0 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--os-fg-2);font:inherit;font-weight:600;font-size:var(--os-t-sm);cursor:pointer}.os-tab:hover{color:var(--os-fg)}.os-tab[data-active=true]{color:var(--os-primary-deep);border-bottom-color:var(--os-primary)}.os-tab:focus-visible{outline:2px solid var(--os-focus);outline-offset:-2px;border-radius:var(--os-r-xs)}.os-popover{position:relative;display:inline-flex}.os-hovercard-content,.os-menu-content,.os-popover-content{position:absolute;z-index:50;top:calc(100% + 6px);left:0;min-width:200px;max-width:min(320px,90vw);background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-md);box-shadow:var(--os-e-4);padding:12px;animation:os-fade var(--os-fast) var(--os-ease)}.os-hovercard-content[data-align=end],.os-menu-content[data-align=end],.os-popover-content[data-align=end]{left:auto;right:0}.os-menu-content{padding:6px}.os-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg);font:inherit;font-weight:500;text-align:left;text-decoration:none;cursor:pointer}.os-menu-item:focus-visible,.os-menu-item:hover{background:var(--os-surface-2);outline:none}.os-menu-item[data-tone=danger]{color:var(--os-danger)}.os-menu-item[data-tone=danger]:hover{background:var(--os-danger-soft)}.os-menu-item:disabled{opacity:.45;cursor:not-allowed}.os-menu-label{padding:6px 10px;font-size:var(--os-t-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--os-fg-3)}.os-menu-sep{height:1px;margin:6px 0;background:var(--os-border)}.os-tooltip{position:relative;display:inline-flex}.os-tooltip-content{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border-radius:var(--os-r-sm);background:var(--os-cafe);color:var(--os-on-dark);font-size:var(--os-t-xs);font-weight:600;box-shadow:var(--os-e-3);pointer-events:none}.os-drawer-overlay,.os-tooltip-content{z-index:60;animation:os-fade var(--os-fast) var(--os-ease)}.os-drawer-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--os-fg) 55%,transparent)}.os-drawer{position:fixed;z-index:61;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--os-surface);box-shadow:var(--os-e-4)}.os-drawer[data-side=right]{top:0;right:0;height:100dvh;width:min(420px,92vw);animation:os-slide-r var(--os-dur) var(--os-ease)}.os-drawer[data-side=left]{top:0;left:0;height:100dvh;width:min(420px,92vw);animation:os-slide-l var(--os-dur) var(--os-ease)}.os-drawer[data-side=bottom]{left:0;right:0;bottom:0;max-height:90dvh;border-radius:var(--os-r-xl) var(--os-r-xl) 0 0;animation:os-slide-b var(--os-dur) var(--os-ease)}@keyframes os-slide-r{0%{transform:translateX(100%)}}@keyframes os-slide-l{0%{transform:translateX(-100%)}}@keyframes os-slide-b{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.os-drawer,.os-drawer-overlay,.os-hovercard-content,.os-menu-content,.os-popover-content,.os-tooltip-content{animation:none}}.os-toggle-group{display:inline-flex;gap:4px;padding:4px;background:var(--os-surface-2);border:1px solid var(--os-border);border-radius:var(--os-r-md)}.os-toggle-group-item{display:inline-flex;align-items:center;gap:6px;min-height:calc(var(--os-control-h) - 8px);padding:0 12px;border:0;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg-2);font:inherit;font-weight:600;font-size:var(--os-t-sm);cursor:pointer}.os-toggle-group-item[data-active=true]{background:var(--os-surface);color:var(--os-fg);box-shadow:var(--os-e-1)}.os-toggle-group-item:focus-visible{outline:2px solid var(--os-focus);outline-offset:1px}.os-usermenu{position:relative;display:inline-block}.os-usermenu-trigger{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border:1px solid var(--os-border);border-radius:var(--os-r-pill);background:var(--os-surface);box-shadow:var(--os-e-1);font:inherit;cursor:pointer;transition:border-color var(--os-fast) var(--os-ease)}.os-usermenu-trigger:hover{border-color:var(--os-border-2)}.os-usermenu-trigger:focus-visible{outline:2px solid var(--os-focus);outline-offset:2px}.os-usermenu-name{font-size:var(--os-t-sm);font-weight:600;color:var(--os-fg-2);white-space:nowrap}.os-usermenu-avatar{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--os-r-pill);line-height:1;object-fit:cover;overflow:hidden;background:var(--os-primary-soft);color:var(--os-primary-deep);font-size:13px;font-weight:700}.os-usermenu-avatar[data-variant=copper]{background:var(--os-tone-copper);color:var(--os-on-dark);font-family:var(--os-font-display);font-size:15px;font-weight:400}.os-usermenu-pop{position:absolute;z-index:50;top:calc(100% + 8px);right:0;min-width:240px;max-width:min(300px,88vw);background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-md);box-shadow:var(--os-e-4);overflow:hidden;animation:os-fade var(--os-fast) var(--os-ease)}.os-usermenu-pop[data-align=start]{right:auto;left:0}.os-usermenu-id{display:flex;flex-direction:column;gap:2px;padding:14px 14px 12px;border-bottom:1px solid var(--os-border)}.os-usermenu-id-name{font-weight:700;color:var(--os-fg)}.os-usermenu-id-email{font-size:var(--os-t-xs);color:var(--os-fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-usermenu-actions{display:flex;flex-direction:column;gap:2px;padding:6px}@media (prefers-reduced-motion:reduce){.os-usermenu-pop{animation:none}}.os-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.os-toaster{position:fixed;z-index:80;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;max-width:min(380px,92vw);pointer-events:none}.os-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--os-border-2);border-radius:var(--os-r-md);background:var(--os-surface);box-shadow:var(--os-e-3);pointer-events:auto;animation:os-toast-in var(--os-dur) var(--os-ease)}.os-toast[data-tone=success]{border-left:3px solid var(--os-success)}.os-toast[data-tone=warning]{border-left:3px solid var(--os-warning)}.os-toast[data-tone=danger]{border-left:3px solid var(--os-danger)}.os-toast[data-tone=info]{border-left:3px solid var(--os-info)}.os-toast-icon{flex:0 0 auto;margin-top:1px;color:var(--os-fg-3)}.os-toast[data-tone=success] .os-toast-icon{color:var(--os-success)}.os-toast[data-tone=warning] .os-toast-icon{color:var(--os-warning)}.os-toast[data-tone=danger] .os-toast-icon{color:var(--os-danger)}.os-toast[data-tone=info] .os-toast-icon{color:var(--os-info)}.os-toast-body{flex:1 1;min-width:0;display:grid;gap:2px}.os-toast-title{font-weight:600;font-size:var(--os-t-sm);color:var(--os-fg)}.os-toast-text{font-size:var(--os-t-xs);color:var(--os-fg-2);line-height:1.5}.os-toast-close{flex:0 0 auto;width:24px;height:24px;margin:-2px -4px 0 0}@keyframes os-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.os-toast{animation:none}}.os-chart{display:block;width:100%;height:auto;overflow:visible}.os-chart-line{fill:none;stroke:var(--os-primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.os-chart-area{fill:var(--os-primary-soft);stroke:none}.os-chart-bar{fill:var(--os-primary)}.os-chart-bar[data-tone=success]{fill:var(--os-success)}.os-chart-bar[data-tone=danger]{fill:var(--os-danger)}.os-chart-bar[data-series="1"]{fill:var(--os-primary)}.os-chart-bar[data-series="2"]{fill:var(--os-info)}.os-chart-dot{fill:var(--os-primary)}.os-chart-grid{stroke:var(--os-border);stroke-width:1}.os-sparkline{fill:none;stroke:var(--os-primary);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.os-calendar{width:280px;max-width:100%;padding:12px;background:var(--os-surface);border-radius:var(--os-r-md)}.os-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.os-cal-title{font-family:var(--os-font-display);font-weight:400;font-size:15px;color:var(--os-fg);text-transform:capitalize}.os-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.os-cal-weekday{padding:4px 0;text-align:center;font-size:var(--os-t-xs);font-weight:600;text-transform:uppercase;color:var(--os-fg-3)}.os-cal-day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg);font:inherit;font-size:var(--os-t-sm);cursor:pointer}.os-cal-day:hover{background:var(--os-surface-2)}.os-cal-day:focus-visible{outline:2px solid var(--os-focus);outline-offset:-1px}.os-cal-day[data-outside=true]{color:var(--os-fg-3);opacity:.5}.os-cal-day[data-today=true]{box-shadow:inset 0 0 0 1px var(--os-sable-deep)}.os-cal-day[data-selected=true]{background:var(--os-primary);color:var(--os-on-primary);font-weight:600}.os-cal-day[data-selected=true]:hover{background:var(--os-primary-deep)}.os-cal-day:disabled{opacity:.35;cursor:not-allowed}.os-cal-day[data-range=in]{background:var(--os-surface-2);border-radius:0;color:var(--os-fg)}.os-cal-day[data-range=end],.os-cal-day[data-range=single],.os-cal-day[data-range=start]{background:var(--os-primary);color:var(--os-on-primary);font-weight:600}.os-cal-day[data-range=start]{border-radius:var(--os-r-sm) 0 0 var(--os-r-sm)}.os-cal-day[data-range=end]{border-radius:0 var(--os-r-sm) var(--os-r-sm) 0}.os-cal-day[data-range=end]:hover,.os-cal-day[data-range=single]:hover,.os-cal-day[data-range=start]:hover{background:var(--os-primary-deep)}.os-cal-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--os-border)}.os-cal-presets button{border:1px solid var(--os-border-2);background:var(--os-surface);color:var(--os-fg-2);border-radius:var(--os-r-pill);padding:6px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:border var(--os-fast) var(--os-ease),color var(--os-fast) var(--os-ease)}.os-cal-presets button:hover{border-color:var(--os-primary);color:var(--os-primary)}.os-cal-hint{font-size:12px;color:var(--os-fg-3);text-align:center;margin-top:10px}.os-timegrid{display:flex;gap:8px;width:196px}.os-timecol{flex:1 1;display:flex;flex-direction:column;min-width:0}.os-timecol-h{text-align:center;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--os-fg-3);font-weight:600;margin-bottom:6px}.os-timecol-scroll{max-height:176px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.os-tick{border:0;background:transparent;border-radius:8px;cursor:pointer;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--os-fg-2);padding:8px 0;text-align:center;transition:background var(--os-fast) var(--os-ease),color var(--os-fast) var(--os-ease)}.os-tick:hover{background:var(--os-surface-2);color:var(--os-fg)}.os-tick[data-selected=true]{background:var(--os-primary);color:var(--os-on-primary);font-weight:600}.os-monthgrid{width:252px}.os-monthgrid-body{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.os-month-btn{border:0;background:var(--os-surface-2);border-radius:10px;cursor:pointer;font:inherit;font-size:13px;color:var(--os-fg-2);padding:11px 0;transition:background var(--os-fast) var(--os-ease),color var(--os-fast) var(--os-ease)}.os-month-btn:hover:not(:disabled){background:var(--os-sable);color:var(--os-fg)}.os-month-btn[data-selected=true]{background:var(--os-primary);color:var(--os-on-primary);font-weight:600}.os-month-btn:disabled{opacity:.35;cursor:not-allowed}.os-counter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.os-counter[data-over=true]{color:var(--os-danger);font-weight:600}.os-cal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--os-border)}.os-cal-today-btn{border:0;background:transparent;color:var(--os-primary);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:var(--os-r-sm)}.os-cal-today-btn:hover{background:var(--os-surface-2)}.os-command-overlay{position:fixed;inset:0;z-index:70;display:flex;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;background:color-mix(in srgb,var(--os-fg) 45%,transparent);animation:os-fade var(--os-fast) var(--os-ease)}.os-command{width:min(560px,100%);max-height:70dvh;display:flex;flex-direction:column;background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-lg);box-shadow:var(--os-e-4);overflow:hidden;animation:os-pop var(--os-dur) var(--os-ease)}.os-command-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--os-border)}.os-command-input{flex:1 1;border:0;outline:none;background:transparent;color:var(--os-fg);font:inherit;font-size:var(--os-t-section)}.os-command-list{flex:1 1;overflow-y:auto;padding:6px}.os-command-empty{padding:28px;text-align:center;color:var(--os-fg-3);font-size:var(--os-t-sm)}.os-context-menu{position:fixed;z-index:70;min-width:180px;padding:6px;background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-md);box-shadow:var(--os-e-4);animation:os-fade var(--os-fast) var(--os-ease)}.os-menubar{gap:2px;padding:3px;border:1px solid var(--os-border);border-radius:var(--os-r-md);background:var(--os-surface)}.os-menubar,.os-menubar-trigger{display:inline-flex;align-items:center}.os-menubar-trigger{min-height:34px;padding:0 12px;border:0;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg);font:inherit;font-weight:600;font-size:var(--os-t-sm);cursor:pointer}.os-menubar-trigger:hover,.os-menubar-trigger[data-open=true]{background:var(--os-surface-2)}.os-menubar-menu{position:relative}.os-navmenu{display:inline-flex;align-items:center;gap:4px}.os-navmenu-item{position:relative}.os-navmenu-link{display:inline-flex;align-items:center;gap:6px;min-height:var(--os-control-h);padding:0 12px;border:0;border-radius:var(--os-r-sm);background:transparent;color:var(--os-fg-2);font:inherit;font-weight:600;font-size:var(--os-t-sm);text-decoration:none;cursor:pointer}.os-navmenu-link:hover,.os-navmenu-link[data-open=true]{background:var(--os-primary-soft);color:var(--os-primary-deep)}.os-navmenu-panel{position:absolute;z-index:50;top:calc(100% + 6px);left:0;min-width:240px;padding:10px;background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-md);box-shadow:var(--os-e-4);animation:os-fade var(--os-fast) var(--os-ease)}.os-sidebar{display:flex;flex-direction:column;width:248px;height:100%;padding:12px;gap:8px;background:var(--os-surface);border-right:1px solid var(--os-border);transition:width var(--os-dur) var(--os-ease)}.os-sidebar[data-collapsed=true]{width:64px}.os-sidebar-footer,.os-sidebar-header{display:flex;align-items:center;gap:10px;min-height:var(--os-control-h)}.os-sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.os-sidebar-link{display:flex;align-items:center;gap:12px;min-height:var(--os-control-h);padding:0 12px;border-radius:var(--os-r-sm);color:var(--os-fg-2);font:inherit;font-weight:600;font-size:var(--os-t-sm);text-decoration:none;white-space:nowrap;overflow:hidden}.os-sidebar-link:hover{background:var(--os-surface-2);color:var(--os-fg)}.os-sidebar-link[data-active=true]{background:var(--os-primary-soft);color:var(--os-primary-deep)}.os-sidebar-link-icon{flex:0 0 auto;display:inline-flex}.os-sidebar[data-collapsed=true] .os-sidebar-link-label{display:none}.os-resizable{display:flex;width:100%;overflow:hidden}.os-resizable[data-orientation=vertical]{flex-direction:column}.os-resizable-panel{min-width:0;min-height:0;overflow:auto}.os-resizable-handle{flex:0 0 auto;border:0;padding:0;background:var(--os-border);cursor:col-resize;width:5px;align-self:stretch;transition:background var(--os-fast) var(--os-ease)}.os-resizable[data-orientation=vertical] .os-resizable-handle{cursor:row-resize;width:auto;height:5px}.os-resizable-handle:focus-visible,.os-resizable-handle:hover{background:var(--os-primary);outline:none}.os-otp{display:inline-flex;gap:10px}.os-otp-slot{width:calc(52px * var(--os-field-scale));padding:calc(12px * var(--os-field-scale)) 0;text-align:center;border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);background:var(--os-field-bg);color:var(--os-fg);font:inherit;font-size:calc(22px * var(--os-field-scale));font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease)}.os-otp-slot:focus{outline:none;border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}[data-field-style=underline] .os-otp-slot{border:0;border-bottom:1.5px solid var(--os-field-border);border-radius:0;background:transparent}[data-field-style=underline] .os-otp-slot:focus{box-shadow:none;border-bottom-color:var(--os-primary)}.os-carousel{position:relative}.os-carousel-viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.os-carousel-viewport::-webkit-scrollbar{display:none}.os-carousel-slide{flex:0 0 100%;scroll-snap-align:center;min-width:0}.os-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--os-border);border-radius:var(--os-r-pill);background:var(--os-surface);color:var(--os-fg);box-shadow:var(--os-e-2);cursor:pointer}.os-carousel-btn[data-dir=prev]{left:8px}.os-carousel-btn[data-dir=next]{right:8px}.os-carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.os-carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:var(--os-r-pill);background:var(--os-border-2);cursor:pointer}.os-carousel-dot[data-active=true]{background:var(--os-primary)}.os-icon-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--os-primary);background:var(--os-primary-soft)}.os-icon-badge[data-tone=neutral]{color:var(--os-fg-2);background:var(--os-surface-2)}.os-icon-badge[data-tone=success]{color:var(--os-success);background:var(--os-success-soft)}.os-icon-badge[data-tone=warning]{color:var(--os-warning);background:var(--os-warning-soft)}.os-icon-badge[data-tone=danger]{color:var(--os-danger);background:var(--os-danger-soft)}.os-icon-badge[data-tone=info]{color:var(--os-info);background:var(--os-info-soft)}.os-affix{display:flex;align-items:center;background:var(--os-field-bg);border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);overflow:hidden;transition:border var(--os-fast) var(--os-ease),box-shadow var(--os-fast) var(--os-ease)}.os-affix:focus-within{border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}.os-affix .os-input{border:0!important;box-shadow:none!important;background:transparent;border-radius:0}.os-affix-ic{display:flex;align-items:center;justify-content:center;color:var(--os-fg-3);padding:0 calc(12px * var(--os-field-scale));flex:none}.os-affix-unit{padding:0 calc(14px * var(--os-field-scale));font-size:calc(13px * var(--os-field-scale));font-weight:600;background:var(--os-surface-2)}.os-affix-btn,.os-affix-unit{display:flex;align-items:center;align-self:stretch;flex:none;color:var(--os-fg-3)}.os-affix-btn{border:0;background:transparent;cursor:pointer;padding:0 calc(12px * var(--os-field-scale));font-size:calc(17px * var(--os-field-scale));transition:color var(--os-fast)}.os-affix-btn:hover{color:var(--os-primary)}[data-field-style=underline] .os-affix{border:0;border-bottom:1.5px solid var(--os-field-border);border-radius:0;background:transparent}.os-stepper{display:flex;align-items:stretch;border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);overflow:hidden;background:var(--os-field-bg)}.os-stepper:focus-within{border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}.os-stepper .os-input{border:0!important;box-shadow:none!important;text-align:center;background:transparent;border-radius:0}.os-stepper button{flex:none;border:0;background:var(--os-surface-2);color:var(--os-fg);cursor:pointer;width:calc(44px * var(--os-field-scale));font-size:calc(18px * var(--os-field-scale));display:flex;align-items:center;justify-content:center;transition:background var(--os-fast)}.os-stepper button:hover:not(:disabled){background:var(--os-sable)}.os-stepper button:disabled{opacity:.5;cursor:not-allowed}.os-tags{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-height:calc(var(--os-control-h) * var(--os-field-scale));padding:calc(7px * var(--os-field-scale)) calc(9px * var(--os-field-scale));border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);background:var(--os-field-bg);cursor:text}.os-tags:focus-within{border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-focus)}.os-tag{gap:6px;background:var(--os-surface-2);color:var(--os-primary-deep);border-radius:var(--os-r-pill);padding:5px 6px 5px 12px;font-size:calc(13px * var(--os-field-scale));font-weight:500}.os-tag,.os-tag-x{display:inline-flex;align-items:center}.os-tag-x{justify-content:center;width:18px;height:18px;border:0;border-radius:50%;background:color-mix(in srgb,var(--os-cafe) 10%,transparent);color:inherit;cursor:pointer}.os-tag-x:hover{background:color-mix(in srgb,var(--os-cafe) 22%,transparent)}.os-tags input{border:0!important;box-shadow:none!important;background:transparent;flex:1 1;min-width:90px;padding:4px;color:var(--os-fg);font:inherit;font-size:calc(var(--os-t-body) * var(--os-field-scale));outline:none}.os-ac{position:relative}.os-ac-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;background:var(--os-surface);border:1px solid var(--os-border-2);border-radius:var(--os-r-md);box-shadow:var(--os-e-4);padding:6px;max-height:220px;overflow:auto}.os-ac-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--os-r-sm);font-size:14px;color:var(--os-fg-2);cursor:pointer}.os-ac-opt i,.os-ac-opt svg{color:var(--os-fg-3)}.os-ac-opt:hover,.os-ac-opt[data-active=true]{background:var(--os-surface-2);color:var(--os-fg)}.os-ac-opt b{color:var(--os-primary);font-weight:700}.os-ac-empty{padding:12px;font-size:13px;color:var(--os-fg-3);text-align:center}.os-rating{display:inline-flex;gap:6px;color:var(--os-sable-deep)}.os-rating button{border:0;background:transparent;padding:0;display:inline-flex;color:inherit;cursor:pointer;transition:transform var(--os-fast) var(--os-ease),color var(--os-fast)}.os-rating button:hover{transform:scale(1.14)}.os-rating button[data-on=true]{color:var(--os-ocre)}.os-swatches{display:flex;gap:12px}.os-swatch{position:relative;width:38px;height:38px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--os-cafe) 12%,transparent);cursor:pointer;transition:transform var(--os-fast)}.os-swatch:hover{transform:scale(1.08)}.os-swatch[data-on=true]{border-color:var(--os-fg)}.os-swatch[data-on=true]:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:no-repeat 50%/15px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6.2L5 8.5L9.5 3.5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.os-optcard-group{display:flex;flex-direction:column;gap:12px}.os-optcard{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px 16px;border:1px solid var(--os-border-2);border-radius:var(--os-field-radius);background:var(--os-surface);cursor:pointer;transition:border var(--os-fast) var(--os-ease),background var(--os-fast) var(--os-ease)}.os-optcard:hover{border-color:var(--os-sable-deep)}.os-optcard[data-on=true]{border-color:var(--os-primary);background:color-mix(in srgb,var(--os-primary) 5%,transparent);box-shadow:inset 0 0 0 1px var(--os-primary)}.os-optcard-ic{width:38px;height:38px;flex:none;border-radius:10px;background:var(--os-surface-2);display:flex;align-items:center;justify-content:center;color:var(--os-primary)}.os-optcard[data-on=true] .os-optcard-ic{background:var(--os-primary);color:var(--os-on-primary)}.os-optcard-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.os-optcard-title{font-size:14px;font-weight:600;color:var(--os-fg)}.os-optcard-desc{font-size:12.5px;color:var(--os-fg-3);margin-top:2px}.os-optcard-mark{margin-left:auto;flex:none;width:20px;height:20px;border-radius:50%;border:1px solid var(--os-sable-deep);display:flex;align-items:center;justify-content:center}.os-optcard[data-on=true] .os-optcard-mark{border-color:var(--os-primary);background:var(--os-primary)}.os-optcard-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--os-on-primary);opacity:0}.os-optcard[data-on=true] .os-optcard-mark:after{opacity:1}.os-pw-meter{display:flex;gap:6px}.os-pw-meter span{flex:1 1;height:5px;border-radius:999px;background:var(--os-surface-2);transition:background var(--os-dur) var(--os-ease)}.os-pw-meter[data-score="1"] span:first-child{background:var(--os-danger)}.os-pw-meter[data-score="2"] span:nth-child(-n+2),.os-pw-meter[data-score="3"] span:nth-child(-n+3){background:var(--os-ocre)}.os-pw-meter[data-score="4"] span{background:var(--os-success)}.os-file-btn{display:flex;align-items:center;gap:12px}.os-file-btn .os-fb{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--os-field-border);background:var(--os-surface);border-radius:var(--os-field-radius);padding:calc(10px * var(--os-field-scale)) calc(16px * var(--os-field-scale));font-size:calc(13.5px * var(--os-field-scale));font-weight:600;color:var(--os-fg);cursor:pointer;transition:border var(--os-fast)}.os-file-btn .os-fb:hover{border-color:var(--os-primary)}.os-file-name{font-size:13px;color:var(--os-fg-3)}.os-dropzone{border:1.5px dashed var(--os-sable-deep);border-radius:var(--os-r-lg);background:var(--os-surface);padding:30px;text-align:center;cursor:pointer;transition:border var(--os-dur) var(--os-ease),background var(--os-dur) var(--os-ease)}.os-dropzone:hover,.os-dropzone[data-drag=true]{border-color:var(--os-primary);background:color-mix(in srgb,var(--os-primary) 5%,transparent)}.os-dropzone-ic{font-size:34px;color:var(--os-primary);margin-bottom:8px;display:flex;justify-content:center}.os-dropzone-title{font-size:14px;font-weight:600;color:var(--os-fg)}.os-dropzone-title b{color:var(--os-primary)}.os-dropzone-desc{font-size:12.5px;color:var(--os-fg-3);margin-top:4px}.os-file-item{gap:12px;padding:12px 14px;border:1px solid var(--os-border-2);border-radius:var(--os-r-md);margin-top:12px;background:var(--os-surface)}.os-file-item,.os-file-item-ic{display:flex;align-items:center}.os-file-item-ic{width:36px;height:36px;flex:none;border-radius:9px;background:var(--os-surface-2);justify-content:center;color:var(--os-primary);font-size:18px}.os-file-item-body{flex:1 1;min-width:0}.os-file-item-title{font-size:13.5px;font-weight:600;color:var(--os-fg)}.os-file-item-meta{font-size:12px;color:var(--os-fg-3)}.os-file-item-bar{height:4px;border-radius:999px;background:var(--os-surface-2);margin-top:6px;overflow:hidden}.os-file-item-bar span{display:block;height:100%;width:var(--_val);background:var(--os-success);transition:width var(--os-dur) var(--os-ease)}.os-file-item-x{margin-left:auto;flex:none;border:0;background:var(--os-surface-2);color:var(--os-fg-3);width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.os-file-item-x:hover{background:var(--os-sable)}.os-icontoggle{display:inline-flex;border:1px solid var(--os-field-border);border-radius:var(--os-field-radius);overflow:hidden;background:var(--os-field-bg)}.os-icontoggle button{border:0;border-right:1px solid var(--os-border);background:transparent;color:var(--os-fg-2);cursor:pointer;padding:calc(10px * var(--os-field-scale)) calc(13px * var(--os-field-scale));font-size:calc(17px * var(--os-field-scale));display:flex;align-items:center;justify-content:center;transition:background var(--os-fast),color var(--os-fast)}.os-icontoggle button:last-child{border-right:0}.os-icontoggle button:hover{background:var(--os-surface-2);color:var(--os-fg)}.os-icontoggle button[data-on=true]{background:var(--os-primary);color:var(--os-on-primary)}}