@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-accent:#FFCC00;--color-accent-hover:#F0BF00;--color-accent-active:#E6B400;--color-on-accent:#0F172A;--color-canvas:#EAEDF2;--color-canvas-subtle:#F1F3F7;--color-surface:#FFFFFF;--color-surface-hover:#FAFBFD;--color-text-primary:#0F172A;--color-text-secondary:#64748B;--color-text-disabled:#94A3B8;--color-text-inverse:#FFFFFF;--color-border:#E2E8F0;--color-border-strong:#CBD5E1;--color-border-focus:#FFCC00;--color-success:#10B981;--color-success-bg:#ECFDF5;--color-success-text:#065F46;--color-warning:#F59E0B;--color-warning-bg:#FFFBEB;--color-warning-text:#92400E;--color-danger:#EF4444;--color-danger-bg:#FEF2F2;--color-danger-text:#991B1B;--color-info:#3B82F6;--color-info-bg:#EFF6FF;--color-info-text:#1E40AF;--shadow-card:0 4px 14px -2px rgba(15,23,42,0.05),0 1px 3px 0 rgba(15,23,42,0.03);--shadow-card-hover:0 8px 24px -4px rgba(15,23,42,0.10),0 2px 6px 0 rgba(15,23,42,0.06);--shadow-dropdown:0 10px 38px -10px rgba(15,23,42,0.14),0 4px 6px -4px rgba(15,23,42,0.08);--shadow-modal:0 24px 64px -12px rgba(15,23,42,0.18),0 8px 16px -8px rgba(15,23,42,0.10);--border-width:1px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);--ease-drawer:cubic-bezier(0.32,0.72,0,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-press:100ms;--dur-hover:150ms;--dur-tooltip:160ms;--dur-dropdown:200ms;--dur-modal:280ms;--dur-drawer:320ms;--dur-page:200ms;--sidebar-width:240px;--sidebar-width-mini:64px;--header-height:56px;--content-max-width:1400px}.dark,[data-theme=dark]{--color-canvas:#141519;--color-canvas-subtle:#1E2128;--color-surface:#1E2128;--color-surface-hover:#262B34;--color-text-primary:#F1F5F9;--color-text-secondary:#94A3B8;--color-text-disabled:#64748B;--color-text-inverse:#0F172A;--color-border:#2D3344;--color-border-strong:#3B4461;--color-accent:#FFCC00;--color-accent-hover:#F0BF00;--color-accent-active:#E6B400;--color-on-accent:#0F172A;--shadow-card:0 4px 14px -2px rgba(0,0,0,0.25),0 1px 3px 0 rgba(0,0,0,0.15);--shadow-card-hover:0 8px 24px -4px rgba(0,0,0,0.40),0 2px 6px 0 rgba(0,0,0,0.25);--shadow-dropdown:0 10px 38px -10px rgba(0,0,0,0.50),0 4px 6px -4px rgba(0,0,0,0.30);--shadow-modal:0 24px 64px -12px rgba(0,0,0,0.60),0 8px 16px -8px rgba(0,0,0,0.40);--color-success-bg:rgba(16,185,129,0.12);--color-success-text:#34D399;--color-warning-bg:rgba(245,158,11,0.12);--color-warning-text:#FCD34D;--color-danger-bg:rgba(239,68,68,0.12);--color-danger-text:#F87171;--color-info-bg:rgba(59,130,246,0.12);--color-info-text:#93C5FD}*,:after,:before{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-card{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.ds-card:hover{box-shadow:var(--shadow-card-hover)}.ds-btn-primary{background-color:var(--color-accent);color:var(--color-on-accent);border:none;border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.ds-btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.ds-btn-primary:active{transform:translateY(0)}.ds-badge-danger,.ds-badge-info,.ds-badge-success,.ds-badge-warning{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4}.ds-badge-success{color:var(--color-success-text);background:var(--color-success-bg)}.ds-badge-warning{color:var(--color-warning-text);background:var(--color-warning-bg)}.ds-badge-danger{color:var(--color-danger-text);background:var(--color-danger-bg)}.ds-badge-info{color:var(--color-info-text);background:var(--color-info-bg)}@keyframes ds-fade-up{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ds-fade-down{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ds-slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes ds-slide-in-left{0%{opacity:.6;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ds-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ds-spin{to{transform:rotate(1turn)}}@keyframes ds-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.ds-modal-overlay{animation:ds-fade-overlay var(--dur-modal) var(--ease-out) both}@keyframes ds-fade-overlay{0%{opacity:0}to{opacity:1}}.ds-modal-panel{animation:ds-fade-up var(--dur-modal) var(--ease-out) both}.ds-dropdown{animation:ds-fade-down var(--dur-dropdown) var(--ease-out) both;transform-origin:top center}.ds-tooltip{animation:ds-fade-up var(--dur-tooltip) var(--ease-out) both}.ds-toast{animation:ds-toast-in var(--dur-dropdown) var(--ease-out) both}.ds-card-interactive{transition:box-shadow var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out);will-change:transform}@media (hover:hover) and (pointer:fine){.ds-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}}.ds-card-interactive:active{transform:translateY(0);transition-duration:var(--dur-press)}.ds-btn-primary{transition:background-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out);will-change:transform}@media (hover:hover) and (pointer:fine){.ds-btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,204,0,.35)}}.ds-btn-primary:active{background-color:var(--color-accent-active);transform:translateY(0) scale(.98);box-shadow:none;transition-duration:var(--dur-press)}.ds-btn-secondary{transition:background-color var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out);will-change:transform}@media (hover:hover) and (pointer:fine){.ds-btn-secondary:hover{transform:translateY(-1px)}}.ds-btn-secondary:active{transform:translateY(0) scale(.98);transition-duration:var(--dur-press)}.ds-btn-icon{transition:background-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.ds-btn-icon:active{transform:scale(.92);transition-duration:var(--dur-press)}.ds-input{transition:border-color var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out),outline var(--dur-hover) var(--ease-out)}.ds-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,204,0,.18);outline:none}.ds-input-error{border-color:var(--color-danger)!important;animation:ds-shake .36s var(--ease-out) both}.ds-nav-link{transition:background-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out)}@media (hover:hover) and (pointer:fine){.ds-nav-link:hover{transform:translateX(2px)}}.ds-badge-pop{animation:ds-pop var(--dur-dropdown) var(--ease-spring) both}.ds-stagger>*{animation:ds-fade-up var(--dur-modal) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.ds-skeleton{background:linear-gradient(90deg,var(--color-canvas) 25%,var(--color-surface) 50%,var(--color-canvas) 75%);background-size:200% 100%;animation:ds-shimmer 1.5s linear infinite}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ds-spinner{animation:ds-spin .7s linear infinite;border-radius:50%;display:inline-block;border:2px solid;border-top:2px solid transparent}.ds-toggle-thumb{transition:transform var(--dur-hover) var(--ease-spring)}.ds-progress-bar{transition:width var(--dur-drawer) var(--ease-out)}.ds-collapse-icon{transition:transform var(--dur-dropdown) var(--ease-out)}.ds-collapse-icon[data-collapsed=true]{transform:rotate(180deg)}.ds-page-enter{animation:ds-fade-in var(--dur-page) var(--ease-out) forwards}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes beacon-radar{0%{transform:scale(.95);opacity:.8}50%{opacity:.4}to{transform:scale(1.65);opacity:0}}@keyframes flow-beam{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes live-node-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(255,204,0,.45)}50%{transform:scale(1.03);box-shadow:0 0 0 6px rgba(255,204,0,0)}}.living-beacon-ring{position:absolute;inset:-4px;border-radius:9999px;border:2px solid var(--color-accent);animation:beacon-radar 2.2s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}.living-flow-track{position:relative;overflow:hidden}.living-flow-track:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,204,0,.9) 50%,transparent);width:100%;animation:flow-beam 2s cubic-bezier(.4,0,.2,1) infinite}.living-node-active{animation:live-node-breathe 2.4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}