:root{--bg: #12141a;--bg-accent: #14161d;--bg-elevated: #1a1d25;--bg-hover: #262a35;--bg-muted: #262a35;--card: #181b22;--card-foreground: #f4f4f5;--card-highlight: rgba(255, 255, 255, .05);--popover: #181b22;--popover-foreground: #f4f4f5;--panel: #12141a;--panel-strong: #1a1d25;--panel-hover: #262a35;--chrome: rgba(18, 20, 26, .95);--chrome-strong: rgba(18, 20, 26, .98);--text: #e4e4e7;--text-strong: #fafafa;--chat-text: #e4e4e7;--muted: #71717a;--muted-strong: #52525b;--muted-foreground: #71717a;--border: #27272a;--border-strong: #3f3f46;--border-hover: #52525b;--input: #27272a;--ring: #0098FF;--accent: #0098FF;--accent-hover: #33B0FF;--accent-muted: #0098FF;--accent-subtle: rgba(0, 152, 255, .15);--accent-foreground: #fafafa;--accent-glow: rgba(0, 152, 255, .25);--accent-glow-strong: rgba(0, 212, 255, .45);--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #0098FF 50%, #7b61ff 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(0, 212, 255, .9) 0%, rgba(0, 152, 255, .9) 60%, rgba(123, 97, 255, .8) 100%);--primary: #0098FF;--primary-foreground: #ffffff;--secondary: #1e2028;--secondary-foreground: #f4f4f5;--accent-2: #14b8a6;--accent-2-muted: rgba(20, 184, 166, .7);--accent-2-subtle: rgba(20, 184, 166, .15);--ok: #22c55e;--ok-muted: rgba(34, 197, 94, .75);--ok-subtle: rgba(34, 197, 94, .12);--destructive: #ef4444;--destructive-foreground: #fafafa;--warn: #f59e0b;--warn-muted: rgba(245, 158, 11, .75);--warn-subtle: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .75);--danger-subtle: rgba(239, 68, 68, .12);--info: #3b82f6;--info-subtle: rgba(59, 130, 246, .12);--success: var(--ok);--warning: var(--warn);--focus: rgba(0, 152, 255, .25);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--ring);--focus-glow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ring), 0 0 20px var(--accent-glow);--grid-line: rgba(255, 255, 255, .04);--theme-switch-x: 50%;--theme-switch-y: 50%;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--font-body: "Plus Jakarta Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-glow: 0 0 30px var(--accent-glow);--glass-bg: rgba(26, 29, 37, .65);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px) saturate(180%);--glass-shadow: 0 2px 16px rgba(0, 0, 0, .18);--glass-shadow-sm: 0 1px 4px rgba(0, 0, 0, .12);--glass-shadow-hover: 0 4px 24px rgba(0, 0, 0, .24);--bg-deep-space: radial-gradient(ellipse 80% 50% at 20% 30%, rgba(0, 212, 255, .06), transparent), radial-gradient(ellipse 60% 40% at 85% 85%, rgba(123, 97, 255, .04), transparent), var(--bg);--glass-chat-input-bg: rgba(30, 30, 40, .7);--glass-chat-abort-bg: rgba(255, 255, 255, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--radius: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 60px;--bg-subtle: rgba(255, 255, 255, .03);--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-hover: rgba(0, 0, 0, .2);--danger-fill-5: rgba(239, 68, 68, .05);--danger-line-15: rgba(239, 68, 68, .15);--muted-fill-10: rgba(107, 114, 128, .1);--ok-fill-10: rgba(16, 185, 129, .1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--z-loading: 800;--z-max: 9999;--accent-glow-sm: 0 0 8px rgba(0, 152, 255, .5);--ok-glow-sm: 0 0 8px rgba(34, 197, 94, .5);--warn-glow-sm: 0 0 8px rgba(245, 158, 11, .5);--danger-glow-sm: 0 0 8px rgba(239, 68, 68, .5);--info-glow-sm: 0 0 8px rgba(59, 130, 246, .5);--danger-gradient-bg: linear-gradient(135deg, rgba(239, 68, 68, .08) 0%, rgba(239, 68, 68, .04) 100%);--info-gradient-bg: linear-gradient(135deg, rgba(59, 130, 246, .08) 0%, rgba(59, 130, 246, .04) 100%);--ok-gradient-bg: linear-gradient(135deg, rgba(34, 197, 94, .08) 0%, rgba(34, 197, 94, .04) 100%);--warn-gradient-bg: linear-gradient(135deg, rgba(245, 158, 11, .08) 0%, rgba(245, 158, 11, .04) 100%);--text-inverse: #ffffff;color-scheme:dark}:root[data-theme=light]{--bg: #fafafa;--bg-accent: #f5f5f5;--bg-elevated: #ffffff;--bg-hover: #f0f0f0;--bg-muted: #f0f0f0;--bg-content: #f5f5f5;--card: #ffffff;--card-foreground: #18181b;--card-highlight: rgba(0, 0, 0, .03);--popover: #ffffff;--popover-foreground: #18181b;--panel: #fafafa;--panel-strong: #f5f5f5;--panel-hover: #ebebeb;--chrome: rgba(250, 250, 250, .95);--chrome-strong: rgba(250, 250, 250, .98);--text: #3f3f46;--text-strong: #18181b;--chat-text: #3f3f46;--muted: #71717a;--muted-strong: #52525b;--muted-foreground: #71717a;--border: #e4e4e7;--border-strong: #d4d4d8;--border-hover: #a1a1aa;--input: #e4e4e7;--accent: #0098FF;--accent-hover: #33B0FF;--accent-muted: #0098FF;--accent-subtle: rgba(0, 152, 255, .12);--accent-foreground: #ffffff;--accent-glow: rgba(0, 152, 255, .15);--accent-glow-strong: rgba(0, 212, 255, .35);--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #0098FF 50%, #7b61ff 100%);--accent-gradient-soft: linear-gradient(135deg, rgba(0, 212, 255, .85) 0%, rgba(0, 152, 255, .85) 60%, rgba(123, 97, 255, .7) 100%);--primary: #0098FF;--primary-foreground: #ffffff;--secondary: #f4f4f5;--secondary-foreground: #3f3f46;--accent-2: #0d9488;--accent-2-muted: rgba(13, 148, 136, .75);--accent-2-subtle: rgba(13, 148, 136, .12);--ok: #16a34a;--ok-muted: rgba(22, 163, 74, .75);--ok-subtle: rgba(22, 163, 74, .1);--destructive: #dc2626;--destructive-foreground: #fafafa;--warn: #d97706;--warn-muted: rgba(217, 119, 6, .75);--warn-subtle: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .75);--danger-subtle: rgba(220, 38, 38, .1);--info: #2563eb;--info-subtle: rgba(37, 99, 235, .1);--font-body: "Plus Jakarta Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 60px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--z-loading: 800;--z-max: 9999;--accent-glow-sm: 0 0 8px rgba(0, 152, 255, .4);--ok-glow-sm: 0 0 8px rgba(22, 163, 74, .4);--warn-glow-sm: 0 0 8px rgba(217, 119, 6, .4);--danger-glow-sm: 0 0 8px rgba(220, 38, 38, .4);--info-glow-sm: 0 0 8px rgba(37, 99, 235, .4);--danger-gradient-bg: linear-gradient(135deg, rgba(220, 38, 38, .08) 0%, rgba(220, 38, 38, .04) 100%);--info-gradient-bg: linear-gradient(135deg, rgba(37, 99, 235, .08) 0%, rgba(37, 99, 235, .04) 100%);--ok-gradient-bg: linear-gradient(135deg, rgba(22, 163, 74, .08) 0%, rgba(22, 163, 74, .04) 100%);--warn-gradient-bg: linear-gradient(135deg, rgba(217, 119, 6, .08) 0%, rgba(217, 119, 6, .04) 100%);--text-inverse: #ffffff;--bg-subtle: rgba(0, 0, 0, .03);--overlay-backdrop: rgba(0, 0, 0, .5);--overlay-hover: rgba(0, 0, 0, .2);--danger-fill-5: rgba(220, 38, 38, .05);--danger-line-15: rgba(220, 38, 38, .15);--muted-fill-10: rgba(113, 113, 122, .1);--ok-fill-10: rgba(22, 163, 74, .1);--success: var(--ok);--warning: var(--warn);--focus: rgba(0, 152, 255, .2);--focus-glow: 0 0 0 2px var(--bg), 0 0 0 4px var(--ring), 0 0 16px var(--accent-glow);--grid-line: rgba(0, 0, 0, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-glow: 0 0 24px var(--accent-glow);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(0, 0, 0, .06);--glass-blur: blur(20px) saturate(180%);--glass-shadow: 0 2px 12px rgba(0, 0, 0, .06);--glass-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--glass-shadow-hover: 0 4px 20px rgba(0, 0, 0, .08);--bg-deep-space: radial-gradient(ellipse 80% 50% at 20% 30%, rgba(0, 212, 255, .04), transparent), radial-gradient(ellipse 60% 40% at 85% 85%, rgba(123, 97, 255, .03), transparent), var(--bg);--glass-chat-input-bg: rgba(255, 255, 255, .7);--glass-chat-abort-bg: rgba(0, 0, 0, .08);color-scheme:light}*{box-sizing:border-box}html{height:100%;scrollbar-gutter:stable}body{height:100%;margin:0;font:400 14px/1.55 var(--font-body);letter-spacing:-.02em;background:var(--bg-deep-space);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes theme-circle-transition{0%{clip-path:circle(0% at var(--theme-switch-x, 50%) var(--theme-switch-y, 50%))}to{clip-path:circle(150% at var(--theme-switch-x, 50%) var(--theme-switch-y, 50%))}}html.theme-transition{view-transition-name:theme}html.theme-transition::view-transition-old(theme){mix-blend-mode:normal;animation:none;z-index:1}html.theme-transition::view-transition-new(theme){mix-blend-mode:normal;z-index:2;animation:theme-circle-transition .4s var(--ease-out) forwards}@supports not (view-transition-name: theme){html.theme-transition:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-max);pointer-events:none;background:var(--bg);animation:theme-circle-transition .4s var(--ease-out) forwards}}@media(prefers-reduced-motion:reduce){html.theme-transition::view-transition-old(theme),html.theme-transition::view-transition-new(theme){animation:none!important}html.theme-transition:before{animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card,.list-item,.callout,.create-form,.modal,.shell,.statusDot,.spinner,.compaction-indicator--active svg,.chat-bubble.streaming,.chat-bubble.fade-in,.chat-reading-indicator__dots>span{animation:none!important}}openclaw-app{display:block;position:relative;z-index:1;min-height:100vh;background:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,.page-title{font-weight:700;letter-spacing:-.03em}.stat-value,.stat-card__value,.metric-meta-item__value,.alarm-summary__count{font-weight:700;letter-spacing:-.02em}::selection{background:var(--accent-subtle);color:var(--text-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.25s}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.shell{--shell-pad: 16px;--shell-gap: 16px;--shell-nav-width: 220px;--shell-topbar-height: 56px;--shell-focus-duration: .2s;--shell-focus-ease: var(--ease-out);height:100vh;display:grid;grid-template-columns:var(--shell-nav-width) minmax(0,1fr);grid-template-rows:var(--shell-topbar-height) 1fr;grid-template-areas:"topbar topbar" "nav content";gap:0;animation:dashboard-enter .4s var(--ease-out);transition:grid-template-columns var(--shell-focus-duration) var(--shell-focus-ease);overflow:hidden}@supports (height: 100dvh){.shell{height:100dvh}}.shell--chat{min-height:100vh;height:100vh;overflow:hidden}@supports (height: 100dvh){.shell--chat{height:100dvh}}.shell--nav-collapsed,.shell--chat-focus{grid-template-columns:0px minmax(0,1fr)}.shell--onboarding{grid-template-rows:0 1fr}.shell--onboarding .topbar{display:none}.shell--onboarding .content,.shell--chat-focus .content{padding-top:0}.shell--chat-focus .content>*+*{margin-top:0}.topbar{grid-area:topbar;position:sticky;top:0;z-index:var(--z-sticky);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;height:var(--shell-topbar-height);border-bottom:none;background:var(--glass-bg);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar .nav-toggle,.topbar .theme-toggle{flex-shrink:0}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:28px;height:28px;flex-shrink:0}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-title{font-size:16px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong)}.brand-sub{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;line-height:1}.topbar-status{display:flex;align-items:center;gap:8px}.topbar-status .pill{padding:6px 10px;gap:6px;font-size:12px;font-weight:500;height:32px;box-sizing:border-box;border:none;box-shadow:var(--shadow-sm)}.topbar-status .pill .mono{display:flex;align-items:center;line-height:1;margin-top:0}.topbar-status .statusDot{width:6px;height:6px}.topbar-status .theme-toggle{--theme-item: 24px;--theme-gap: 2px;--theme-pad: 3px}.topbar-status .theme-icon{width:12px;height:12px}.nav{grid-area:nav;overflow-y:auto;overflow-x:hidden;padding:16px 12px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scrollbar-width:none;transition:width var(--shell-focus-duration) var(--shell-focus-ease),padding var(--shell-focus-duration) var(--shell-focus-ease),opacity var(--shell-focus-duration) var(--shell-focus-ease);min-height:0}.nav::-webkit-scrollbar{display:none}.shell--chat-focus .nav{width:0;padding:0;border-width:0;overflow:hidden;pointer-events:none;opacity:0}.nav--collapsed{width:0;min-width:0;padding:0;overflow:hidden;border:none;opacity:0;pointer-events:none}.nav-collapse-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease;margin-bottom:16px}.nav-collapse-toggle:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.nav-collapse-toggle__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--muted);transition:color var(--duration-fast) ease}.nav-collapse-toggle__icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.nav-collapse-toggle:hover .nav-collapse-toggle__icon{color:var(--text)}.nav-group{margin-bottom:20px;display:grid;gap:2px}.nav-group:last-child{margin-bottom:0}.nav-group__items{display:grid;gap:1px}.nav-group--collapsed .nav-group__items{display:none}.nav-label{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6px 10px;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:4px;background:transparent;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.nav-label:hover{color:var(--text);background:var(--bg-hover)}.nav-label--static{cursor:default}.nav-label--static:hover{color:var(--muted);background:transparent}.nav-label__text{flex:1}.nav-label__chevron{font-size:10px;opacity:.5;transition:transform var(--duration-fast) ease}.nav-group--collapsed .nav-label__chevron{transform:rotate(-90deg)}.nav-item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 12px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease}.nav-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity var(--duration-fast) ease}.nav-item__icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.nav-item__text{font-size:13px;font-weight:500;white-space:nowrap;flex:1}.nav-item__badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-left:auto}.nav-item:hover{color:var(--text);background:var(--bg-hover);text-decoration:none;transform:translate(2px);box-shadow:var(--shadow-sm)}.nav-item:hover .nav-item__icon{opacity:1}.nav-item.active{color:var(--accent);background:var(--accent-subtle);box-shadow:0 2px 4px var(--accent-subtle)}.nav-item.active .nav-item__icon{opacity:1;color:var(--accent)}.content{grid-area:content;padding:12px 16px 32px;display:block;min-height:0;overflow-y:auto;overflow-x:hidden;container-type:inline-size}.content>*+*{margin-top:24px}:root[data-theme=light] .content{background:var(--bg-content)}.content--chat{display:flex;flex-direction:column;gap:24px;overflow:hidden;padding-bottom:0}.content--chat>*+*{margin-top:0}.content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:4px 8px;overflow:hidden;transform-origin:top center;transition:opacity var(--shell-focus-duration) var(--shell-focus-ease),transform var(--shell-focus-duration) var(--shell-focus-ease),max-height var(--shell-focus-duration) var(--shell-focus-ease),padding var(--shell-focus-duration) var(--shell-focus-ease);max-height:80px}.shell--chat-focus .content-header{opacity:0;transform:translateY(-8px);max-height:0px;padding:0;pointer-events:none}.page-title{font-size:26px;font-weight:700;letter-spacing:-.035em;line-height:1.15;color:var(--text-strong)}.page-sub{color:var(--muted);font-size:14px;font-weight:400;margin-top:6px;letter-spacing:-.01em}.page-meta{display:flex;gap:8px}.content--chat .content-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.content--chat .content-header>div:first-child{text-align:left}.content--chat .page-meta{justify-content:flex-start}.content--chat .chat-controls{flex-shrink:0}.grid{display:grid;gap:20px;container-type:inline-size}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.note-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.row{display:flex;gap:12px;align-items:center}.stack{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);container-type:inline-size}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@container (max-width: 700px){.grid-cols-2{grid-template-columns:1fr}}@container (max-width: 900px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 600px){.grid-cols-3{grid-template-columns:1fr}}@media(max-width:1100px){.shell{--shell-pad: 12px;--shell-gap: 12px;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"topbar" "nav" "content"}.nav{position:static;max-height:none;display:flex;gap:6px;overflow-x:auto;border-right:none;border-bottom:none;padding:10px 14px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-group{grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:0}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.topbar{position:static;padding:12px 14px;gap:10px}.topbar-status{flex-wrap:wrap}.table-head,.table-row,.list-item{grid-template-columns:1fr}}:root[data-theme=light] .topbar{background:var(--glass-bg)}:root[data-theme=light] .nav{background:var(--glass-bg)}@media(max-width:1100px){.nav{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;padding:10px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-group,.nav-group__items{display:contents}.nav-label{display:none}.nav-group--collapsed .nav-group__items{display:contents}.nav-item{padding:8px 14px;font-size:13px;border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0}}@media(max-width:600px){.shell{--shell-pad: 8px;--shell-gap: 8px}.topbar{padding:10px 12px;gap:8px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.brand{flex:1;min-width:0}.brand-title{font-size:14px}.brand-sub{display:none}.topbar-status{gap:6px;width:auto;flex-wrap:nowrap}.topbar-status .pill{padding:4px 8px;font-size:11px;gap:4px}.topbar-status .pill .mono{display:none}.topbar-status .pill span:nth-child(2){display:none}.nav{padding:8px 10px;gap:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-group{display:contents}.nav-label{display:none}.nav-item{padding:6px 10px;font-size:12px;border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0}.content-header{display:none}.content{padding:4px 4px 16px;gap:12px}.card{padding:12px;border:none;border-radius:12px;box-shadow:var(--shadow-sm)}.card-title{font-size:13px}.stat-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.stat{padding:10px;border:none;border-radius:12px;box-shadow:var(--shadow-sm)}.stat-label{font-size:11px}.stat-value{font-size:18px}.note-grid{grid-template-columns:1fr;gap:8px}.form-grid{grid-template-columns:1fr;gap:10px}.field input,.field textarea,.field select{padding:8px 10px;border-radius:var(--radius-md);font-size:14px}.btn{padding:8px 12px;font-size:12px}.pill{padding:4px 10px;font-size:12px}.chat-header{flex-direction:column;align-items:stretch;gap:8px}.chat-header__left{flex-direction:column;align-items:stretch}.chat-header__right{justify-content:space-between}.chat-session{min-width:unset;width:100%}.chat-thread{margin-top:8px;padding:12px 8px}.chat-msg{max-width:90%}.chat-bubble{padding:8px 12px;border-radius:var(--radius-md)}.chat-compose{gap:8px}.chat-compose__field textarea{min-height:60px;padding:8px 10px;border-radius:var(--radius-md);font-size:14px}.log-stream{border-radius:var(--radius-md);max-height:380px}.log-row{grid-template-columns:1fr;gap:4px;padding:8px}.log-time{font-size:10px}.log-level{font-size:9px}.log-subsystem{font-size:11px}.log-message{font-size:12px}.list-item{padding:10px;border:none;border-radius:12px;box-shadow:var(--shadow-sm)}.list-title{font-size:13px}.list-sub{font-size:11px}.code-block{padding:8px;border-radius:var(--radius-md);font-size:11px}.theme-toggle{--theme-item: 24px;--theme-gap: 2px;--theme-pad: 3px}.theme-icon{width:12px;height:12px}}@media(max-width:400px){.shell{--shell-pad: 4px}.topbar{padding:8px 10px}.brand-title{font-size:13px}.nav{padding:6px 8px}.nav-item{padding:6px 8px;font-size:11px}.content{padding:4px 4px 12px;gap:10px}.card{padding:10px;border:none;border-radius:12px}.stat{padding:8px}.stat-value{font-size:16px}.chat-bubble{padding:8px 10px}.chat-compose__field textarea{min-height:52px;padding:8px 10px;font-size:13px}.btn{padding:6px 10px;font-size:11px}.topbar-status .pill{padding:3px 6px;font-size:10px}.theme-toggle{--theme-item: 22px;--theme-gap: 2px;--theme-pad: 2px}.theme-icon{width:11px;height:11px}}.a2ui-surface{margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-muted)}.a2ui-surface--overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:var(--card);box-shadow:var(--shadow-lg);max-width:600px;width:90%}.a2ui-text{margin:var(--space-1) 0}.a2ui-heading{margin:var(--space-2) 0 var(--space-1);font-size:1.1em;font-weight:600}.a2ui-subtitle{margin:var(--space-1) 0;color:var(--muted)}.a2ui-caption{color:var(--muted);font-size:.85em}.a2ui-btn{padding:6px var(--space-4);border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.9em;font-weight:500;transition:opacity var(--duration-fast)}.a2ui-btn:hover{opacity:.85}.a2ui-btn--primary{background:var(--accent);color:#fff}.a2ui-btn--secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.a2ui-btn--danger{background:#e74c3c;color:#fff}.a2ui-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.a2ui-device-card{--status-color: #6b7280;--status-glow: rgba(107, 114, 128, .3);position:relative;padding:var(--space-4);border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#0a0e16cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006,inset 0 0 0 1px #ffffff0a;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}:root[data-theme=light] .a2ui-device-card{background:#ffffffd9;border-color:#0000000f;box-shadow:0 4px 24px #0000000f,inset 0 0 0 1px #0000000a}.a2ui-device-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080,0 0 24px var(--status-glow),inset 0 0 0 1px #ffffff14}.a2ui-device-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.a2ui-device-card__identity{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.a2ui-device-card__status{width:10px;height:10px;border-radius:50%;background:var(--status-color);flex-shrink:0;box-shadow:0 0 8px var(--status-glow)}.a2ui-device-card__status--pulse{animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 6px var(--status-glow)}50%{opacity:.6;box-shadow:0 0 12px var(--status-color)}}.a2ui-device-card__name{font-weight:600;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 20px var(--status-glow)}.a2ui-device-card__badge{font-size:11px;font-weight:700;color:var(--status-color);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.a2ui-device-card__props{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);margin-bottom:var(--space-3);background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.04)}:root[data-theme=light] .a2ui-device-card__props{background:#00000005;border-color:#0000000a}.a2ui-device-card__prop{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:var(--space-2)}.a2ui-device-card__prop-key{color:var(--muted);font-size:12px}.a2ui-device-card__prop-val{font-family:JetBrains Mono,Fira Code,monospace;font-weight:600;font-size:13px;color:var(--text);display:flex;align-items:center;gap:4px}.a2ui-device-card__prop-unit{font-size:11px;color:var(--muted);font-weight:400}.a2ui-device-card__telemetry{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.06);margin-bottom:var(--space-2)}:root[data-theme=light] .a2ui-device-card__telemetry{border-color:#0000000f}.a2ui-device-card__metric{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.04)}:root[data-theme=light] .a2ui-device-card__metric{background:#00000005;border-color:#0000000a}.a2ui-device-card__metric-key{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.a2ui-device-card__metric-val{font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;font-size:16px;color:var(--status-color);display:flex;align-items:baseline;gap:3px}.a2ui-device-card__metric-unit{font-size:11px;color:var(--muted);font-weight:400}.a2ui-device-card__sparkline{margin:var(--space-3) 0;padding:var(--space-2) 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:center}:root[data-theme=light] .a2ui-device-card__sparkline{border-color:#0000000a}.a2ui-device-card__actions{display:flex;gap:6px;margin-top:var(--space-3);flex-wrap:wrap}.a2ui-device-card__footer{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.04)}:root[data-theme=light] .a2ui-device-card__footer{border-color:#0000000a}.a2ui-device-card__id{font-family:JetBrains Mono,Fira Code,monospace;font-size:10px;color:var(--muted);letter-spacing:.02em}.a2ui-stat-card{--card-accent: var(--accent);position:relative;padding:var(--space-4);border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#0a0e16cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006,inset 0 0 0 1px #ffffff0a;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}:root[data-theme=light] .a2ui-stat-card{background:#ffffffd9;border-color:#0000000f;box-shadow:0 4px 24px #0000000f,inset 0 0 0 1px #0000000a}.a2ui-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000080,0 0 24px rgba(var(--card-accent),.15),inset 0 0 0 1px #ffffff14}.a2ui-stat-card__inner{position:relative;z-index:1}.a2ui-stat-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.a2ui-stat-card__label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.a2ui-stat-card__icon{font-size:18px;opacity:.7}.a2ui-stat-card__body{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.a2ui-stat-card__value{font-family:JetBrains Mono,Fira Code,monospace;font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--card-accent) 0%,color-mix(in srgb,var(--card-accent) 60%,white) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-shadow:0 0 40px var(--card-accent)}.a2ui-stat-card__unit{font-size:14px;font-weight:600;color:var(--muted)}.a2ui-stat-card__trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;margin-top:var(--space-1)}.a2ui-stat-card__trend-arrow{font-size:14px}.a2ui-stat-card__trend-val{font-family:JetBrains Mono,Fira Code,monospace}.a2ui-stat-card__trend-label{color:var(--muted);font-weight:400;margin-left:4px}.a2ui-stat-card__desc{font-size:12px;color:var(--muted);margin-top:var(--space-2);line-height:1.4}.a2ui-stat-card__actions{display:flex;gap:6px;margin-top:var(--space-3)}.a2ui-stat-card__glow{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,var(--card-accent) 0%,transparent 70%);opacity:.08;pointer-events:none}.a2ui-btn--sm{padding:3px var(--space-2);font-size:12px}.a2ui-btn--xs{padding:2px 8px;font-size:11px;border-radius:6px}.a2ui-btn--outline{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);transition:all var(--duration-fast)}:root[data-theme=light] .a2ui-btn--outline{border-color:#0000001a}.a2ui-btn--outline:hover{border-color:var(--accent);color:var(--accent);background:#ffffff0a}.a2ui-unknown{padding:var(--space-2);border:1px dashed var(--border);color:var(--muted);font-size:.85em;border-radius:4px}.agent-dropdown{padding:6px var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;min-width:200px}.agent-placeholder__icon{font-size:32px;margin-bottom:12px}.agent-placeholder__desc{font-size:14px;max-width:320px;line-height:1.5}.a2ui-device-table__title{font-weight:600;font-size:14px;margin-bottom:8px}.a2ui-device-table__table{width:100%;border-collapse:collapse;font-size:13px}.a2ui-device-table__table th{text-align:left;padding:var(--space-2) var(--space-2);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.a2ui-device-table__table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border)}.a2ui-device-table__status{font-weight:600;font-size:12px}.a2ui-device-table__actions{display:flex;gap:var(--space-1)}.agent-tools-tab{display:flex;flex-direction:column;gap:var(--space-4)}.agent-tools-toolbar{display:flex;align-items:center;gap:var(--space-2)}.agent-tools-search{flex:1;padding:6px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--fg);font-size:13px;outline:none}.agent-tools-search:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha)}.agent-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-2);text-align:center;color:var(--muted)}.agent-placeholder__icon{font-size:36px;margin-bottom:12px;opacity:.7}.agent-placeholder__desc{font-size:14px;line-height:1.6;max-width:320px;margin:0}.a2ui-data-chart{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--card)}.a2ui-data-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.a2ui-data-chart__title{font-weight:600;font-size:14px}.a2ui-data-chart__range{font-size:11px;color:var(--muted)}.a2ui-data-chart__svg{display:block}.a2ui-data-chart__legend{display:flex;gap:var(--space-3);margin-top:8px;font-size:12px}.a2ui-data-chart__legend-item{display:flex;align-items:center;gap:var(--space-1)}.a2ui-data-chart__legend-dot{width:8px;height:8px;border-radius:50%}.a2ui-control-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--card)}.a2ui-control-panel__header{font-weight:600;font-size:14px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.a2ui-control-panel__field{margin-bottom:12px}.a2ui-control-panel__label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}.a2ui-control-panel__slider-row{display:flex;align-items:center;gap:var(--space-2)}.a2ui-control-panel__slider{flex:1;accent-color:var(--accent, #3b82f6)}.a2ui-control-panel__range-label{font-size:11px;color:var(--muted);min-width:24px}.a2ui-control-panel__toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:13px}.a2ui-control-panel__toggle input{display:none}.a2ui-control-panel__toggle-slider{width:36px;height:20px;background:var(--border);border-radius:var(--radius-md);position:relative;transition:background var(--duration-normal);flex-shrink:0}.a2ui-control-panel__toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--card, #fff);border-radius:50%;transition:transform var(--duration-normal);box-shadow:var(--shadow-sm)}.a2ui-control-panel__toggle input:checked+.a2ui-control-panel__toggle-slider{background:var(--accent, #3b82f6)}.a2ui-control-panel__toggle input:checked+.a2ui-control-panel__toggle-slider:after{transform:translate(16px)}.a2ui-control-panel__toggle-label{color:var(--text)}.a2ui-control-panel__choices{display:flex;gap:var(--space-3)}.a2ui-control-panel__choice{display:flex;align-items:center;gap:var(--space-1);font-size:13px;cursor:pointer}.agents-layout{display:flex;flex-direction:column;gap:var(--space-4);height:100%;min-height:0}.agents-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.agents-header h2{margin:0;font-size:18px;font-weight:600}.agent-dropdown{appearance:none;min-width:200px;max-width:320px;padding:10px var(--space-4);padding-right:36px;font-size:14px;font-weight:500;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-sm);cursor:pointer;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.agent-dropdown:hover{border-color:var(--border-hover)}.agent-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}:root[data-theme=light] .agent-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.agent-tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;background:var(--bg-muted);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-sm)}.agent-tab{border:none;border-radius:var(--radius-sm);padding:6px var(--space-3);font-size:12px;font-weight:600;background:transparent;color:var(--muted);cursor:pointer;transition:all var(--duration-normal)}.agents-main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.agent-list{display:grid;gap:var(--space-2)}.agent-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;text-align:left;border:none;border-radius:var(--radius-md);background:var(--bg-muted);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--duration-normal) ease;box-shadow:var(--shadow-sm)}.agent-avatar{width:32px;height:32px;border-radius:50%;background:var(--secondary);display:grid;place-items:center;font-weight:600}.agent-avatar--lg{width:48px;height:48px;font-size:20px}.agent-info{display:grid;gap:2px;min-width:0}.agent-title{font-weight:600}.agent-sub{color:var(--muted);font-size:12px}.agent-pill{border:none;border-radius:var(--radius-lg);padding:var(--space-1) var(--space-2);font-size:11px;color:#0098ff;background:#0098ff1a;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-sm)}.agent-pill.warn{color:var(--warn);background:var(--warn-subtle);box-shadow:var(--shadow-sm)}.agent-pill.muted{opacity:.6}.agent-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);align-items:center}.agent-header-main{display:flex;gap:var(--space-4);align-items:center}.agent-header-meta{display:grid;justify-items:end;gap:6px;color:var(--muted)}.detail-tabs{display:flex;gap:var(--space-1);background:var(--bg-muted);border-radius:var(--radius-md);padding:var(--space-1)}.detail-tab{border:none;border-radius:var(--radius-sm);padding:6px var(--space-3);font-size:13px;font-weight:500;background:transparent;color:var(--muted);cursor:pointer;transition:all var(--duration-fast);display:inline-flex;align-items:center;gap:5px}.detail-tab svg{width:14px;height:14px}.detail-tab:hover{color:var(--text)}.detail-tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.detail-stat-mini{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border)}.detail-stat-mini__label{color:var(--muted);font-size:11px;margin-bottom:2px}.detail-stat-mini__value{font-size:18px;font-weight:700}.event-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.event-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:4px;font-size:11px;font-weight:600;flex-shrink:0;margin-top:2px}.event-badge--info{background:#3b82f61a;color:#3b82f6}.event-badge--warning{background:#f59e0b1a;color:#f59e0b}.event-badge--error{background:#ef44441a;color:#ef4444}.event-badge--critical{background:#dc262626;color:#dc2626}.agents-overview-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.agent-kv{display:grid;gap:6px;min-width:0}.agent-kv>div{min-width:0;overflow-wrap:anywhere;word-break:break-word}.agent-kv-sub{font-size:12px}.agent-model-select,.agent-model-fields{display:grid;gap:var(--space-3)}.agent-chip-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:var(--space-2) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);cursor:text;min-height:42px}.agent-chip-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.agent-chip-input .chip{display:inline-flex;align-items:center;gap:var(--space-1)}.agent-chip-input input{border:none;outline:none;background:transparent;font-size:13px;color:var(--text);min-width:140px;flex:1;padding:0}.agent-chip-input input::placeholder{color:var(--muted)}.agent-preset-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.agent-preset-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast);background:var(--bg-secondary)}.agent-preset-card:hover{border-color:var(--accent);background:var(--bg-tertiary)}.agent-preset-card--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary))}.agent-preset-card__label{font-weight:500;font-size:14px;color:var(--text-primary)}.agent-preset-card--active .agent-preset-card__label{color:var(--accent)}.agent-preset-card__desc{font-size:12px;color:var(--muted);margin-top:4px}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0;opacity:.6;border-radius:50%;transition:opacity var(--duration-fast)}.chip-remove:hover{opacity:1;background:#0000001a}.agent-model-tab{display:grid;gap:var(--space-5);max-width:560px}.agent-field{display:grid;gap:6px}.agent-field__label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.agent-model-dropdown{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px;cursor:pointer}.agent-slider-row{display:flex;align-items:center;gap:var(--space-3)}.agent-slider{flex:1;accent-color:var(--accent, #3b82f6)}.agent-slider-value{font-size:14px;font-weight:600;min-width:36px;text-align:right}.agent-system-prompt{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-family:var(--mono, monospace);font-size:13px;line-height:1.5;resize:vertical}.agent-actions{display:flex;gap:var(--space-2);padding-top:8px}.agent-model-meta{display:grid;gap:6px;min-width:200px}.agent-files-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:var(--space-4)}.agent-files-list{display:grid;gap:var(--space-2)}.agent-file-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;text-align:left;border:none;border-radius:var(--radius-md);background:var(--bg-muted);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--duration-normal) ease;box-shadow:var(--shadow-sm)}.agent-file-row:hover{background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}.agent-file-row.active{background:#0098ff1a;box-shadow:0 0 0 2px var(--accent-subtle)}.agent-file-name{font-weight:600}.agent-file-meta{color:var(--muted);font-size:12px;margin-top:4px}.agent-files-editor{border:none;border-radius:var(--radius-lg);padding:var(--space-4);background:var(--card);box-shadow:var(--shadow-sm)}.agent-file-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.agent-file-title{font-weight:600}.agent-file-sub{color:var(--muted);font-size:12px;margin-top:4px}.agent-file-actions{display:flex;gap:var(--space-2)}.agent-tools-meta{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.agent-tools-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:8px}.agent-tools-grid{display:grid;gap:var(--space-4)}.agent-tools-section{border:none;border-radius:var(--radius-md);padding:var(--space-2);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.agent-tools-header{font-weight:600;margin-bottom:10px}.agent-tools-list{display:grid;gap:var(--space-2) var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.agent-tool-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-sm)}.agent-tool-row.agent-tool-item--danger{border-left:3px solid #e74c3c;padding-left:9px}.agent-tool-row.agent-tool-item--danger .agent-tool-title{color:#e74c3c}.cfg-toggle{display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.cfg-toggle__track{width:36px;height:20px;border-radius:var(--radius-md);background:var(--border);transition:background var(--duration-normal) ease;position:relative}.cfg-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform var(--duration-normal) ease;box-shadow:var(--shadow-sm)}.cfg-toggle input:checked+.cfg-toggle__track{background:var(--accent)}.cfg-toggle input:checked+.cfg-toggle__track:after{transform:translate(16px)}.cfg-toggle input:disabled+.cfg-toggle__track{opacity:.4;cursor:not-allowed}.agent-tool-title{font-weight:600;font-size:13px}.agent-tool-sub{color:var(--muted);font-size:11px;margin-top:2px}.agent-skills-groups{display:grid;gap:var(--space-4)}.agent-skills-group{display:grid;gap:var(--space-2)}.agent-skills-group summary{list-style:none}.agent-skills-header{display:flex;align-items:center;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);cursor:pointer;gap:var(--space-2)}.agent-skills-header>span:last-child{margin-left:auto}.agent-skills-group summary::-webkit-details-marker{display:none}.agent-skills-group summary::marker{content:""}.agent-skills-header:after{content:"▸";font-size:12px;color:var(--muted);transition:transform var(--duration-fast) ease;margin-left:8px}.agent-skills-group[open] .agent-skills-header:after{transform:rotate(90deg)}.agent-skill-row{align-items:flex-start;gap:var(--space-2)}.agent-skill-row .list-meta{display:flex;align-items:flex-start;justify-content:flex-end;min-width:auto}.skills-grid{grid-template-columns:1fr}@container (min-width: 900px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.agents-layout,.agent-header{grid-template-columns:1fr}.agent-header-meta{justify-items:start}.agent-files-grid,.agent-tools-list{grid-template-columns:1fr}}.channel-card{container-type:inline-size}@container (max-width: 280px){.channel-card .channel-actions{flex-direction:column;align-items:stretch}.channel-card .channel-actions .btn{width:100%}}.list{container-type:inline-size}@container (max-width: 500px){.list-item{grid-template-columns:1fr}.list-meta{justify-content:flex-start}}.stat-card{container-type:inline-size}@container (max-width: 200px){.stat-card h3{font-size:12px}.stat-card .stat-value{font-size:20px}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.session-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--duration-fast) ease}.session-link:hover{color:var(--accent-hover);text-decoration:underline}.role-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--role-color);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.provider-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--provider-color) 15%,transparent);color:var(--provider-color);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:20px}.models-table-container{margin-top:16px;overflow-x:auto;border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-sm)}.models-table{width:100%;border-collapse:collapse;background:var(--bg-elevated)}.models-table thead{background:var(--bg-accent);border-bottom:1px solid var(--border)}.models-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.models-table tbody tr.row--disabled{opacity:.5}.model-cell{display:flex;align-items:center;gap:var(--space-2)}.model-icon{font-size:18px;flex-shrink:0}.model-name{font-weight:600;color:var(--text-strong)}.price{font-weight:600;color:var(--text-strong)}.price-unit{font-size:12px;color:var(--muted);margin-left:4px}.desc-cell{max-width:300px;line-height:1.4}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:none;background:var(--bg-elevated);color:var(--muted);box-shadow:var(--shadow-sm)}.badge--success{background:var(--ok-subtle);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}.badge--warning{background:var(--warn-subtle);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.badge--error{background:var(--danger-subtle);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.empty-state{padding:var(--space-9) var(--space-5);text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{color:var(--muted);font-size:15px}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.models-table th,.models-table td{padding:var(--space-2) var(--space-3);font-size:13px}.desc-cell{max-width:200px}}.agents-sidebar{position:sticky;top:20px;height:fit-content}.agent-row{border:none;background:var(--bg-muted);border-radius:var(--radius-md);transition:all var(--duration-normal) ease;box-shadow:var(--shadow-sm)}.agent-row:hover{background:var(--bg-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}.agent-row.active{background:#0098ff1a;box-shadow:0 0 0 2px var(--accent-subtle)}.agent-tabs{border:none;background:var(--bg-muted);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-sm)}.agent-tab{border:none;border-radius:var(--radius-sm);transition:all var(--duration-normal)}.agent-tab.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.agent-pill{border:none;border-radius:var(--radius-lg);background:#0098ff1a;color:#0098ff;box-shadow:var(--shadow-sm)}.agent-pill.muted{background:var(--bg-muted);color:var(--muted);box-shadow:none}.agent-kv{background:var(--bg-muted);border:none;border-radius:var(--radius-md);padding:var(--space-3)}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:var(--bg-muted);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#0098ff;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-normal)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#0098ff;border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-normal)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-4);margin-bottom:20px}.channel-card{display:flex;flex-direction:column;background:var(--bg-muted);gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);animation:rise var(--duration-slow) var(--ease-out) backwards;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.badge-system{display:inline-block;padding:2px var(--space-2);margin-left:8px;background:#6b72801a;color:#6b7280;font-size:11px;font-weight:600;border-radius:var(--radius-full);border:none}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:13px;font-weight:500}.status-active{color:#22c55e}.status-inactive{color:#6b7280}.channel-details{display:flex;flex-direction:column;gap:var(--space-2);padding:6px;background:var(--bg-muted);border-radius:var(--radius-md);border:none}.health-badge{display:inline-flex;align-items:center;padding:6px var(--space-3);border-radius:var(--radius-xl);font-size:11px;font-weight:600;white-space:nowrap;border:none}.status-healthy{background:#22c55e1a;color:#22c55e;box-shadow:var(--shadow-sm)}.status-unhealthy{background:#ef44441a;color:#ef4444;box-shadow:var(--shadow-sm)}.status-unknown{background:#6b72801a;color:#6b7280}.health-badge-clickable{cursor:pointer;transition:box-shadow var(--duration-normal) ease,transform var(--duration-normal) ease}.health-badge-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;will-change:opacity;animation:fadeIn var(--duration-normal) ease}.modal{background:var(--bg);border:none;border-radius:var(--radius-sm);width:90%;max-width:520px;max-height:85vh;overflow:visible;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slideUp var(--duration-slow) ease;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-4);flex-shrink:0}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text)}.modal-close{background:var(--bg-muted);border:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--duration-normal)}.modal-close:hover{background:var(--bg-hover);color:var(--text);transform:scale(1.05)}.modal form{padding:var(--space-4);overflow-y:auto;flex:1}.modal-body{padding:var(--space-2);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-4);flex-shrink:0}.modal-footer .btn{min-width:100px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-9) var(--space-5);color:var(--muted)}.dashboard-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-9) var(--space-5);text-align:center}.error-icon{font-size:48px}.error-message{color:var(--danger);font-size:16px;font-weight:500}.btn-retry{padding:var(--space-2) var(--space-2);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.btn-retry:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{font-size:32px;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-hint{font-size:13px;color:var(--muted)}.quick-actions-card{background:var(--card);border:none;border-radius:var(--radius-lg);padding:var(--space-2);margin-bottom:24px;box-shadow:var(--shadow-sm);transition:all var(--duration-normal)}.quick-actions-card:hover{box-shadow:var(--shadow-md)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.action-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.action-btn:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm);transform:translate(4px)}.action-icon{font-size:28px;flex-shrink:0}.action-content{flex:1;min-width:0}.action-title{font-size:14px;font-weight:600;color:var(--text-strong);margin-bottom:4px}.action-desc{font-size:12px;color:var(--muted);line-height:1.4}.guide-card{background:var(--card);border:none;border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-sm);transition:all var(--duration-normal)}.guide-card:hover{box-shadow:var(--shadow-md)}.guide-steps{display:grid;gap:var(--space-4)}.guide-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);transition:all var(--duration-normal)}.guide-step:hover{background:var(--bg-hover);transform:translate(4px)}.guide-step.completed{opacity:.7}.guide-step.completed .step-number{background:linear-gradient(135deg,#22c55e,#16a34a)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#0098ff,#33b0ff);color:#fff;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-sm)}.step-content{flex:1;min-width:0}.step-title{font-size:15px;font-weight:600;color:var(--text-strong);margin-bottom:4px}.step-desc{font-size:13px;color:var(--muted);line-height:1.5}.stat,.note,.list-item,.table-row,.agent-row,.channel-row,.key-row,.task-row,.pill,.chip,.badge,.tag,.config-layout,.config-sidebar,.config-section-card,.cfg-input,.cfg-textarea,.cfg-select,.cfg-toggle-row,.cfg-object,.cfg-array,.cfg-segmented,.chat-sidebar,.sidebar-header,.chat-bubble,.chat-tool-card,.btn--icon,blockquote,hr{border:none!important}.stat{border-radius:var(--radius-lg)!important;box-shadow:var(--glass-shadow-sm)!important}.list-item{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.list-item:hover{box-shadow:var(--shadow-sm)!important;transform:translate(4px)}.table-row{border-radius:var(--radius-md)!important;margin-bottom:4px}.table-row:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)!important}.pill,.chip,.badge,.tag{border-radius:var(--radius-full)!important;box-shadow:var(--shadow-sm)!important}input:not([type=checkbox]):not([type=radio]),textarea,select{border:none!important;box-shadow:var(--glass-shadow-sm)!important;border-radius:var(--radius-md)!important}input:focus:not([type=checkbox]):not([type=radio]),textarea:focus,select:focus{box-shadow:0 0 0 3px var(--accent-subtle)!important}.btn,button:not(.unstyled){border:none!important;border-radius:var(--radius-md)!important}.btn.primary,button.primary{box-shadow:var(--shadow-sm)!important}.btn:hover:not(:disabled),button:hover:not(:disabled):not(.unstyled){box-shadow:var(--shadow-md)!important}.channel-share-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 6px}.channel-share-label{display:flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:500;color:var(--text)}.channel-share-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:600;border:none;background:#22c55e1a;color:#22c55e;box-shadow:var(--shadow-sm)}.channel-share-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-2);margin-top:4px;background:var(--bg-elevated);border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-sm);animation:fade-in var(--duration-normal) var(--ease-out)}.channel-share-form .share-field{display:grid;gap:var(--space-1)}.channel-share-form .share-field label{font-size:12px;font-weight:500;color:var(--muted)}.channel-share-form .share-field input{padding:var(--space-2) var(--space-2);font-size:13px;background:var(--card);color:var(--text);border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-sm)}.channel-share-form .share-field input:focus{outline:none;box-shadow:0 0 0 3px var(--accent-subtle)}.channel-share-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-2)}.heartbeat-tab{display:flex;flex-direction:column;gap:var(--space-4)}.heartbeat-section{background:var(--card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast)}.heartbeat-section.heartbeat-active{box-shadow:0 0 0 1px var(--border),var(--shadow-sm)}.heartbeat-section h3{font-size:14px;font-weight:600;color:var(--text);margin:0}.heartbeat-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.heartbeat-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.heartbeat-pulse-dot.active{background:var(--success);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 6px transparent;opacity:.6}to{box-shadow:0 0 0 0 transparent;opacity:1}}.heartbeat-controls{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-track{position:relative;width:44px;height:24px;background:var(--bg-muted);border-radius:12px;transition:background var(--duration-fast);flex-shrink:0}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-tertiary);border-radius:50%;transition:transform var(--duration-fast),background var(--duration-fast)}.toggle-input:checked+.toggle-track{background:rgba(var(--success-rgb, 34, 197, 94),.15)}.toggle-input:checked+.toggle-track .toggle-thumb{transform:translate(20px);background:var(--success)}.toggle-text{font-size:13px;font-weight:500;color:var(--text-secondary);min-width:48px}.interval-label{display:flex;align-items:center;gap:var(--space-2);font-size:13px}.interval-prefix{color:var(--muted);display:flex;align-items:center}.interval-select{padding:var(--space-2) var(--space-3);padding-right:var(--space-6);font-size:13px;background:var(--bg-muted);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.5'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--duration-fast)}.interval-select:hover{border-color:var(--border-hover)}.interval-select:focus{outline:none;border-color:var(--primary)}.heartbeat-divider{height:1px;background:var(--border);margin:var(--space-4) 0}.heartbeat-task-list{display:flex;flex-direction:column;gap:var(--space-2)}.heartbeat-task-header{display:flex;align-items:center;gap:var(--space-2);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.heartbeat-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.heartbeat-tasks>li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md);transition:background var(--duration-fast)}.heartbeat-tasks>li:hover{background:var(--bg-hover)}.task-priority{width:6px;height:6px;border-radius:50%;flex-shrink:0}.task-priority.high{background:var(--danger)}.task-priority.medium{background:var(--warning)}.task-priority.low{background:var(--muted)}.heartbeat-tasks li.task-item{display:flex;align-items:center;gap:var(--space-2);padding:0}.heartbeat-tasks li.task-item.paused{opacity:.6}.task-pause-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast),color var(--duration-fast)}.task-pause-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.task-pause-btn.paused{color:var(--warning)}.task-priority-select{appearance:none;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;min-width:90px;flex-shrink:0;transition:border-color var(--duration-fast)}.task-priority-select:focus{outline:none;border-color:var(--primary)}.task-priority-select.high{color:var(--danger)}.task-priority-select.medium{color:var(--warning)}.task-priority-select.low{color:var(--muted)}.task-text-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border);padding:4px 0;font-size:13px;color:var(--text-primary);min-width:0;transition:border-color var(--duration-fast)}.task-text-input:focus{outline:none;border-bottom-color:var(--primary)}.task-text-input::placeholder{color:var(--muted)}.task-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0;opacity:0;transition:opacity var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.heartbeat-tasks li:hover .task-remove-btn{opacity:1}.task-remove-btn:hover{background:var(--bg-muted);color:var(--danger)}.task-add-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.task-add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-muted)}.task-empty{font-size:13px;color:var(--muted);text-align:center;padding:var(--space-4);font-style:italic}.heartbeat-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--muted);background:var(--bg-muted);padding:2px var(--space-2);border-radius:var(--radius-sm)}.heartbeat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;gap:var(--space-2)}.heartbeat-empty-icon{width:48px;height:48px;color:var(--muted);opacity:.5;margin-bottom:var(--space-2)}.heartbeat-empty-state>span:first-of-type{font-size:13px;font-weight:500;color:var(--text-secondary)}.heartbeat-empty-sub{font-size:12px;color:var(--muted)}.heartbeat-timeline{display:flex;flex-direction:column}.heartbeat-timeline-item{display:flex;gap:var(--space-3);padding-bottom:var(--space-4);animation:fadeSlideIn .3s ease-out both;animation-delay:var(--delay, 0ms)}.heartbeat-timeline-item:last-child{padding-bottom:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.timeline-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-muted);border:2px solid var(--border);flex-shrink:0}.timeline-dot.success{background:var(--success);border-color:var(--success)}.timeline-dot.error{background:var(--danger);border-color:var(--danger)}.timeline-line{width:2px;flex:1;background:var(--border);margin-top:var(--space-1)}.timeline-content{flex:1;min-width:0;padding-top:0}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.timeline-time{font-size:12px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.timeline-badge{font-size:10px;font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.timeline-badge.success{background:#22c55e1f;color:var(--success)}.timeline-badge.error{background:#ef44441f;color:var(--danger)}.timeline-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.timeline-tasks{display:flex;align-items:center;gap:var(--space-1);font-size:12px;color:var(--muted)}.timeline-error{font-size:11px;color:var(--danger);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ef444414;padding:2px var(--space-2);border-radius:var(--radius-sm)}.heartbeat-skeleton-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.heartbeat-skeleton-list{display:flex;flex-direction:column;gap:var(--space-3)}.heartbeat-skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-hover) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-toggle{width:80px;height:24px}.skeleton-select{width:100px;height:32px}.skeleton-row{height:48px}.files-tab{display:flex;height:100%;background:var(--card);border-radius:var(--radius-lg);overflow:hidden}.files-sidebar{width:260px;min-width:260px;background:var(--bg-muted);border-right:1px solid var(--border);display:flex;flex-direction:column}.files-sidebar-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-secondary)}.files-list{list-style:none;margin:0;padding:var(--space-2);overflow-y:auto;flex:1}.file-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);margin-bottom:2px}.file-item:hover{background:var(--bg-hover)}.file-item.active{background:var(--accent-subtle);color:var(--accent)}.file-item.active .file-desc{color:var(--accent);opacity:.7}.file-icon{flex-shrink:0;margin-top:2px;opacity:.6}.file-item.active .file-icon{opacity:1;color:var(--accent)}.file-info{display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.file-desc{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-editor{flex:1;display:flex;flex-direction:column;min-width:0}.files-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-muted)}.files-editor-title{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:var(--text)}.files-save-btn{display:flex;align-items:center;gap:var(--space-1);padding:6px 14px;background:var(--accent);color:var(--on-accent, #fff);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.files-save-btn:hover:not(:disabled){opacity:.85}.files-save-btn:disabled{opacity:.5;cursor:not-allowed}.files-save-btn.saving{background:var(--muted);color:var(--text-muted)}.files-textarea{flex:1;width:100%;padding:var(--space-4);background:var(--bg);color:var(--text);border:none;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;resize:none;outline:none}.files-textarea::placeholder{color:var(--muted)}.files-error{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--danger)}.files-error-icon{width:24px;height:24px}.files-skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-hover) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-file-item{height:52px;margin:4px 8px}.skeleton-editor{height:300px;margin:16px}.create-form{animation:fade-in var(--duration-slow) var(--ease-out)}.modal{animation:scale-in var(--duration-normal) var(--ease-out)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 16px var(--accent-glow-strong)}}@keyframes bar-shine{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dashboard-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #0098ff00}50%{box-shadow:0 0 20px var(--accent-glow)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-toggle{--theme-item: 28px;--theme-gap: 2px;--theme-pad: 4px;position:relative}.theme-toggle__track{position:relative;display:grid;grid-template-columns:repeat(3,var(--theme-item));gap:var(--theme-gap);padding:var(--theme-pad);border-radius:var(--radius-full);border:none;background:var(--secondary)}.theme-toggle__indicator{position:absolute;top:50%;left:var(--theme-pad);width:var(--theme-item);height:var(--theme-item);border-radius:var(--radius-full);transform:translateY(-50%) translate(calc(var(--theme-index, 0) * (var(--theme-item) + var(--theme-gap))));background:var(--accent);transition:transform var(--duration-normal) var(--ease-out);z-index:0}.theme-toggle__button{height:var(--theme-item);width:var(--theme-item);display:grid;place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;position:relative;z-index:1;transition:color var(--duration-fast) ease}.theme-toggle__button:hover{color:var(--text)}.theme-toggle__button.active{color:var(--accent-foreground)}.theme-toggle__button.active .theme-icon{stroke:var(--accent-foreground)}.theme-icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;background:var(--bg-muted);padding:9px var(--space-4);border-radius:var(--radius-md);font-size:13px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.btn:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{background:var(--secondary);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn--icon{padding:var(--space-2);width:36px;height:36px}.btn.primary{background:var(--accent-gradient);color:var(--primary-foreground);box-shadow:0 2px 10px var(--accent-glow);border:none}.btn.primary:hover{background:var(--accent-gradient-soft);box-shadow:0 4px 16px var(--accent-glow-strong);transform:translateY(-1px)}.btn-kbd{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 5px;font-family:var(--mono);font-size:11px;font-weight:500;line-height:1;border-radius:var(--radius-sm);background:var(--glass-chat-abort-bg);color:inherit;opacity:.8}.btn.primary .btn-kbd{background:var(--glass-chat-abort-bg)}:root[data-theme=light] .btn-kbd{background:var(--glass-chat-abort-bg)}:root[data-theme=light] .btn.primary .btn-kbd{background:var(--glass-chat-abort-bg)}.btn.active{background:var(--accent-subtle);color:var(--accent);box-shadow:0 2px 4px var(--accent-subtle)}.btn.danger{background:var(--danger-subtle);color:var(--danger);box-shadow:0 1px 3px var(--danger-subtle)}.btn.danger:hover{background:var(--danger-line-15);box-shadow:0 2px 8px var(--danger-subtle);transform:translateY(-1px)}.btn-success{background:var(--ok-subtle);color:var(--ok);box-shadow:0 1px 3px var(--ok-subtle)}.btn-success:hover{background:var(--ok-fill-10);box-shadow:0 2px 8px var(--ok-subtle);transform:translateY(-1px)}.btn-warning{background:var(--warn-subtle);color:var(--warn);box-shadow:0 1px 3px var(--warn-subtle)}.btn-warning:hover{background:var(--warn-subtle);box-shadow:0 2px 8px var(--warn-subtle);transform:translateY(-1px)}.btn--sm{padding:6px var(--space-2);font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.toggle-switch-large{width:56px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:var(--muted);border-radius:var(--radius-full);transition:all var(--duration-slow) ease;box-shadow:var(--shadow-sm)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--text-inverse);border-radius:50%;transition:all var(--duration-slow) ease;box-shadow:var(--shadow-sm)}.toggle-switch-large .toggle-slider:before{height:22px;width:22px}.toggle-switch input:checked+.toggle-slider{background:var(--ok);box-shadow:0 2px 8px var(--ok-glow-sm)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch-large input:checked+.toggle-slider:before{transform:translate(28px)}.toggle-switch:hover .toggle-slider{box-shadow:var(--shadow-md)}.toggle-switch input:checked:hover+.toggle-slider{box-shadow:0 3px 10px var(--ok-glow-sm)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.log-stream{border:none;border-radius:var(--radius-md);background:var(--card);max-height:500px;overflow:auto;container-type:inline-size}.log-row{display:grid;grid-template-columns:90px 70px minmax(140px,200px) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:12px;transition:background var(--duration-fast) ease}.log-row:hover{background:var(--bg-hover)}.log-row:last-child{border-bottom:none}.log-time{color:var(--muted);font-family:var(--mono)}.log-level{font-size:11px;font-weight:500;border:none;border-radius:var(--radius-sm);padding:2px 6px;width:fit-content}.log-level.trace,.log-level.debug{color:var(--muted)}.log-level.info{color:var(--info);border-color:#3b82f64d}.log-level.warn{color:var(--warn);border-color:var(--warn-subtle)}.log-level.error,.log-level.fatal{color:var(--danger);border-color:var(--danger-subtle)}.log-chip.trace,.log-chip.debug{color:var(--muted)}.log-chip.info{color:var(--info);border-color:#3b82f64d}.log-chip.warn{color:var(--warn);border-color:var(--warn-subtle)}.log-chip.error,.log-chip.fatal{color:var(--danger);border-color:var(--danger-subtle)}.log-subsystem{color:var(--muted);font-family:var(--mono)}.log-message{white-space:pre-wrap;word-break:break-word;font-family:var(--mono)}@container (max-width: 620px){.log-row{grid-template-columns:70px 60px minmax(0,1fr)}.log-subsystem{display:none}}.chat{display:flex;flex-direction:column;min-height:0}.shell--chat .chat{flex:1}.chat-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.chat-header__left{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;min-width:0}.chat-header__right{display:flex;align-items:center;gap:var(--space-2)}.chat-session{min-width:240px}.chat-thread{margin-top:16px;display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-3);min-width:0;border-radius:0;border:none;background:transparent}.chat-queue{margin-top:12px;padding:var(--space-3);border-radius:var(--radius-lg);border:none;background:var(--card);display:grid;gap:var(--space-2)}.chat-queue__title{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted)}.chat-queue__list{display:grid;gap:var(--space-2)}.chat-queue__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:none;background:var(--secondary)}.chat-queue__text{color:var(--chat-text);font-size:13px;line-height:1.45;white-space:pre-wrap;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.chat-queue__remove{align-self:start;padding:var(--space-1) var(--space-2);font-size:12px;line-height:1}.chat-new-messages{align-self:center;margin:var(--space-2) auto 0;border-radius:999px;padding:6px var(--space-3);font-size:12px;line-height:1}.chat-line{display:flex}.chat-line.user{justify-content:flex-end}.chat-line.assistant,.chat-line.other{justify-content:flex-start}.chat-msg{display:grid;gap:6px;max-width:min(700px,82%)}.chat-line.user .chat-msg{justify-items:end}.chat-bubble{border:none;background:var(--card);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);min-width:0}:root[data-theme=light] .chat-bubble{border-color:var(--border);background:var(--bg)}.chat-line.user .chat-bubble{border-color:transparent;background:var(--accent-subtle)}:root[data-theme=light] .chat-line.user .chat-bubble{border-color:#ea580c33;background:#fb923c1f}.chat-line.assistant .chat-bubble{border-color:transparent;background:var(--secondary)}:root[data-theme=light] .chat-line.assistant .chat-bubble{border-color:var(--border);background:var(--bg-muted)}@keyframes chatStreamPulse{0%,to{border-color:var(--border)}50%{border-color:var(--accent)}}.chat-bubble.streaming{animation:chatStreamPulse 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.chat-bubble.streaming{animation:none;border-color:var(--accent)}}.chat-bubble.chat-reading-indicator{width:fit-content;padding:var(--space-2) var(--space-4)}.chat-reading-indicator__dots{display:inline-flex;align-items:center;gap:var(--space-1);height:12px}.chat-reading-indicator__dots>span{display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--muted);opacity:.6;transform:translateY(0);animation:chatReadingDot 1.2s ease-in-out infinite;will-change:transform,opacity}.chat-reading-indicator__dots>span:nth-child(2){animation-delay:.15s}.chat-reading-indicator__dots>span:nth-child(3){animation-delay:.3s}@keyframes chatReadingDot{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.chat-reading-indicator__dots>span{animation:none;opacity:.6}}.chat-text{overflow-wrap:anywhere;word-break:break-word;color:var(--chat-text);line-height:1.5}.chat-text :where(p+p,p+ul,p+ol,p+pre,p+blockquote,p+table){margin-top:.75em}.chat-text :where(ul,ol){padding-left:1.2em}.chat-text :where(a){color:var(--accent)}.chat-text :where(a:hover){text-decoration:underline}.chat-text :where(blockquote){border-left:2px solid var(--border-strong);padding-left:12px;color:var(--muted)}.chat-text :where(hr){border:0;border-top:1px solid var(--border);margin:1em 0}.chat-text :where(:not(pre)>code){padding:.15em .35em;border-radius:var(--radius-sm);border:none;background:var(--secondary)}:root[data-theme=light] .chat-text :where(:not(pre)>code){background:var(--bg-muted)}.chat-text :where(pre){margin-top:.75em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:none;background:var(--secondary);overflow:auto}:root[data-theme=light] .chat-text :where(pre){background:var(--bg-muted)}.chat-text :where(pre code){font-size:12px;white-space:pre}.chat-text :where(table){margin-top:.75em;border-collapse:collapse;width:100%;max-width:100%;font-size:13px;display:block;overflow-x:auto}.chat-text :where(th,td){border:none;padding:6px var(--space-2);vertical-align:top}.chat-text :where(th){font-family:var(--mono);font-weight:500;color:var(--muted);background:var(--secondary)}.chat-tool-card{margin-top:8px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:none;background:var(--secondary);display:grid;gap:var(--space-1)}:root[data-theme=light] .chat-tool-card{background:var(--bg-muted)}.chat-tool-card__title{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text)}.chat-tool-card__detail{font-family:var(--mono);font-size:11px;color:var(--muted)}.chat-tool-card__details{margin-top:6px}.chat-tool-card__summary{font-family:var(--mono);font-size:11px;color:var(--muted);cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}.chat-tool-card__summary::-webkit-details-marker{display:none}.chat-tool-card__summary-meta{color:var(--muted);opacity:.7}.chat-tool-card__details[open] .chat-tool-card__summary{color:var(--text)}.chat-tool-card__output{margin-top:8px;font-family:var(--mono);font-size:11px;line-height:1.5;white-space:pre-wrap;color:var(--chat-text);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);border:none;background:var(--card)}:root[data-theme=light] .chat-tool-card__output{background:var(--bg)}.chat-stamp{font-size:11px;color:var(--muted)}.chat-line.user .chat-stamp{text-align:right}.chat-compose{margin-top:12px;display:flex;flex-direction:column;gap:var(--space-2)}.shell--chat .chat-compose{position:sticky;bottom:0;z-index:5;margin-top:0;padding-top:12px;background:linear-gradient(180deg,transparent 0%,var(--bg) 40%)}.shell--chat-focus .chat-compose{bottom:calc(var(--shell-pad) + 8px);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.chat-compose__field{gap:var(--space-1)}.chat-compose__field textarea{min-height:72px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);resize:vertical;white-space:pre-wrap;font-family:var(--font-body);line-height:1.5;border:none;background:var(--card);box-shadow:inset 0 1px 0 var(--card-highlight);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.chat-compose__field textarea:focus{border-color:var(--ring);box-shadow:var(--focus-ring)}.chat-compose__field textarea:disabled{opacity:.5;cursor:not-allowed}.chat-compose__actions{justify-content:flex-end;align-self:end}@media(max-width:900px){.chat-session{min-width:180px}.chat-compose{grid-template-columns:1fr}}.chat-input-area{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);margin:0 var(--space-4) var(--space-4);border-radius:var(--radius-sm);background:var(--glass-chat-input-bg, rgba(30, 30, 40, .7));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.chat-input{flex:1;min-height:36px;max-height:120px;resize:none;overflow-y:auto;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;outline:none}.chat-input::placeholder{color:var(--muted)}.chat-send-btn,.chat-abort-btn{padding:var(--space-2) var(--space-2);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:opacity var(--duration-fast),transform .1s;white-space:nowrap;flex-shrink:0}.chat-send-btn{background:var(--accent);color:#fff}.chat-send-btn:active{transform:scale(.96)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-abort-btn{background:var(--glass-chat-abort-bg, rgba(255, 255, 255, .12));color:var(--text)}.chat-abort-btn:active{transform:scale(.96)}.chat-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4)}.qr-wrap{margin-top:16px;border-radius:var(--radius-md);background:var(--card);border:none;padding:var(--space-4);display:inline-flex}.qr-wrap img{width:160px;height:160px;border-radius:var(--radius-sm);image-rendering:pixelated}.update-banner{position:sticky;top:0;z-index:var(--z-sticky);margin:0 calc(-1 * var(--shell-pad)) 0;border-radius:0;border-left:none;border-right:none;text-align:center;font-weight:500;padding:var(--space-2) var(--space-4)}.update-banner__btn{margin-left:8px;border-color:var(--danger);color:var(--danger);font-size:12px;padding:var(--space-1) var(--space-3)}.update-banner__btn:hover:not(:disabled){background:var(--danger-subtle)}.card{border:none;background:var(--card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--glass-shadow-sm);backdrop-filter:blur(4px);contain:layout style;-webkit-backdrop-filter:blur(4px);animation:rise var(--duration-slow) var(--ease-out) backwards;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.card-title{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.card-sub{color:var(--muted);font-size:13px;margin-top:6px;line-height:1.5}.card-header{margin-bottom:20px}.card-subtitle{font-size:13px;color:var(--muted);margin:0}.card-content{padding:var(--space-5)}.stat{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-sm)!important;padding:var(--space-3) var(--space-4);border:none;transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm)}.stat:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.stat-label{color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:24px;font-weight:700;margin-top:6px;letter-spacing:-.03em;line-height:1.1}.stat-value.ok{color:var(--ok)}.stat-value.warn{color:var(--warn)}.stat-card{display:grid;gap:6px}.note-title{font-weight:600;letter-spacing:-.01em}.status-list{display:grid;gap:var(--space-2)}.status-list div{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.status-list div:last-child{border-bottom:none}.account-count{margin-top:10px;font-size:12px;font-weight:500;color:var(--muted)}.account-card-list{margin-top:16px;display:grid;gap:var(--space-3)}.account-card{border:none;border-radius:var(--radius-lg);padding:var(--space-3);background:var(--bg-elevated);transition:box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease;box-shadow:var(--shadow-sm)}.account-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.account-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.account-card-title{font-weight:500}.account-card-id{font-family:var(--mono);font-size:12px;color:var(--muted)}.account-card-status{margin-top:10px;font-size:13px}.account-card-status div{padding:var(--space-1) 0}.account-card-error{margin-top:8px;color:var(--danger);font-size:12px}.label{color:var(--muted);font-size:12px;font-weight:500}.pill{display:inline-flex;align-items:center;gap:6px;border:none;padding:6px var(--space-3);border-radius:var(--radius-full);background:var(--secondary);font-size:13px;font-weight:500;transition:box-shadow var(--duration-fast) ease;box-shadow:var(--shadow-sm)}.pill:hover{box-shadow:var(--shadow-sm)}.pill.danger{background:var(--danger-subtle);color:var(--danger)}.statusDot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--danger);box-shadow:var(--danger-glow-sm);animation:pulse-subtle 2s ease-in-out infinite}.statusDot.ok{background:var(--ok);box-shadow:var(--ok-glow-sm);animation:none}.statusDot.warn{background:var(--warn);box-shadow:var(--warn-glow-sm);animation:none}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.callout{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--secondary);border:none;font-size:13px;line-height:1.5;position:relative;animation:fade-in var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-sm)}.callout.danger{background:var(--danger-gradient-bg);color:var(--danger);box-shadow:0 2px 4px var(--danger-subtle)}.callout.info{background:var(--info-gradient-bg);color:var(--info);box-shadow:0 2px 4px var(--info-subtle)}.callout.success{background:var(--ok-gradient-bg);color:var(--ok);box-shadow:0 2px 4px var(--ok-subtle)}.callout.warn{background:var(--warn-gradient-bg);color:var(--warning);box-shadow:0 2px 4px var(--warn-subtle)}.compaction-indicator{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1.2;padding:6px var(--space-3);margin-bottom:8px;border-radius:var(--radius-full);border:none;background:var(--panel-strong);color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;animation:fade-in var(--duration-normal) var(--ease-out)}.compaction-indicator svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.compaction-indicator--active{color:var(--info);border-color:var(--info-subtle)}.compaction-indicator--active svg{animation:compaction-spin 1s linear infinite}.compaction-indicator--complete{color:var(--ok);border-color:var(--ok-subtle)}.compaction-indicator--fallback{color:var(--warn);border-color:var(--warn-subtle)}.compaction-indicator--fallback-cleared{color:var(--ok);border-color:var(--ok-subtle)}@keyframes compaction-spin{to{transform:rotate(360deg)}}.code-block{font-family:var(--mono);font-size:13px;line-height:1.5;background:var(--secondary);padding:var(--space-3);border-radius:var(--radius-lg);border:none;max-height:360px;overflow:auto;max-width:100%;box-shadow:var(--shadow-sm)}:root[data-theme=light] .code-block,:root[data-theme=light] .list-item,:root[data-theme=light] .table-row,:root[data-theme=light] .chip{background:var(--bg)}.list{display:grid;gap:var(--space-2);container-type:inline-size}.list-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:var(--space-4);align-items:start;border:none;border-radius:var(--radius-lg);padding:var(--space-3);background:var(--card);transition:box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease;animation:fade-in var(--duration-slow) var(--ease-out) backwards;box-shadow:var(--shadow-sm)}.list-item-clickable{cursor:pointer}.list-item-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-item-selected{box-shadow:0 0 0 3px var(--accent-subtle)}.list-main{display:grid;gap:var(--space-1);min-width:0}.list-title{font-weight:500}.list-sub{color:var(--muted);font-size:12px}.list-meta{text-align:right;color:var(--muted);font-size:12px;display:grid;gap:var(--space-1);min-width:200px}.list-meta .btn{padding:6px var(--space-2)}.list-meta .field input,.list-meta .field textarea,.list-meta .field select{width:100%}.debug-event-log__item{grid-template-columns:minmax(0,1fr)}.debug-event-log__meta{min-width:0;text-align:left}.debug-event-log__payload{margin:0;max-width:100%}.cron-job-payload,.cron-job-agent,.cron-job-state{overflow-wrap:anywhere;word-break:break-word}.cron-job .list-title{font-weight:600;font-size:15px;letter-spacing:-.015em}.cron-job{grid-template-columns:minmax(0,1fr) minmax(240px,300px);grid-template-areas:"main meta" "footer footer";row-gap:var(--space-2)}.cron-job .list-main{grid-area:main}.cron-job .list-meta{grid-area:meta;min-width:240px;gap:var(--space-2)}.cron-job-footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);padding-top:10px}.cron-job-chips{flex:1 1 auto}.cron-job-detail{display:grid;gap:3px;margin-top:2px}.cron-job-detail-label{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.cron-job-detail-value{font-size:13px;line-height:1.35}.cron-job-state{display:grid;gap:var(--space-1)}.cron-job-state-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.cron-job-state-key{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cron-job-state-value{color:var(--text);font-size:12px;white-space:nowrap}.cron-job-status-pill{font-size:11px;font-weight:600;border:none;border-radius:var(--radius-full);padding:2px var(--space-2);text-transform:lowercase}.cron-job-status-ok{color:var(--ok);border-color:var(--ok-subtle);background:var(--ok-subtle)}.cron-job-status-error{color:var(--danger);border-color:var(--danger-subtle);background:var(--danger-subtle)}.cron-job-status-skipped{color:var(--warn);border-color:var(--warn-subtle);background:var(--warn-subtle)}.cron-job-status-na{color:var(--muted)}.cron-job-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:0}.cron-job-actions .btn{flex:0 0 auto}@container (max-width: 560px){.list-item{grid-template-columns:1fr}.list-meta{min-width:0;text-align:left}.cron-job-actions{justify-content:flex-start}.cron-job{grid-template-columns:1fr;grid-template-areas:"main" "meta" "footer"}.cron-job-footer{flex-direction:column;align-items:stretch}}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{font-size:12px;font-weight:500;border:none;border-radius:var(--radius-full);padding:5px var(--space-3);color:var(--muted);background:var(--secondary);transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm)}.chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chip input{margin-right:6px}.chip-ok{color:var(--ok);background:var(--ok-subtle);box-shadow:0 2px 4px var(--ok-subtle)}.chip-warn{color:var(--warn);background:var(--warn-subtle);box-shadow:0 2px 4px var(--warn-subtle)}.chip-danger{color:var(--danger);background:var(--danger-subtle);box-shadow:0 2px 4px var(--danger-subtle)}.user-menu-container{position:relative;margin-left:8px}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:background var(--duration-fast) ease}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--text-inverse);font-weight:600;font-size:14px;box-shadow:var(--shadow-sm)}.user-avatar--lg{width:40px;height:40px;font-size:16px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);animation:scale-in var(--duration-fast) var(--ease-out)}.user-info{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-strong);font-size:14px}.user-email{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text);font-size:14px;cursor:pointer;text-align:left;transition:background var(--duration-fast) ease}.user-dropdown-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2px;flex-shrink:0}.user-dropdown-item--danger{color:var(--danger)}.user-dropdown-item--danger:hover{background:var(--danger-subtle)}.wizard-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;animation:fade-in var(--duration-normal) ease}.wizard-dialog{background:var(--bg);border:none;border-radius:var(--radius-sm);width:92%;max-width:1100px;max-height:85vh;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slideUp var(--duration-slow) ease;display:flex;flex-direction:column;overflow:hidden}.wizard-dialog__header{display:flex;align-items:center;padding:var(--space-4) var(--space-2);flex-shrink:0;gap:var(--space-3)}.wizard-dialog__back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:6px var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast)}.wizard-dialog__back:hover{background:var(--bg-hover);color:var(--text)}.wizard-dialog__title{font-size:16px;font-weight:600;color:var(--text)}.wizard-dialog__close{margin-left:auto}.wizard-dialog__body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4)}.wizard-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.wizard-split{display:grid;grid-template-columns:1fr 440px;height:100%}.wizard-split__form{overflow-y:auto;padding:var(--space-5) var(--space-4);padding-bottom:80px}.wizard-split__overview{overflow-y:auto;margin:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-sm),0 0 0 1px var(--border)}.wizard-overview__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:var(--space-4) 0}.wizard-overview__stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg);text-align:center}.wizard-overview__stat-value{font-size:22px;font-weight:700;color:var(--text)}.wizard-overview__stat-label{font-size:12px;color:var(--muted);margin-top:2px}.wizard-overview__section-title{font-size:13px;font-weight:600;color:var(--text);margin:var(--space-5) 0 var(--space-2);text-transform:uppercase;letter-spacing:.03em}.wizard-overview__list{list-style:none;padding:0;margin:0}.wizard-overview__list-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border)}.wizard-overview__list-item:last-child{border-bottom:none}.wizard-overview__list-item-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.wizard-overview__list-item-meta{color:var(--muted);font-size:11px;margin-left:8px;white-space:nowrap}.wizard-form-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.info-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--info-subtle);color:var(--info);border-radius:var(--radius-md);font-size:14px}.info-banner svg{flex-shrink:0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:16px}.filter-item{display:flex;flex-direction:column;gap:var(--space-2)}.filter-item label{font-size:14px;font-weight:500;color:var(--text)}.filter-item input,.filter-item select{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text);font-size:14px;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) ease}.filter-item input:focus,.filter-item select:focus{outline:none;box-shadow:0 0 0 3px var(--accent-subtle)}.filter-actions{display:flex;align-items:flex-end}.table-container{overflow-x:auto;margin-top:16px}.status-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:12px;font-weight:500}.status-success{background:var(--ok-subtle);color:var(--ok)}.status-error{background:var(--danger-subtle);color:var(--danger)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-4);padding-bottom:var(--space-2);border-top:1px solid var(--border)}.pagination-info{font-size:14px;color:var(--muted)}.pagination__pages{display:inline-flex;align-items:center;gap:4px}.pagination__btn{min-width:30px;height:30px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pagination__btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border);color:var(--accent)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__btn--active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}.pagination__btn--active:hover:not(:disabled){color:var(--accent)}.pagination__btn--arrow{font-size:16px;padding:0 8px;color:var(--text)}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:30px;font-size:12px;color:var(--muted);-webkit-user-select:none;user-select:none}.pagination__meta{font-size:12px;font-weight:500;color:var(--muted);margin-left:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--border)}@media(max-width:640px){.pagination{gap:var(--space-1);padding-top:var(--space-3)}.pagination__meta{margin-left:var(--space-1);padding-left:var(--space-1)}}.usage-header{background:var(--card);border:none;border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:20px;box-shadow:var(--shadow-sm)}.usage-header.pinned{position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.usage-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.usage-header-row+.usage-header-row{margin-top:16px}.usage-header-title{display:flex;align-items:center;gap:var(--space-2)}.usage-refresh-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);background:var(--accent-subtle);border-radius:var(--radius-xl);font-size:12px;color:var(--accent);font-weight:500}.usage-refresh-indicator:before{content:"";width:10px;height:10px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.usage-header-metrics{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.usage-metric-badge{display:inline-flex;align-items:baseline;gap:6px;padding:6px var(--space-3);border-radius:var(--radius-xl);border:none;background:var(--bg-muted);font-size:11px;color:var(--muted);font-weight:500}.usage-metric-badge strong{font-size:13px;color:var(--text);font-weight:600}.usage-pin-btn{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);border-radius:var(--radius-xl);border:none;background:var(--bg-muted);font-size:11px;color:var(--text);cursor:pointer;transition:all var(--duration-normal);font-weight:500}.usage-pin-btn:hover{background:var(--bg-hover)}.usage-pin-btn.active{background:var(--accent-subtle);color:var(--accent)}.usage-controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.usage-controls input[type=date]{min-width:140px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text);font-size:14px;line-height:1.5;transition:border-color var(--duration-fast) ease}.usage-controls input[type=date]:focus{outline:none;border-color:var(--accent)}.usage-controls input[type=date]:hover:not(:focus){border-color:var(--border-hover)}.usage-presets{display:inline-flex;gap:6px;flex-wrap:wrap}.usage-presets .btn{padding:6px var(--space-3);font-size:12px;border:none;border-radius:var(--radius-md);background:var(--bg-muted);font-weight:500}.usage-presets .btn:hover{background:var(--bg-hover)}.chart-toggle{display:flex;background:var(--bg-muted);border-radius:var(--radius-md);overflow:hidden;border:none;padding:2px}.chart-toggle .toggle-btn{padding:6px var(--space-3);font-size:13px;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:all var(--duration-normal);border-radius:var(--radius-sm);font-weight:500}.chart-toggle .toggle-btn:hover{color:var(--text);background:var(--bg-subtle)}.chart-toggle .toggle-btn.active{background:var(--accent);color:var(--text-inverse);box-shadow:0 2px 4px var(--accent-glow)}.chart-toggle.small .toggle-btn{padding:var(--space-1) var(--space-2);font-size:11px}.usage-action-btn{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:13px;line-height:1;border:none;background:var(--bg-muted);color:var(--text);transition:all var(--duration-normal)}.usage-action-btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.usage-primary-btn{background:var(--accent)!important;color:var(--text-inverse)!important;box-shadow:0 2px 8px var(--accent-glow)}.usage-primary-btn:hover{background:var(--accent-hover)!important;box-shadow:0 4px 12px var(--accent-glow)}.usage-primary-btn:disabled{background:var(--accent-subtle)!important;color:var(--text-inverse)!important;opacity:.6!important;box-shadow:none!important;transform:none!important}.usage-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-top:16px}.usage-summary-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-muted);border:none;transition:all var(--duration-normal)}.usage-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.usage-summary-title{font-size:11px;color:var(--muted);margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.usage-summary-value{font-size:20px;font-weight:700;color:var(--text)}.usage-summary-value.good{color:var(--ok)}.usage-summary-value.warn{color:var(--warn)}.usage-summary-value.bad{color:var(--danger)}.usage-summary-sub{font-size:12px;color:var(--muted);margin-top:6px}.daily-chart-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);margin-bottom:16px}.daily-chart{margin-top:16px}.daily-chart-bars{display:flex;align-items:flex-end;height:200px;gap:6px;padding:var(--space-3) var(--space-2) var(--space-8)}.daily-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;cursor:pointer;position:relative;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--duration-normal);min-width:0}.daily-bar-wrapper:hover{background:var(--accent-subtle)}.daily-bar{width:100%;max-width:var(--bar-max-width, 32px);background:var(--accent-gradient-soft);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:3px;transition:all var(--duration-normal);overflow:hidden;box-shadow:0 2px 4px var(--accent-glow)}.daily-bar-wrapper:hover .daily-bar{filter:brightness(.9);box-shadow:0 4px 8px var(--accent-glow)}.daily-bar-label{position:absolute;bottom:-32px;font-size:10px;color:var(--muted);white-space:nowrap;text-align:center;font-weight:500}.daily-bar-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--card);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:12px;white-space:nowrap;z-index:var(--z-tooltip);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity var(--duration-normal)}.daily-bar-wrapper:hover .daily-bar-tooltip{opacity:1}.cost-segment{width:100%}.cost-segment.output{background:var(--danger)}.cost-segment.input{background:var(--warn)}.cost-segment.cache-write{background:var(--ok)}.cost-segment.cache-read{background:var(--accent-2)}.usage-models-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:14px}.usage-models-table th{text-align:left;padding:var(--space-3) var(--space-4);background:transparent;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border:none}.usage-models-table td{padding:var(--space-3) var(--space-4);border:none;background:var(--bg-muted)}.usage-models-table tr{transition:all var(--duration-normal)}.usage-models-table tbody tr td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.usage-models-table tbody tr td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.usage-models-table tr:hover td{background:var(--bg-hover);transform:translate(4px)}.btn-small{padding:6px var(--space-3);font-size:12px}.btn-secondary{background:var(--bg-muted);color:var(--text)}.usage-stats-card{border:none;background:var(--card);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-sm);margin-bottom:24px;transition:box-shadow var(--duration-normal) ease,transform var(--duration-normal) ease}.usage-stats-card:hover{box-shadow:var(--shadow-md)}.usage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);margin-top:16px}.usage-stat{padding:var(--space-4);background:var(--bg);border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) ease,transform var(--duration-normal) ease}.usage-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.usage-stat.highlight{background:var(--ok-gradient-bg);box-shadow:0 2px 4px var(--ok-subtle)}.usage-stat.highlight:hover{box-shadow:0 4px 8px var(--ok-subtle)}.usage-stat-label{font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:500}.usage-stat-value{font-size:24px;font-weight:700;color:var(--text-strong);letter-spacing:-.02em}.usage-stat-value.success{color:var(--success)}.usage-stat-hint{font-size:12px;color:var(--success);margin-top:4px;font-weight:600}.form-group{margin-bottom:var(--space-5)}.form-group:last-of-type{margin-bottom:0}.form-group label,.field>label,.field>span:first-child{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text)}.form-group input,.form-group select,.field input,.field select,.field textarea,.select,.select-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px var(--space-3);outline:none;box-shadow:var(--glass-shadow-sm);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;font-size:14px;line-height:1.5;color:var(--text)}.form-group input:focus,.form-group select:focus,.field input:focus,.field textarea:focus,.field select:focus,.select:focus,.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-group input:hover:not(:focus):not(:disabled),.form-group select:hover:not(:focus):not(:disabled),.field input:hover:not(:focus):not(:disabled),.field textarea:hover:not(:focus):not(:disabled),.field select:hover:not(:focus):not(:disabled),.select:hover:not(:focus):not(:disabled),.select-input:hover:not(:focus):not(:disabled){border-color:var(--border-hover)}.form-group input:disabled,.form-group select:disabled,.field input:disabled,.field textarea:disabled,.field select:disabled,.select:disabled,.select-input:disabled{opacity:.5;cursor:not-allowed}.form-group input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.form-group small{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.4}.field{display:grid;gap:6px}.field.full{grid-column:1 / -1}.field span{color:var(--muted);font-size:13px;font-weight:500}.field select,.select,.select-input{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}:root[data-theme=light] .field select,:root[data-theme=light] .select,:root[data-theme=light] .select-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.field textarea{font-family:var(--mono);min-height:160px;resize:vertical;white-space:pre;line-height:1.5}.field.checkbox{grid-template-columns:auto 1fr;align-items:center}.config-form .field.checkbox{grid-template-columns:18px minmax(0,1fr);column-gap:var(--space-2)}.config-form .field.checkbox input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:var(--accent)}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cron-summary-strip{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-2);padding:var(--space-3) var(--space-4)}.cron-summary-strip__left{display:grid;gap:var(--space-2) var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));flex:1 1 auto;min-width:0}.cron-summary-item{border:none;border-radius:var(--radius-lg);background:var(--bg-elevated);padding:var(--space-2) var(--space-3);min-height:62px;display:grid;gap:6px;box-shadow:var(--shadow-sm)}.cron-summary-item--wide{grid-column:span 1}.cron-summary-label{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cron-summary-value{color:var(--text-strong);font-size:15px;font-weight:600;line-height:1.3;display:flex;align-items:center;gap:var(--space-2)}.cron-summary-strip__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);min-width:0}.cron-workspace{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:var(--space-4);align-items:start}.cron-workspace-main{display:grid;gap:var(--space-4)}.cron-workspace-form{position:sticky;top:74px;max-height:calc(100vh - 106px);overflow-y:auto}.cron-form{margin-top:16px;display:grid;gap:var(--space-3)}.cron-form-section{border:none;border-radius:var(--radius-lg);padding:var(--space-3);background:var(--bg-elevated);display:grid;gap:var(--space-3);box-shadow:var(--shadow-sm)}.cron-form-section__title{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.cron-form-section__sub{color:var(--muted);font-size:12px;line-height:1.45}.cron-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-4)}.cron-help{color:var(--muted);font-size:12px;line-height:1.45;margin-top:2px}.cron-error{color:var(--danger-color)}.cron-required-legend{color:var(--muted);font-size:12px;line-height:1.4}.cron-required-marker{color:var(--danger-color);font-weight:700;margin-left:3px}.cron-required-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--danger);box-shadow:inset 0 1px 0 var(--card-highlight),0 0 0 1px var(--danger-subtle)}.cron-form-status{margin-top:4px;border:none;background:var(--danger-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.cron-form-status__title{color:var(--text-strong);font-size:13px;font-weight:600;margin-bottom:6px}.cron-form-status__list{margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid;gap:6px}.cron-form-status__link{border:0;background:transparent;color:var(--text);cursor:pointer;font-size:12px;line-height:1.4;padding:0;text-align:left;text-decoration:underline;text-underline-offset:2px}.cron-form-status__link:hover{color:var(--text-strong)}.cron-span-2{grid-column:1 / -1}.cron-checkbox{align-items:center;grid-template-columns:16px minmax(0,1fr);column-gap:var(--space-2)}.cron-checkbox input[type=checkbox]{margin:2px 0 0;width:16px;height:16px;accent-color:var(--accent)}.cron-checkbox .field-checkbox__label{color:var(--text-strong);font-size:13px;font-weight:500}.cron-checkbox .cron-help{grid-column:2}.cron-checkbox-inline{align-content:start;align-items:start;padding-top:28px}.cron-advanced{border:none;border-radius:var(--radius-md);padding:var(--space-3);background:var(--bg-elevated);display:grid;gap:var(--space-2)}.cron-advanced__summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:500}.cron-stagger-group{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:var(--space-3) var(--space-4);align-items:start}.cron-form-actions{margin-top:14px;justify-content:flex-start;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap}.cron-submit-reason{color:var(--muted);font-size:12px;line-height:1.4}.cron-filter-search{flex:1 1 320px;min-width:280px}.cron-workspace .filters .field{min-width:160px}.cron-run-filters{margin-top:12px;display:grid;gap:var(--space-3)}.cron-run-filters__row{display:grid;gap:var(--space-3)}.cron-run-filters__row--primary{grid-template-columns:minmax(160px,220px) minmax(240px,1fr) minmax(160px,220px)}.cron-run-filters__row--secondary{grid-template-columns:repeat(2,minmax(220px,1fr))}.cron-run-filter-search,.cron-filter-dropdown{min-width:0}.cron-filter-dropdown__details{position:relative}.cron-filter-dropdown__details>summary{list-style:none}.cron-filter-dropdown__details>summary::-webkit-details-marker{display:none}.cron-filter-dropdown__trigger{width:100%;justify-content:space-between;text-align:left}.cron-filter-dropdown__panel{position:absolute;z-index:var(--z-dropdown);top:calc(100% + 8px);left:0;width:min(360px,calc(100vw - 48px));border:none;border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--space-2);display:grid;gap:var(--space-2);box-shadow:var(--shadow-card)}.cron-filter-dropdown__list{display:grid;gap:6px}.cron-filter-dropdown__option{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--space-2);align-items:center;color:var(--text);font-size:13px}.cron-filter-dropdown__option input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}.cron-run-entry{align-items:start}.cron-run-entry__meta{text-align:right;min-width:220px}.cron-run-entry__summary{white-space:pre-wrap;line-height:1.45}@media(max-width:1100px){.cron-summary-strip{flex-direction:column}.cron-summary-strip__left{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.cron-summary-strip__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.cron-workspace{grid-template-columns:1fr}.cron-workspace-form{position:static;order:-1}.cron-form-grid{grid-template-columns:1fr;gap:var(--space-3)}.cron-span-2{grid-column:auto}.cron-checkbox-inline{padding-top:0}.cron-stagger-group{grid-template-columns:1fr;gap:var(--space-3)}.cron-filter-search{min-width:0;flex:1 1 100%}.cron-run-filters__row--primary,.cron-run-filters__row--secondary{grid-template-columns:1fr}.cron-filter-dropdown__panel{width:100%;max-width:none;position:static;margin-top:8px}.cron-run-entry__meta{min-width:0;text-align:left}}:root[data-theme=light] .field input,:root[data-theme=light] .field textarea,:root[data-theme=light] .field select{background:var(--card);border-color:var(--border)}:root[data-theme=light] .btn{background:var(--bg);border-color:var(--border)}:root[data-theme=light] .btn:hover{background:var(--bg-hover)}:root[data-theme=light] .btn.active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}:root[data-theme=light] .btn.primary{background:var(--accent);border-color:var(--accent)}.exec-approval-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-2);z-index:200}.exec-approval-card{width:min(540px,100%);background:var(--card);border:none;border-radius:var(--radius-lg);padding:var(--space-5);animation:scale-in var(--duration-normal) var(--ease-out)}.exec-approval-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.exec-approval-title{font-size:14px;font-weight:600}.exec-approval-sub{color:var(--muted);font-size:13px;margin-top:4px}.exec-approval-queue{font-size:11px;font-weight:500;color:var(--muted);border:none;border-radius:var(--radius-full);padding:var(--space-1) var(--space-2)}.exec-approval-command{margin-top:12px;padding:var(--space-2) var(--space-3);background:var(--secondary);border:none;border-radius:var(--radius-md);word-break:break-word;white-space:pre-wrap;font-family:var(--mono);font-size:13px}.exec-approval-meta{margin-top:12px;display:grid;gap:6px;font-size:13px;color:var(--muted)}.exec-approval-meta-row{display:flex;justify-content:space-between;gap:var(--space-3)}.exec-approval-meta-row span:last-child{color:var(--text);font-family:var(--mono)}.exec-approval-error{margin-top:10px;font-size:13px;color:var(--danger)}.exec-approval-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:var(--space-2)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:13px;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--duration-fast) ease}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table .row-selected{background:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent)}.data-table .row-selected:hover{background:var(--accent-subtle)}.data-table--compact{width:100%;border-collapse:collapse}.data-table--compact th,.data-table--compact td{padding:6px 10px;border-bottom:1px solid var(--border)}.data-table--compact th{font-size:11px;color:var(--muted);font-weight:600;text-align:left}.data-table--compact td{font-size:13px}.data-table--compact tr:last-child td{border-bottom:none}.cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.cell-actions{text-align:right;white-space:nowrap}.cell-actions .btn{padding:4px 8px;font-size:11px}.empty-hint{text-align:center;color:var(--muted);padding:var(--space-5)}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.table-pagination__info{font-size:12px;color:var(--muted)}.table-pagination__controls{display:flex;align-items:center;gap:var(--space-3)}.table-pagination__page{font-size:13px;font-weight:500;color:var(--text);min-width:48px;text-align:center}@media(max-width:640px){.data-table th,.data-table td{padding:var(--space-2);font-size:12px}.cell-actions .btn{padding:4px 8px;font-size:11px}}.models-table{width:100%;table-layout:fixed;border-collapse:collapse}.models-table thead{border-bottom:1px solid var(--border)}.models-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.models-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--duration-fast) ease}.models-table tbody tr:last-child{border-bottom:none}.models-table tbody tr:hover:not(.row--disabled){background:var(--bg-hover)}.models-table td{padding:var(--space-3) var(--space-4);font-size:14px}.models-table td.muted{color:var(--muted);font-size:13px}.cfg-toggle{position:relative;flex-shrink:0}.cfg-toggle input{position:absolute;opacity:0;width:0;height:0}.cfg-toggle__track{display:block;width:50px;height:28px;background:var(--bg-elevated);border:none;border-radius:var(--radius-full);position:relative;transition:background var(--duration-normal) ease}:root[data-theme=light] .cfg-toggle__track{background:var(--border)}.cfg-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal) ease}.cfg-toggle input:checked+.cfg-toggle__track{background:var(--ok-subtle)}.cfg-toggle input:checked+.cfg-toggle__track:after{transform:translate(22px);background:var(--ok)}.cfg-toggle input:focus+.cfg-toggle__track{box-shadow:var(--focus-ring)}.form-input{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text);font-size:15px;line-height:1.5;width:100%;box-shadow:var(--glass-shadow-sm);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-input:hover:not(:focus):not(:disabled){border-color:var(--border-hover)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--muted)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px}.form-group{margin-bottom:20px}.submit-btn{width:100%;padding:12px 20px;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-foreground);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--duration-fast) ease,transform var(--duration-fast) ease}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.signin-page-wrapper{position:fixed;inset:0;z-index:100;display:flex;min-height:100vh;background:var(--bg);overflow-y:auto}.signin-page-wrapper .brand-side{display:none;width:50%;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-accent) 100%);position:relative;overflow:hidden}@media(min-width:1024px){.signin-page-wrapper .brand-side{display:flex}}.signin-page-wrapper .brand-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:64px;color:var(--text-inverse)}.signin-page-wrapper .brand-logo{display:flex;align-items:center;gap:16px;margin-bottom:32px}.signin-page-wrapper .brand-logo img{width:48px;height:48px}.signin-page-wrapper .brand-logo h1{font-size:36px;font-weight:700;margin:0;letter-spacing:-.02em;color:var(--text)}.signin-page-wrapper .brand-headline{font-family:var(--font-display);font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong);margin:24px 0 16px}.signin-page-wrapper .brand-tagline{font-size:16px;line-height:1.6;color:var(--muted);max-width:420px;margin-bottom:48px}.signin-page-wrapper .brand-stats{display:flex;gap:32px}.signin-page-wrapper .brand-stat__num{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.05em;color:var(--text-strong);text-transform:uppercase}.signin-page-wrapper .brand-stat__label{font-size:12px;color:var(--muted);margin-top:2px}.signin-page-wrapper .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.signin-page-wrapper .orb-1{width:400px;height:400px;background:var(--accent);top:-100px;right:-100px}.signin-page-wrapper .orb-2{width:300px;height:300px;background:var(--accent-2);bottom:-50px;left:-50px}.signin-page-wrapper .form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.signin-page-wrapper .form-container{width:100%;max-width:400px}.signin-page-wrapper .form-header{text-align:center;margin-bottom:32px}.signin-page-wrapper .form-logo{width:48px;height:48px;margin:0 auto 16px;display:block}.signin-page-wrapper .form-title{font-size:24px;font-weight:700;color:var(--text-strong);margin:0 0 8px}.signin-page-wrapper .form-subtitle{font-size:14px;color:var(--muted);margin:0}.signin-page-wrapper .login-methods{display:flex;border-bottom:none;margin-bottom:24px}.signin-page-wrapper .login-method-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.signin-page-wrapper .login-method-tab:hover{color:var(--text)}.signin-page-wrapper .login-method-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.signin-page-wrapper .form-card{background:var(--card);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);animation:rise .25s var(--ease-out) backwards}.signin-page-wrapper .phone-input-group{display:flex;gap:12px}.signin-page-wrapper .phone-input-group .form-input{flex:1}.signin-page-wrapper .send-code-btn{padding:10px 16px;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;border:none;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) ease}.signin-page-wrapper .send-code-btn:hover:not(:disabled){background:var(--bg-hover)}.signin-page-wrapper .send-code-btn:disabled{opacity:.6;cursor:not-allowed}.signin-page-wrapper .error-message{background:var(--danger-subtle);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;font-size:13px;color:var(--danger);animation:fade-in .2s ease}.signin-page-wrapper .success-message{background:var(--ok-subtle);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;font-size:13px;color:var(--ok);animation:fade-in .2s ease}.signin-page-wrapper .wechat-section{text-align:center;padding:20px 0}.signin-page-wrapper .wechat-qr-area{display:flex;flex-direction:column;align-items:center;gap:12px}.signin-page-wrapper .wechat-qr-area img{width:200px;height:200px;border:none;border-radius:var(--radius-lg)}.signin-page-wrapper .wechat-qr-placeholder{width:180px;height:180px;margin:0 auto 16px;background:var(--bg-elevated);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm)}.signin-page-wrapper .wechat-qr-placeholder svg{width:48px;height:48px;color:var(--muted)}.signin-page-wrapper .wechat-qr-placeholder span{font-size:12px;color:var(--muted)}.signin-page-wrapper .wechat-hint{font-size:13px;color:var(--muted)}.signin-page-wrapper .back-link{display:block;text-align:center;margin-top:24px;font-size:13px;color:var(--muted);text-decoration:none}.signin-page-wrapper .back-link:hover{color:var(--accent)}.register-page-wrapper{position:fixed;inset:0;z-index:100;display:block;min-height:100vh;background:var(--bg);overflow-y:auto}.register-page-wrapper .container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:900px){.register-page-wrapper .container{grid-template-columns:1fr}.register-page-wrapper .branding-side{display:none}}.register-page-wrapper .branding-side{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);padding:48px;display:flex;flex-direction:column;justify-content:center;color:var(--text-inverse)}.register-page-wrapper .brand-content{max-width:400px}.register-page-wrapper .brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.register-page-wrapper .brand-logo img{width:48px;height:48px}.register-page-wrapper .brand-name{font-size:24px;font-weight:700}.register-page-wrapper .brand-headline{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 16px}.register-page-wrapper .brand-subheadline{font-size:16px;opacity:.9;line-height:1.6;margin:0 0 32px}.register-page-wrapper .brand-features{list-style:none;padding:0;margin:0}.register-page-wrapper .brand-features li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:15px}.register-page-wrapper .brand-features li svg{width:20px;height:20px;opacity:.9;flex-shrink:0}.register-page-wrapper .form-side{padding:48px;display:flex;flex-direction:column;justify-content:center}.register-page-wrapper .form-container{max-width:400px;width:100%;margin:0 auto}.register-page-wrapper .form-header{margin-bottom:32px}.register-page-wrapper .form-title{font-size:24px;font-weight:700;color:var(--text-strong);margin:0 0 8px}.register-page-wrapper .form-subtitle{font-size:14px;color:var(--muted);margin:0}.register-page-wrapper .form-subtitle a{color:var(--accent);text-decoration:none}.register-page-wrapper .form-subtitle a:hover{text-decoration:underline}.register-page-wrapper .form{display:flex;flex-direction:column;gap:20px}.register-page-wrapper .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.register-page-wrapper .form-label{font-size:14px;font-weight:500;color:var(--text)}.register-page-wrapper .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.register-page-wrapper .form-row{grid-template-columns:1fr}}.register-page-wrapper .submit-btn{margin-top:8px}.register-page-wrapper .alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;margin-bottom:20px}.register-page-wrapper .alert.error{background:var(--danger-subtle);color:var(--danger)}.register-page-wrapper .alert.success{background:var(--ok-subtle);color:var(--ok)}.register-page-wrapper .terms{font-size:12px;color:var(--muted);text-align:center;margin-top:16px}.register-page-wrapper .terms a{color:var(--accent);text-decoration:none}.register-page-wrapper .terms a:hover{text-decoration:underline}.loading,.error{padding:var(--space-5);text-align:center}.error{color:var(--danger)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;border-bottom:none}.page-header-left{flex:1}.page-header-right{display:flex;align-items:center;gap:var(--space-2)}.page-title{font-size:28px;font-weight:600;margin:0 0 4px;color:var(--text)}.page-description{font-size:14px;color:var(--text-muted);margin:0}.page-content{padding:0}.page-content>*+*{margin-top:24px}.page-meta{display:flex;align-items:center;gap:var(--space-2)}.page-subtitle{font-size:16px;color:var(--text-muted);margin:8px 0 0}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.mb-6{margin-bottom:24px}.mt-6{margin-top:24px}.stat-value{font-size:32px;font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.text-muted{font-size:14px;color:var(--text-muted);margin:0}.list-decimal{list-style-type:decimal}.list-inside{list-style-position:inside}.space-y-2>*+*{margin-top:var(--space-2)}.channel-header,.key-header,.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status{padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700}.status.active{background:var(--success);color:#fff}.status.pending{background:var(--warning);color:#fff}.status.completed{background:var(--success);color:#fff}.status.failed{background:var(--danger);color:#fff}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.platform-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--bg-muted);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-normal) ease}.platform-checkbox:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.platform-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.platform-icon{font-size:20px}.platform-label{font-weight:500}.radio-group{display:flex;gap:var(--space-4);flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer}.radio-label input[type=radio]{width:16px;height:16px;accent-color:var(--primary)}.message-list{display:flex;flex-direction:column;gap:var(--space-3)}.message-item{padding:var(--space-4);border:none;border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.message-user{display:flex;align-items:center;gap:var(--space-2)}.message-user .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.message-user .nickname{font-weight:500}.message-meta{display:flex;align-items:center;gap:var(--space-2)}.message-content{color:var(--text);line-height:1.6;margin-bottom:var(--space-3)}.message-actions{display:flex;gap:var(--space-2)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.model-card{padding:var(--space-4);border:none;border-radius:var(--radius-lg);background:var(--bg-muted);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-normal) ease}.model-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.model-card.selected{background:var(--accent-subtle);box-shadow:0 0 0 3px var(--accent-subtle)}.model-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.model-icon{font-size:20px}.model-name{font-weight:600;font-size:16px}.model-provider{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-1)}.model-desc{font-size:12px;color:var(--text-muted)}.range-container{display:flex;align-items:center;gap:var(--space-3)}.range-container input[type=range]{flex:1;height:6px;-webkit-appearance:none;background:var(--border);border-radius:var(--radius-sm);outline:none}.range-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer}.range-value{min-width:40px;text-align:center;font-weight:600}.content{animation:rise var(--duration-slow) var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-muted) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-title{height:24px;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:100px;margin-bottom:var(--space-3)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:12px 20px;border-radius:var(--radius-lg);background:var(--card);border:none;box-shadow:var(--shadow-md);animation:slideIn var(--duration-slow) var(--ease-out);display:flex;align-items:center;gap:10px;max-width:360px}.toast.success{box-shadow:0 4px 12px var(--ok-subtle)}.toast.error{box-shadow:0 4px 12px var(--danger-subtle)}.toast.warn{box-shadow:0 4px 12px var(--warn-subtle)}.toast.info{box-shadow:0 4px 12px var(--info-subtle)}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 3px var(--accent-subtle)}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:18px;font-weight:600;margin-bottom:var(--space-2)}.empty-state-desc{color:var(--muted);margin-bottom:var(--space-4);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.empty-state-action{margin-top:var(--space-3)}.nav-item{transition:all var(--duration-normal) ease}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--accent-subtle)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}*:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--primary)}.chip{transition:all var(--duration-fast) ease}.chip:hover{filter:brightness(1.1)}@media(max-width:768px){.toast-container{left:16px;right:16px;bottom:16px}.toast{max-width:100%}}.user-menu-container{position:relative}.user-avatar-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-1);border-radius:50%;transition:all var(--duration-normal) ease}.user-avatar-btn:hover{background:var(--bg-hover)}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-hover));color:#fff;font-weight:600;font-size:14px}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:dropdownFadeIn var(--duration-normal) var(--ease-out);overflow:hidden}.user-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.user-dropdown-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent-hover));color:#fff;font-weight:600;font-size:16px}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-email{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:var(--border)}.user-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text);font-size:14px;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) ease;text-align:left}.user-dropdown-item:hover{background:var(--bg-hover)}.user-dropdown-item.danger{color:var(--danger)}.user-dropdown-item.danger:hover{background:var(--danger-subtle)}.rotate-90{transform:rotate(90deg);display:inline-flex}.inline-muted{font-size:11px;color:var(--muted)}.inline-muted--sm{font-size:10px;color:var(--muted)}.flex-mid{display:flex;align-items:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.field--error input,.field--error select,.field--error textarea{border-color:var(--danger)}.animate-fade-in{animation:fade-in var(--duration-slow) var(--ease-out) forwards}.animate-slide-up{animation:rise var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scale-in var(--duration-slow) var(--ease-out) forwards}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot .status-dot--glow{background:var(--accent-gradient);box-shadow:0 0 8px var(--accent-glow);animation:pulse-glow 2s ease-in-out infinite}.status-dot .status-dot--success{background:linear-gradient(135deg,#00d4ff 0%,var(--ok) 100%);box-shadow:0 0 8px #00d4ff80;animation:pulse-glow 2s ease-in-out infinite}.status-dot .status-dot--warning{background:linear-gradient(135deg,var(--warn) 0%,var(--danger) 100%);box-shadow:0 0 8px var(--warn-glow-sm)}.status-dot .status-dot--danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);box-shadow:0 0 8px var(--danger-glow-sm)}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:11px;background:var(--bg-subtle);border:1px solid var(--border)}.tag-pill__dot{width:6px;height:6px;border-radius:50%}.empty-center{text-align:center;padding:40px 20px;color:var(--muted)}.empty-center__icon{font-size:24px;margin-bottom:var(--space-2);opacity:.3}.empty-center__text{font-size:13px}.a2ui-btn--danger{background:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.a2ui-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.modal-overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000;will-change:opacity;padding:var(--space-4)}.modal-box{background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 20px 60px var(--overlay-backdrop);width:100%;max-width:440px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.modal-close{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:none;color:var(--muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) ease}.modal-close:hover{color:var(--text)}.modal-body{padding:20px 24px}.modal-desc{font-size:14px;color:var(--muted);margin-bottom:var(--space-4)}.modal-warning{font-size:13px;color:var(--warn);margin:12px 0;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:0 24px 20px}.api-key-raw-box{font-family:monospace;font-size:13px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;word-break:break-all;color:var(--text);-webkit-user-select:all;user-select:all}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text);cursor:pointer;margin-top:var(--space-2)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}#close-key-modal:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:10px 20px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease}.btn-secondary:hover{border-color:var(--accent)}@media(max-width:768px){.settings-page{flex-direction:column;gap:0}.settings-tabs{flex-direction:row;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:static;gap:var(--space-1);padding-bottom:4px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{white-space:nowrap;flex-shrink:0}.settings-section-header{flex-direction:column;gap:var(--space-3)}.api-key-card{flex-wrap:wrap}.api-key-card-meta{text-align:left}.api-key-actions{margin-left:auto}}.modal-fields .field+.field{margin-top:var(--space-3)}.wizard-fields .field+.field{margin-top:var(--space-3)}.modal--wide{max-width:720px;width:90vw}.history-modal-body{min-height:300px;padding:var(--space-4)}.history-chart-container{width:100%;height:280px;position:relative}.history-chart-container .history-chart-container canvas{width:100%;height:100%}.page-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-9);gap:var(--space-2);color:var(--muted)}.page-error{text-align:center;padding:var(--space-9)}.page-error__message{color:var(--danger);margin-bottom:var(--space-3)}.toolbar{display:flex;gap:10px;margin-bottom:var(--space-4);align-items:center;flex-wrap:wrap}.toolbar__spacer{margin-left:auto}.view-toggle{display:flex;gap:var(--space-1)}.view-toggle__btn{padding:6px 10px}.view-toggle__btn--active{background:var(--bg-subtle)}.table-container{overflow:hidden}.filter-bar{display:flex;gap:10px;margin-bottom:var(--space-4);align-items:center;flex-wrap:wrap}.filter-bar .field{margin-bottom:0}.filter-bar__search{flex:1;min-width:180px;max-width:300px}.filter-bar__select{width:auto;min-width:120px}.status-badge__label{font-size:13px}.history-chart-placeholder{display:flex;align-items:center;justify-content:center;height:260px;color:var(--muted)}.time-range-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.time-range-btn{padding:4px 12px;font-size:12px;border-radius:16px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all var(--duration-fast) ease}.time-range-btn--active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.time-range-inputs{display:flex;gap:var(--space-2);align-items:center;margin-bottom:14px;flex-wrap:wrap}.time-range-inputs label{font-size:12px;color:var(--muted)}.time-range-inputs input{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.time-range-query-btn{font-size:12px;padding:4px 12px;border-radius:6px;background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.form-error{font-size:12px;color:var(--danger);margin-top:var(--space-1)}.form-hint{font-size:11px;color:var(--muted);margin-top:var(--space-1)}.form-hint--block{margin-bottom:var(--space-3)}.form-label-required{color:var(--danger)}.tag-btn{font-size:11px;padding:2px 8px;border-radius:var(--radius-full)}.tag-btn--bound,.btn.tag-btn--bound:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}:root[data-theme=light] .btn.tag-btn--bound{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}:root[data-theme=light] .btn.tag-btn--bound:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.tag-btn--unbound{background:var(--bg-subtle);border:1px solid var(--border)}.empty-hint{padding:var(--space-8);text-align:center;color:var(--muted)}.empty-hint--sm{padding:var(--space-5)}.cell-truncate{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-actions{text-align:right}.data-table__primary{font-weight:500}.data-table__secondary{font-size:12px;color:var(--muted)}.data-table__cell-sm{font-size:13px}.btn--danger-text{color:var(--danger)}.tag-pill--xs{padding:1px 6px;gap:3px}.tag-pill__dot--xs{width:5px;height:5px}.tag-overflow-count{font-size:11px;color:var(--muted)}.tag-btn--edit{padding:1px 3px;font-size:11px}.tag-editor-trigger{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.tag-no-match{font-size:11px;color:var(--muted);padding:var(--space-1)}.device-card__wrap{position:relative}.toolbar__meta{display:flex;align-items:center;gap:var(--space-3)}.last-updated{font-size:13px;color:var(--muted)}.gap-4{gap:var(--space-4)}.card--p-5{padding:var(--space-5)}.card__title{font-weight:600;margin-bottom:var(--space-4)}.card__title--flush{margin-bottom:0}.health-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;margin-bottom:0}.metric-bar__track--md{height:16px}.device-card__title{font-weight:600;font-size:15px}.device-card__actions{display:flex;gap:2px;flex-shrink:0}.device-card__action-btn{padding:4px 6px}.device-card__info{display:flex;flex-direction:column;gap:var(--space-1);font-size:13px;color:var(--muted)}.tag-pill--muted{color:var(--muted)}.tag-btn--edit-card{padding:2px 4px;font-size:11px}.detail-header__back{padding:4px 8px}.status-badge--subtle{background:var(--bg-subtle);padding:2px 10px}.status-dot--sm{width:7px;height:7px}.detail-header__tags{padding-top:8px;display:flex;flex-wrap:wrap;gap:var(--space-1)}.detail-stat-mini__value--success{color:var(--success)}.detail-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--border);padding-bottom:8px}.detail-tab{padding:8px 16px;background:none;border:none;border-radius:var(--radius-md);color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;display:inline-flex;align-items:center;gap:6px}.detail-tab:hover{color:var(--text);background:var(--bg-hover)}.detail-tab.active{color:var(--accent);background:var(--accent-subtle)}.card--gradient-border{position:relative;background:var(--card);border-radius:var(--radius-lg)}.card--gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff24,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card--gradient-border:hover{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.filter-bar{display:flex;gap:var(--space-3);flex-wrap:wrap}.filter-group{flex:1;min-width:150px}.search-input{width:100%;padding:10px 14px;background:var(--bg-muted);border:none;border-radius:8px;color:var(--text);font-size:14px;outline:none;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out)}.search-input:focus{box-shadow:0 0 0 3px var(--accent-subtle)}.select-input{width:100%;padding:10px 14px;background:var(--bg-muted);border:none;border-radius:8px;color:var(--text);font-size:14px;outline:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out)}.select-input:focus{box-shadow:0 0 0 3px var(--accent-subtle)}.models-table-container{overflow-x:auto}.models-table{width:100%;border-collapse:collapse;font-size:14px}.models-table th{text-align:left;padding:12px 16px;background:var(--bg-muted);color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:none}.models-table td{padding:var(--space-4);border-bottom:none;vertical-align:middle}.models-table tr:hover{background:var(--bg-hover)}.models-table tr.row--disabled{opacity:.5}.model-cell{display:flex;align-items:center;gap:10px}.model-cell .model-icon{font-size:18px}.model-cell .model-name{font-weight:600}.provider-tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.price-cell{white-space:nowrap}.price-cell .price{font-weight:600;color:var(--text)}.price-cell .price-unit{font-size:11px;color:var(--text-muted);margin-left:var(--space-1)}.desc-cell{max-width:250px;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-text{color:var(--text-muted);font-size:14px}.price-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.price-info-item{padding:var(--space-4);background:var(--bg-muted);border-radius:8px}.price-info-label{font-weight:600;font-size:14px;margin-bottom:var(--space-1)}.price-info-value{font-size:12px;color:var(--text-muted)}@media(max-width:768px){.price-info-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column}.filter-group{min-width:100%}}.stats-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--space-4)}.cell-muted{font-size:13px;color:var(--muted)}.btn--success-text{color:var(--success)}.stat-card{padding:var(--space-5)}.stat-card__label{color:var(--muted);font-size:13px}.stat-card__value{font-size:28px;font-weight:700;margin:8px 0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card__meta{font-size:13px;color:var(--muted)}.metric-group{display:flex;flex-direction:column;gap:var(--space-3)}.metric-bar__header{display:flex;justify-content:space-between;font-size:13px;margin-bottom:var(--space-1)}.metric-bar__track{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.metric-bar__fill{height:100%;will-change:width;border-radius:3px;background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-glow);position:relative;overflow:hidden}.metric-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);animation:bar-shine 3s ease-in-out infinite}.metric-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.metric-meta-item__label{color:var(--muted);font-size:12px}.metric-meta-item__value{font-size:16px;font-weight:600;margin-top:var(--space-1)}.health-list{display:flex;flex-direction:column;gap:var(--space-2);contain:layout}.health-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-subtle);border-radius:8px}.health-item__info{min-width:0}.health-item__name{font-size:14px;font-weight:500}.health-item__message{font-size:12px;color:var(--muted)}.health-item__checked{font-size:11px;color:var(--muted);margin-top:2px}.health-item__status{display:inline-flex;align-items:center;gap:6px;font-size:13px}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.metric-meta-grid{grid-template-columns:1fr}.health-item{flex-direction:column;align-items:flex-start;gap:6px}}.device-list{display:flex;flex-direction:column;min-height:100%}.device-list__content{flex:1;min-height:0}.device-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:180px;background:#0a0e16bf;border-radius:20px;box-shadow:0 4px 20px var(--overlay-hover),0 16px 60px #00000047,0 40px 100px #00d4ff0a,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);contain:layout style}:root[data-theme=light] .device-card{background:#fffc;box-shadow:0 4px 20px #0000000f,0 16px 60px var(--shadow-sm),inset 0 0 0 1px #0000000a}.device-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0006,0 24px 80px var(--overlay-hover),0 60px 140px #00d4ff0f,inset 0 0 0 1px #ffffff0f}.device-card__header{padding:var(--space-4) var(--space-4) var(--space-3);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--space-2)}.device-card__header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.device-card__title{font-weight:600;font-size:15px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card__actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity var(--duration-fast)}.device-card:hover .device-card__actions{opacity:1}.device-card__action-btn{padding:4px 6px;opacity:.7;transition:opacity var(--duration-fast),background var(--duration-fast)}.device-card__action-btn:hover{opacity:1}.device-card__body{padding:var(--space-3) var(--space-4);cursor:pointer;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.device-card__info{display:flex;flex-direction:column;gap:4px}.device-card__info-row{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--muted)}.device-card__info-label{font-size:11px;color:var(--muted);opacity:.7;min-width:56px;flex-shrink:0}.device-card__info-value{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card__footer{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;flex-shrink:0}.device-card__footer .tag-pill{font-size:11px}.tag-btn--edit-card{padding:2px 4px;font-size:11px;opacity:.5;transition:opacity var(--duration-fast)}.device-card:hover .tag-btn--edit-card{opacity:1}.device-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:6px;background:var(--bg-subtle);text-decoration:none;color:inherit}.prop-table-wrap{padding:16px 20px}.prop-table-wrap .data-table--compact{table-layout:fixed}.prop-table-wrap .data-table--compact th:nth-child(1),.prop-table-wrap .data-table--compact td:nth-child(1){width:100px}.prop-table-wrap .data-table--compact th:nth-child(2),.prop-table-wrap .data-table--compact td:nth-child(2){width:120px}.prop-table-wrap .data-table--compact th:nth-child(3),.prop-table-wrap .data-table--compact td:nth-child(3){width:160px}.prop-table-wrap .data-table--compact th:nth-child(4),.prop-table-wrap .data-table--compact td:nth-child(4){width:40px}.prop-table-wrap .data-table--compact th:nth-child(5),.prop-table-wrap .data-table--compact td:nth-child(5){width:70px}.prop-table-wrap .data-table--compact th:nth-child(6),.prop-table-wrap .data-table--compact td:nth-child(6){width:60px}.prop-table-wrap .data-table--compact th:nth-child(7),.prop-table-wrap .data-table--compact td:nth-child(7){width:130px}.command-list-wrap,.events-list-wrap{padding:16px 20px}.alarm-card-wrap{padding:var(--space-5)}.detail-header{padding:16px 20px;margin-bottom:var(--space-3)}.detail-header__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.detail-header__main{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.detail-header__title{margin:0;font-size:18px}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}@media(max-width:768px){.detail-stat-grid{grid-template-columns:repeat(2,1fr)}}.detail-stat-mini{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--card);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);contain:layout style}.detail-stat-mini:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.detail-stat-mini:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.detail-stat-mini__label{font-size:12px;color:var(--muted);margin-bottom:var(--space-2);letter-spacing:.2px}.detail-stat-mini__value{font-size:22px;font-weight:700;color:var(--text);line-height:1.2}.type-tag{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:11px;background:var(--accent-subtle);color:var(--accent)}.command-list{display:flex;flex-direction:column;gap:var(--space-2);contain:layout}.command-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-subtle);border-radius:8px}.command-item__name{font-weight:500;font-size:13px}.command-item__desc{font-size:12px;color:var(--muted)}.prop-value{display:inline-block;min-width:60px;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.prop-unit{font-size:11px;color:var(--muted);margin-left:var(--space-1)}.prop-type{font-size:12px;color:var(--muted)}.prop-ro-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;background:var(--muted-fill-10);color:var(--muted)}.prop-rw-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;background:var(--ok-fill-10);color:var(--success)}.tag-popover{position:absolute;top:100%;left:0;z-index:100;margin-top:var(--space-1);min-width:220px;border:1px solid var(--border);border-radius:8px;padding:var(--space-2);background:var(--bg);box-shadow:var(--shadow-md)}.tag-popover__search{width:100%;font-size:12px;padding:4px 8px;margin-bottom:6px;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.tag-popover__list{display:flex;flex-wrap:wrap;gap:var(--space-1);max-height:120px;overflow-y:auto}.settings-page{width:100%;display:flex;gap:24px;align-items:flex-start}.settings-tabs{display:flex;flex-direction:column;gap:2px;width:200px;flex-shrink:0;position:sticky;top:12px}.settings-tab{padding:10px 16px;background:none;border:none;border-radius:var(--radius-md);color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) ease;text-align:left}.settings-tab:hover{color:var(--text);background:var(--bg-hover)}.settings-tab.active{color:var(--accent);background:var(--accent-subtle)}.settings-content{flex:1;min-width:0}.settings-section{background:var(--card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--glass-shadow-sm);display:flex;flex-direction:column;gap:20px}.settings-section-title{font-size:16px;font-weight:600;color:var(--text-strong);margin:0 0 4px}.settings-avatar-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.settings-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0;overflow:hidden}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.settings-section-header>div:first-child{min-width:0}.settings-section-header button{white-space:nowrap}.settings-section-desc{font-size:13px;color:var(--muted);margin:4px 0 0}.api-key-list{display:flex;flex-direction:column;gap:var(--space-3)}.api-key-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--duration-fast) ease}.api-key-card:hover{border-color:var(--accent)}.api-key-card-main{flex:1;min-width:0}.api-key-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.api-key-prefix{font-size:12px;color:var(--muted);font-family:monospace}.api-key-card-meta{flex-shrink:0;text-align:right}.api-key-status{font-size:12px;margin-bottom:var(--space-1)}.api-key-status.active{color:var(--ok)}.api-key-status.revoked{color:var(--muted)}.api-key-date{font-size:11px;color:var(--muted)}.api-key-actions{display:flex;gap:var(--space-1);flex-shrink:0}.api-key-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease}.api-key-btn:hover{border-color:var(--accent);background:var(--accent-subtle)}.api-key-btn-delete:hover{border-color:var(--danger);background:var(--danger-subtle);color:var(--danger)}.api-key-btn-copy-done{color:var(--ok)}.api-key-empty{text-align:center;padding:48px 20px}.api-key-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.api-key-empty-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.api-key-empty-desc{font-size:13px;color:var(--muted)}.api-key-card.skeleton{pointer-events:none}.skeleton-line{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skills-panel__header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:var(--space-2);font-size:13px}.skills-list{display:flex;flex-direction:column;gap:6px}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.skill-item__name{font-size:13px;font-weight:500}.skill-item__desc{font-size:12px;color:var(--muted);margin-top:2px}.skill-item__actions{display:flex;gap:6px}.skills-empty{padding:var(--space-5);text-align:center;color:var(--muted);font-size:13px}.skills-editor{display:flex;flex-direction:column;height:100%;animation:fade-in var(--duration-normal) var(--ease-out)}.skills-editor__header{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.skills-editor__textarea{flex:1;min-height:300px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;padding:var(--space-3);background:var(--bg-subtle);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical}@media(max-width:768px){.skills-editor__textarea{min-height:200px;font-size:11px}.settings-section{padding:var(--space-4);gap:var(--space-3)}.settings-avatar-row{flex-wrap:wrap}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.a2ui-alarm-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);margin:4px 0}.a2ui-alarm-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.a2ui-alarm-card__message{font-size:13px;color:var(--text);margin-bottom:6px}.a2ui-alarm-card__meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.a2ui-alarm-card__actions{margin-top:var(--space-2);display:flex;gap:6px}.a2ui-alarm-table{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;margin:4px 0}.a2ui-alarm-table__title{font-size:13px;font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border)}.a2ui-alarm-table__table{width:100%;border-collapse:collapse;font-size:12px}.a2ui-alarm-table__table th{text-align:left;padding:8px 10px;background:var(--bg);color:var(--muted);font-weight:500;border-bottom:1px solid var(--border)}.a2ui-alarm-table__table td{padding:7px 10px;border-bottom:1px solid var(--border);color:var(--text)}.a2ui-alarm-table__table tr:last-child td{border-bottom:none}.alarm-summary{position:relative;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:var(--card);border-radius:var(--radius-lg)}.alarm-summary:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.alarm-summary__count{font-size:36px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alarm-summary__label{font-size:14px;font-weight:500}.alarm-summary__hint{font-size:12px;color:var(--muted)}.alarm-summary__success{padding:var(--space-5);text-align:center;color:var(--success);font-size:14px}.alarm-summary__warn{padding:var(--space-3);background:var(--danger-fill-5);border-radius:8px;border:1px solid var(--danger-line-15);font-size:13px;color:var(--danger)}@media(max-width:768px){.alarm-summary{flex-wrap:wrap}.a2ui-alarm-card__header{flex-wrap:wrap;gap:4px}}.event-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.event-item:last-child{border-bottom:none}.event-item__body{flex:1;min-width:0}.event-item__title{font-size:13px;font-weight:500}.event-item__message{font-size:12px;color:var(--muted);margin-top:2px}.event-item__time{font-size:11px;color:var(--muted);flex-shrink:0;margin-top:2px}@media(max-width:768px){.event-item{flex-direction:column;gap:6px}}.wizard-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-9)}.wizard-loading--compact{padding:var(--space-5)}.inline-muted--spaced{margin-left:var(--space-2)}.wizard-loading__text{margin-left:var(--space-2);color:var(--muted)}.wizard-empty{text-align:center;padding:var(--space-9)}.wizard-empty__icon{font-size:48px;margin-bottom:var(--space-3)}.wizard-empty__title{font-size:16px;font-weight:500;color:var(--text)}.wizard-empty__hint{font-size:13px;color:var(--muted);margin-top:var(--space-1)}.wizard-category{margin-bottom:28px}.wizard-category__header{display:flex;align-items:center;margin-bottom:14px}.wizard-category__title{font-size:16px;font-weight:600}.wizard-category__count{font-size:12px;color:var(--muted);margin-left:var(--space-3)}.wizard-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.wizard-form-header__title{font-size:14px;font-weight:600}.wizard-form-section{margin-top:var(--space-4)}.wizard-form-section__header{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-3)}.wizard-form-section__title{font-size:14px;font-weight:600}.wizard-form-section__meta{font-size:12px;color:var(--muted)}.template-overview__summary{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.template-overview__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--accent)}.template-overview__title-wrap{min-width:0;flex:1}.template-overview__title{font-weight:600;font-size:16px}.template-overview__meta{font-size:12px;color:var(--muted);margin-top:2px}.template-overview__badge{font-size:10px;padding:2px 8px;border-radius:4px;background:var(--bg);color:var(--muted);text-transform:uppercase}.template-overview__desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:var(--space-4);padding:10px 12px;background:var(--bg);border-radius:8px}.template-overview__meta-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.template-overview__meta-tag{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--bg);color:var(--muted)}.template-overview__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.template-overview__tag{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--primary);color:#fff;opacity:.8}.template-overview__list{max-height:240px;overflow-y:auto}.template-overview__list--commands{max-height:200px}.template-overview__list-item-inner{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.template-overview__list-badge-ro{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--bg-subtle);color:var(--muted)}.template-overview__list-badge-rw{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--primary);color:#fff;opacity:.7}.template-overview__param-count{font-size:10px;color:var(--muted)}.template-overview__range{opacity:.7}@media(max-width:768px){.wizard-dialog{max-width:100%;margin:0 16px}}.template-card{position:relative;padding:var(--space-4);cursor:pointer;background:var(--card);border-radius:var(--radius-lg);transition:box-shadow var(--duration-fast),transform var(--duration-fast)}.template-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.template-card:hover{box-shadow:0 8px 32px var(--accent-glow);transform:translateY(-2px)}.template-card__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.template-card__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--accent)}.template-card__title-wrap{min-width:0;flex:1}.template-card__title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card__meta{display:flex;gap:var(--space-2);font-size:11px;color:var(--muted);flex-wrap:wrap}.template-card__stats{display:flex;gap:var(--space-3);font-size:11px;color:var(--muted);margin-top:var(--space-2)}.template-card__badge{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--bg-subtle);color:var(--muted);text-transform:uppercase}.wizard-search{position:relative;margin-bottom:20px}.wizard-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.wizard-search__input{width:100%;padding:10px 14px 10px 38px;box-sizing:border-box;border-radius:10px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);font-size:14px}.template-chip{display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-subtle);margin-bottom:var(--space-4)}.template-chip__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--accent)}.template-chip__title-wrap{min-width:0;flex:1}.template-chip__title{font-weight:600;font-size:14px}.template-chip__meta{font-size:12px;color:var(--muted);margin-top:2px}.template-chip__badge{font-size:10px;padding:2px 8px;border-radius:4px;background:var(--bg);color:var(--muted);text-transform:uppercase}.template-detail-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;will-change:opacity;padding:var(--space-4);background:var(--overlay-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.template-detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px var(--overlay-backdrop);width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:rise var(--duration-slow) var(--ease-out);contain:layout style}.tdc-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);flex-shrink:0}.tdc-header__icon{font-size:36px;line-height:1;flex-shrink:0}.tdc-header__info{flex:1;min-width:0}.tdc-header__title{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tdc-header__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:3px;flex-wrap:wrap}.tdc-dot{opacity:.4}.tdc-badge--builtin{font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm);background:#6b72801a;color:var(--muted);flex-shrink:0}.tdc-body{overflow-y:auto;flex:1;min-height:0;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.tdc-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tdc-chip{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--muted)}.tdc-chip--accent{background:var(--accent-subtle);color:var(--accent)}.tdc-desc{font-size:13px;color:var(--muted);line-height:1.5}.tdc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.tdc-stat{text-align:center;padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md)}.tdc-stat__num{font-size:22px;font-weight:800;color:var(--text);line-height:1.1}.tdc-stat__label{font-size:11px;color:var(--muted);margin-top:2px}.tdc-stat--ok .tdc-stat__num{color:var(--success)}.tdc-stat--muted .tdc-stat__num{color:var(--muted)}.tdc-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-muted);border-radius:var(--radius-md)}.tdc-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.tdc-tab:hover{color:var(--text)}.tdc-tab.active{color:var(--text);background:var(--card);box-shadow:var(--shadow-sm)}.tdc-tab__count{font-size:10px;font-weight:700;padding:1px 5px;border-radius:var(--radius-full);background:var(--bg-muted);color:var(--muted)}.tdc-tab.active .tdc-tab__count{background:var(--accent-subtle);color:var(--accent)}.tdc-props{display:flex;flex-direction:column;gap:2px}.tdc-prop{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--radius-md);transition:background var(--duration-fast)}.tdc-prop:hover{background:var(--bg-hover)}.tdc-prop__name{flex:1;font-size:13px;font-weight:500;color:var(--text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tdc-prop__meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.tdc-prop__type{font-size:12px;color:var(--accent);font-weight:500}.tdc-prop__unit{font-size:11px;color:var(--muted)}.tdc-prop__default{font-size:10px;color:var(--muted);font-family:monospace;background:var(--bg-muted);padding:1px 4px;border-radius:3px}.tdc-prop__badge{flex-shrink:0;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;min-width:24px;text-align:center}.tdc-prop__badge--ro{background:#6b72801a;color:var(--muted)}.tdc-prop__badge--rw{background:var(--ok-fill-10);color:var(--success)}.tdc-prop__badge--cmd{background:var(--info-subtle);color:var(--info)}.tdc-empty-inline{text-align:center;padding:var(--space-7);color:var(--muted);font-size:13px}.tdc-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);flex-shrink:0}.templates-page{animation:rise var(--duration-slow) var(--ease-out)}.templates-toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.templates-toolbar__search{flex:1;min-width:200px;max-width:320px}.templates-card{overflow:hidden}.templates-table{width:100%;border-collapse:collapse;font-size:13px}.templates-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:12px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.templates-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.templates-table tbody tr{transition:background var(--duration-fast) ease;cursor:pointer}.templates-table tbody tr:hover{background:var(--bg-hover)}.templates-table__name-primary{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text)}.templates-table__icon{font-size:18px;line-height:1;flex-shrink:0}.templates-table__name-sub{font-size:12px;color:var(--muted);margin-top:2px}.templates-table__actions{text-align:right;white-space:nowrap}.templates-table__actions .btn{margin-left:var(--space-1)}.templates-empty{text-align:center;padding:var(--space-9);color:var(--muted)}.templates-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0;margin-top:var(--space-3)}.template-modal{max-width:640px;width:100%;max-height:85vh;overflow-y:auto}.template-modal__section{margin-bottom:var(--space-4)}.template-modal__section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.template-detail-modal{max-width:680px;width:100%;max-height:85vh;overflow-y:auto}.template-detail-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.template-detail-icon{font-size:36px;line-height:1}.template-detail-meta{flex:1;min-width:0}.template-detail-meta-row{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-detail-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:var(--space-3);padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md)}.template-detail-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.template-chip{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--muted)}.template-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-4)}.template-tag{font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent)}.template-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.template-stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-muted);text-align:center}.template-stat__value{font-size:20px;font-weight:700;color:var(--text)}.template-stat__label{font-size:11px;color:var(--muted);margin-top:2px}.template-props-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:var(--space-4)}.template-props-table th{padding:6px 10px;text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap}.template-props-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.template-props-table__name{font-weight:500}.template-props-table__type{color:var(--muted)}.template-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600}.template-badge--ro{background:#6b72801a;color:var(--muted)}.template-badge--rw{background:var(--ok-fill-10);color:var(--success)}.template-commands{max-height:200px;overflow-y:auto}.template-cmd-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);gap:var(--space-2)}.template-cmd-item:hover{background:var(--bg-hover)}.template-cmd-item__name{font-weight:500;font-size:13px}.template-cmd-item__params{font-size:10px;color:var(--muted)}.template-cmd-item__desc{font-size:12px;color:var(--muted)}.template-tags-input{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);min-height:42px;cursor:text}.template-tags-input:focus-within{box-shadow:0 0 0 3px var(--accent-subtle)}.template-tags-input__tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent);font-size:12px}.template-tags-input__tag-remove{cursor:pointer;opacity:.6;transition:opacity var(--duration-fast)}.template-tags-input__tag-remove:hover{opacity:1}.template-tags-input input{flex:1;min-width:80px;border:none;background:transparent;outline:none;font-size:13px;color:var(--text)}.section-add-btn{font-size:11px;padding:3px 8px;opacity:.7;transition:opacity var(--duration-fast)}.section-add-btn:hover{opacity:1}.template-section-empty{text-align:center;padding:var(--space-4);color:var(--muted);font-size:13px}.prop-editor-row,.cmd-editor-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.prop-editor-row:last-child,.cmd-editor-row:last-child{border-bottom:none}.param-editor-list{padding:var(--space-1) 0 var(--space-2) var(--space-5);border-bottom:1px solid var(--border)}.param-editor-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}@media(max-width:768px){.templates-toolbar{flex-direction:column;align-items:stretch}.templates-toolbar__search{max-width:100%}.template-stats{grid-template-columns:repeat(2,1fr)}.template-modal,.template-detail-modal{max-width:100%;margin:var(--space-3)}}.cron-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.cron-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) ease,transform var(--duration-normal) ease;animation:rise var(--duration-slow) var(--ease-out) backwards}.cron-stat-card:nth-child(1){animation-delay:0ms}.cron-stat-card:nth-child(2){animation-delay:60ms}.cron-stat-card:nth-child(3){animation-delay:.12s}.cron-stat-card:nth-child(4){animation-delay:.18s}.cron-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cron-stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cron-stat-icon svg{width:22px;height:22px}.cron-stat-icon--total{background:var(--info-gradient-bg);color:var(--info)}.cron-stat-icon--enabled{background:var(--ok-gradient-bg);color:var(--success)}.cron-stat-icon--running{background:var(--warn-gradient-bg);color:var(--warning)}.cron-stat-icon--success{background:var(--ok-gradient-bg);color:var(--success)}.cron-stat-info{min-width:0}.cron-stat-value{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong)}.cron-stat-label{font-size:12px;color:var(--muted);margin-top:4px;font-weight:500}.cron-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-4);align-items:start}.cron-main{display:grid;gap:var(--space-4);min-width:0}.cron-toolbar{gap:var(--space-3)}.cron-toolbar__search{flex:1 1 300px;min-width:200px}.cron-toolbar__search input{width:100%}.cron-toolbar .select{flex:0 1 auto;min-width:0;width:auto}.cron-layout .data-table th,.cron-layout .data-table td{padding:var(--space-2) var(--space-3);font-size:13px}.cron-layout .data-table th{font-size:12px;white-space:nowrap}.cron-layout .table-container{overflow-x:auto}.cron-type-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:5px 10px;border-radius:var(--radius-full);background:var(--secondary);color:var(--text)}.cron-type-badge--http{background:var(--info-subtle);color:var(--info)}.cron-type-badge--script{background:var(--accent-2-subtle);color:var(--accent-2)}.cron-type-badge--device_command{background:var(--warn-subtle);color:var(--warn)}.cron-type-badge--sql{background:var(--ok-subtle);color:var(--ok)}.cron-expr{font-family:var(--mono);font-size:12px;padding:3px 8px;background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--accent)}.cron-last-status{font-size:12px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full)}.cron-last-status--ok{background:var(--ok-subtle);color:var(--ok)}.cron-last-status--error{background:var(--danger-subtle);color:var(--danger)}.cron-run-count{display:flex;align-items:center;gap:8px}.cron-run-count__detail{font-size:11px;color:var(--muted)}.cron-run-count__detail .ok{color:var(--ok)}.cron-run-count__detail .error{color:var(--danger)}.status-badge--running{background:var(--warn-subtle);color:var(--warn)}.status-badge--online{background:var(--ok-subtle);color:var(--ok)}.status-badge--offline{background:var(--muted-subtle, var(--secondary));color:var(--muted)}.cron-executions{position:sticky;top:74px;max-height:calc(100vh - 106px);overflow-y:auto;animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.cron-executions__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.cron-execution-list{display:grid;gap:var(--space-3)}.cron-execution-item{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:start;padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.cron-execution-item__main{min-width:0;display:grid;gap:4px}.cron-execution-item__status{display:flex;align-items:center;gap:8px}.cron-execution-item__trigger{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-strong)}.cron-execution-item__time{font-size:12px;color:var(--muted)}.cron-execution-item__error{font-size:12px;color:var(--danger);overflow-wrap:anywhere;word-break:break-word}.cron-execution-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:80px}.cron-status-dot{width:6px;height:6px;border-radius:var(--radius-full);display:block;flex-shrink:0;align-self:center;line-height:0;font-size:0}.cron-status-dot.dot-ok{background:var(--ok);box-shadow:0 0 3px var(--ok-glow-sm)}.cron-status-dot.dot-error{background:var(--danger);box-shadow:0 0 3px var(--danger-glow-sm)}.modal--wide{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.skeleton-card{opacity:.6}.skeleton-circle{width:44px;height:44px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text-group{display:flex;flex-direction:column;gap:6px;flex:1}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line--short{width:40px;height:22px}.skeleton-line--long{width:60px}.skeleton-line--search{width:200px;height:36px}.skeleton-line--select{width:100px;height:36px}.skeleton-line--btn{width:80px;height:36px}.skeleton-toolbar{display:flex;align-items:center;gap:var(--space-3)}.skeleton-table{padding:var(--space-4);display:grid;gap:var(--space-3)}.skeleton-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.skeleton-row:last-child{border-bottom:none}.skeleton-line--cell-wide{width:180px}.skeleton-line--cell{width:80px}.skeleton-line--cell-actions{width:120px;margin-left:auto}.cron-mobile-cards{display:none;gap:var(--space-3)}.cron-mobile-card{background:var(--card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.cron-mobile-card--selected{background:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent)}.cron-mobile-card__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.cron-mobile-card__title{font-weight:600;font-size:14px;color:var(--text-strong);word-break:break-word}.cron-mobile-card__desc{font-size:12px;color:var(--muted);margin-bottom:var(--space-3);word-break:break-word}.cron-mobile-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.cron-mobile-card__meta-item{display:flex;flex-direction:column;gap:2px}.cron-mobile-card__label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.cron-mobile-card__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border)}.cron-mobile-card__actions .btn{justify-content:center}@media(max-width:1100px){.cron-stats{grid-template-columns:repeat(2,1fr)}.cron-layout{grid-template-columns:1fr}.cron-executions{position:static;max-height:none;border-top:1px solid var(--border);padding-top:var(--space-4)}}@media(max-width:640px){.cron-stats{grid-template-columns:1fr}.cron-toolbar{flex-wrap:wrap}.cron-toolbar__search{flex:1 1 100%;min-width:0}.cron-toolbar .select{flex:0 1 auto;min-width:0}.cron-layout .data-table th,.cron-layout .data-table td{padding:var(--space-2);font-size:12px}.cron-layout .cell-actions .btn{padding:4px 8px;font-size:11px}.cron-mobile-cards{display:grid}.cron-executions{margin-top:var(--space-4)}}.cron-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0}.cron-hint{font-size:11px;color:var(--muted);margin-top:2px}.cron-required{color:var(--danger)}.cron-flex-gap{display:flex;gap:var(--space-2)}.cron-ml-auto{margin-left:auto}.chat{position:relative;display:flex;flex-direction:column;flex:1 1 0;height:100%;min-height:0;overflow:hidden;background:transparent!important;border:none!important;box-shadow:none!important}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0;padding-bottom:12px;margin-bottom:12px;background:transparent}.chat-header__left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.chat-header__right{display:flex;align-items:center;gap:8px}.chat-session{min-width:180px}.chat-thread{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:12px 4px;margin:0 -4px;min-height:0;border-radius:12px;background:transparent}.chat-focus-exit{position:absolute;top:12px;right:12px;z-index:100;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease-out,color .15s ease-out,border-color .15s ease-out;box-shadow:var(--shadow-md)}.chat-focus-exit:hover{background:var(--panel-strong);color:var(--text);border-color:var(--accent)}.chat-focus-exit svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chat-new-messages{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin:8px auto;font-size:13px;font-family:var(--font-body);color:var(--text);background:var(--panel-strong);border:1px solid var(--border);border-radius:999px;cursor:pointer;white-space:nowrap;z-index:10;transition:background .15s ease-out,border-color .15s ease-out}.chat-new-messages:hover{background:var(--panel);border-color:var(--accent)}.chat-new-messages svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.chat-compose{position:sticky;bottom:0;flex-shrink:0;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:12px 4px 4px;background:linear-gradient(to bottom,transparent,var(--bg) 20%);z-index:10}.chat-attachments{display:inline-flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--panel);border-radius:8px;border:1px solid var(--border);width:fit-content;max-width:100%;align-self:flex-start}.chat-attachment{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.chat-attachment__img{width:100%;height:100%;object-fit:contain}.chat-attachment__remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#000000b3;color:var(--text-inverse);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease-out}.chat-attachment:hover .chat-attachment__remove{opacity:1}.chat-attachment__remove:hover{background:var(--danger-muted)}.chat-attachment__remove svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2px}:root[data-theme=light] .chat-attachments{background:#f8fafc;border-color:#1018281a}:root[data-theme=light] .chat-attachment{border-color:#10182826;background:var(--text-inverse)}:root[data-theme=light] .chat-attachment__remove{background:#0009}.chat-message-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chat-message-image{max-width:300px;max-height:200px;border-radius:8px;object-fit:contain;cursor:pointer;transition:transform .15s ease-out}.chat-message-image:hover{transform:scale(1.02)}.chat-group.user .chat-message-images{justify-content:flex-end}.chat-compose__row{display:flex;align-items:stretch;gap:12px;flex:1}:root[data-theme=light] .chat-compose{background:linear-gradient(to bottom,transparent,var(--bg-content) 20%)}.chat-compose__field{flex:1 1 auto;min-width:0;display:flex;align-items:stretch}.chat-compose__field>span{display:none}.chat-compose .chat-compose__field textarea{width:100%;height:40px;min-height:40px;max-height:150px;padding:9px 12px;border-radius:8px;overflow-y:auto;resize:none;white-space:pre-wrap;font-family:var(--font-body);font-size:14px;line-height:1.45}.chat-compose__field textarea:disabled{opacity:.7;cursor:not-allowed}.chat-compose__actions{flex-shrink:0;display:flex;align-items:stretch;gap:8px}.chat-compose .chat-compose__actions .btn{padding:0 16px;font-size:13px;height:40px;min-height:40px;max-height:40px;line-height:1;white-space:nowrap;box-sizing:border-box}.chat-controls{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.chat-controls__session{min-width:140px;max-width:300px}.chat-controls__thinking{display:flex;align-items:center;gap:6px;font-size:13px}.btn--icon{padding:8px!important;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#ffffff0f}.chat-controls__separator{color:#fff6;font-size:18px;margin:0 8px;font-weight:300}:root[data-theme=light] .chat-controls__separator{color:#1018284d}.btn--icon:hover{background:#ffffff1f;border-color:#fff3}:root[data-theme=light] .btn--icon{background:var(--text-inverse);border-color:var(--border);box-shadow:var(--shadow-sm);color:var(--muted)}:root[data-theme=light] .btn--icon:hover{background:var(--text-inverse);border-color:var(--border-strong);color:var(--text)}:root[data-theme=light] .chat-controls .btn--icon.active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent);box-shadow:0 0 0 1px var(--accent-subtle)}.btn--icon svg{display:block;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.chat-controls__session select{padding:6px 10px;font-size:13px;max-width:300px;overflow:hidden;text-overflow:ellipsis}.chat-controls__thinking{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 10px;background:#ffffff0a;border-radius:6px;border:1px solid var(--border)}:root[data-theme=light] .chat-controls__thinking{background:#ffffffe6;border-color:#10182826}@media(max-width:640px){.chat-session{min-width:140px}.chat-compose{grid-template-columns:1fr}.chat-compose__row{flex-direction:column;gap:8px}.chat-compose__actions{flex-direction:column;width:100%;gap:8px}.chat-compose .chat-compose__actions .btn{width:100%}.chat-controls{flex-wrap:wrap;gap:8px}.chat-controls__session{min-width:120px}}.chat-thinking{margin-bottom:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px dashed var(--border);background:var(--bg-muted);color:var(--muted);font-size:12px;line-height:1.4}.chat-text{font-size:14px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.chat-text :where(p,ul,ol,pre,blockquote,table){margin:0}.chat-text :where(p+p,p+ul,p+ol,p+pre,p+blockquote){margin-top:.75em}.chat-text :where(ul,ol){padding-left:1.5em}.chat-text :where(li+li){margin-top:.25em}.chat-text :where(a){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.chat-text :where(a:hover){opacity:.8}.chat-text :where(code){font-family:var(--mono);font-size:.9em}.chat-text :where(:not(pre)>code){background:#00000026;padding:.15em .4em;border-radius:4px;overflow-wrap:normal;word-break:keep-all}.chat-text :where(pre){background:#00000026;border-radius:6px;padding:10px 12px;overflow-x:auto}.chat-text :where(pre code){background:none;padding:0}.chat-text :where(blockquote){border-left:3px solid var(--border-strong);margin-left:0;color:var(--muted);background:#ffffff05;padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.chat-text :where(blockquote blockquote){margin-top:8px;border-left-color:var(--border-hover);background:#ffffff08}.chat-text :where(blockquote blockquote blockquote){border-left-color:var(--muted-strong);background:#ffffff0a}:root[data-theme=light] .chat-text :where(blockquote){background:#00000008}:root[data-theme=light] .chat-text :where(blockquote blockquote){background:#0000000d}:root[data-theme=light] .chat-text :where(blockquote blockquote blockquote){background:#0000000a}:root[data-theme=light] .chat-text :where(:not(pre)>code){background:var(--bg-muted);border:1px solid var(--border)}:root[data-theme=light] .chat-text :where(pre){background:var(--bg-muted);border:1px solid var(--border)}.chat-text :where(hr){border:none;border-top:1px solid var(--border);margin:1em 0}.chat-text[dir=rtl]{text-align:right}.chat-text[dir=rtl] :where(ul,ol){padding-left:0;padding-right:1.5em}.chat-text[dir=rtl] :where(blockquote){border-left:none;border-right:3px solid var(--border);padding-left:0;padding-right:1em}.chat-group{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;margin-left:4px;margin-right:16px}.chat-group.user{flex-direction:row-reverse;justify-content:flex-start}.chat-group-messages{display:flex;flex-direction:column;gap:2px;max-width:min(900px,calc(100% - 60px))}.chat-group.user .chat-group-messages{align-items:flex-end}.chat-group.user .chat-group-footer{justify-content:flex-end}.chat-group-footer{display:flex;gap:8px;align-items:baseline;margin-top:6px}.chat-sender-name{font-weight:500;font-size:12px;color:var(--muted)}.chat-group-timestamp{font-size:11px;color:var(--muted);opacity:.7}.chat-divider{display:flex;align-items:center;gap:10px;margin:18px 8px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.chat-divider__line{flex:1 1 0;height:1px;background:var(--border);opacity:.9}.chat-divider__label{padding:2px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffff05}.chat-avatar{width:40px;height:40px;border-radius:8px;background:var(--panel-strong);display:grid;place-items:center;font-weight:600;font-size:14px;flex-shrink:0;align-self:flex-end;margin-bottom:4px}.chat-avatar.user{background:var(--accent-subtle);color:var(--accent)}.chat-avatar.assistant,.chat-avatar.other,.chat-avatar.tool{background:var(--secondary);color:var(--muted)}img.chat-avatar{display:block;object-fit:cover;object-position:center}.chat-bubble{position:relative;display:inline-block;border:1px solid transparent;background:var(--card);border-radius:var(--radius-lg);padding:10px 14px;box-shadow:none;transition:background .15s ease-out,border-color .15s ease-out;max-width:100%;word-wrap:break-word}.chat-bubble.has-copy{padding-right:36px}.chat-copy-btn{position:absolute;top:6px;right:8px;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:var(--radius-md);padding:4px 6px;font-size:14px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease-out,background .12s ease-out}.chat-copy-btn__icon{display:inline-flex;width:14px;height:14px;position:relative}.chat-copy-btn__icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.chat-copy-btn__icon-copy,.chat-copy-btn__icon-check{position:absolute;top:0;left:0;transition:opacity .15s ease}.chat-copy-btn__icon-check,.chat-copy-btn[data-copied="1"] .chat-copy-btn__icon-copy{opacity:0}.chat-copy-btn[data-copied="1"] .chat-copy-btn__icon-check{opacity:1}.chat-bubble:hover .chat-copy-btn{opacity:1;pointer-events:auto}.chat-copy-btn:hover{background:var(--bg-hover)}.chat-copy-btn[data-copying="1"]{opacity:0;pointer-events:none}.chat-copy-btn[data-error="1"]{opacity:1;pointer-events:auto;border-color:var(--danger-subtle);background:var(--danger-subtle);color:var(--danger)}.chat-copy-btn[data-copied="1"]{opacity:1;pointer-events:auto;border-color:var(--ok-subtle);background:var(--ok-subtle);color:var(--ok)}.chat-copy-btn:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--accent);outline-offset:2px}@media(hover:none){.chat-copy-btn{opacity:1;pointer-events:auto}}:root[data-theme=light] .chat-bubble{border-color:var(--border);box-shadow:inset 0 1px 0 var(--card-highlight)}.chat-bubble:hover{background:var(--bg-hover)}.chat-group.user .chat-bubble{background:var(--accent-subtle);border-color:transparent}:root[data-theme=light] .chat-group.user .chat-bubble{border-color:#ea580c33;background:#fb923c1f}.chat-group.user .chat-bubble:hover{background:#0098ff26}.chat-bubble.streaming{animation:pulsing-border 1.5s ease-out infinite}@keyframes pulsing-border{0%,to{border-color:var(--border)}50%{border-color:var(--accent)}}.chat-bubble.fade-in{animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-tool-flow{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2);align-items:center}.chat-tool-chip{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-muted);font-size:12px;transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast);animation:chip-in .2s var(--ease-out) backwards}.chat-tool-chip:nth-child(1){animation-delay:0ms}.chat-tool-chip:nth-child(2){animation-delay:40ms}.chat-tool-chip:nth-child(3){animation-delay:80ms}.chat-tool-chip:nth-child(4){animation-delay:.12s}.chat-tool-chip:nth-child(5){animation-delay:.16s}@keyframes chip-in{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-tool-chip:hover{border-color:var(--accent);background:var(--bg-hover);box-shadow:var(--shadow-sm)}.chat-tool-chip__summary{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;cursor:pointer;white-space:nowrap;max-width:420px}.chat-tool-chip__icon{width:12px;height:12px;flex-shrink:0;line-height:1;color:var(--muted)}.chat-tool-chip:hover .chat-tool-chip__icon{color:var(--accent)}.chat-tool-chip__name{font-weight:500;color:var(--text);font-size:12px;flex-shrink:0}.chat-tool-chip__preview{font-size:11px;color:var(--muted);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-tool-chip__status{display:flex;align-items:center;flex-shrink:0;margin-left:2px}.chat-tool-chip__status.ok{color:var(--ok)}.chat-tool-chip__status.pending{color:var(--accent)}.chat-tool-chip.expanded{border-radius:var(--radius-md);background:var(--card);box-shadow:0 8px 24px var(--overlay-backdrop);white-space:normal;max-width:100%;animation:chip-expand .2s var(--ease-out)}.chat-tool-chip.expanded .chat-tool-chip__summary{border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:4px}.chat-tool-chip__body{padding:6px 10px 8px}.chat-tool-chip__section{display:flex;flex-direction:column;gap:4px}.chat-tool-chip__section+.chat-tool-chip__section{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.chat-tool-chip__section--pending{color:var(--muted);font-size:11px;font-style:italic}.chat-tool-chip__section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.chat-tool-chip__args{background:var(--bg-muted);padding:6px 8px;border-radius:var(--radius-sm);font-family:var(--mono);font-size:11px;line-height:1.5;overflow-x:auto;white-space:pre;margin:0;max-height:160px;overflow-y:auto;border:1px solid var(--border)}.chat-tool-chip__result{font-size:12px;color:var(--text);line-height:1.5;word-break:break-word}.chat-tool-chip__result p{margin:3px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-theme=light] .chat-tool-chip{border-color:var(--border);background:#0000000a}:root[data-theme=light] .chat-tool-chip:hover{border-color:var(--accent);background:var(--accent-subtle)}:root[data-theme=light] .chat-tool-chip[open]{background:var(--bg);border-color:var(--accent)}.a2ui-surface{margin-top:var(--space-3);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--bg-muted)}.a2ui-surface--overlay{border-color:var(--accent);box-shadow:var(--shadow-sm)}.a2ui-unknown{padding:var(--space-2) var(--space-3);font-size:11px;color:var(--muted);font-family:monospace}.chat-split-container{display:flex;gap:0;flex:1;min-height:0;height:100%}.chat-main{min-width:400px;display:flex;flex-direction:column;overflow:hidden;transition:flex .25s ease-out}.chat-sidebar{flex:1;min-width:300px;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;animation:slide-in .2s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidebar-panel{display:flex;flex-direction:column;height:100%;background:var(--panel)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:10;background:var(--panel)}.sidebar-header .btn{padding:4px 8px;font-size:14px;min-width:auto;line-height:1}.sidebar-title{font-weight:600;font-size:14px}.sidebar-content{flex:1;overflow:auto;padding:16px}.sidebar-markdown{font-size:14px;line-height:1.5}.sidebar-markdown pre{background:#0000001f;border-radius:4px;padding:12px;overflow-x:auto}.sidebar-markdown code{font-family:var(--mono);font-size:13px}@media(max-width:768px){.chat-split-container--open{position:fixed;inset:0;z-index:1000}.chat-split-container--open .chat-main{display:none}.chat-split-container--open .chat-sidebar{width:100%;min-width:0;border-left:none}}view-home{--home-bg-deep: #02040a;--home-bg-light: #f6f7f9;--home-surface-dark: rgba(10, 14, 22, .85);--home-surface-dark-hover: rgba(10, 14, 22, .95);--home-surface-light: rgba(255, 255, 255, .65);--home-surface-light-hover: rgba(255, 255, 255, .85);--home-accent-cyan: #00d4ff;--home-accent-blue: #0098ff;--home-accent-violet: #7b61ff;--home-accent-purple: #a855f7;--home-particle-orange: #ff9f43;--home-particle-deep-blue: #5f27cd;--home-particle-gold: #f1c40f;--home-text-primary: #fff;--home-text-secondary: rgba(232, 236, 241, .6);--home-text-tertiary: rgba(232, 236, 241, .55);--home-text-muted: rgba(232, 236, 241, .4);--home-text-dim: rgba(232, 236, 241, .35);--home-shadow-1: 0 4px 20px rgba(0, 0, 0, .35);--home-shadow-2: 0 16px 60px rgba(0, 0, 0, .28);--home-shadow-3: 0 40px 100px rgba(0, 212, 255, .04);--home-shadow-inset: inset 0 0 0 1px rgba(255, 255, 255, .04);--home-shadow-hover-1: 0 8px 30px rgba(0, 0, 0, .4);--home-shadow-hover-2: 0 20px 70px rgba(0, 0, 0, .32);--home-shadow-hover-3: 0 50px 120px rgba(0, 212, 255, .06);--home-shadow-hover-inset: inset 0 0 0 1px rgba(255, 255, 255, .06);--home-shadow-light-1: 0 4px 20px rgba(0, 0, 0, .05);--home-shadow-light-2: 0 16px 60px rgba(0, 0, 0, .06);--home-shadow-light-3: 0 40px 100px rgba(0, 212, 255, .04);--home-shadow-light-inset: inset 0 0 0 1px rgba(255, 255, 255, .5);--home-shadow-light-hover-1: 0 8px 30px rgba(0, 0, 0, .08);--home-shadow-light-hover-2: 0 20px 70px rgba(0, 0, 0, .1);--home-shadow-light-hover-3: 0 50px 120px rgba(0, 212, 255, .06);--home-shadow-light-hover-inset: inset 0 0 0 1px rgba(255, 255, 255, .6)}view-home .home{position:relative;font-family:var(--font-body, system-ui, -apple-system, "Noto Sans SC", sans-serif);color:var(--home-text-primary);background:var(--home-bg-deep);min-height:100vh;overflow-x:hidden}view-home .ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}view-home .ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-orb 24s ease-in-out infinite}view-home .ambient-orb--1{width:700px;height:700px;top:-250px;left:-200px;background:radial-gradient(circle,rgba(0,212,255,.35) 0%,transparent 60%);animation-delay:0s}view-home .ambient-orb--2{width:900px;height:900px;bottom:-400px;right:-300px;background:radial-gradient(circle,rgba(123,97,255,.3) 0%,transparent 60%);animation-delay:-8s}view-home .ambient-orb--3{width:600px;height:600px;top:35%;left:55%;background:radial-gradient(circle,rgba(0,212,255,.18) 0%,rgba(123,97,255,.15) 50%,transparent 70%);animation-delay:-16s}view-home .ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(circle at 50% 0%,black 0%,transparent 60%);mask-image:radial-gradient(circle at 50% 0%,black 0%,transparent 60%);opacity:.5;animation:grid-drift 60s linear infinite}view-home .header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 32px;background:transparent;transition:transform .35s ease,background .35s ease}view-home .header--scrolled{background:#02040ab8;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 30px #00000040}view-home .header--hidden{transform:translateY(-100%)}view-home .header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}view-home .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--home-text-primary);text-decoration:none}view-home .logo img{display:block;width:36px;height:36px}view-home .nav-links{display:flex;align-items:center;gap:40px}view-home .nav-links a{color:var(--home-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}view-home .nav-links a:hover{color:var(--home-text-primary)}view-home .header-actions{display:flex;align-items:center;gap:16px}view-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .25s ease}view-home .btn--ghost{background:transparent;color:var(--home-text-primary);border:1px solid rgba(255,255,255,.12)}view-home .btn--ghost:hover{background:#ffffff0d;border-color:#ffffff4d}view-home .btn--primary{background:linear-gradient(135deg,var(--home-accent-cyan) 0%,var(--home-accent-violet) 100%);color:var(--home-text-primary);box-shadow:0 2px 20px #00d4ff59}view-home .btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 32px #7b61ff80}view-home .btn--lg{padding:14px 28px;font-size:15px}view-home .hero{position:relative;z-index:1;padding:160px 32px 100px;max-width:1280px;margin:0 auto;min-height:900px}view-home .hero-grid{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:680px}view-home .hero-content{max-width:680px}view-home .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#00d4ff14;border-radius:9999px;font-size:13px;font-weight:500;color:var(--home-accent-cyan);margin-bottom:24px;border:1px solid rgba(0,212,255,.18);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}view-home .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--home-accent-cyan);box-shadow:0 0 10px #00d4ff;animation:pulse-glow 2s ease-in-out infinite}view-home .hero h1{font-size:clamp(44px,5.5vw,76px);font-weight:800;line-height:1.05;color:var(--home-text-primary);margin:0 0 24px;letter-spacing:0}view-home .hero h1 .gradient{background:linear-gradient(135deg,var(--home-accent-cyan) 0%,var(--home-accent-violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}view-home .hero-desc{font-size:18px;line-height:1.7;color:var(--home-text-secondary);margin:0 0 40px;max-width:520px}view-home .hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}view-home .hero-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}view-home .meta-label{font-size:13px;color:var(--home-text-muted)}view-home .meta-pills{display:flex;gap:10px;flex-wrap:wrap}view-home .meta-pill{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;color:#e8ecf1d9;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}view-home .meta-pill:hover{background:#00d4ff14;border-color:#00d4ff33;color:var(--home-accent-cyan)}view-home .hero-visual{position:absolute;right:-15%;top:50%;transform:translateY(-50%);width:900px;height:900px;z-index:0;display:flex;align-items:center;justify-content:center}view-home .hero-visual point-earth{width:100%;height:100%}perspective: 1200px; pointer-events: none; } view-home .sphere-scene{position:relative;width:800px;height:800px;transform-style:preserve-3d;animation:scene-tilt 12s ease-in-out infinite}view-home .sphere-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,212,255,.12) 0%,transparent 55%);filter:blur(80px);animation:glow-pulse 5s ease-in-out infinite}view-home .sphere-core{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%) translateZ(0);border-radius:50%;background:radial-gradient(circle at 35% 35%,#00d4ffe6,#0098ff66 40%,#7b61ff33);box-shadow:0 0 160px #00d4ff66,0 0 80px #7b61ff4d,inset 0 0 60px #fff3;z-index:10}view-home .sphere-core:after{content:"";position:absolute;inset:-60px;border-radius:50%;border:1px solid rgba(0,212,255,.15);animation:core-ripple 3s ease-out infinite}view-home .ring-3d{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(0,212,255,.22);transform-style:preserve-3d;box-shadow:0 0 20px #00d4ff14}view-home .ring-3d--1{width:400px;height:400px;margin:-200px 0 0 -200px;transform:rotateX(70deg) rotateY(0);animation:spin-3d-a 10s linear infinite}view-home .ring-3d--2{width:400px;height:400px;margin:-200px 0 0 -200px;transform:rotateX(70deg) rotateY(60deg);animation:spin-3d-b 10s linear infinite}view-home .ring-3d--3{width:400px;height:400px;margin:-200px 0 0 -200px;transform:rotateX(70deg) rotateY(120deg);animation:spin-3d-c 10s linear infinite}view-home .ring-3d--4{width:560px;height:560px;margin:-280px 0 0 -280px;border-color:#00a0c82e;transform:rotateX(75deg) rotateY(30deg);animation:spin-3d-d 16s linear infinite reverse}view-home .ring-3d--5{width:560px;height:560px;margin:-280px 0 0 -280px;border-color:#00a0c82e;transform:rotateX(75deg) rotateY(90deg);animation:spin-3d-e 16s linear infinite reverse}view-home .ring-3d--6{width:560px;height:560px;margin:-280px 0 0 -280px;border-color:#00a0c82e;transform:rotateX(75deg) rotateY(150deg);animation:spin-3d-f 16s linear infinite reverse}view-home .ring-3d--7{width:720px;height:720px;margin:-360px 0 0 -360px;border-color:#00d4ff24;transform:rotateX(80deg) rotateY(0);animation:spin-3d-g 24s linear infinite}view-home .ring-3d--8{width:720px;height:720px;margin:-360px 0 0 -360px;border-color:#00d4ff24;transform:rotateX(80deg) rotateY(45deg);animation:spin-3d-h 24s linear infinite}view-home .ring-3d--9{width:720px;height:720px;margin:-360px 0 0 -360px;border-color:#00d4ff24;transform:rotateX(80deg) rotateY(90deg);animation:spin-3d-i 24s linear infinite}view-home .ring-vertex{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--home-accent-cyan);box-shadow:0 0 20px #00d4ffe6;top:-6px;left:50%;margin-left:-6px}view-home .ring-vertex--alt{background:#00a3c4;box-shadow:0 0 20px #00a3c4e6}view-home .orbit-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;transform-style:preserve-3d}view-home .orbit-particle--1{background:var(--home-particle-orange);box-shadow:0 0 16px #ff9f43;animation:orbit-particle-1 4s linear infinite}view-home .orbit-particle--2{background:var(--home-particle-deep-blue);box-shadow:0 0 16px #5f27cd;animation:orbit-particle-2 5.5s linear infinite}view-home .orbit-particle--3{background:var(--home-particle-gold);box-shadow:0 0 16px #f1c40f;animation:orbit-particle-3 7s linear infinite}view-home .data-stream{position:absolute;top:50%;left:50%;width:3px;height:240px;background:linear-gradient(to bottom,transparent,rgba(0,212,255,.6),transparent);transform-origin:top center;opacity:.4;filter:blur(1px)}view-home .data-stream--1{transform:rotate(30deg) translateY(160px);animation:stream-flow 2s ease-in-out infinite}view-home .data-stream--2{transform:rotate(90deg) translateY(160px);animation:stream-flow 2.5s ease-in-out infinite .5s}view-home .data-stream--3{transform:rotate(150deg) translateY(160px);animation:stream-flow 2.2s ease-in-out infinite 1s}view-home .data-stream--4{transform:rotate(210deg) translateY(160px);animation:stream-flow 2.8s ease-in-out infinite 1.5s}view-home .data-stream--5{transform:rotate(270deg) translateY(80px);animation:stream-flow 2.3s ease-in-out infinite .8s}view-home .data-stream--6{transform:rotate(330deg) translateY(80px);animation:stream-flow 2.6s ease-in-out infinite 1.2s}view-home .section{position:relative;z-index:1;padding:100px 32px}view-home .section-inner{max-width:1280px;margin:0 auto}view-home .section-header{text-align:center;margin-bottom:64px}view-home .section-header--left{text-align:left;margin-bottom:40px}view-home .section-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--home-accent-cyan);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}view-home .section-label:before{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,var(--home-accent-cyan))}view-home .section-label:after{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--home-accent-cyan),transparent)}view-home .section-title{font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--home-text-primary);margin:0 0 16px;letter-spacing:0}view-home .section-desc{font-size:17px;color:var(--home-text-tertiary);max-width:600px;margin:0 auto;line-height:1.7}view-home .stats-section{position:relative;z-index:1;padding:100px 32px}view-home .stats-header{text-align:center;margin-bottom:56px}view-home .stats-title{font-size:clamp(40px,5vw,64px);font-weight:800;color:var(--home-text-primary);margin:0 0 12px;line-height:1.1;letter-spacing:0}view-home .stats-title span{font-size:18px;font-weight:500;color:var(--home-text-secondary);margin-left:12px;vertical-align:middle}view-home .stats-desc{font-size:16px;color:var(--home-text-tertiary);max-width:520px;margin:0 auto;line-height:1.7}view-home .stats-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px;text-align:center}view-home .stats-item{padding:24px;border-radius:12px;background:var(--home-surface-dark);border:none;box-shadow:var(--home-shadow-1),var(--home-shadow-2),var(--home-shadow-3),var(--home-shadow-inset);transition:all .25s ease}view-home .stats-item:hover{background:var(--home-surface-dark-hover);transform:translateY(-4px);box-shadow:var(--home-shadow-hover-1),var(--home-shadow-hover-2),var(--home-shadow-hover-3),var(--home-shadow-hover-inset)}view-home .stats-item__num{font-size:32px;font-weight:700;color:var(--home-text-primary);line-height:1;margin-bottom:10px}view-home .stats-item__label{font-size:14px;color:var(--home-text-secondary)}view-home .features-section{padding-top:0}view-home .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}view-home .feature-card{padding:32px;border-radius:16px;background:var(--home-surface-dark);border:none;box-shadow:var(--home-shadow-1),var(--home-shadow-2),var(--home-shadow-3),var(--home-shadow-inset);transition:all .3s ease;position:relative;overflow:hidden}view-home .feature-card:hover{background:var(--home-surface-dark-hover);transform:translateY(-4px);box-shadow:var(--home-shadow-hover-1),var(--home-shadow-hover-2),var(--home-shadow-hover-3),var(--home-shadow-hover-inset)}view-home .feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#00d4ff14;border:1px solid rgba(0,212,255,.12);box-shadow:0 0 20px #00d4ff14}view-home .feature-icon svg{width:24px;height:24px}view-home .feature-card h3{font-size:18px;font-weight:600;color:var(--home-text-primary);margin:0 0 10px}view-home .feature-card p{font-size:14px;line-height:1.7;color:var(--home-text-secondary);margin:0}view-home .showcase-section{padding-top:0}view-home .showcase-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}view-home .showcase-visual{min-height:480px;height:480px;background:transparent;border:none;box-shadow:none;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}view-home .showcase-visual showcase-viz{width:100%;height:100%}view-home .showcase-visual:hover{background:transparent;transform:none;box-shadow:none}view-home .cityscape{position:relative;width:100%;height:100%;min-height:480px}view-home .building{position:absolute;bottom:0;background:linear-gradient(180deg,#00d4ff26,#00d4ff05);border:1px solid rgba(0,212,255,.2);border-bottom:none;border-radius:3px 3px 0 0}view-home .building:after{content:"";position:absolute;inset:12px 8px;background-image:radial-gradient(circle,rgba(0,212,255,.7) 1.5px,transparent 1.5px);background-size:12px 16px;opacity:.8}view-home .building:nth-child(1){left:5%;width:40px;height:55%;animation:building-flicker 3s ease-in-out infinite}view-home .building:nth-child(2){left:18%;width:48px;height:40%;animation:building-flicker 4s ease-in-out infinite .5s}view-home .building:nth-child(3){left:32%;width:56px;height:70%;animation:building-flicker 3.5s ease-in-out infinite 1s}view-home .building:nth-child(4){left:50%;width:44px;height:50%;transform:translate(-50%);animation:building-flicker 4.5s ease-in-out infinite .3s}view-home .building:nth-child(5){right:28%;width:52px;height:62%;animation:building-flicker 3.2s ease-in-out infinite .8s}view-home .building:nth-child(6){right:12%;width:42px;height:45%;animation:building-flicker 5s ease-in-out infinite 1.2s}view-home .building:nth-child(7){right:2%;width:34px;height:35%;animation:building-flicker 3.8s ease-in-out infinite .6s}@keyframes building-flicker{0%,to{opacity:1}50%{opacity:.7}}view-home .city-glow{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:500px;height:200px;background:radial-gradient(ellipse,rgba(0,212,255,.25) 0%,rgba(123,97,255,.1) 40%,transparent 70%);filter:blur(30px);animation:city-glow-pulse 4s ease-in-out infinite}view-home .city-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--home-accent-cyan);box-shadow:0 0 12px #00d4ff;animation:particle-rise 5s ease-in-out infinite}view-home .city-particle--1{left:20%;bottom:30%;animation-delay:0s}view-home .city-particle--2{left:40%;bottom:50%;animation-delay:-1.3s}view-home .city-particle--3{left:60%;bottom:40%;animation-delay:-2.6s}view-home .city-particle--4{left:75%;bottom:60%;animation-delay:-3.9s}view-home .showcase-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}view-home .showcase-item{display:flex;gap:14px;padding:18px;border-radius:12px;background:var(--home-surface-dark);border:none;box-shadow:var(--home-shadow-1),var(--home-shadow-2),var(--home-shadow-3),var(--home-shadow-inset);transition:all .25s ease}view-home .showcase-item:hover{background:var(--home-surface-dark-hover);transform:translateY(-4px);box-shadow:var(--home-shadow-hover-1),var(--home-shadow-hover-2),var(--home-shadow-hover-3),var(--home-shadow-hover-inset)}view-home .showcase-item__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#00d4ff14;border:1px solid rgba(0,212,255,.12);color:var(--home-accent-cyan);font-size:16px}view-home .showcase-item__title{font-size:15px;font-weight:600;color:var(--home-text-primary);margin:0 0 4px}view-home .showcase-item__desc{font-size:13px;color:var(--home-text-secondary);margin:0;line-height:1.6}view-home .cta-section{padding:0 32px 120px;position:relative;z-index:1}view-home .cta-inner{max-width:1280px;margin:0 auto;text-align:center;padding:80px 48px;border-radius:24px;background:var(--home-surface-dark);border:none;box-shadow:var(--home-shadow-1),var(--home-shadow-2),var(--home-shadow-3),var(--home-shadow-inset);transition:all .3s ease;position:relative;overflow:hidden}view-home .cta-inner:hover{background:var(--home-surface-dark-hover);transform:translateY(-4px);box-shadow:var(--home-shadow-hover-1),var(--home-shadow-hover-2),var(--home-shadow-hover-3),var(--home-shadow-hover-inset)}view-home .cta-title{font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--home-text-primary);margin:0 0 16px;position:relative;letter-spacing:0}view-home .cta-desc{font-size:17px;color:var(--home-text-tertiary);margin:0 auto 36px;max-width:560px;position:relative}view-home .cta-buttons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;position:relative}view-home .footer{padding:50px 32px 30px;border-top:none;background:var(--home-bg-deep);position:relative;z-index:1}view-home .footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}view-home .footer-brand{display:flex;align-items:center;gap:12px}view-home .footer-brand img{width:32px;height:32px}view-home .footer-brand-name{font-size:16px;font-weight:700;color:var(--home-text-primary)}view-home .footer-links{display:flex;flex-wrap:wrap;gap:28px}view-home .footer-links a{font-size:13px;text-decoration:none;color:#e8ecf180;transition:color .2s}view-home .footer-links a:hover{color:var(--home-text-primary)}view-home .footer-copy{font-size:13px;color:var(--home-text-dim);margin:0}view-home .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out, ease-out),transform .6s var(--ease-out, ease-out);will-change:opacity,transform}view-home .reveal.is-visible{opacity:1;transform:translateY(0)}view-home .reveal-delay-1{transition-delay:.1s}view-home .reveal-delay-2{transition-delay:.2s}view-home .reveal-delay-3{transition-delay:.3s}:root[data-theme=light] view-home .home{color:#1f2937;background:var(--home-bg-light)}:root[data-theme=light] view-home .ambient-orb--1{background:radial-gradient(circle,rgba(0,150,180,.35) 0%,transparent 60%);opacity:.4}:root[data-theme=light] view-home .ambient-orb--2{background:radial-gradient(circle,rgba(123,97,255,.25) 0%,transparent 60%);opacity:.35}:root[data-theme=light] view-home .ambient-orb--3{background:radial-gradient(circle,rgba(0,150,180,.18) 0%,transparent 70%);opacity:.3}:root[data-theme=light] view-home .ambient-grid{background-image:linear-gradient(rgba(0,150,180,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,180,.04) 1px,transparent 1px);opacity:.4}:root[data-theme=light] view-home .header--scrolled{background:#f6f7f9c7;border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 4px 30px #00000014}:root[data-theme=light] view-home .logo{color:#111827}:root[data-theme=light] view-home .nav-links a{color:#1f2937a6}:root[data-theme=light] view-home .nav-links a:hover{color:#111827}:root[data-theme=light] view-home .btn--ghost{color:#374151;border:1px solid rgba(0,0,0,.12)}:root[data-theme=light] view-home .btn--ghost:hover{background:#0000000a;border-color:#00000038}:root[data-theme=light] view-home .btn--primary{background:linear-gradient(135deg,#09c,#7b61ff);color:#fff;box-shadow:0 2px 20px #0096b466}:root[data-theme=light] view-home .btn--primary:hover{box-shadow:0 6px 32px #7b61ff73}:root[data-theme=light] view-home .hero-badge{background:#0096b41f;color:#005f73;border:1px solid rgba(0,150,180,.35)}:root[data-theme=light] view-home .hero-badge-dot{background:#005f73;box-shadow:0 0 10px #005f73e6}:root[data-theme=light] view-home .hero h1{color:#111827}:root[data-theme=light] view-home .hero h1 .gradient{background:linear-gradient(135deg,#09c,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=light] view-home .hero-desc{color:#1f2937a6}:root[data-theme=light] view-home .hero-visual{background:radial-gradient(circle,rgba(0,150,180,.06) 0%,transparent 55%)}:root[data-theme=light] view-home .sphere-glow{background:radial-gradient(circle,rgba(0,150,180,.2) 0%,transparent 55%)}:root[data-theme=light] view-home .sphere-core{background:radial-gradient(circle at 35% 35%,#0096b4,#00789699 40%,#005f734d);box-shadow:0 0 80px #0096b480,0 0 40px #005f7366,inset 0 0 30px #ffffff4d}:root[data-theme=light] view-home .sphere-core:after{border-color:#0096b459}:root[data-theme=light] view-home .ring-3d{border-color:#005f7359;box-shadow:0 0 20px #0096b426}:root[data-theme=light] view-home .ring-vertex{background:#005f73;box-shadow:0 0 10px #005f73}:root[data-theme=light] view-home .ring-vertex--alt{background:#007a94;box-shadow:0 0 10px #007a94}:root[data-theme=light] view-home .orbit-particle--1{background:#e67e22;box-shadow:0 0 10px #e67e22}:root[data-theme=light] view-home .orbit-particle--2{background:#341f97;box-shadow:0 0 10px #341f97}:root[data-theme=light] view-home .orbit-particle--3{background:#d4ac0d;box-shadow:0 0 10px #d4ac0d}:root[data-theme=light] view-home .data-stream{background:linear-gradient(to bottom,transparent,rgba(0,95,115,.7),transparent);opacity:.6}:root[data-theme=light] view-home .meta-label{color:#1f293773}:root[data-theme=light] view-home .meta-pill{color:#1f2937bf;background:#0000000a;border:1px solid rgba(0,0,0,.06)}:root[data-theme=light] view-home .meta-pill:hover{background:#0096b41f;border-color:#0096b466;color:#005f73}:root[data-theme=light] view-home .stats-title{color:#111827}:root[data-theme=light] view-home .stats-title span{color:#1f2937a6}:root[data-theme=light] view-home .stats-desc{color:#1f29378c}:root[data-theme=light] view-home .stats-item{background:var(--home-surface-light);border:none;box-shadow:var(--home-shadow-light-1),var(--home-shadow-light-2),var(--home-shadow-light-3),var(--home-shadow-light-inset)}:root[data-theme=light] view-home .stats-item:hover{background:var(--home-surface-light-hover);transform:translateY(-4px);box-shadow:var(--home-shadow-light-hover-1),var(--home-shadow-light-hover-2),var(--home-shadow-light-hover-3),var(--home-shadow-light-hover-inset)}:root[data-theme=light] view-home .stats-item__num{color:#111827}:root[data-theme=light] view-home .stats-item__label{color:#1f29378c}:root[data-theme=light] view-home .section-label{color:#005f73}:root[data-theme=light] view-home .section-label:before{background:linear-gradient(90deg,transparent,#005f73)}:root[data-theme=light] view-home .section-label:after{background:linear-gradient(90deg,#005f73,transparent)}:root[data-theme=light] view-home .section-title{color:#111827}:root[data-theme=light] view-home .section-desc{color:#1f29378c}:root[data-theme=light] view-home .feature-card{background:var(--home-surface-light);border:none;box-shadow:var(--home-shadow-light-1),var(--home-shadow-light-2),var(--home-shadow-light-3),var(--home-shadow-light-inset)}:root[data-theme=light] view-home .feature-card:hover{background:var(--home-surface-light-hover);box-shadow:var(--home-shadow-light-hover-1),var(--home-shadow-light-hover-2),var(--home-shadow-light-hover-3),var(--home-shadow-light-hover-inset)}:root[data-theme=light] view-home .feature-icon{background:#00a0c81f;border:1px solid rgba(0,140,180,.25)}:root[data-theme=light] view-home .feature-card h3{color:#111827}:root[data-theme=light] view-home .feature-card p{color:#1f29378c}:root[data-theme=light] view-home .showcase-visual{background:transparent;border:none;box-shadow:none}:root[data-theme=light] view-home .showcase-visual:hover{background:transparent;box-shadow:none}:root[data-theme=light] view-home .building{background:linear-gradient(180deg,#00d4ff0f,#00d4ff03);border:none}:root[data-theme=light] view-home .building:after{background-image:radial-gradient(circle,rgba(0,212,255,.35) 1.5px,transparent 1.5px)}:root[data-theme=light] view-home .city-glow{background:radial-gradient(ellipse,rgba(0,212,255,.1) 0%,transparent 60%)}:root[data-theme=light] view-home .showcase-item{background:var(--home-surface-light);border:none;box-shadow:var(--home-shadow-light-1),var(--home-shadow-light-2),var(--home-shadow-light-3),var(--home-shadow-light-inset)}:root[data-theme=light] view-home .showcase-item:hover{background:var(--home-surface-light-hover);box-shadow:var(--home-shadow-light-hover-1),var(--home-shadow-light-hover-2),var(--home-shadow-light-hover-3),var(--home-shadow-light-hover-inset)}:root[data-theme=light] view-home .showcase-item__icon{background:#00a0c81f;border:1px solid rgba(0,140,180,.25);color:#005f73}:root[data-theme=light] view-home .showcase-item__title{color:#111827}:root[data-theme=light] view-home .showcase-item__desc{color:#1f29378c}:root[data-theme=light] view-home .cta-inner{background:var(--home-surface-light);border:none;box-shadow:var(--home-shadow-light-1),var(--home-shadow-light-2),var(--home-shadow-light-3),var(--home-shadow-light-inset)}:root[data-theme=light] view-home .cta-inner:hover{background:var(--home-surface-light-hover);box-shadow:var(--home-shadow-light-hover-1),var(--home-shadow-light-hover-2),var(--home-shadow-light-hover-3),var(--home-shadow-light-hover-inset)}:root[data-theme=light] view-home .cta-title{color:#111827}:root[data-theme=light] view-home .cta-desc{color:#1f29378c}:root[data-theme=light] view-home .footer{border-top:none;background:var(--home-bg-light)}:root[data-theme=light] view-home .footer-brand-name{color:#111827}:root[data-theme=light] view-home .footer-links a{color:#1f29378c}:root[data-theme=light] view-home .footer-links a:hover{color:#111827}:root[data-theme=light] view-home .footer-copy{color:#1f293766}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.08)}66%{transform:translate(-30px,30px) scale(.95)}}@keyframes grid-drift{0%{transform:translateY(0)}to{transform:translateY(80px)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 10px #00d4ffcc}50%{opacity:.6;box-shadow:0 0 20px #00d4ff}}@keyframes glow-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes core-ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes scene-tilt{0%,to{transform:rotateX(10deg) rotateY(0)}25%{transform:rotateX(15deg) rotateY(15deg)}50%{transform:rotateX(10deg) rotateY(0)}75%{transform:rotateX(15deg) rotateY(-15deg)}}@keyframes spin-3d-a{0%{transform:rotateX(70deg) rotateY(0)}to{transform:rotateX(70deg) rotateY(360deg)}}@keyframes spin-3d-b{0%{transform:rotateX(70deg) rotateY(60deg)}to{transform:rotateX(70deg) rotateY(420deg)}}@keyframes spin-3d-c{0%{transform:rotateX(70deg) rotateY(120deg)}to{transform:rotateX(70deg) rotateY(480deg)}}@keyframes spin-3d-d{0%{transform:rotateX(75deg) rotateY(30deg)}to{transform:rotateX(75deg) rotateY(390deg)}}@keyframes spin-3d-e{0%{transform:rotateX(75deg) rotateY(90deg)}to{transform:rotateX(75deg) rotateY(450deg)}}@keyframes spin-3d-f{0%{transform:rotateX(75deg) rotateY(150deg)}to{transform:rotateX(75deg) rotateY(510deg)}}@keyframes spin-3d-g{0%{transform:rotateX(80deg) rotateY(0)}to{transform:rotateX(80deg) rotateY(360deg)}}@keyframes spin-3d-h{0%{transform:rotateX(80deg) rotateY(45deg)}to{transform:rotateX(80deg) rotateY(405deg)}}@keyframes spin-3d-i{0%{transform:rotateX(80deg) rotateY(90deg)}to{transform:rotateX(80deg) rotateY(450deg)}}@keyframes orbit-particle-1{0%{transform:translate(-50%,-50%) rotateX(60deg) rotate(0) translate(200px) rotate(0)}to{transform:translate(-50%,-50%) rotateX(60deg) rotate(360deg) translate(200px) rotate(-360deg)}}@keyframes orbit-particle-2{0%{transform:translate(-50%,-50%) rotateX(120deg) rotate(0) translate(280px) rotate(0)}to{transform:translate(-50%,-50%) rotateX(120deg) rotate(360deg) translate(280px) rotate(-360deg)}}@keyframes orbit-particle-3{0%{transform:translate(-50%,-50%) rotateY(90deg) rotate(0) translate(360px) rotate(0)}to{transform:translate(-50%,-50%) rotateY(90deg) rotate(360deg) translate(360px) rotate(-360deg)}}@keyframes stream-flow{0%,to{opacity:.2;transform:rotate(var(--r, 0deg)) translateY(160px) scaleY(.8)}50%{opacity:.6;transform:rotate(var(--r, 0deg)) translateY(200px) scaleY(1.2)}}@keyframes city-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes particle-rise{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-20px);opacity:1}}@media(prefers-reduced-motion:reduce){view-home .ambient-orb,view-home .ambient-grid,view-home .sphere-scene,view-home .sphere-glow,view-home .sphere-core:after,view-home .ring-3d,view-home .orbit-particle,view-home .data-stream,view-home .city-glow,view-home .city-particle,view-home .hero-badge-dot{animation:none!important}view-home .reveal{opacity:1;transform:none;transition:none}}@media(max-width:1024px){view-home .hero-grid{grid-template-columns:1fr;gap:48px}view-home .hero-visual{order:-1;height:720px}view-home .feature-grid{grid-template-columns:repeat(2,1fr)}view-home .showcase-grid{grid-template-columns:1fr;gap:40px}view-home .showcase-visual{min-height:360px;order:1}}@media(max-width:768px){view-home .nav-links{display:none}view-home .feature-grid{grid-template-columns:1fr}view-home .showcase-list{grid-template-columns:1fr}view-home .hero{padding:130px 20px 60px}view-home .section,view-home .stats-section{padding:60px 20px}view-home .cta-section{padding:0 20px 80px}view-home .cta-inner{padding:48px 24px}view-home .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}view-home .stats-title{font-size:36px}view-home .stats-title span{display:block;font-size:16px;margin:8px 0 0}view-home .stats-item{padding:20px 16px}view-home .stats-item__num{font-size:26px}view-home .footer-inner{flex-direction:column;text-align:center}view-home .hero-visual{height:560px}}