:root{--uui-bg-primary: #0c111d;--uui-bg-secondary: #161b26;--uui-bg-tertiary: #1f242f;--uui-bg-quaternary: #252b37;--uui-border-primary: #1f242f;--uui-border-secondary: #333741;--uui-border-tertiary: #414651;--uui-text-primary: #f5f5f6;--uui-text-secondary: #cecfd2;--uui-text-tertiary: #94979c;--uui-text-quaternary: #717680;--uui-text-placeholder: #61656c;--uui-brand-200: #d6bbfb;--uui-brand-500: #9e77ed;--uui-brand-600: #7f56d9;--uui-brand-700: #6941c6;--uui-brand-solid: #7f56d9;--uui-brand-solid-hover: #6941c6;--uui-success-500: #17b26a;--uui-error-500: #f04438;--uui-warning-500: #f79009;--uui-r-sm: 6px;--uui-r-md: 8px;--uui-r-lg: 10px;--uui-r-xl: 12px;--uui-r-2xl: 16px;--uui-r-full: 9999px;--uui-shadow-md: 0 4px 6px -1px rgba(10, 13, 18, .1), 0 2px 4px -2px rgba(10, 13, 18, .06);--uui-shadow-lg: 0 12px 16px -4px rgba(10, 13, 18, .08), 0 4px 6px -2px rgba(10, 13, 18, .03);--uui-ring-brand: 0 0 0 4px rgba(158, 119, 237, .24);--uui-ring-error: 0 0 0 4px rgba(240, 68, 56, .24);--uui-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--uui-bg-primary);color:var(--uui-text-primary);font-family:var(--uui-font);-webkit-font-smoothing:antialiased}a{color:var(--uui-brand-200)}button{font-family:inherit}input{font-family:inherit;width:100%;padding:10px 12px;background:var(--uui-bg-tertiary);border:1px solid var(--uui-border-secondary);border-radius:var(--uui-r-md);color:var(--uui-text-primary);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input::placeholder{color:var(--uui-text-placeholder)}input:focus{border-color:var(--uui-brand-500);box-shadow:var(--uui-ring-brand)}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;max-width:1200px;margin:0 auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--uui-text-primary);text-decoration:none}.brand-mark{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--uui-brand-500),var(--uui-brand-700));box-shadow:0 0 16px #7f56d980}.brand-name{font-size:16px}.site-nav{display:flex;align-items:center;gap:8px}.site-nav>a:not(.btn),.site-nav>button:not(.btn){padding:8px 12px;color:var(--uui-text-tertiary);font-size:14px;font-weight:500;text-decoration:none;background:none;border:none;cursor:pointer}.site-nav>a:not(.btn):hover,.site-nav>button:not(.btn):hover{color:var(--uui-text-primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--uui-r-full);font-size:11px;font-weight:600;line-height:1.6}.badge-alpha{border:1px solid var(--uui-brand-500);background:#7f56d91f;color:var(--uui-brand-200)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--uui-r-md);border:1px solid transparent;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .12s ease,transform 80ms ease,border-color .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--uui-brand-solid);color:#fff;box-shadow:0 12px 24px -8px #7f56d973}.btn-primary:hover{background:var(--uui-brand-solid-hover)}.btn-ghost{background:transparent;color:var(--uui-text-secondary);border-color:var(--uui-border-secondary)}.btn-ghost:hover{background:var(--uui-bg-tertiary);color:var(--uui-text-primary)}@media (max-width: 640px){.site-nav .nav-link{display:none}.site-header{padding:12px 16px;gap:8px}.site-nav{gap:6px;flex-shrink:0}.site-nav>.btn{padding:9px 12px;font-size:13px}.site-nav>.btn-primary{display:none}.brand{min-width:0}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.manage-layout{max-width:980px;margin:0 auto;padding:24px;display:flex;gap:24px;align-items:flex-start}.manage-sidebar{width:220px;flex-shrink:0;position:sticky;top:24px;display:flex;flex-direction:column;gap:4px}.manage-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.manage-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;width:100%;padding:10px 12px;border-radius:var(--uui-r-md);border:1px solid transparent;background:transparent;color:var(--uui-text-tertiary);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .12s ease,color .12s ease}.manage-nav-item:hover{color:var(--uui-text-primary)}.manage-nav-item[aria-current=page]{border-color:var(--uui-border-primary);background:var(--uui-bg-secondary);color:var(--uui-text-primary);font-weight:600}@media (max-width: 760px){.manage-layout{flex-direction:column;gap:16px;padding:16px}.manage-sidebar{width:100%;position:static;flex-direction:row;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.manage-sidebar::-webkit-scrollbar{display:none}.manage-nav-item{width:auto;flex-shrink:0;border-color:var(--uui-border-secondary)}.plan-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){.hide-on-mobile{display:none!important}}.toast-viewport{position:fixed;z-index:1000;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--uui-r-lg);background:var(--uui-bg-secondary);border:1px solid var(--uui-border-secondary);box-shadow:var(--uui-shadow-xl);color:var(--uui-text-primary);font-size:14px;line-height:1.4;pointer-events:auto;animation:toast-in .18s ease-out}.toast-icon{flex-shrink:0;width:20px;height:20px;border-radius:var(--uui-r-full);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;margin-top:1px}.toast-success{border-color:#17b26a80}.toast-success .toast-icon{background:var(--uui-success-500, #17b26a)}.toast-error{border-color:#f0443880}.toast-error .toast-icon{background:var(--uui-error-500, #f04438)}.toast-info .toast-icon{background:var(--uui-brand-solid)}.toast-msg{flex:1;min-width:0}.toast-close{flex-shrink:0;background:none;border:none;color:var(--uui-text-tertiary);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.toast-close:hover{color:var(--uui-text-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.toast-viewport{left:16px;right:16px;bottom:16px;max-width:none}}