.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-inline:14px;min-block-size:38px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;position:relative;transition:background var(--t),border-color var(--t),color var(--t)}.btn:hover:not(:disabled){border-color:var(--line-2);background:var(--surface-3)}.btn:disabled,.btn.is-disabled{opacity:.5;pointer-events:none}.btn-primary{border-color:transparent;background:var(--grad-primary);color:var(--brand-ink)}.btn-primary:hover:not(:disabled){background:var(--grad-primary);filter:brightness(1.06)}.btn-soft{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 28%,transparent);color:var(--brand)}.btn-soft:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 18%,transparent)}.btn-ghost{background:var(--surface-2);border-color:var(--line);color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-2);color:var(--text)}.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--err) 40%,transparent);color:var(--err)}.btn-danger:hover:not(:disabled){background:var(--err-soft);border-color:var(--err);color:var(--err)}.btn-sm{min-block-size:32px;padding-inline:11px;font-size:var(--fs-xs);border-radius:8px;gap:6px}.btn-lg{min-block-size:44px;padding-inline:20px;font-size:var(--fs-md);border-radius:var(--radius-sm)}.btn-block{inline-size:100%}.btn-icon{position:relative;inline-size:34px;block-size:34px;min-block-size:34px;padding:0;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-2)}.btn-icon:hover:not(:disabled){background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn-icon.btn-sm{inline-size:30px;block-size:30px;min-block-size:30px}.icon-badge{position:absolute;inset-block-start:4px;inset-inline-end:4px;min-inline-size:16px;block-size:16px;padding-inline:3px;border-radius:var(--radius-pill);background:var(--brand);border:2px solid var(--bg-2);color:#fff;font-size:9.5px;font-weight:700;line-height:1;display:grid;place-items:center;font-variant-numeric:tabular-nums}.btn.is-loading{color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;inline-size:15px;block-size:15px;border-radius:50%;border:2px solid currentColor;border-block-start-color:transparent;color:var(--text);animation:spin .7s linear infinite}.btn-primary.is-loading:after{color:#fff}.btn-group{display:inline-flex;align-items:center;gap:1px;background:var(--line);border-radius:var(--radius-sm);overflow:hidden}.btn-group>.btn{border-radius:0;border:0}.card{position:relative;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--t),background var(--t)}.card:has(>.card-head),.card:has(>.card-header),.card:has(>.card-body),.card:has(>.card-footer),.card.card-flush{padding:0}.card.interactive:hover{border-color:var(--line-2)}.card.is-selected{border-color:var(--brand)}.card.card-flat{background:var(--surface-2)}.card-head,.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:14px 18px;border-block-end:1px solid var(--line);min-block-size:58px}.card-head-main{display:flex;align-items:center;gap:10px;min-inline-size:0}.card-title{display:flex;align-items:center;gap:10px;font-size:var(--fs-lg);font-weight:600;color:var(--text);min-inline-size:0}.card-title-icon{inline-size:30px;block-size:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);flex:none}.card-sub{font-size:var(--fs-2xs);color:var(--muted);margin-block-start:2px;font-weight:400}.card-body{padding:18px}.card-body.tight{padding:12px}.card-body.flush{padding:0}.card-footer{padding:12px 18px;border-block-start:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-sm)}.card-footer.center{justify-content:center}.card-footer.between{justify-content:space-between}.card-footer-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:var(--fs-sm);font-weight:600}.card-footer-link:hover{color:var(--brand-2)}.card-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(272px,1fr))}.grid-2{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.grid-3{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-4{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,232px),1fr))}.grid-6{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr))}.grid-tight{gap:var(--sp-3)}.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-4);align-items:start}.split.split-wide{grid-template-columns:minmax(0,1fr) 420px}.split.split-start{grid-template-columns:300px minmax(0,1fr)}@media(max-width:1000px){.split,.split.split-wide,.split.split-start{grid-template-columns:minmax(0,1fr)}}.divider{block-size:1px;background:var(--line);margin-block:var(--sp-3)}.toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-block-end:var(--sp-4)}.toolbar.sticky{position:sticky;inset-block-start:calc(var(--topbar-h) + 8px);z-index:var(--z-sticky)}.stat-card{display:flex;align-items:center;gap:12px;min-block-size:104px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-inline-size:0;transition:border-color var(--t)}.stat-card:hover{border-color:var(--line-2)}.stat-card-icon{order:2;margin-inline-start:auto;inline-size:44px;block-size:44px;border-radius:var(--radius);display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);flex:none}.stat-card-icon svg{inline-size:20px;block-size:20px}.stat-card-main{order:1;display:flex;flex-direction:column;min-inline-size:0;gap:3px}.stat-card-label{font-size:var(--fs-xs);color:var(--muted);font-weight:500}.stat-card-value{font-size:var(--fs-3xl);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.stat-card-foot{font-size:var(--fs-2xs);color:var(--muted);display:flex;align-items:center;gap:5px}.stat-card-foot.up{color:var(--ok)}.stat-card-foot.down{color:var(--err)}.stat-tile{position:relative;padding:18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:border-color var(--t)}.stat-tile:hover{border-color:var(--line-2)}.stat-tile.tone-ok{--tone: var(--ok)}.stat-tile.tone-warn{--tone: var(--warn)}.stat-tile.tone-err{--tone: var(--err)}.stat-label{font-size:var(--fs-xs);color:var(--muted);font-weight:500}.stat-value{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.02em;margin-block-start:4px;line-height:1.05;font-variant-numeric:tabular-nums}.stat-foot{font-size:var(--fs-2xs);color:var(--muted);margin-block-start:4px;display:flex;align-items:center;gap:6px}.stat-icon{position:absolute;inset-block-start:18px;inset-inline-end:18px;inline-size:44px;block-size:44px;border-radius:var(--radius);display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone)}.stat-spark{margin-block-start:var(--sp-2);block-size:32px;inline-size:100%;overflow:visible}.pill{display:inline-flex;align-items:center;gap:6px;block-size:22px;padding-inline:9px;border-radius:var(--radius-pill);font-size:var(--fs-2xs);font-weight:600;line-height:1;border:1px solid transparent;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.pill:before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;flex:none}.pill-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.pill-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}.pill-err{color:var(--err);background:color-mix(in srgb,var(--err) 12%,transparent)}.pill-info{color:var(--info);background:color-mix(in srgb,var(--info) 12%,transparent)}.pill-idle{color:var(--muted);background:var(--surface-2);border-color:var(--line)}.pill-brand{color:var(--brand);background:var(--brand-soft)}.pill-plain:before{display:none}.pill-lg{block-size:26px;padding-inline:12px;font-size:var(--fs-sm)}.status-dot,.dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--muted);flex:none;display:inline-block}.status-dot[data-tone=ok],.dot.ok{background:var(--ok);color:var(--ok)}.status-dot[data-tone=warn],.dot.warn{background:var(--warn);color:var(--warn)}.status-dot[data-tone=err],.dot.err{background:var(--err);color:var(--err)}.status-dot[data-tone=idle],.dot.idle{background:var(--muted);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding-inline:8px;padding-block:2px;border-radius:7px;font-size:var(--fs-2xs);font-weight:600;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);font-variant-numeric:tabular-nums}.badge-brand{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 26%,transparent)}.badge-ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 26%,transparent)}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 26%,transparent)}.badge-err{background:var(--err-soft);color:var(--err);border-color:color-mix(in srgb,var(--err) 26%,transparent)}.badge-role{display:inline-flex;align-items:center;gap:5px;block-size:22px;padding-inline:9px;border-radius:var(--radius-pill);font-size:var(--fs-2xs);font-weight:600;line-height:1;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);border:1px solid color-mix(in srgb,var(--tone) 24%,transparent);white-space:nowrap}.badge-role.role-owner,.badge-role[data-role=owner]{--tone: var(--purple)}.badge-role.role-admin,.badge-role[data-role=admin]{--tone: var(--brand)}.badge-role.role-developer,.badge-role[data-role=developer]{--tone: var(--teal)}.badge-role.role-viewer,.badge-role[data-role=viewer]{--tone: var(--warn)}.chip{display:inline-flex;align-items:center;gap:6px;padding-inline:10px;padding-block:4px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--text)}.chip button{color:var(--muted);display:inline-flex}.chip button:hover{color:var(--err)}.avatar{inline-size:34px;block-size:34px;border-radius:50%;display:inline-grid;place-items:center;font-size:var(--fs-xs);font-weight:700;color:#fff;background:var(--grad-primary);flex:none;text-transform:uppercase;user-select:none}.avatar-sm{inline-size:26px;block-size:26px;font-size:10px}.avatar-lg{inline-size:52px;block-size:52px;font-size:var(--fs-md)}.avatar-stack{display:flex}.avatar-stack .avatar+.avatar{margin-inline-start:-10px;border:2px solid var(--surface)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.card .table-wrap,.card-body.flush .table-wrap{border:0;border-radius:0;background:transparent}.table{inline-size:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th,.table td{padding-inline:18px;text-align:start;vertical-align:middle}.table thead th{position:sticky;inset-block-start:0;block-size:42px;background:var(--surface-2);color:var(--muted);font-size:var(--fs-xs);font-weight:600;border-block-end:1px solid var(--line);white-space:nowrap;z-index:1}.table tbody td{block-size:60px}.table tbody tr{border-block-start:1px solid var(--line)}.table tbody tr:first-child{border-block-start:0}.table.table-hover tbody tr{transition:background var(--t)}.table.table-hover tbody tr:hover{background:var(--surface-2)}.table.table-compact tbody td{block-size:44px}.table.table-compact th,.table.table-compact td{padding-inline:12px}.table td.num,.table th.num{text-align:end;font-variant-numeric:tabular-nums;font-family:var(--mono)}.table td.actions{inline-size:1%;white-space:nowrap}.table th[data-sort]{cursor:pointer;user-select:none}.table th[data-sort]:hover{color:var(--text)}.table tr.is-selected{background:var(--brand-soft)}.cell-main{display:flex;align-items:center;gap:10px;min-inline-size:0}.cell-text{display:flex;flex-direction:column;min-inline-size:0}.cell-title{font-size:var(--fs-md);font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-sub{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--sp-3);padding:12px 18px;border-block-end:1px solid var(--line);transition:background var(--t)}.list-item:last-child{border-block-end:0}.list-item.interactive:hover{background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:6px;min-inline-size:0}.field-row{display:flex;align-items:center;gap:var(--sp-3);justify-content:space-between;flex-wrap:wrap}.field-row>.label{margin:0}.label{font-size:var(--fs-xs);font-weight:600;color:var(--text-2)}.label .req{color:var(--err);margin-inline-start:3px}.hint{font-size:var(--fs-2xs);color:var(--muted)}.field-error{font-size:var(--fs-2xs);color:var(--err)}.input,.select,.textarea{inline-size:100%;min-block-size:40px;padding-inline:12px;padding-block:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-sm);transition:border-color var(--t),background var(--t)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--line-2)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--err)}.input.mono,.textarea.mono{font-family:var(--mono);font-size:var(--fs-xs)}.textarea{resize:vertical;min-block-size:90px;line-height:1.5}.select{appearance:none;padding-inline-end:32px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 14px center,right 9px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:var(--text)}.select option,.select optgroup,select option,select optgroup{background-color:var(--surface-2);color:var(--text)}.select option:disabled,select option:disabled{color:var(--muted)}[dir=rtl] .select{background-image:linear-gradient(45deg,currentColor 50%,transparent 50%),linear-gradient(135deg,transparent 50%,currentColor 50%);background-position:left 9px center,left 14px center}.search-box{position:relative;display:flex;align-items:center;flex:1;min-inline-size:180px}.search-box .icon{position:absolute;inset-inline-start:11px;color:var(--muted);pointer-events:none}.search-box .input{padding-inline-start:36px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--sp-4)}.form-grid .full{grid-column:1 / -1}.checkbox,.radio{display:inline-flex;align-items:flex-start;gap:var(--sp-2);cursor:pointer;font-size:var(--fs-sm);line-height:1.4}.checkbox input,.radio input{appearance:none;inline-size:18px;block-size:18px;margin:1px 0 0;border:1px solid var(--line-2);border-radius:5px;background:var(--surface-2);flex:none;display:grid;place-content:center;transition:background var(--t),border-color var(--t)}.radio input{border-radius:50%}.checkbox input:after{content:"";inline-size:9px;block-size:5px;border-inline-start:2px solid #fff;border-block-end:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0;transition:opacity var(--t-fast)}.radio input:after{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--t-fast)}.checkbox input:checked,.radio input:checked{background:var(--brand);border-color:var(--brand)}.checkbox input:checked:after,.radio input:checked:after{opacity:1}.checkbox input:disabled,.radio input:disabled{opacity:.5}.checkbox .hint{display:block}.switch{display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-sm)}.switch input{appearance:none;position:absolute;opacity:0;pointer-events:none}.switch .switch-track{position:relative;inline-size:40px;block-size:22px;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--line-2);transition:background var(--t),border-color var(--t);flex:none}.switch .switch-track:after{content:"";position:absolute;inset-block-start:1px;inset-inline-start:1px;inline-size:18px;block-size:18px;border-radius:50%;background:var(--muted);transition:transform var(--t),background var(--t)}.switch input:checked+.switch-track{background:var(--brand);border-color:var(--brand)}.switch input:checked+.switch-track:after{background:#fff;transform:translate(18px)}[dir=rtl] .switch input:checked+.switch-track:after{transform:translate(-18px)}.switch input:disabled+.switch-track{opacity:.5}.segmented{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.segmented button{display:inline-flex;align-items:center;gap:6px;padding-inline:11px;padding-block:6px;border-radius:7px;font-size:var(--fs-xs);font-weight:600;color:var(--text-2);transition:background var(--t),color var(--t)}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--brand);color:#fff}.chip-select{display:flex;flex-wrap:wrap;gap:10px}.chip-option{position:relative;display:inline-flex;align-items:center;gap:9px;min-block-size:44px;padding-inline:14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);font-weight:600;transition:border-color var(--t),background var(--t),color var(--t)}.chip-option:hover{border-color:var(--line-2);color:var(--text)}.chip-option.is-selected{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.chip-option.is-selected:after{content:"";position:absolute;inset-block-start:-7px;inset-inline-end:-7px;inline-size:18px;block-size:18px;border-radius:50%;background:var(--brand);border:2px solid var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11px 11px}.tabs{display:flex;align-items:center;gap:2px;border-block-end:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-block-end:var(--sp-4)}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:7px;min-block-size:42px;padding-inline:14px;font-size:var(--fs-sm);font-weight:600;color:var(--muted);border-block-end:2px solid transparent;margin-block-end:-1px;white-space:nowrap;transition:color var(--t),border-color var(--t)}.tab:hover{color:var(--text)}.tab.is-active{color:var(--brand);border-block-end-color:var(--brand)}.tab .badge{margin-inline-start:2px}.breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:var(--fs-sm);min-inline-size:0}.crumb{display:inline-flex;align-items:center;gap:5px;padding-inline:7px;padding-block:3px;border-radius:7px;color:var(--muted);transition:background var(--t),color var(--t);max-inline-size:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb:hover{background:var(--surface-2);color:var(--text)}.crumb.is-current{color:var(--text);font-weight:600}.crumb-sep{color:var(--muted);display:inline-flex}[dir=rtl] .crumb-sep .icon{transform:scaleX(-1)}.meter{inline-size:100%;block-size:4px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.meter-fill{block-size:100%;inline-size:0;border-radius:inherit;background:var(--tone);transition:inline-size var(--t-slow),width var(--t-slow)}.meter-ok{--tone: var(--ok)}.meter-warn{--tone: var(--warn)}.meter-err{--tone: var(--err)}.meter-row{display:flex;align-items:center;gap:var(--sp-3)}.meter-row .meter{flex:1}.meter-label{font-size:var(--fs-xs);color:var(--muted);min-inline-size:74px}.meter-value{font-size:var(--fs-xs);font-family:var(--mono);color:var(--text);min-inline-size:52px;text-align:end}.progress{position:relative;inline-size:100%;block-size:6px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.progress-bar{position:absolute;inset-block:0;inset-inline-start:0;inline-size:0;border-radius:inherit;background:var(--brand);transition:inline-size var(--t-slow),width var(--t-slow)}.progress.is-indeterminate .progress-bar{animation:indeterminate 1.2s ease-in-out infinite;inline-size:40%}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted);margin-block-end:6px}.gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.gauge-ring{position:relative;inline-size:84px;block-size:84px;flex:none}.gauge-ring>svg{inline-size:100%;block-size:100%;transform:rotate(-90deg);overflow:visible}.gauge-track{fill:none;stroke:var(--surface-3);stroke-width:3.4}.gauge-arc{fill:none;stroke:var(--tone);stroke-width:3.4;stroke-linecap:round;transition:stroke-dasharray var(--t-slow)}.gauge-center{position:absolute;inset:0;display:grid;place-items:center}.gauge-value{font-size:17px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.gauge-label{font-size:var(--fs-xs);color:var(--muted);text-align:center}.gauge-sub{font-size:11px;color:var(--muted)}.gauge-sm .gauge-ring{inline-size:66px;block-size:66px}.gauge-sm .gauge-value{font-size:14px}.spark{inline-size:64px;block-size:24px;overflow:visible;color:var(--tone);flex:none}.spark-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spark-area{fill:color-mix(in srgb,currentColor 10%,transparent);stroke:none}.spark-lg{inline-size:100%;block-size:60px}.spark-cell{display:inline-flex;align-items:center;gap:8px}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:center;gap:10px;padding-block:11px;border-block-end:1px solid var(--line)}.timeline-item:last-child{border-block-end:0}.timeline-icon{inline-size:34px;block-size:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);flex:none}.timeline-body{flex:1;min-inline-size:0}.timeline-title{font-size:13px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.timeline-sub{font-size:11px;color:var(--muted)}.timeline-time{font-size:var(--fs-2xs);color:var(--muted);white-space:nowrap;flex:none}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--surface-2) 20%,var(--surface-3) 40%,var(--surface-2) 60%);background-size:220% 100%;animation:shimmer 1.4s linear infinite;min-block-size:12px}.skeleton-line{block-size:12px;margin-block-end:9px}.skeleton-line:last-child{margin-block-end:0}.skeleton-line.w-70{inline-size:70%}.skeleton-line.w-50{inline-size:50%}.skeleton-line.w-30{inline-size:30%}.skeleton-text{display:block}.skeleton-card{block-size:132px;border-radius:var(--radius)}.skeleton-tile{block-size:104px;border-radius:var(--radius)}.empty-state{display:grid;place-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-7) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.empty-state-art{inline-size:64px;block-size:64px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:var(--fs-xl);font-weight:700}.empty-state-art svg{inline-size:30px;block-size:30px}.empty-state-title{font-size:var(--fs-lg);font-weight:600;color:var(--text)}.empty-state-text{font-size:var(--fs-sm);color:var(--muted);max-inline-size:46ch}.dropzone{display:grid;place-items:center;gap:10px;text-align:center;padding:var(--sp-6) var(--sp-4);border:2px dashed var(--line-2);border-radius:var(--radius-lg);background:var(--surface);color:var(--muted);transition:border-color var(--t),background var(--t);cursor:pointer}.dropzone:hover{border-color:var(--brand)}.dropzone.is-over{border-color:var(--brand);background:var(--brand-soft);color:var(--text)}.dropzone-art,.dropzone-icon{inline-size:56px;block-size:56px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}.dropzone-art svg,.dropzone-icon svg{inline-size:26px;block-size:26px}.dropzone-title{font-size:var(--fs-lg);font-weight:700;color:var(--brand)}.dropzone-hint{font-size:var(--fs-xs);color:var(--muted)}.dropzone input[type=file]{display:none}.drop-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:var(--backdrop);animation:fade-in var(--t) both;pointer-events:none}.drop-overlay-inner{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-7);border:2px dashed var(--brand);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.drop-overlay-title{font-size:var(--fs-xl);font-weight:700;color:var(--text)}.console{direction:ltr;text-align:left;font-family:var(--mono);font-size:12.5px;line-height:1.62;background:#05070d;color:#d5dcec;border:1px solid var(--line);border-radius:var(--radius);padding:12px;overflow:auto;block-size:460px;max-block-size:70vh;scrollbar-color:#2a3552 transparent;white-space:pre;overflow-wrap:normal;position:relative}:root[data-theme=light] .console{background:#0b1120;color:#dbe3f4;border-color:#0b1120}.console.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.console.console-sm{block-size:240px}.console.console-lg{block-size:620px}.console-line{display:block;padding-inline:2px;border-radius:3px}.console-line:hover{background:#ffffff0a}.console-line.is-match{background:#f59e0b26}.console-ts{color:#5b6a8a;margin-inline-end:8px;user-select:none}.console-line.stream-stderr{color:#fca5a5}.console-line.stream-system{color:#7dd3fc;font-style:italic}.console-empty{color:#5b6a8a;font-style:italic}.console-toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-block-end:var(--sp-2)}.ansi-fg-0{color:#4b5670}.ansi-fg-1{color:#f87171}.ansi-fg-2{color:#4ade80}.ansi-fg-3{color:#fbbf24}.ansi-fg-4{color:#60a5fa}.ansi-fg-5{color:#c084fc}.ansi-fg-6{color:#22d3ee}.ansi-fg-7{color:#cbd5e1}.ansi-fg-8{color:#64748b}.ansi-fg-9{color:#fca5a5}.ansi-fg-10{color:#86efac}.ansi-fg-11{color:#fde047}.ansi-fg-12{color:#93c5fd}.ansi-fg-13{color:#d8b4fe}.ansi-fg-14{color:#67e8f9}.ansi-fg-15{color:#f8fafc}.ansi-bg-0{background:#1e293b}.ansi-bg-1{background:#7f1d1d}.ansi-bg-2{background:#14532d}.ansi-bg-3{background:#78350f}.ansi-bg-4{background:#1e3a8a}.ansi-bg-5{background:#581c87}.ansi-bg-6{background:#164e63}.ansi-bg-7{background:#475569}.ansi-bg-8{background:#334155}.ansi-bg-9{background:#991b1b}.ansi-bg-10{background:#166534}.ansi-bg-11{background:#92400e}.ansi-bg-12{background:#1d4ed8}.ansi-bg-13{background:#6b21a8}.ansi-bg-14{background:#0e7490}.ansi-bg-15{background:#e2e8f0;color:#0b1120}.ansi-b{font-weight:700}.ansi-dim{opacity:.68}.ansi-i{font-style:italic}.ansi-u{text-decoration:underline}.code{display:block;direction:ltr;text-align:left;font-family:var(--mono);font-size:var(--fs-xs);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;overflow-x:auto;white-space:pre;color:var(--text)}.code.inline{display:inline-block;padding:1px 6px;white-space:nowrap}.kbd{display:inline-flex;align-items:center;justify-content:center;min-inline-size:20px;padding-inline:6px;padding-block:1px;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);border-radius:6px;line-height:1.5}.spinner{inline-size:18px;block-size:18px;border-radius:50%;border:2px solid var(--line-2);border-block-start-color:var(--brand);animation:spin .7s linear infinite;flex:none;display:inline-block}.spinner-lg{inline-size:30px;block-size:30px;border-width:3px}.loading-block{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-7);color:var(--muted)}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);padding:5px 9px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:7px;color:var(--text);font-size:var(--fs-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t);box-shadow:var(--shadow-pop);z-index:var(--z-sticky)}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1}.tooltip.tip-bottom:after{inset-block-end:auto;inset-block-start:calc(100% + 8px)}.modal-root{position:relative;z-index:var(--z-modal)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-4);background:var(--backdrop);animation:fade-in var(--t) both;overflow-y:auto}.modal-backdrop-out{animation:fade-in var(--t) reverse both}.modal{inline-size:min(620px,100%);max-block-size:min(86dvh,900px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-pop);animation:pop-in var(--t) both;overflow:hidden}.modal-sm{inline-size:min(440px,100%)}.modal-lg{inline-size:min(920px,100%)}.modal-danger{border-color:color-mix(in srgb,var(--err) 40%,var(--line))}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:16px 20px;border-block-end:1px solid var(--line)}.modal-title{font-size:var(--fs-xl);font-weight:700}.modal-sub{font-size:var(--fs-xs);color:var(--muted);margin-block-start:3px}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:14px 20px;border-block-start:1px solid var(--line)}.modal-x{color:var(--muted)}.dialog-body{display:flex;flex-direction:column;gap:var(--sp-3)}.dialog-msg{font-size:var(--fs-sm);color:var(--text);line-height:1.6}.dialog-detail{line-height:1.6}.ctr-del-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;max-block-size:220px;overflow-y:auto;padding-inline:10px;padding-block:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.ctr-del-list li{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);min-inline-size:0}.ctr-del-list li>.mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctr-del-list li>.muted{margin-inline-start:auto;flex:none}.drawer{position:fixed;inset:0;z-index:var(--z-drawer);background:var(--backdrop);animation:fade-in var(--t) both;display:flex;justify-content:flex-end}.drawer-panel{inline-size:min(460px,100%);block-size:100%;background:var(--surface);border-inline-start:1px solid var(--line);display:flex;flex-direction:column;animation:fade-in var(--t) both;overflow:hidden}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-block-end:1px solid var(--line)}.drawer-body{flex:1;overflow-y:auto;padding:var(--sp-4)}.drawer-footer{padding:var(--sp-4);border-block-start:1px solid var(--line)}.menu-wrap{position:relative}.menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;min-inline-size:224px;padding:6px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);z-index:var(--z-sticky);animation:pop-in var(--t) both;max-block-size:60vh;overflow-y:auto}.menu.menu-start{inset-inline-end:auto;inset-inline-start:0}.menu-item{display:flex;align-items:center;gap:var(--sp-2);inline-size:100%;padding-inline:10px;padding-block:8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text);text-align:start;transition:background var(--t),color var(--t)}.menu-item:hover,.menu-item.is-active{background:var(--surface-2)}.menu-item .icon{color:var(--muted)}.menu-item.is-danger{color:var(--err)}.menu-item.is-danger:hover{background:var(--err-soft)}.menu-item[aria-checked=true],.menu-item[aria-checked=true] .icon{color:var(--brand)}.menu-sep{block-size:1px;background:var(--line);margin:5px 2px}.menu-label{padding-inline:10px;padding-block:6px 3px;font-size:var(--fs-2xs);font-weight:600;color:var(--muted)}.toast-root{position:fixed;inset-block-end:18px;inset-inline-start:18px;z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:10px;max-inline-size:min(400px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:10px;padding:11px 12px 13px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);animation:toast-in var(--t) both;pointer-events:auto;overflow:hidden}.toast-out{animation:toast-out var(--t) both}.toast-icon{display:flex;padding-block-start:1px}.toast-success{border-color:color-mix(in srgb,var(--ok) 40%,var(--line-2))}.toast-success .toast-icon{color:var(--ok)}.toast-error{border-color:color-mix(in srgb,var(--err) 40%,var(--line-2))}.toast-error .toast-icon{color:var(--err)}.toast-warn{border-color:color-mix(in srgb,var(--warn) 40%,var(--line-2))}.toast-warn .toast-icon{color:var(--warn)}.toast-info .toast-icon{color:var(--info)}.toast-body{flex:1;min-inline-size:0}.toast-title{font-size:var(--fs-sm);font-weight:600;margin-block-end:2px}.toast-msg{font-size:var(--fs-sm);color:var(--text-2);line-height:1.5;overflow-wrap:anywhere}.toast-close{color:var(--muted);display:flex;padding:2px;border-radius:6px}.toast-close:hover{color:var(--text);background:var(--surface-2)}.toast-action{flex:none}.toast-bar{position:absolute;inset-block-end:0;inset-inline:0;block-size:2px;background:var(--brand);transform-origin:left center;animation:bar-run linear forwards}[dir=rtl] .toast-bar{transform-origin:right center}.toast-hold .toast-bar{animation-play-state:paused}.sidebar{position:sticky;inset-block-start:0;block-size:100dvh;display:flex;flex-direction:column;padding:0 12px 12px;background:var(--bg-2);border-inline-end:1px solid var(--line);overflow:hidden;z-index:var(--z-sticky)}.side-brand{display:flex;align-items:center;gap:11px;min-block-size:84px;padding-inline:4px;flex:none}.brand-tile{inline-size:40px;block-size:40px;border-radius:11px;background:var(--grad-mark);display:grid;place-items:center;color:#fff;flex:none}.brand-tile svg{inline-size:22px;block-size:22px}.brand-text{display:flex;flex-direction:column;min-inline-size:0}.brand-word{font-size:21px;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}:root[data-theme=light] .brand-word{color:var(--text)}.brand-tagline{font-size:11px;color:var(--muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;flex:1;margin-inline:-4px;padding-inline:4px;padding-block-start:4px}.nav-group{display:contents}.nav-label{display:none}.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-block-size:44px;padding-inline:11px;border-radius:10px;color:var(--text-2);font-size:var(--fs-md);font-weight:500;white-space:nowrap;transition:background var(--t),color var(--t)}.nav-item .icon{flex:none;color:var(--muted)}.nav-item .nav-text{overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover .icon{color:var(--text-2)}.nav-item.is-active{background:var(--grad-nav-active);color:#fff;font-weight:600}.nav-item.is-active .icon{color:#fff}:root[data-theme=light] .nav-item.is-active{background:var(--brand)}.nav-badge,.nav-item .nav-count{margin-inline-start:auto;min-inline-size:20px;block-size:19px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-2);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.nav-item.is-active .nav-badge,.nav-item.is-active .nav-count{background:#ffffff2e;color:#fff}.sidebar-foot{display:flex;flex-direction:column;gap:8px;padding-block-start:10px;flex:none}.server-card{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.server-card.is-stale{opacity:.65}.server-head{display:flex;align-items:center;gap:8px}.server-title{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.server-rows{display:flex;flex-direction:column;gap:7px}.server-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-2xs)}.server-key{color:var(--muted);flex:none}.server-val{color:var(--text);font-size:var(--fs-2xs);direction:ltr;unicode-bidi:plaintext;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-indicator{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:11px;color:var(--text-2);white-space:nowrap}.collapse-btn{justify-content:center;color:var(--muted)}[dir=rtl] .collapse-btn .icon,.app-shell.collapsed .collapse-btn .icon{transform:scaleX(-1)}[dir=rtl] .app-shell.collapsed .collapse-btn .icon{transform:none}.app-shell.collapsed .sidebar{padding-inline:10px}.app-shell.collapsed .brand-text,.app-shell.collapsed .nav-text,.app-shell.collapsed .nav-badge,.app-shell.collapsed .nav-count,.app-shell.collapsed .server-rows,.app-shell.collapsed .server-title,.app-shell.collapsed .conn-indicator span:not(.status-dot),.app-shell.collapsed .collapse-btn span{display:none}.app-shell.collapsed .nav-item{justify-content:center;padding-inline:8px}.app-shell.collapsed .side-brand{justify-content:center;padding-inline:0}.app-shell.collapsed .server-card{align-items:center;padding:10px 6px}.app-shell.collapsed .server-head{justify-content:center}.app-shell.collapsed .conn-indicator{margin-inline:0}.topbar{position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:10px;min-block-size:var(--topbar-h);padding-inline:var(--content-pad);background:var(--bg-2);border-block-end:1px solid var(--line)}.topbar-actions{display:flex;align-items:center;gap:6px}.topbar-sep{inline-size:1px;block-size:26px;background:var(--line);flex:none}.topbar .btn-icon{inline-size:40px;block-size:40px;min-block-size:40px;color:var(--text-2)}.topbar .btn-icon:hover{background:var(--surface-2);border-color:var(--line);color:var(--text)}.topbar-search{display:flex;align-items:center;gap:9px;inline-size:330px;max-inline-size:100%;block-size:44px;padding-inline:13px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);transition:border-color var(--t)}.topbar-search:hover{border-color:var(--line-2)}.topbar-search:focus-within{border-color:var(--brand)}.topbar-search input{flex:1;min-inline-size:0;background:none;border:0;outline:none;font-size:var(--fs-sm);color:var(--text)}.topbar-search input::placeholder{color:var(--muted)}.topbar-search input::-webkit-search-cancel-button{display:none}.topbar-search .kbd{flex:none}.org-switcher{display:flex;align-items:center;gap:9px;block-size:44px;padding-inline:13px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);font-weight:600;max-inline-size:230px;transition:border-color var(--t),background var(--t)}.org-switcher:hover{border-color:var(--line-2);background:var(--surface-3)}.org-switcher .icon{color:var(--muted)}.org-dot{inline-size:9px;block-size:9px;border-radius:3px;background:var(--brand);flex:none}.topbar .btn-upload{margin-inline-start:auto;min-block-size:44px;padding-inline:18px;border-radius:var(--radius-sm);background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;font-size:var(--fs-md)}.topbar .btn-upload:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 88%,#fff);border-color:transparent;filter:none}.user-chip{display:flex;align-items:center;gap:10px;padding-inline:6px;block-size:52px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text);transition:background var(--t),border-color var(--t)}.user-chip:hover{background:var(--surface-2);border-color:var(--line)}.user-chip .avatar{inline-size:44px;block-size:44px;font-size:var(--fs-md)}.user-chip-text{display:flex;flex-direction:column;align-items:flex-start;min-inline-size:0}.user-chip-name{font-size:var(--fs-lg);font-weight:600;line-height:1.25;color:var(--text)}.user-chip-role{font-size:var(--fs-xs);line-height:1.25;color:var(--muted)}.user-chip .icon{color:var(--muted)}.nav-scrim{display:none}@media(max-width:1000px){.app-shell .sidebar{position:fixed;inset-block:0;inset-inline-start:0;inline-size:258px;margin-inline-start:-278px;transition:margin-inline-start var(--t-slow);z-index:var(--z-drawer)}.app-shell.nav-open .sidebar{margin-inline-start:0;box-shadow:var(--shadow-pop)}.app-shell.collapsed .sidebar{padding-inline:12px}.app-shell.collapsed .brand-text,.app-shell.collapsed .nav-text,.app-shell.collapsed .nav-badge,.app-shell.collapsed .nav-count,.app-shell.collapsed .server-rows,.app-shell.collapsed .server-title{display:revert}.app-shell.collapsed .nav-item{justify-content:flex-start;padding-inline:11px}.collapse-btn{display:none}.nav-scrim{display:block;position:fixed;inset:0;z-index:calc(var(--z-drawer) - 1);background:var(--scrim);animation:fade-in var(--t) both}.topbar{padding-inline:var(--sp-4);gap:8px}.topbar-search{inline-size:auto;flex:1;min-inline-size:0}.org-switcher .org-name,.user-chip-text{display:none}}@media(max-width:700px){.topbar-search,.topbar .btn-upload span{display:none}.topbar .btn-upload{inline-size:44px;padding-inline:0;justify-content:center}}.palette-backdrop{position:fixed;inset:0;z-index:var(--z-palette);display:grid;align-items:start;justify-items:center;padding-block-start:12vh;padding-inline:var(--sp-4);background:var(--backdrop);animation:fade-in var(--t) both}.palette{inline-size:min(680px,100%);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-pop);overflow:hidden;animation:pop-in var(--t) both}.palette-input-row{display:flex;align-items:center;gap:10px;padding:var(--sp-4);border-block-end:1px solid var(--line)}.palette-input{flex:1;background:none;border:0;outline:none;font-size:var(--fs-lg);color:var(--text)}.palette-input::placeholder{color:var(--muted)}.palette-list{max-block-size:min(52vh,440px);overflow-y:auto;padding:6px}.palette-group-label{padding-inline:10px;padding-block:8px 4px;font-size:var(--fs-2xs);font-weight:600;color:var(--muted)}.palette-item{display:flex;align-items:center;gap:10px;inline-size:100%;padding-inline:10px;padding-block:9px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text);text-align:start;transition:background var(--t)}.palette-item .icon{color:var(--muted)}.palette-item.is-active{background:var(--surface-2)}.palette-item.is-active .icon{color:var(--brand)}.palette-item-sub{margin-inline-start:auto;font-size:var(--fs-xs);color:var(--muted)}.palette-foot{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-4);border-block-start:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted);background:var(--surface-2)}.palette-empty{padding:var(--sp-6);text-align:center;color:var(--muted);font-size:var(--fs-sm)}.auth-split{display:grid;grid-template-columns:1.05fr .95fr;min-block-size:100dvh}.auth-hero{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-5);padding:var(--sp-7) clamp(28px,6vw,80px);border-inline-end:1px solid var(--line);background:var(--bg);overflow:hidden}.auth-hero-title{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.auth-hero-sub{color:var(--text-2);font-size:var(--fs-lg);max-inline-size:52ch;line-height:1.6}.auth-points{display:flex;flex-direction:column;gap:var(--sp-3);margin-block-start:var(--sp-2)}.auth-point{display:flex;align-items:flex-start;gap:10px;color:var(--text-2);font-size:var(--fs-sm)}.auth-point .icon{color:var(--brand);margin-block-start:2px}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:var(--sp-7) clamp(24px,5vw,64px);background:var(--bg-2)}.auth-card{inline-size:min(420px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.auth-title{font-size:var(--fs-2xl);font-weight:700}.auth-sub{color:var(--muted);font-size:var(--fs-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--sp-3)}.auth-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--muted)}.auth-switchers{position:absolute;inset-block-start:var(--sp-4);inset-inline-end:var(--sp-4);display:flex;gap:6px;z-index:2}@media(max-width:900px){.auth-split{grid-template-columns:minmax(0,1fr)}.auth-hero{display:none}.auth-panel{min-block-size:100dvh}}.link-plain{color:var(--text)}.link-plain:hover{color:var(--brand)}.tile-icon{inline-size:34px;block-size:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone);flex:none}.tile-icon.tile-sm{inline-size:28px;block-size:28px;border-radius:8px}.tile-icon.tile-lg{inline-size:44px;block-size:44px;border-radius:var(--radius)}.kv{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:8px var(--sp-4);font-size:var(--fs-sm)}.kv dt{color:var(--muted);font-size:var(--fs-xs)}.kv dd{margin:0;overflow-wrap:anywhere}.callout{display:flex;gap:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);font-size:var(--fs-sm);color:var(--text-2)}.callout .icon{flex:none;margin-block-start:2px}.callout-info{border-color:color-mix(in srgb,var(--info) 28%,transparent);background:var(--info-soft)}.callout-warn{border-color:color-mix(in srgb,var(--warn) 28%,transparent);background:var(--warn-soft)}.callout-err{border-color:color-mix(in srgb,var(--err) 28%,transparent);background:var(--err-soft)}.callout-ok{border-color:color-mix(in srgb,var(--ok) 28%,transparent);background:var(--ok-soft)}.danger-zone{border:1px solid color-mix(in srgb,var(--err) 32%,var(--line));border-radius:var(--radius);background:var(--surface);padding:18px}.danger-zone .card-title{color:var(--err)}
