:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, monospace;--fz-xs: 11px;--fz-sm: 12px;--fz-md: 13px;--fz-lg: 15px;--fz-xl: 18px;--fz-2xl: 24px;--fz-3xl: 32px;--transition: .18s cubic-bezier(.32, .72, 0, 1);--transition-fast: .12s cubic-bezier(.32, .72, 0, 1);--accent: #0A84FF;--accent-hover: #0070E0;--accent-soft: rgba(10, 132, 255, .1);--color-success: #30D158;--color-warn: #FF9F0A;--color-danger: #FF453A;--color-info: #64D2FF;--avatar-1: #5E5CE6;--avatar-2: #007AFF;--avatar-3: #34C759;--avatar-4: #FF9F0A;--avatar-5: #FF375F;--avatar-6: #AF52DE;--avatar-7: #5AC8FA;--avatar-8: #BF5AF2;--avatar-9: #FF6482;--avatar-10: #64D2FF}[data-theme=dark]{--bg-0: #0E0F12;--bg-1: #16181C;--bg-2: #1B1E24;--bg-3: #22262E;--bg-elev: #1A1D22;--bg-hover: rgba(255, 255, 255, .04);--bg-press: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--hairline: rgba(255, 255, 255, .05);--text-1: #F2F3F5;--text-2: #B0B3BA;--text-3: #6E727A;--text-inv: #0E0F12;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .35);--glass: rgba(22, 24, 28, .72);--glass-border: rgba(255, 255, 255, .06)}[data-theme=light]{--bg-0: #F5F5F7;--bg-1: #FFFFFF;--bg-2: #FAFAFC;--bg-3: #F0F0F3;--bg-elev: #FFFFFF;--bg-hover: rgba(0, 0, 0, .03);--bg-press: rgba(0, 0, 0, .06);--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .14);--hairline: rgba(0, 0, 0, .06);--text-1: #1D1D1F;--text-2: #515154;--text-3: #86868B;--text-inv: #FFFFFF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .1);--glass: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fz-md);color:var(--text-1);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--text-1)}input,textarea,select{font-family:inherit;font-size:var(--fz-md);color:var(--text-1);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input::placeholder,textarea::placeholder{color:var(--text-3)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:80px;line-height:1.5}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.main{display:flex;flex-direction:column;min-width:0}.content{padding:var(--space-6) var(--space-8);flex:1;max-width:1440px;width:100%;margin:0 auto}@media (max-width: 1024px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:var(--space-4)}}.sidebar{background:var(--bg-1);border-right:1px solid var(--hairline);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--space-3);padding:4px var(--space-3) var(--space-5)}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--text-1);color:var(--text-inv);display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:-.02em}.brand-name{font-size:var(--fz-lg);font-weight:600;letter-spacing:-.015em}.brand-sub{font-size:11px;color:var(--text-3)}.nav-section{margin-top:var(--space-4);padding:0 var(--space-3) var(--space-2);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);font-weight:450;font-size:var(--fz-md)}.nav-item:hover{background:var(--bg-hover);color:var(--text-1)}.nav-item.active{background:var(--bg-press);color:var(--text-1);font-weight:500}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-3);transition:color var(--transition-fast)}.nav-item:hover .nav-icon{color:var(--text-2)}.nav-count{margin-left:auto;font-size:10px;background:var(--bg-3);color:var(--text-2);padding:1px 6px;border-radius:999px;font-weight:500;min-width:18px;text-align:center}.sidebar-foot{margin-top:auto;padding:var(--space-3);background:var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--hairline)}.topbar{padding:var(--space-5) var(--space-8);display:flex;align-items:center;gap:var(--space-4);background:var(--glass);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:10}.topbar h1{font-size:var(--fz-xl);font-weight:600;letter-spacing:-.02em}.topbar-sub{color:var(--text-3);font-size:var(--fz-sm);margin-top:2px}.topbar-spacer{flex:1}.topbar-tools{display:flex;gap:var(--space-2);align-items:center}@media (max-width: 1024px){.topbar{padding:var(--space-4)}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-1);color:var(--text-1);cursor:pointer;font-weight:500;font-size:var(--fz-md);transition:all var(--transition-fast);white-space:nowrap;line-height:1.2}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){background:var(--bg-press)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-hover);transform:scale(.98)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-1)}.btn-danger{color:var(--color-danger);background:transparent;border-color:var(--border)}.btn-danger:hover:not(:disabled){background:#ff453a14;border-color:#ff453a4d}.btn-sm{padding:5px 9px;font-size:var(--fz-sm);border-radius:var(--radius-xs)}.btn-icon{padding:0;width:32px;height:32px;justify-content:center}.btn-icon-sm{padding:0;width:28px;height:28px;min-width:28px;justify-content:center;border-radius:var(--radius-xs)}.btn svg{width:14px;height:14px}.btn-icon-sm svg{width:13px;height:13px}.card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-fast),transform var(--transition-fast)}.card-hover:hover{border-color:var(--border);transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:500;background:var(--bg-2);color:var(--text-2);border:1px solid var(--hairline);line-height:1.4}.badge-success{color:var(--color-success);background:#30d1581a;border-color:#30d15840}.badge-warn{color:var(--color-warn);background:#ff9f0a1a;border-color:#ff9f0a40}.badge-danger{color:var(--color-danger);background:#ff453a1a;border-color:#ff453a40}.badge-info{color:var(--color-info);background:#64d2ff1a;border-color:#64d2ff40}.badge-accent{color:var(--accent);background:var(--accent-soft);border-color:#0a84ff4d}.badge-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:var(--fz-md);font-weight:600;flex-shrink:0;color:#fff;letter-spacing:-.02em}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:48px;height:48px;font-size:var(--fz-lg);border-radius:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}@media (max-width: 900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-1);border:1px solid var(--hairline)}.stat-label{font-size:var(--fz-sm);color:var(--text-3);margin-bottom:var(--space-2);font-weight:500}.stat-value{font-size:var(--fz-2xl);font-weight:600;letter-spacing:-.03em;font-family:var(--font-display);line-height:1.1}.stat-value-small{font-size:var(--fz-md);color:var(--text-3);font-weight:500;margin-left:4px}.stat-delta{font-size:11px;color:var(--text-3);margin-top:6px;font-weight:500}.stat-delta.up{color:var(--color-success)}.stat-delta.down{color:var(--color-danger)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-5)}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.section-title h2{font-size:var(--fz-lg);font-weight:600}.list{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:12px var(--space-4);border-top:1px solid var(--hairline);transition:background var(--transition-fast)}.list-row:first-child{border-top:none}.list-row:hover{background:var(--bg-hover)}.list-row-title{font-size:var(--fz-md);font-weight:500}.list-row-sub{font-size:var(--fz-sm);color:var(--text-3);margin-top:2px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}@media (max-width: 1100px){.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.kanban{grid-template-columns:1fr}}.kanban-col{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-3);min-height:200px;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.kanban-col-head{display:flex;align-items:center;justify-content:space-between;padding:4px var(--space-2) var(--space-2)}.kanban-col-title{font-weight:600;font-size:var(--fz-sm);color:var(--text-1);display:flex;align-items:center;gap:8px;letter-spacing:-.005em}.kanban-col-dot{width:8px;height:8px;border-radius:50%}.task-card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:8px}.task-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-card-title{font-size:var(--fz-md);font-weight:600;letter-spacing:-.01em;line-height:1.3}.task-card-desc{font-size:var(--fz-sm);color:var(--text-3);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-foot{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.assignee-stack{display:flex}.assignee-stack .avatar-sm{margin-left:-6px;box-shadow:0 0 0 2px var(--bg-1)}.assignee-stack .avatar-sm:first-child{margin-left:0}.task-tags{display:flex;gap:4px;flex-wrap:wrap}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.agent-card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-fast)}.agent-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.agent-card-head{display:flex;gap:var(--space-3);align-items:center}.agent-card-name{font-weight:600;font-size:var(--fz-md);letter-spacing:-.01em}.agent-card-type{font-size:var(--fz-sm);color:var(--text-3);margin-top:2px}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--hairline)}.agent-stat{text-align:left}.agent-stat-value{font-weight:600;font-size:var(--fz-lg);font-family:var(--font-display);letter-spacing:-.02em}.agent-stat-label{font-size:var(--fz-xs);color:var(--text-3);margin-top:2px}.agent-meta{display:flex;flex-wrap:wrap;gap:5px}.agent-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.device-hero{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-xl);padding:var(--space-6);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-6);margin-bottom:var(--space-5)}@media (max-width: 900px){.device-hero{grid-template-columns:1fr}}.device-name{font-size:var(--fz-2xl);font-weight:600;letter-spacing:-.025em;font-family:var(--font-display)}.device-id{font-family:var(--font-mono);font-size:var(--fz-sm);color:var(--text-3);margin-top:4px}.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-top:var(--space-4)}.spec{padding:var(--space-3);background:var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--hairline)}.spec-label{font-size:var(--fz-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.spec-value{font-size:var(--fz-md);font-weight:600;margin-top:4px;letter-spacing:-.01em}.gpu-meter{background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-4)}.gpu-bar{height:6px;background:var(--bg-3);border-radius:999px;overflow:hidden;margin-top:var(--space-2)}.gpu-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--color-info));border-radius:999px;transition:width var(--transition)}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media (max-width: 900px){.tier-grid{grid-template-columns:1fr}}.tier-card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5);position:relative}.tier-card.current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tier-card.popular .badge-accent{position:absolute;top:14px;right:14px}.tier-name{font-size:var(--fz-lg);font-weight:600;letter-spacing:-.015em}.tier-desc{font-size:var(--fz-sm);color:var(--text-3);margin-top:4px}.tier-price{font-size:28px;font-weight:600;margin:var(--space-3) 0 0;letter-spacing:-.03em;font-family:var(--font-display)}.tier-price-period{font-size:var(--fz-md);color:var(--text-3);font-weight:500;margin-left:4px}.tier-features{list-style:none;padding:0;margin:var(--space-4) 0;display:flex;flex-direction:column;gap:8px}.tier-features li{display:flex;gap:8px;align-items:flex-start;color:var(--text-2);font-size:var(--fz-sm);line-height:1.4}.tier-features li svg{width:14px;height:14px;margin-top:2px;color:var(--color-success);flex-shrink:0}.stepper{display:flex;align-items:flex-start;width:100%;gap:0}.stepper-step{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:0}.stepper-node{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid transparent;z-index:1;position:relative}.stepper-step.active .stepper-node{box-shadow:0 0 0 3px var(--accent-soft)}.stepper-line{position:absolute;top:11px;left:-50%;right:50%;height:2px;z-index:0}.stepper-label{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:6px;min-width:0;width:100%;padding:0 2px}.stepper-label-title{font-size:11px;font-weight:600;color:var(--text-2);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stepper-step.active .stepper-label-title{color:var(--text-1)}.stepper-step.done .stepper-label-title{color:var(--text-2)}.stepper-label-sub{font-size:10px;color:var(--text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.data-section{margin-top:var(--space-3)}.data-section:first-of-type{margin-top:var(--space-3)}.data-section-title{font-size:var(--fz-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-3);margin-bottom:6px}.data-rows{display:grid;grid-template-columns:1fr 1.4fr;gap:6px 12px;font-size:var(--fz-sm)}.data-rows .k{color:var(--text-3)}.data-rows .v{color:var(--text-1);font-weight:500;overflow-wrap:anywhere}.data-table{width:100%;border-collapse:collapse;font-size:var(--fz-sm)}.data-table th,.data-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--hairline)}.data-table th{font-size:var(--fz-xs);color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table tfoot td{font-weight:700;border-top:1px solid var(--border);border-bottom:none}.model-row{display:flex;align-items:center;gap:var(--space-3);padding:14px var(--space-4);border-top:1px solid var(--hairline)}.model-row:first-child{border-top:none}.model-info{flex:1;min-width:0}.model-name{font-weight:600;font-size:var(--fz-md);letter-spacing:-.005em}.model-meta{font-size:var(--fz-sm);color:var(--text-3);margin-top:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;padding:var(--space-4);animation:fadeIn .18s ease}.modal{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);animation:slideUp .22s cubic-bezier(.32,.72,0,1)}.modal-lg{max-width:680px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.modal-title{font-size:var(--fz-xl);font-weight:600;letter-spacing:-.02em;font-family:var(--font-display)}.modal-sub{font-size:var(--fz-sm);color:var(--text-3);margin-top:4px}.modal-body{display:flex;flex-direction:column;gap:var(--space-4)}.modal-foot{margin-top:var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--hairline)}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--fz-sm);font-weight:500;color:var(--text-2);letter-spacing:-.005em}.form-hint{font-size:var(--fz-xs);color:var(--text-3);line-height:1.45}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.choice{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-1);cursor:pointer;text-align:left;font-size:var(--fz-sm);display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:all var(--transition-fast);position:relative}.choice:hover{border-color:var(--border-strong);background:var(--bg-hover)}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice.selected:after{content:"";position:absolute;top:8px;right:8px;width:14px;height:14px;border-radius:50%;background:var(--accent);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'><path d='M6.5 10.5L4 8l-1 1 3.5 3.5L13 6l-1-1-5.5 5.5z'/></svg>");background-size:contain}.choice.disabled{opacity:.35;cursor:not-allowed}.choice-name{font-weight:600;color:var(--text-1);font-size:var(--fz-md)}.choice-sub{font-size:var(--fz-xs);color:var(--text-3);line-height:1.4}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--hairline);font-size:var(--fz-xs);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);color:var(--text-2)}.chip:hover{border-color:var(--border-strong);color:var(--text-1)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.segmented{display:inline-flex;background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented-item{padding:6px 12px;border-radius:4px;font-size:var(--fz-sm);cursor:pointer;color:var(--text-2);transition:all var(--transition-fast);font-weight:500;display:inline-flex;align-items:center;gap:6px}.segmented-item:hover{color:var(--text-1)}.segmented-item.active{background:var(--bg-1);color:var(--text-1);box-shadow:var(--shadow-sm)}.agent-note-row{display:flex;gap:10px;align-items:flex-start;padding:var(--space-3);background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--radius-md)}.agent-note-row+.agent-note-row{margin-top:8px}.agent-note-row textarea{background:var(--bg-1);min-height:60px}.callout{padding:12px var(--space-3);border-radius:var(--radius-md);background:var(--bg-2);border:1px solid var(--hairline);display:flex;gap:10px;align-items:flex-start;font-size:var(--fz-sm);color:var(--text-2);line-height:1.5}.callout svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:var(--text-3)}.callout-warn{background:#ff9f0a14;border-color:#ff9f0a40;color:var(--text-1)}.callout-warn svg{color:var(--color-warn)}.callout-info{border-color:#0a84ff40;background:var(--accent-soft)}.callout-info svg{color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);z-index:200;animation:slideUp .2s ease;display:flex;gap:var(--space-3);align-items:center;max-width:380px}.toast svg{width:18px;height:18px;color:var(--color-success)}.approval-card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.approval-card-head{display:flex;gap:var(--space-3);align-items:center}.approval-text{font-size:var(--fz-sm);color:var(--text-2);line-height:1.5}.approval-actions{display:flex;gap:var(--space-2)}.trigger-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-md)}.trigger-row+.trigger-row{margin-top:var(--space-2)}.switch{position:relative;width:36px;height:20px;background:var(--bg-3);border-radius:999px;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.switch.on{background:var(--color-success)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 1px 3px #0003}.switch.on:after{transform:translate(16px)}.empty{padding:var(--space-12) var(--space-4);text-align:center}.empty-icon{width:48px;height:48px;margin:0 auto var(--space-3);color:var(--text-3)}.empty-title{font-size:var(--fz-lg);font-weight:600;color:var(--text-1);margin-bottom:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spacer{flex:1}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.muted{color:var(--text-3)}.small{font-size:var(--fz-sm)}.tiny{font-size:var(--fz-xs)}.strong{font-weight:600}.mono{font-family:var(--font-mono)}.text-right{text-align:right}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.no-scroll{overflow:hidden}