:root{--beands-graphite-900:#1a1c1e;--beands-graphite-800:#1f2123;--beands-graphite-700:#2a2d30;--beands-graphite-600:#3a3e42;--beands-graphite-500:#4d5257;--beands-milk-100:#faf7f1;--beands-milk-200:#f5f1ea;--beands-milk-300:#ece6da;--beands-milk-400:#ddd5c5;--beands-terracotta-300:#e08a72;--beands-terracotta-400:#d26a4f;--beands-terracotta-500:#c8553d;--beands-terracotta-600:#a8442f;--beands-terracotta-700:#863522;--beands-green-300:#6fa085;--beands-green-400:#5c8e6b;--beands-green-500:#4a7c59;--beands-green-600:#3d6849;--beands-green-700:#2f5238;--beands-amber-500:#c69a4a;--beands-red-500:#b8442e}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:var(--beands-graphite-800);--color-background-elevated:var(--beands-graphite-700);--color-surface:var(--beands-graphite-700);--color-surface-raised:var(--beands-graphite-600);--color-surface-hover:var(--beands-graphite-600);--color-muted:var(--beands-graphite-900);--color-foreground:var(--beands-milk-200);--color-foreground-muted:var(--beands-milk-400);--color-foreground-subtle:var(--beands-graphite-500);--color-border:#f5f1ea1a;--color-border-strong:#f5f1ea33;--color-input:#f5f1ea0d;--color-primary:var(--beands-terracotta-500);--color-primary-hover:var(--beands-terracotta-400);--color-primary-active:var(--beands-terracotta-600);--color-on-primary:var(--beands-milk-100);--color-primary-foreground:var(--color-on-primary);--color-secondary:var(--beands-green-500);--color-secondary-hover:var(--beands-green-400);--color-secondary-active:var(--beands-green-600);--color-on-secondary:var(--beands-milk-100);--color-accent:var(--beands-green-500);--color-success:var(--beands-green-500);--color-warning:var(--beands-amber-500);--color-danger:var(--beands-red-500);--color-destructive:var(--beands-red-500);--color-ring:var(--beands-terracotta-500);--color-primary-soft:#c8553d24;--color-secondary-soft:#4a7c5929;--color-warning-soft:#c69a4a29;--color-danger-soft:#b8442e29;--color-disabled:#f5f1ea14;--color-disabled-text:#f5f1ea52;--color-overlay:#0a0b0c99;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c;--gradient-waveform:linear-gradient(90deg, var(--beands-green-600) 0%, var(--beands-green-400) 50%, var(--beands-terracotta-400) 100%)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:var(--beands-milk-200);--color-background-elevated:var(--beands-milk-100);--color-surface:var(--beands-milk-100);--color-surface-raised:var(--beands-milk-300);--color-surface-hover:var(--beands-milk-300);--color-muted:var(--beands-milk-300);--color-foreground:var(--beands-graphite-800);--color-foreground-muted:var(--beands-graphite-500);--color-foreground-subtle:var(--beands-graphite-500);--color-border:#1f21231f;--color-border-strong:#1f21233d;--color-input:#1f21230a;--color-primary:var(--beands-terracotta-500);--color-primary-hover:var(--beands-terracotta-600);--color-primary-active:var(--beands-terracotta-700);--color-on-primary:var(--beands-milk-100);--color-primary-foreground:var(--color-on-primary);--color-secondary:var(--beands-green-500);--color-secondary-hover:var(--beands-green-600);--color-secondary-active:var(--beands-green-700);--color-on-secondary:var(--beands-milk-100);--color-accent:var(--beands-green-600);--color-success:var(--beands-green-600);--color-warning:var(--beands-amber-500);--color-danger:var(--beands-red-500);--color-destructive:var(--beands-red-500);--color-ring:var(--beands-terracotta-500);--color-primary-soft:#c8553d1a;--color-secondary-soft:#4a7c591f;--color-warning-soft:#c69a4a1f;--color-danger-soft:#b8442e1f;--color-disabled:#1f21230f;--color-disabled-text:#1f212361;--color-overlay:#1f21238c;--shadow-sm:0 1px 2px #1f212314;--shadow-md:0 4px 12px #1f21231a;--shadow-lg:0 12px 32px #1f212324;--gradient-waveform:linear-gradient(90deg, var(--beands-green-600) 0%, var(--beands-green-500) 50%, var(--beands-terracotta-500) 100%)}:root{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", monospace;--font-display:"Inter", "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--z-base:1;--z-dropdown:1000;--z-sticky:1100;--z-modal-backdrop:1200;--z-modal:1300;--z-toast:1400;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}
.beands-btn{justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;font-family:inherit;font-weight:600;line-height:1;display:inline-flex}.beands-btn:disabled,.beands-btn[aria-busy=true]{opacity:.55;cursor:not-allowed}.beands-btn:not(:disabled):active{transform:translateY(1px)}.beands-btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);min-height:32px}.beands-btn--md{font-size:var(--text-base);padding:var(--space-3) var(--space-4);min-height:44px}.beands-btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-6);min-height:52px}.beands-btn--full{width:100%}.beands-btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.beands-btn--primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.beands-btn--primary:not(:disabled):active{background-color:var(--color-primary-active)}.beands-btn--secondary{background-color:var(--color-secondary);color:var(--color-on-secondary)}.beands-btn--secondary:not(:disabled):hover{background-color:var(--color-secondary-hover)}.beands-btn--secondary:not(:disabled):active{background-color:var(--color-secondary-active)}.beands-btn--ghost{color:var(--color-foreground);background-color:#0000}.beands-btn--ghost:not(:disabled):hover{background-color:var(--color-surface-hover)}.beands-btn--outline{color:var(--color-foreground);border-color:var(--color-border-strong);background-color:#0000}.beands-btn--outline:not(:disabled):hover{background-color:var(--color-surface-hover);border-color:var(--color-foreground-muted)}.beands-btn--danger{background-color:var(--color-destructive);color:var(--beands-milk-100)}.beands-btn--danger:not(:disabled):hover{filter:brightness(1.1)}.beands-btn__spinner{border-radius:var(--radius-full);border:2px solid;border-bottom-color:#0000;width:1em;height:1em;animation:.6s linear infinite beands-spin}@keyframes beands-spin{to{transform:rotate(360deg)}}.beands-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.beands-card--interactive{cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.beands-card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.beands-card__header{padding:var(--space-5) var(--space-5) 0}.beands-card__body{padding:var(--space-5)}.beands-card__footer{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-4)}.beands-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;font-weight:600;line-height:1.4;display:inline-flex}.beands-badge--neutral{background-color:var(--color-muted);color:var(--color-foreground-muted);border-color:var(--color-border)}.beands-badge--primary{background-color:var(--color-primary-soft);color:var(--color-primary)}.beands-badge--secondary{background-color:var(--color-secondary-soft);color:var(--color-secondary)}.beands-badge--success{background-color:var(--color-secondary-soft);color:var(--color-success)}.beands-badge--warning{color:var(--color-warning);background-color:var(--color-warning-soft)}.beands-badge--danger{color:var(--color-danger);background-color:var(--color-danger-soft)}.beands-field{gap:var(--space-2);flex-direction:column;display:flex}.beands-field__label{font-size:var(--text-sm);color:var(--color-foreground);font-weight:600}.beands-field__control{align-items:center;display:flex;position:relative}.beands-field__slot{left:var(--space-3);color:var(--color-foreground-muted);pointer-events:none;display:inline-flex;position:absolute}.beands-input{width:100%;font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-foreground);background-color:var(--color-input);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:44px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}.beands-input::placeholder{color:var(--color-foreground-subtle)}.beands-input:focus{border-color:var(--color-ring);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.beands-input--error{border-color:var(--color-destructive)}.beands-input--error:focus{box-shadow:0 0 0 3px var(--color-danger-soft)}.beands-field__slot+.beands-input{padding-left:calc(var(--space-8) + var(--space-1))}.beands-field__hint{font-size:var(--text-xs);color:var(--color-foreground-muted);margin:0}.beands-field__error{font-size:var(--text-xs);color:var(--color-destructive);margin:0}.beands-waveform{align-items:center;gap:2px;width:100%;display:flex}.beands-waveform__bar{border-radius:var(--radius-full);background-color:var(--color-secondary);min-width:2px;transition:background-color var(--transition-base);flex:1 1 0}.beands-waveform--gradient .beands-waveform__bar{background:var(--gradient-waveform)}.beands-waveform--primary .beands-waveform__bar{background-color:var(--color-primary)}.beands-waveform--secondary .beands-waveform__bar{background-color:var(--color-secondary)}@keyframes beands-wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.beands-waveform--animated .beands-waveform__bar{transform-origin:50%;animation:1.1s ease-in-out infinite beands-wave}.beands-waveform__bar.is-played{opacity:1}.beands-waveform__bar.is-unplayed{opacity:.4}@media (prefers-reduced-motion:reduce){.beands-waveform--animated .beands-waveform__bar{animation:none}}.beands-progress{background-color:var(--color-muted);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.beands-progress__bar{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.beands-progress--secondary .beands-progress__bar{background-color:var(--color-secondary)}.beands-stat{gap:var(--space-1);flex-direction:column;display:flex}.beands-stat__value{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-foreground);font-weight:700;line-height:1.1}.beands-stat__label{font-size:var(--text-sm);color:var(--color-foreground-muted)}.beands-stat__delta{font-size:var(--text-xs);align-items:center;gap:2px;font-weight:600;display:inline-flex}.beands-stat__delta--up{color:var(--color-success)}.beands-stat__delta--down{color:var(--color-danger)}.beands-tabs__list{gap:var(--space-1);padding:var(--space-1);background-color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);flex-wrap:wrap;display:inline-flex}.beands-tabs__tab{appearance:none;color:var(--color-foreground-muted);font-family:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;min-height:36px;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:600}.beands-tabs__tab:hover{color:var(--color-foreground)}.beands-tabs__tab[aria-selected=true]{color:var(--color-on-primary);background-color:var(--color-primary)}.beands-tabs__tab:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.beands-chart{width:100%;display:block}.beands-chart__bar{transition:opacity var(--transition-fast), y var(--transition-base)}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base)}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.beands-container{width:100%;max-width:1280px;padding-inline:var(--space-4);margin-inline:auto}.beands-surface{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.beands-muted{color:var(--color-foreground-muted)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-subtle)}
html,body{min-height:100vh}body{flex-direction:column;display:flex}body:before{content:"";pointer-events:none;z-index:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:1;flex:1;position:relative}@media (max-width:768px){main{padding-bottom:80px}}.b-page{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.b-page__body{flex:1}