.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--size-control-md);padding:0 var(--space-16);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--text-md);line-height:var(--leading-md);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:hover{text-decoration:none}.btn svg{width:var(--size-icon-sm);height:var(--size-icon-sm);flex:none}.btn-sm{height:var(--size-control-sm);padding:0 var(--space-12);font-size:var(--text-sm);line-height:var(--leading-sm)}.btn-icon{width:var(--size-control-md);padding:0}.btn-sm.btn-icon{width:var(--size-control-sm)}.btn-block{width:100%}.btn-primary{background:var(--color-bg-brand);color:var(--color-text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--color-bg-brand-hover)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover)}.btn-ghost{background:transparent;color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover)}.btn-danger{background:var(--color-bg-danger);color:var(--color-text-on-brand)}.btn-danger:hover:not(:disabled){background:var(--color-bg-danger-hover)}.btn:disabled{cursor:not-allowed;color:var(--color-text-disabled)}.btn-primary:disabled,.btn-danger:disabled{background:var(--color-bg-hover)}.btn-secondary:disabled{background:var(--color-bg-subtle);border-color:var(--color-border-subtle)}.spinner{width:var(--size-icon-sm);height:var(--size-icon-sm);border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:var(--space-4);height:20px;padding:0 var(--space-8);border-radius:var(--radius-full);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.badge-neutral{background:var(--color-bg-hover);color:var(--color-text-secondary)}.badge-brand{background:var(--color-bg-brand-subtle);color:var(--color-text-brand)}.badge-success{background:var(--color-bg-success-subtle);color:var(--color-text-success)}.badge-warning{background:var(--color-bg-warning-subtle);color:var(--color-text-warning)}.badge-danger{background:var(--color-bg-danger-subtle);color:var(--color-text-danger)}.badge-info{background:var(--color-bg-info-subtle);color:var(--color-text-info)}.field{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.field-label{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field-hint{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary)}.field-error{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-danger)}.control{position:relative;display:flex;align-items:center;min-width:0}.control>svg{position:absolute;left:var(--space-12);width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-icon-secondary);pointer-events:none}.control.has-icon .input{padding-left:calc(var(--space-12) + var(--size-icon-sm) + var(--space-8))}.input{width:100%;height:var(--size-control-md);padding:0 var(--space-12);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-md);line-height:var(--leading-md);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input::placeholder{color:var(--color-text-tertiary)}.input:hover:not(:disabled){border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-bg-selected)}.input:disabled,.input[readonly]{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.input[aria-invalid=true]{border-color:var(--color-border-danger)}.input-sm,.control-sm .input{height:var(--size-control-sm);font-size:var(--text-sm)}textarea.input{height:auto;min-height:96px;padding:var(--space-8) var(--space-12);resize:vertical}input[type=color].input{padding:var(--space-4);width:64px}input[type=file].input{padding:var(--space-4) var(--space-8);height:auto}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:calc(var(--space-12) + var(--size-icon-sm) + var(--space-8));cursor:pointer}.control-select>svg{left:auto;right:var(--space-12)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-8);cursor:pointer;font-size:var(--text-md);line-height:var(--leading-md)}.checkbox input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:16px;height:16px;margin:0;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-bg-surface);cursor:pointer}.checkbox input:checked{background:var(--color-bg-brand);border-color:var(--color-bg-brand)}.checkbox input:checked:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--color-icon-on-brand);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat}.checkbox input:disabled{background:var(--color-bg-subtle);border-color:var(--color-border-default);cursor:not-allowed}.checkbox:has(input:disabled){color:var(--color-text-disabled);cursor:not-allowed}.switch{display:inline-flex;align-items:center;gap:var(--space-8);background:none;border:0;padding:0;cursor:pointer}.switch-track{position:relative;flex:none;width:36px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-control);transition:background var(--duration-fast) var(--ease-standard)}.switch-track:after{content:"";position:absolute;top:var(--space-2);left:var(--space-2);width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-icon-on-brand);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-standard)}.switch[aria-checked=true] .switch-track{background:var(--color-bg-brand)}.switch[aria-checked=true] .switch-track:after{transform:translate(16px)}.switch:disabled{cursor:not-allowed;opacity:.5}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-12)}.card{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-16);min-width:0}.card-flush{padding:0;gap:0;overflow:hidden}.card-body{padding:var(--space-20) var(--space-24);display:flex;flex-direction:column;gap:var(--space-16)}.card-danger{border-color:var(--color-border-danger)}.card-header{display:flex;align-items:center;gap:var(--space-16)}.card-header-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.card-header-title{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--font-weight-semibold)}.card-header-description{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary)}.page-header{display:flex;flex-direction:column;gap:var(--space-8)}.page-header-row{display:flex;align-items:center;gap:var(--space-16)}.page-header-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.page-header h1{font-size:var(--text-2xl);line-height:var(--leading-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.005em}.page-header-description{color:var(--color-text-secondary)}.page-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-8)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary)}.breadcrumbs a{color:var(--color-text-tertiary)}.breadcrumbs a:hover{color:var(--color-text-primary)}.breadcrumbs .sep{color:var(--color-text-disabled)}.tabs{display:flex;gap:var(--space-24);border-bottom:var(--border-width) solid var(--color-border-default);overflow-x:auto}.tab{position:relative;display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-4) var(--space-12);background:none;border:0;font-size:var(--text-md);line-height:var(--leading-md);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;text-decoration:none}.tab:hover{color:var(--color-text-primary);text-decoration:none}.tab.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-bg-brand);border-radius:var(--radius-full)}.tab-count{padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--color-bg-hover);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-xs)}.table-wrap{width:100%;overflow-x:auto}.table-bordered{background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse}.table th{height:40px;padding:0 var(--space-16);background:var(--color-bg-subtle);border-bottom:var(--border-width) solid var(--color-border-default);text-align:left;font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.table td{height:52px;padding:var(--space-8) var(--space-16);border-bottom:var(--border-width) solid var(--color-border-subtle);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--color-bg-subtle)}.table tr.clickable{cursor:pointer}.table tr.is-muted td{color:var(--color-text-tertiary)}.table td.align-right,.table th.align-right{text-align:right}.table td.actions{width:1%;white-space:nowrap;text-align:right}.table td.cell-break{overflow-wrap:anywhere}.cell-title{display:flex;flex-direction:column;min-width:0}.cell-title strong{font-weight:var(--font-weight-medium)}.cell-title span{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.toolbar .control-search{width:320px;max-width:100%}.toolbar .control-filter{width:180px}.toolbar-count{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.pagination-summary{font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:720px){.toolbar .control-search,.toolbar .control-filter{width:100%}.toolbar-count{margin-left:0}.page-header-row{flex-wrap:wrap}}.stat-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-20);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg);min-width:0}.stat-card-label{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary)}.stat-card-value{font-size:var(--text-3xl);line-height:var(--leading-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;overflow-wrap:anywhere}.stat-card-change{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary)}.stat-card-change.positive{color:var(--color-text-success)}.stat-card-change.negative{color:var(--color-text-danger)}.avatar{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-brand-subtle);color:var(--color-text-brand);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.avatar-sm{width:24px;height:24px;font-size:var(--text-2xs)}.avatar-lg{width:40px;height:40px;font-size:var(--text-sm)}.detail-list>:last-child{border-bottom:0}.row-hover-action{opacity:0}.detail-row:hover .row-hover-action,.row-hover-action:focus-visible{opacity:1}.detail-row{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-12) 0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.detail-row-label{color:var(--color-text-secondary);white-space:nowrap}.detail-row-value{flex:1 1 0;min-width:0;text-align:right;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.detail-row-value.mono{font-weight:var(--font-weight-regular)}.option-row{gap:var(--space-8)}.option-row-name{flex:1 1 auto;min-width:0}.option-row-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-row-trailing{flex:none;margin-left:auto;white-space:nowrap}.option-row-trailing .cluster-sm{flex-wrap:nowrap}.list>:last-child,.list>:last-child .list-item{border-bottom:0}.list>.clickable{border-radius:var(--radius-md)}.list>.clickable:hover .list-item-title{color:var(--color-text-brand)}.list-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) 0;border-bottom:var(--border-width) solid var(--color-border-subtle);min-width:0}.list-item-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-subtle);color:var(--color-icon-secondary)}.list-item-icon svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.list-item-icon.tone-danger{color:var(--color-icon-danger)}.list-item-icon.tone-warning{color:var(--color-icon-warning)}.list-item-icon.tone-success{color:var(--color-icon-success)}.list-item-icon.tone-info{color:var(--color-icon-info)}.list-item-icon.tone-brand{color:var(--color-icon-brand)}.list-item-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.list-item-title{font-weight:var(--font-weight-medium)}.list-item-subtitle{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary)}.list-item-meta{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary);white-space:nowrap}.setting-row{display:flex;align-items:center;gap:var(--space-24);padding:var(--space-16) 0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.setting-row:last-child{border-bottom:0}.setting-row-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.setting-row-title{font-weight:var(--font-weight-medium)}.setting-row-description{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary)}.bar-row{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-4) 0}.bar-row-label{width:112px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.bar-row-track{flex:1 1 0;height:8px;border-radius:var(--radius-full);background:var(--color-bg-subtle);overflow:hidden}.bar-row-fill{height:100%;border-radius:var(--radius-full);background:var(--color-bg-brand)}.bar-row-value{width:40px;flex:none;text-align:right;font-weight:var(--font-weight-medium)}.column-chart{display:flex;align-items:flex-end;gap:var(--space-4);height:140px}.column-chart span{flex:1 1 0;min-height:var(--space-4);border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--color-bg-brand-subtle)}.column-chart span:last-child{background:var(--color-bg-brand)}.column-chart span:hover{background:var(--color-bg-brand)}.preview-tile{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.preview-tile-image{display:grid;place-items:center;aspect-ratio:1240 / 1754;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-subtle);color:var(--color-icon-secondary);overflow:hidden}.preview-tile-image img{width:100%;height:100%;object-fit:cover}.preview-tile-name{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.preview-tile-detail{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-tertiary);overflow-wrap:anywhere}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,200px));gap:var(--space-24)}.code-block{margin:0;max-height:520px;overflow:auto;padding:var(--space-20);border-radius:var(--radius-md);background:var(--color-bg-subtle);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-md);white-space:pre}.callout{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-20);border-radius:var(--radius-lg)}.callout>svg{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.callout-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.callout-title{font-weight:var(--font-weight-medium)}.callout-body{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary)}.callout-info{background:var(--color-bg-info-subtle)}.callout-info>svg{color:var(--color-icon-info)}.callout-warning{background:var(--color-bg-warning-subtle)}.callout-warning>svg{color:var(--color-icon-warning)}.callout-danger{background:var(--color-bg-danger-subtle)}.callout-danger>svg{color:var(--color-icon-danger)}.callout-success{background:var(--color-bg-success-subtle)}.callout-success>svg{color:var(--color-icon-success)}.callout-brand{background:var(--color-bg-brand-subtle)}.callout-brand>svg{color:var(--color-icon-brand)}.state{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-24);text-align:center}.state-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-icon-secondary)}.state-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.state-icon.tone-danger{background:var(--color-bg-danger-subtle);color:var(--color-icon-danger)}.state-title{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--font-weight-semibold)}.state-description{max-width:420px;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary)}.state-loading{flex-direction:row;justify-content:center;color:var(--color-text-secondary)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-24);background:var(--color-bg-overlay);overflow-y:auto}.dialog{width:100%;max-width:520px;max-height:calc(100vh - var(--space-48));display:flex;flex-direction:column;background:var(--color-bg-raised);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.dialog-sm{max-width:420px}.dialog-lg{max-width:760px}.dialog-xl{max-width:1040px}.dialog-header{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-24) var(--space-24) 0}.dialog-header h2{flex:1 1 0;font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--font-weight-semibold)}.dialog-body{padding:var(--space-16) var(--space-24) var(--space-24);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-16)}.dialog-description{color:var(--color-text-secondary)}.dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-8);padding-top:var(--space-8)}.menu{position:relative;display:inline-flex}.menu-popover{position:fixed;z-index:55;min-width:184px;padding:var(--space-4);background:var(--color-bg-raised);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.menu-item{display:flex;align-items:center;gap:var(--space-8);height:var(--size-control-sm);padding:0 var(--space-8);border:0;border-radius:var(--radius-sm);background:none;font-size:var(--text-sm);text-align:left;white-space:nowrap;cursor:pointer;color:var(--color-text-primary)}.menu-item svg{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-icon-secondary)}.menu-item:hover:not(:disabled){background:var(--color-bg-hover)}.menu-item.danger,.menu-item.danger svg{color:var(--color-text-danger)}.menu-item:disabled{color:var(--color-text-disabled);cursor:not-allowed}.toast-stack{position:fixed;right:var(--space-24);bottom:var(--space-24);z-index:60;display:flex;flex-direction:column;gap:var(--space-8);width:min(380px,calc(100vw - var(--space-32)))}.toast{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-bg-raised);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.toast>svg{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.toast-success>svg{color:var(--color-icon-success)}.toast-error>svg{color:var(--color-icon-danger)}.toast-info>svg{color:var(--color-icon-info)}.toast-text{flex:1 1 0;min-width:0;font-size:var(--text-sm);line-height:var(--leading-sm);overflow-wrap:anywhere}.toast-close{flex:none;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--color-icon-secondary);cursor:pointer}.toast-close svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-40);background:var(--color-bg-surface);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;cursor:pointer}.dropzone.drag{border-color:var(--color-border-brand);background:var(--color-bg-brand-subtle)}.dropzone-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-brand-subtle);color:var(--color-icon-brand)}.kv-editor{display:flex;flex-direction:column;gap:var(--space-8)}.kv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-8);align-items:center}.swatch{display:inline-block;width:16px;height:16px;border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border-default);flex:none}.admin-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;flex:none;display:flex;flex-direction:column;gap:var(--space-24);width:var(--sidebar-width);height:100vh;padding:var(--space-16) var(--space-12);background:var(--color-bg-surface);border-right:var(--border-width) solid var(--color-border-default);overflow-y:auto}.brand{display:inline-flex;align-items:center;gap:var(--space-8)}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-bg-brand);color:var(--color-text-on-brand);font-size:var(--text-md);font-weight:var(--font-weight-semibold)}.brand-name{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar-brand{padding:0 var(--space-8)}.sidebar-brand:hover{text-decoration:none}.sidebar-nav{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-4)}.nav-item{display:flex;align-items:center;gap:var(--space-12);height:var(--size-control-md);padding:0 var(--space-12);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.nav-item svg{width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-icon-secondary);flex:none}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.nav-item.active{background:var(--color-bg-selected);color:var(--color-text-brand)}.nav-item.active svg{color:var(--color-icon-brand)}.nav-pages{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0 var(--space-8)}.nav-page{display:flex;align-items:center;height:var(--size-control-sm);padding:0 var(--space-12) 0 calc(var(--space-12) + var(--size-icon-md) + var(--space-12));border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.nav-page:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.nav-page.active{color:var(--color-text-brand);font-weight:var(--font-weight-medium)}.sidebar-account{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-8) 0;border-top:var(--border-width) solid var(--color-border-subtle)}.sidebar-account-text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;color:var(--color-text-primary)}.sidebar-account-text:hover{text-decoration:none}.admin-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.mobile-bar,.sidebar-scrim{display:none}@media(max-width:960px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:45;transform:translate(-100%);transition:transform var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.sidebar-scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:var(--color-bg-overlay)}.mobile-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);background:var(--color-bg-surface);border-bottom:var(--border-width) solid var(--color-border-default)}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-24) var(--space-16);background:var(--color-bg-canvas)}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-32);background:var(--color-bg-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.thread{display:flex;flex-direction:column;gap:var(--space-12)}.bubble{max-width:85%;padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.bubble.from-support{align-self:flex-end;background:var(--color-bg-brand-subtle);border-color:var(--color-border-brand)}.bubble-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text-primary)}.inbox-preview{max-width:clamp(160px,calc(100vw - 920px),340px)}:root{color-scheme:light;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--leading-xs: 16px;--leading-sm: 18px;--leading-md: 20px;--leading-lg: 24px;--leading-xl: 28px;--leading-2xl: 32px;--leading-3xl: 38px;--space-0: 0px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-64: 64px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--size-control-sm: 32px;--size-control-md: 36px;--size-control-lg: 40px;--size-icon-sm: 16px;--size-icon-md: 20px;--border-width: 1px;--sidebar-width: 240px;--content-max-width: 1280px;--color-bg-canvas: #f4f6f6;--color-bg-surface: #ffffff;--color-bg-raised: #ffffff;--color-bg-subtle: #fafbfb;--color-bg-hover: #ebefef;--color-bg-selected: #e6efef;--color-bg-brand: #1f6b63;--color-bg-brand-hover: #124540;--color-bg-brand-subtle: #e6efef;--color-bg-inverse: #141919;--color-bg-danger: #c02b2b;--color-bg-danger-hover: #9b2222;--color-bg-danger-subtle: #fef2f2;--color-bg-warning-subtle: #fff8eb;--color-bg-success-subtle: #eefbf3;--color-bg-info-subtle: #eff5ff;--color-bg-overlay: #0c101066;--color-bg-control: #c3cccc;--color-text-primary: #141919;--color-text-secondary: #525d5d;--color-text-tertiary: #6e7a7a;--color-text-disabled: #97a3a3;--color-text-brand: #1f6b63;--color-text-on-brand: #ffffff;--color-text-inverse: #ffffff;--color-text-danger: #c02b2b;--color-text-warning: #8a5406;--color-text-success: #12643a;--color-text-info: #2556b8;--color-border-default: #dce2e2;--color-border-subtle: #ebefef;--color-border-strong: #c3cccc;--color-border-focus: #3a837b;--color-border-brand: #1f6b63;--color-border-danger: #dc3a3a;--color-icon-primary: #3c4545;--color-icon-secondary: #6e7a7a;--color-icon-brand: #1f6b63;--color-icon-on-brand: #ffffff;--color-icon-danger: #c02b2b;--color-icon-success: #178049;--color-icon-warning: #b26f07;--color-icon-info: #2556b8;--color-shadow-default: #0c101014;--shadow-xs: 0 1px 2px 0 var(--color-shadow-default);--shadow-sm: 0 1px 3px 0 var(--color-shadow-default), 0 1px 2px -1px var(--color-shadow-default);--shadow-md: 0 4px 12px -2px var(--color-shadow-default), 0 2px 4px -2px var(--color-shadow-default);--shadow-lg: 0 12px 32px -4px var(--color-shadow-default), 0 4px 8px -4px var(--color-shadow-default);--duration-fast: .12s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}:root[data-theme=dark]{color-scheme:dark;--color-bg-canvas: #0c1010;--color-bg-surface: #141919;--color-bg-raised: #1c2222;--color-bg-subtle: #1c2222;--color-bg-hover: #262d2d;--color-bg-selected: #052421;--color-bg-brand: #1f6b63;--color-bg-brand-hover: #3a837b;--color-bg-brand-subtle: #052421;--color-bg-inverse: #f4f6f6;--color-bg-danger: #dc3a3a;--color-bg-danger-hover: #c02b2b;--color-bg-danger-subtle: #4a1414;--color-bg-warning-subtle: #432905;--color-bg-success-subtle: #0a321d;--color-bg-info-subtle: #0f2249;--color-bg-overlay: #0c101099;--color-bg-control: #3c4545;--color-text-primary: #f4f6f6;--color-text-secondary: #c3cccc;--color-text-tertiary: #97a3a3;--color-text-disabled: #525d5d;--color-text-brand: #93bdb9;--color-text-on-brand: #ffffff;--color-text-inverse: #0c1010;--color-text-danger: #f49b9b;--color-text-warning: #f5c26b;--color-text-success: #7fd3a3;--color-text-info: #93b4f5;--color-border-default: #262d2d;--color-border-subtle: #1c2222;--color-border-strong: #3c4545;--color-border-focus: #5e938d;--color-border-brand: #3a837b;--color-border-danger: #dc3a3a;--color-icon-primary: #dce2e2;--color-icon-secondary: #97a3a3;--color-icon-brand: #5e938d;--color-icon-on-brand: #ffffff;--color-icon-danger: #f49b9b;--color-icon-success: #7fd3a3;--color-icon-warning: #f5c26b;--color-icon-info: #93b4f5;--color-shadow-default: #0c101066}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--color-bg-canvas: #0c1010;--color-bg-surface: #141919;--color-bg-raised: #1c2222;--color-bg-subtle: #1c2222;--color-bg-hover: #262d2d;--color-bg-selected: #052421;--color-bg-brand: #1f6b63;--color-bg-brand-hover: #3a837b;--color-bg-brand-subtle: #052421;--color-bg-inverse: #f4f6f6;--color-bg-danger: #dc3a3a;--color-bg-danger-hover: #c02b2b;--color-bg-danger-subtle: #4a1414;--color-bg-warning-subtle: #432905;--color-bg-success-subtle: #0a321d;--color-bg-info-subtle: #0f2249;--color-bg-overlay: #0c101099;--color-bg-control: #3c4545;--color-text-primary: #f4f6f6;--color-text-secondary: #c3cccc;--color-text-tertiary: #97a3a3;--color-text-disabled: #525d5d;--color-text-brand: #93bdb9;--color-text-on-brand: #ffffff;--color-text-inverse: #0c1010;--color-text-danger: #f49b9b;--color-text-warning: #f5c26b;--color-text-success: #7fd3a3;--color-text-info: #93b4f5;--color-border-default: #262d2d;--color-border-subtle: #1c2222;--color-border-strong: #3c4545;--color-border-focus: #5e938d;--color-border-brand: #3a837b;--color-border-danger: #dc3a3a;--color-icon-primary: #dce2e2;--color-icon-secondary: #97a3a3;--color-icon-brand: #5e938d;--color-icon-on-brand: #ffffff;--color-icon-danger: #f49b9b;--color-icon-success: #7fd3a3;--color-icon-warning: #f5c26b;--color-icon-info: #93b4f5;--color-shadow-default: #0c101066}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p{margin:0}a{color:var(--color-text-brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}img{display:block;max-width:100%}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-bg-selected)}.t-display{font-size:var(--text-3xl);line-height:var(--leading-3xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.t-h1{font-size:var(--text-2xl);line-height:var(--leading-2xl);font-weight:var(--font-weight-semibold);letter-spacing:-.005em}.t-h2{font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.0025em}.t-h3{font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--font-weight-semibold)}.t-body-lg{font-size:var(--text-lg);line-height:var(--leading-lg)}.t-body{font-size:var(--text-md);line-height:var(--leading-md)}.t-strong{font-size:var(--text-md);line-height:var(--leading-md);font-weight:var(--font-weight-medium)}.t-small{font-size:var(--text-sm);line-height:var(--leading-sm)}.t-label{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--font-weight-medium)}.t-label-sm{font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--font-weight-medium)}.t-caption{font-size:var(--text-xs);line-height:var(--leading-xs)}.t-overline{font-size:var(--text-2xs);line-height:var(--leading-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.t-mono{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-md)}.t-mono-sm{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs)}.text-primary{color:var(--color-text-primary)}.text-muted{color:var(--color-text-secondary)}.text-soft{color:var(--color-text-tertiary)}.text-brand{color:var(--color-text-brand)}.text-danger{color:var(--color-text-danger)}.text-success{color:var(--color-text-success)}.text-warning{color:var(--color-text-warning)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-sm)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-xs)}.mono,.code{font-family:var(--font-mono);font-size:var(--text-sm)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.nowrap{white-space:nowrap}.flex-1{flex:1 1 0;min-width:0}.capitalize{text-transform:capitalize}.clickable{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.page{display:flex;flex-direction:column;gap:var(--space-32);width:100%;max-width:var(--content-max-width);padding:var(--space-40)}.stack-xs{display:flex;flex-direction:column;gap:var(--space-4)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-8)}.stack{display:flex;flex-direction:column;gap:var(--space-16)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-24)}.stack-xl{display:flex;flex-direction:column;gap:var(--space-32)}.cluster-sm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.cluster-lg{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.justify-end{justify-content:flex-end}.split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-16)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-aside{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-24);align-items:start}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-aside{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.page{padding:var(--space-24) var(--space-16);gap:var(--space-24)}.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}}