.btn{--btn-h:32px;--btn-px:12px;--btn-fs:13px;--btn-gap:6px;--btn-radius:var(--r-md);justify-content:center;align-items:center;gap:var(--btn-gap);height:var(--btn-h);padding:0 var(--btn-px);font-size:var(--btn-fs);border-radius:var(--btn-radius);color:var(--fg);cursor:pointer;transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);white-space:nowrap;background:0 0;border:1px solid #0000;font-family:inherit;font-weight:500;line-height:1;display:inline-flex}.btn i{font-size:14px}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn-sm{--btn-h:26px;--btn-px:10px;--btn-fs:12px}.btn-md{--btn-h:32px;--btn-px:12px;--btn-fs:13px}.btn-lg{--btn-h:38px;--btn-px:16px;--btn-fs:14px}.btn-icon{width:var(--btn-h);padding:0}.btn-primary{background:var(--accent-600);color:var(--fg-on-accent);border-color:var(--accent-700);box-shadow:inset 0 1px #ffffff1a,0 1px 2px #09090b1a}.btn-primary:hover{background:var(--accent-700)}.btn-primary:active{background:var(--accent-800)}.btn-secondary{background:var(--bg);color:var(--fg);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-secondary:active{background:var(--bg-active)}[data-theme=dark] .btn-secondary{background:var(--bg-elevated);border-color:var(--border-strong)}.btn-ghost{color:var(--fg-muted)}.btn-ghost:hover{background:var(--bg-hover);color:var(--fg)}.btn-ghost:active{background:var(--bg-active)}.btn-link{height:auto;color:var(--accent);background:0 0;border:0;padding:0}.btn-link:hover{text-underline-offset:2px;text-decoration:underline}.btn-destructive{background:var(--danger-600);color:#fff;border-color:var(--danger-700)}.btn-destructive:hover{background:var(--danger-700)}.btn-destructive:active{background:var(--danger-900)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--fg);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.field-label .req{color:var(--danger)}.field-help{color:var(--fg-subtle);font-size:12px}.field-error{color:var(--danger-fg);align-items:center;gap:4px;font-size:12px;display:flex}.input,.textarea,.select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;height:32px;color:var(--fg);box-shadow:var(--shadow-xs);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);align-items:center;padding:0 10px;font-family:inherit;font-size:13px;line-height:1;display:flex}[data-theme=dark] .input,[data-theme=dark] .textarea,[data-theme=dark] .select{background:var(--bg-elevated)}.textarea{resize:vertical;height:auto;min-height:88px;padding:8px 10px;line-height:20px}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);outline:none}.input:disabled,.textarea:disabled,.select:disabled{background:var(--bg-muted);color:var(--fg-disabled);cursor:not-allowed}.input.error,.textarea.error,.select.error{border-color:var(--danger)}.input.error:focus,.textarea.error:focus,.select.error:focus{box-shadow:0 0 0 3px color-mix(in oklab, var(--danger) 22%, transparent)}.input-wrap{position:relative}.input-wrap>i{color:var(--fg-subtle);font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-wrap>.input{padding-left:30px}.input-wrap>.kbd-end{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(0,0,0,.5)' d='M0 0h10L5 6z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}[data-theme=dark] .select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(255,255,255,.5)' d='M0 0h10L5 6z'/></svg>")}.checkbox,.radio{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.checkbox input,.radio input{appearance:none;cursor:pointer;margin:0}.checkbox .box{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);width:16px;height:16px;transition:background var(--motion-fast), border-color var(--motion-fast);place-items:center;display:grid}.checkbox input:checked+.box{background:var(--accent);border-color:var(--accent)}.checkbox input:checked+.box:after{content:"";border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:8px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.radio .box{border:1px solid var(--border-strong);background:var(--bg);border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.radio input:checked+.box{border-color:var(--accent)}.radio input:checked+.box:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.switch{width:32px;height:18px;display:inline-flex;position:relative}.switch input{appearance:none;cursor:pointer;width:100%;height:100%;margin:0}.switch .track{background:var(--neutral-300);border-radius:var(--r-full);transition:background var(--motion-fast);position:absolute;inset:0}[data-theme=dark] .switch .track{background:var(--neutral-700)}.switch input:checked~.track{background:var(--accent)}.switch .thumb{width:14px;height:14px;transition:transform var(--motion-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch input:checked~.thumb{transform:translate(14px)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg)}.card.elevated{box-shadow:var(--shadow-md);border-color:#0000}.card-header{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.card-header .title{font-size:14px;font-weight:600}.card-header .desc{color:var(--fg-muted);margin-top:2px;font-size:12px}.card-content{padding:16px}.card-footer{border-top:1px solid var(--border-muted);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.kpi{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.kpi .label{color:var(--fg-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.kpi .label i{color:var(--fg-subtle);font-size:14px}.kpi .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:1.15}.kpi .meta{color:var(--fg-muted);align-items:center;gap:8px;font-size:12px;display:flex}.kpi .delta{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-weight:500;display:inline-flex}.kpi .delta.up{color:var(--success-600)}.kpi .delta.down{color:var(--danger-600)}[data-theme=dark] .kpi .delta.up{color:var(--success-500)}[data-theme=dark] .kpi .delta.down{color:var(--danger-500)}.badge{border-radius:var(--r-sm);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:var(--bg-muted);height:20px;color:var(--fg-muted);border:1px solid var(--border);align-items:center;gap:4px;padding:0 6px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.badge.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-neutral{background:var(--bg-muted);color:var(--fg-muted);border-color:var(--border)}.badge-success{background:var(--success-soft);color:var(--success-fg);border-color:var(--success-border)}.badge-warning{background:var(--warning-soft);color:var(--warning-fg);border-color:var(--warning-border)}.badge-danger{background:var(--danger-soft);color:var(--danger-fg);border-color:var(--danger-border)}.badge-info{background:var(--info-soft);color:var(--info-fg);border-color:var(--info-border)}.badge-accent{background:var(--accent-soft);color:var(--accent-fg-on-soft);border-color:var(--accent-border)}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tabs .tab{color:var(--fg-muted);cursor:pointer;transition:color var(--motion-fast);background:0 0;border:0;padding:8px 12px;font-size:13px;font-weight:500;position:relative}.tabs .tab:hover,.tabs .tab.active{color:var(--fg)}.tabs .tab.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs .tab .count{background:var(--bg-muted);height:16px;color:var(--fg-muted);border-radius:var(--r-full);font-variant-numeric:tabular-nums;margin-left:6px;padding:0 5px;font-size:10px;font-weight:500;line-height:16px;display:inline-block}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:var(--table-fs);font-variant-numeric:tabular-nums}.table th,.table td{text-align:left;padding:0 var(--cell-px);height:var(--row-h);border-bottom:1px solid var(--border-muted);white-space:nowrap;vertical-align:middle}.table th{color:var(--fg-subtle);font-weight:500;font-size:calc(var(--table-fs) - 1px);background:var(--bg-subtle);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;height:32px}.table th .sort{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.table th .sort i{opacity:.5;font-size:10px}.table th .sort.active{color:var(--fg)}.table th .sort.active i{opacity:1;color:var(--accent)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr.selected{background:var(--accent-soft)}.table tbody tr:last-child td{border-bottom:0}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table td.mono{font-family:var(--font-mono);font-size:calc(var(--table-fs) - 1px);color:var(--fg-muted)}.table td.actions{text-align:right;padding-right:6px}.table-foot{border-top:1px solid var(--border);background:var(--bg-subtle);color:var(--fg-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.pagination{align-items:center;gap:2px;display:inline-flex}.modal-shell{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:480px;max-width:100%;position:relative;overflow:hidden}.modal-shell .modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 12px;display:flex}.modal-shell .modal-head h3{margin-bottom:4px;font-size:16px}.modal-shell .modal-head p{color:var(--fg-muted);margin:0;font-size:13px}.modal-shell .modal-body{padding:0 20px 20px}.modal-shell .modal-foot{border-top:1px solid var(--border-muted);background:var(--bg-subtle);justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.modal-shell .modal-close{margin-top:-2px}.toast{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);box-shadow:var(--shadow-md);align-items:flex-start;gap:10px;width:340px;max-width:100%;padding:10px 12px;display:flex}.toast .icon{flex-shrink:0;width:16px;height:16px;margin-top:2px;font-size:16px}.toast .body{flex:1;min-width:0}.toast .ttl{font-size:13px;font-weight:500}.toast .msg{color:var(--fg-muted);margin-top:2px;font-size:12px}.toast .close{color:var(--fg-subtle);margin-top:-2px}.toast.success .icon{color:var(--success)}.toast.warning .icon{color:var(--warning)}.toast.danger .icon{color:var(--danger)}.toast.info .icon{color:var(--info)}.menu{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--r-md);width:220px;box-shadow:var(--shadow-popover);flex-direction:column;padding:4px;display:inline-flex}.menu .item{border-radius:var(--r-sm);height:28px;color:var(--fg);cursor:pointer;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.menu .item:hover{background:var(--bg-hover)}.menu .item i{color:var(--fg-subtle);font-size:14px}.menu .item .kbd-end{margin-left:auto}.menu .item.destructive{color:var(--danger-fg)}.menu .item.destructive i{color:var(--danger)}.menu .sep{background:var(--border-muted);height:1px;margin:4px 0}.menu .label{color:var(--fg-subtle);letter-spacing:.02em;padding:6px 8px 4px;font-size:11px}.stepper{align-items:center;gap:8px;font-size:13px;display:flex}.stepper .step{color:var(--fg-subtle);align-items:center;gap:8px;display:flex}.stepper .step .idx{border-radius:var(--r-full);background:var(--bg-muted);width:22px;height:22px;color:var(--fg-muted);border:1px solid var(--border);place-items:center;font-size:11px;font-weight:500;display:grid}.stepper .step.current{color:var(--fg);font-weight:500}.stepper .step.current .idx{background:var(--accent);color:var(--fg-on-accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.stepper .step.done{color:var(--fg-muted)}.stepper .step.done .idx{background:var(--accent-soft);color:var(--accent-fg-on-soft);border-color:var(--accent-border)}.stepper .step.done .idx i{font-size:12px}.stepper .sep{background:var(--border);flex:1;min-width:24px;max-width:64px;height:1px}.skeleton{background:var(--bg-muted);border-radius:var(--r-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--bg) 60%, transparent) 50%, transparent 100%);animation:1.4s ease-in-out infinite skel;position:absolute;inset:0;transform:translate(-100%)}@keyframes skel{to{transform:translate(100%)}}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.empty svg{width:96px;height:96px;color:var(--fg-subtle)}.empty h4{font-size:14px}.empty p{color:var(--fg-muted);max-width:320px;margin:0;font-size:13px}.empty .actions{gap:8px;margin-top:8px;display:flex}.date-pill{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-md);height:32px;color:var(--fg);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.date-pill .sep{color:var(--fg-subtle)}.date-pill i{color:var(--fg-subtle);font-size:14px}.date-popover{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-elevated);width:340px;box-shadow:var(--shadow-popover);padding:12px}.date-popover .presets{border-bottom:1px solid var(--border-muted);flex-wrap:wrap;gap:4px;margin-bottom:12px;padding-bottom:12px;display:flex}.date-popover .preset{border-radius:var(--r-sm);color:var(--fg-muted);background:var(--bg-muted);cursor:pointer;border:1px solid #0000;padding:4px 8px;font-size:12px}.date-popover .preset:hover{color:var(--fg);border-color:var(--border)}.date-popover .preset.active{background:var(--accent-soft);color:var(--accent-fg-on-soft);border-color:var(--accent-border)}.cal{grid-template-columns:repeat(7,1fr);gap:2px;font-size:12px;display:grid}.cal .dow{color:var(--fg-subtle);text-align:center;padding:4px 0;font-size:10px}.cal .day{border-radius:var(--r-sm);height:28px;color:var(--fg);cursor:pointer;font-variant-numeric:tabular-nums;place-items:center;display:grid}.cal .day:hover{background:var(--bg-hover)}.cal .day.muted{color:var(--fg-disabled)}.cal .day.in{background:var(--accent-soft);color:var(--accent-fg-on-soft);border-radius:0}.cal .day.start{background:var(--accent);color:#fff;border-radius:var(--r-sm) 0 0 var(--r-sm)}.cal .day.end{background:var(--accent);color:#fff;border-radius:0 var(--r-sm) var(--r-sm) 0}.cal .day.single{background:var(--accent);color:#fff}.code-block{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--r-md);color:var(--fg-muted);padding:10px 12px;font-size:12px;line-height:18px;position:relative;overflow-x:auto}.code-block pre{margin:0}.code-block .copy{height:22px;font-size:11px;font-family:var(--font-sans);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--fg-muted);cursor:pointer;align-items:center;gap:4px;padding:0 8px;font-weight:500;display:inline-flex;position:absolute;top:6px;right:6px}.code-block .copy:hover{color:var(--fg)}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:4px;display:grid}.icon-cell{border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.icon-cell:hover{background:var(--bg-hover)}.icon-cell i{color:var(--fg);font-size:20px}.icon-cell .nm{color:var(--fg-subtle);font-size:10px;font-family:var(--font-mono)}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.right{margin-left:auto}.divider{background:var(--border-muted);height:1px;margin:12px 0}.spaced>*+*{margin-top:8px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-400);background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}