.aopt{border:1px solid var(--hairline);background:var(--surface);border-radius:20px;padding:1.25rem;box-shadow:0 30px 70px -44px #0c0a0d8c}@media (min-width:640px){.aopt{padding:1.5rem}}.aopt-title{color:var(--ink);margin:0;font-size:1.125rem;font-weight:650;line-height:1.4}.aopt-lead{color:var(--ink-2);margin:.6rem 0 0;font-size:.9375rem;line-height:1.7}.aopt-list{gap:.625rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.aopt-opt{border:1px solid var(--hairline);color:inherit;border-radius:14px;gap:.45rem;padding:.95rem 1rem;text-decoration:none;transition:border-color .16s,background-color .16s;display:grid}.aopt-opt:hover{border-color:var(--brand);background:color-mix(in srgb, var(--brand-soft) 55%, transparent)}.aopt-opt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.aopt-opt.is-best{border-color:color-mix(in srgb, var(--brand) 55%, var(--hairline));background:color-mix(in srgb, var(--brand-soft) 45%, transparent)}.aopt-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.aopt-name{color:var(--ink);font-size:1rem;font-weight:600}.aopt-badge{background:var(--brand);color:var(--on-brand,#fff);border-radius:999px;flex:none;padding:.15rem .6rem;font-size:.8125rem;font-weight:600}.aopt-apps{gap:.3rem;display:flex}.aopt-note{color:var(--ink-2);font-size:.8125rem;line-height:1.6}.aopt-price{flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin-top:.15rem;display:flex}.aopt-amount{color:var(--ink);font-size:1.5rem;font-weight:600}.aopt-per{color:var(--ink-2);font-size:.875rem}.aopt-user{color:var(--muted,var(--ink-2));font-size:.8125rem}.aopt-go{color:var(--anchor);align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;display:inline-flex}.aopt-fine{color:var(--muted,var(--ink-2));margin:.85rem 0 0;font-size:.8125rem;line-height:1.6}.aopt-fine+.aopt-fine{margin-top:.3rem}
.v3-demo{border:1px solid var(--hairline);background:var(--paper-2);box-shadow:var(--shadow-frame);color:var(--ink-2);border-radius:20px;font-size:.875rem;position:relative;overflow:hidden}[data-theme=dark] .v3-demo{border-color:#ffffff14}.v3-demo-top{border-bottom:1px solid var(--hairline);background:var(--surface);align-items:center;gap:10px;padding:12px 16px;display:flex}.v3-demo-app{color:var(--ink);white-space:nowrap;font-weight:600}.v3-demo-search{background:var(--paper-2);border:1px solid var(--hairline);max-width:340px;height:34px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:8px;margin-inline-start:auto;padding:0 12px;display:flex}.v3-demo-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:.875rem}.v3-demo-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.v3-demo-body{grid-template-columns:210px minmax(0,1fr);min-height:460px;display:grid;position:relative}.v3-demo-rail{border-inline-end:1px solid var(--hairline);background:var(--surface);flex-direction:column;gap:4px;padding:14px 10px;display:flex}.v3-demo-tab{color:var(--ink-2);text-align:start;border-radius:999px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;transition:background-color .16s,color .16s;display:flex}.v3-demo-tab:hover{background:var(--paper-2);color:var(--ink)}.v3-demo-tab.is-on{background:var(--ink);color:var(--paper)}.v3-demo-tab:focus-visible,.v3-demo-tr:focus-visible,.v3-demo-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.v3-demo-main{min-width:0;animation:v3-demo-in .42s var(--ease-out-strong) both;padding:20px 22px 24px}.v3-demo-title{letter-spacing:-.015em;color:var(--ink);font-size:1.25rem;font-weight:600}.v3-demo-kpis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:14px;display:grid}.v3-demo-kpi{background:var(--surface);border:1px solid var(--hairline);animation:v3-demo-in .42s var(--ease-out-strong) both;animation-delay:calc(var(--i) * 60ms);border-radius:14px;gap:2px;padding:12px 14px;display:grid}.v3-demo-kpi span{color:var(--muted);font-size:.75rem}.v3-demo-kpi b{font-family:var(--font-mono);color:var(--ink);font-size:1.25rem;font-weight:500}.v3-demo-kpi em{color:var(--money-ink);font-size:.75rem;font-style:normal}.v3-demo-kpi.is-hot{background:linear-gradient(135deg,#2f5bff,#4d72ff);border-color:#0000}.v3-demo-kpi.is-hot span,.v3-demo-kpi.is-hot b,.v3-demo-kpi.is-hot em{color:#0c0a0d}.v3-demo-table{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;margin-top:16px;overflow:hidden}.v3-demo-tr{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));text-align:start;border-top:1px solid var(--hairline-soft);align-items:center;gap:12px;width:100%;padding:11px 14px;display:grid}.v3-demo-tr span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}button.v3-demo-tr{cursor:pointer;animation:v3-demo-in .38s var(--ease-out-strong) both;animation-delay:calc(80ms + var(--i) * 45ms);transition:background-color .14s}button.v3-demo-tr:hover,.v3-demo-tr.is-open{background:var(--paper-2)}.v3-demo-th{color:var(--muted);border-top:0;font-size:.75rem;font-weight:600}.v3-demo-first{color:var(--ink);font-weight:600}.v3-demo-st{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:.75rem;font-style:normal;font-weight:600;display:inline-flex}.v3-demo-st-ok{background:var(--money-soft);color:var(--money-ink)}.v3-demo-st-due{background:var(--attention-soft);color:var(--attention-ink)}.v3-demo-st-late{background:var(--brand-soft);color:var(--anchor)}.v3-demo-st-info{color:color-mix(in srgb, #3d86ec 70%, var(--ink));background:#3d86ec24}.v3-demo-st-draft{background:var(--paper-2);color:var(--ink-2)}.v3-demo-empty{color:var(--muted);margin-top:16px}.v3-demo-board{grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;gap:12px;margin-top:16px;padding-bottom:4px;display:grid;overflow-x:auto}.v3-demo-lane{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;flex-direction:column;gap:8px;min-height:220px;padding:10px;display:flex}.v3-demo-lane-h{align-items:center;gap:8px;padding:2px 4px;font-size:.8125rem;font-weight:600;display:flex;background:0 0!important}.v3-demo-lane-h i{background:currentColor;border-radius:50%;width:8px;height:8px}.v3-demo-card{background:var(--paper-2);border:1px solid var(--hairline-soft);text-align:start;cursor:pointer;transition:transform .16s var(--ease-out-strong), border-color .16s;animation:v3-demo-in .38s var(--ease-out-strong) both;border-radius:12px;gap:3px;padding:10px 12px;display:grid}.v3-demo-card:hover{border-color:var(--hairline-2);transform:translateY(-1px)}.v3-demo-card b{color:var(--ink);font-weight:600}.v3-demo-card span{color:var(--muted);font-size:.8125rem}.v3-demo-card em{font-style:normal;font-family:var(--font-mono);color:var(--ink)}.v3-demo-card .v3-demo-move{color:var(--anchor);align-items:center;gap:4px;margin-top:4px;font-size:.75rem;font-weight:600;display:inline-flex}.v3-demo-stats{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.v3-demo-chart,.v3-demo-list{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:16px}.v3-demo-chart>p,.v3-demo-list>p{color:var(--muted);font-size:.75rem;font-weight:600}.v3-demo-bars{align-items:flex-end;gap:10px;height:180px;margin-top:12px;display:flex}.v3-demo-bars span{flex:1;grid-template-rows:1fr auto;justify-items:center;gap:6px;min-width:0;height:100%;display:grid}.v3-demo-bars i{width:100%;height:calc(var(--v) * 100%);background:var(--hairline-2);transform-origin:bottom;animation:v3-demo-grow .7s var(--ease-out-strong) both;animation-delay:calc(.1s + var(--i) * 60ms);border-radius:8px;align-self:end}.v3-demo-bars .is-hot i{background:linear-gradient(#4d72ff,#2f5bff)}.v3-demo-bars small{color:var(--muted);white-space:nowrap;font-size:.6875rem}.v3-demo-list div{border-top:1px solid var(--hairline-soft);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.v3-demo-list div:first-of-type{margin-top:8px}.v3-demo-list b{font-family:var(--font-mono);color:var(--ink);font-weight:500}.v3-demo-drawer{background:var(--surface);border-inline-start:1px solid var(--hairline);width:min(320px,100%);animation:v3-demo-drawer .32s var(--ease-out-strong) both;z-index:2;flex-direction:column;gap:14px;padding:18px;display:flex;position:absolute;inset-block:0;inset-inline-end:0;box-shadow:-20px 0 40px -24px #0006}[dir=rtl] .v3-demo-drawer{animation-name:v3-demo-drawer-rtl}.v3-demo-drawer-h{color:var(--ink);justify-content:space-between;align-items:center;font-size:1rem;display:flex}.v3-demo-drawer-h button{width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.v3-demo-drawer-h button:hover{background:var(--paper-2);color:var(--ink)}.v3-demo-drawer dl{flex:1;align-content:start;gap:10px;display:grid}.v3-demo-drawer dl div{gap:2px;display:grid}.v3-demo-drawer dt{color:var(--muted);font-size:.75rem}.v3-demo-drawer dd{color:var(--ink)}.v3-demo-drawer .v3-btn:disabled{opacity:.55;cursor:default}@keyframes v3-demo-in{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}}@keyframes v3-demo-grow{0%{transform:scaleY(0)}}@keyframes v3-demo-drawer{0%{opacity:0;transform:translate(24px)}}@keyframes v3-demo-drawer-rtl{0%{opacity:0;transform:translate(-24px)}}@media (max-width:767px){.v3-demo-top{flex-wrap:wrap}.v3-demo-search{flex-basis:100%;order:3;max-width:none;margin-inline-start:0}.v3-demo-body{grid-template-columns:minmax(0,1fr);min-height:0}.v3-demo-rail{border-inline-end:0;border-bottom:1px solid var(--hairline);flex-direction:row;padding:10px;overflow-x:auto}.v3-demo-tab{white-space:nowrap;flex-shrink:0}.v3-demo-main{padding:16px}.v3-demo-tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.v3-demo-tr>span:not(:first-child):not(:nth-child(2)):not(:last-child){display:none}.v3-demo-stats{grid-template-columns:minmax(0,1fr)}.v3-demo-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.v3-demo *{animation:none!important}}