:root{--bg-base: #F5F6F8;--bg-surface: #FFFFFF;--bg-raised: #EEEFF3;--bg-overlay: #E8E9EE;--border: #DEE0E7;--border-strong: #B3B4C6;--text-primary: #302F37;--text-secondary: #626073;--text-muted: #A09FB5;--text-disabled: #D3B3FF;--purple: #B882FE;--purple-hover: #D3B3FF;--purple-dim: #F2E8FF;--purple-text: #350566;--purple-dark: #571B7E;--purple-deep: #4E387E;--green: #22C55E;--green-dim: #dcfce7;--green-text: #15803d;--green-dark: #17654f;--blue: #3b82f6;--blue-dim: #dbeafe;--blue-text: #1d58d8;--amber: #f59e0b;--amber-dim: #fef3c7;--amber-text: #92400e;--rose: #ef4444;--rose-dim: #fee2e2;--rose-text: #991b1b;--indigo: #6366f1;--indigo-dim: #e0e7ff;--indigo-text: #3730a3;--cyan: var(--purple);--cyan-dim: var(--purple-dim);--violet: var(--purple-dark);--violet-dim: var(--purple-dim);--emerald: var(--green);--emerald-dim: var(--green-dim);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(48,47,55,.06);--shadow-md: 0 2px 8px rgba(48,47,55,.08), 0 1px 2px rgba(48,47,55,.04);--shadow-lg: 0 4px 16px rgba(48,47,55,.1), 0 2px 4px rgba(48,47,55,.06);--shadow-input: inset 0px 0px 6.5px 0px rgba(179,180,198,.2);--sidebar-width: 256px;--sidebar-collapsed-width: 64px;--transition: .15s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{border:none;background:none;padding:0;margin:0;font-family:var(--font-ui);cursor:pointer;outline:none}input,textarea,select{font-family:var(--font-ui)}.app-layout{display:flex;height:100dvh;width:100%;overflow:hidden;background:var(--bg-base);background-image:radial-gradient(circle at 50% -20%,rgba(139,92,246,.1) 0%,rgba(99,102,241,.03) 40%,transparent 70%)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-content{flex:1;overflow-y:auto;min-width:0}.page-body{padding:28px 32px;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{font-size:20px;font-weight:600;color:var(--text-secondary);margin:0}h2{font-size:15px;font-weight:600;color:var(--text-secondary);margin:0}h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}a{color:var(--purple-text);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:12px}:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:var(--radius-sm)}hr{border:none;border-top:1px solid var(--border);margin:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px}.premium-card{transition:box-shadow var(--transition)}.premium-card:hover{box-shadow:var(--shadow-md)}.premium-row{transition:box-shadow var(--transition),background var(--transition),border-color var(--transition)}.premium-row:hover{box-shadow:var(--shadow-sm);background:var(--bg-surface);border-color:var(--border-strong);z-index:10;position:relative}.premium-button{transition:filter .2s ease!important}.premium-button:hover:not(:disabled){filter:brightness(1.1)}.premium-button:active:not(:disabled){filter:brightness(.95)}.topbar{flex-shrink:0;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-base) 94%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar__main{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px}.topbar__identity,.topbar__actions,.topbar__brand,.topbar__text-button,.topbar__docs-link{display:flex;align-items:center}.topbar__identity,.topbar__actions{min-width:0}.topbar__identity{gap:10px}.topbar__actions{gap:8px}.topbar__page-label{color:var(--text-secondary);font-size:13px;font-weight:600}.topbar__icon-button{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}.topbar__icon-button:hover,.topbar__text-button:hover{background:var(--bg-raised)}.topbar__text-button{gap:6px;padding:7px 10px;color:var(--text-secondary);border-radius:var(--radius-md);font-size:12px;font-weight:600}.topbar__notification{position:relative}.topbar__notification-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:100;width:min(300px,calc(100vw - 24px));overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeIn .15s ease}.topbar__notification-title{padding:13px 16px;color:var(--text-primary);border-bottom:1px solid var(--border);font-size:13px;font-weight:700}.topbar__notification-empty{min-height:110px;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--text-muted);font-size:12px}.topbar__divider{width:1px;height:20px;background:var(--border)}.topbar__docs-link{gap:5px;padding:5px 10px;color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--text-secondary);border-radius:var(--radius-md);font-size:12px;font-weight:600;text-decoration:none}.topbar__brand{min-width:0;gap:8px;color:var(--text-primary);text-decoration:none}.topbar__brand:hover{text-decoration:none}.topbar__brand-mark{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--purple),#7c3aed);border-radius:9px;box-shadow:0 6px 16px #7c3aed33}.topbar__brand-name{overflow:hidden;color:var(--text-primary);font-size:14px;font-weight:750;white-space:nowrap}.topbar__mobile-page{overflow:hidden;color:var(--text-muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.topbar__mobile-nav{height:43px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:0 8px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.topbar__mobile-nav a{position:relative;display:grid;place-items:center;color:var(--text-muted);font-size:11px;font-weight:650;text-decoration:none}.topbar__mobile-nav a.active{color:var(--purple-text)}.topbar__mobile-nav a.active:after{content:"";position:absolute;right:14px;bottom:0;left:14px;height:2px;background:var(--purple);border-radius:2px 2px 0 0}.topbar__mobile-search{height:46px;display:flex;align-items:center;gap:9px;margin:0 10px 8px;padding:0 12px;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-input)}.topbar__mobile-search input{min-width:0;flex:1;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:13px}.topbar__mobile-search button{width:28px;height:28px;display:grid;place-items:center;color:var(--text-muted)}.route-loading{min-height:55vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--text-muted);font-size:12px}.route-loading--compact{min-height:240px}.route-loading__spinner{width:24px;height:24px;border:2px solid var(--border-strong);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:960px){.app-layout{min-height:100dvh;height:100dvh}.page-body{max-width:none;padding:20px 16px calc(32px + env(safe-area-inset-bottom))}.page-header{flex-direction:column;align-items:stretch}.topbar__main{min-height:58px;gap:8px;padding:max(6px,env(safe-area-inset-top)) 12px 6px}.topbar__identity{gap:8px}.topbar__actions{gap:6px}}@media(max-width:520px){.page-body{padding:18px 12px calc(28px + env(safe-area-inset-bottom))}.page-header{gap:12px;margin-bottom:14px;padding-bottom:14px}.page-header>div:last-child:not(:first-child){width:100%}.topbar__mobile-page{display:none}}@media(max-width:360px){.topbar__brand-name{display:none}}.forge-workflow-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(260px,36%)}@media(max-width:620px){.forge-workflow-layout{grid-template-columns:minmax(0,1fr)}.forge-workflow-layout>:last-child{border-left:0!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--border) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.animate-fade-in{opacity:0;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--stagger, 0ms)}@keyframes pulseBorder{0%,to{box-shadow:0 0 0 4px #b882fe26,0 0 24px #b882fe4d}50%{box-shadow:0 0 0 8px #b882fe40,0 0 32px #b882fe80}}