@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";
:root{--dash-bg:#f8f9fb;--dash-surface:#fff;--dash-border:#e8ebf0;--dash-border-hover:#d1d5dc;--dash-shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--dash-shadow-card-hover:0 4px 12px #0000000f, 0 1px 3px #0000000a;--dash-shadow-drawer:-24px 0 70px #0f172a2e;--dash-radius:14px;--dash-radius-lg:18px;--dash-radius-sm:10px;--dash-sidebar-width:260px;--dash-sidebar-bg:#fff;--dash-sidebar-border:#eef0f4;--dash-nav-active-bg:#eff4ff;--dash-nav-active-text:#2563eb;--dash-nav-active-border:#2563eb;--dash-nav-hover-bg:#f4f5f7;--dash-nav-text:#475569;--dash-nav-group-text:#94a3b8;--dash-content-max:1180px;--dash-content-pad:40px;--dash-content-pad-mobile:20px;--dash-status-success:#16a34a;--dash-status-success-bg:#f0fdf4;--dash-status-success-border:#bbf7d0;--dash-status-warning:#d97706;--dash-status-warning-bg:#fffbeb;--dash-status-warning-border:#fde68a;--dash-status-error:#dc2626;--dash-status-error-bg:#fef2f2;--dash-status-error-border:#fecaca;--dash-status-info:#2563eb;--dash-status-info-bg:#eff6ff;--dash-status-info-border:#bfdbfe;--dash-status-neutral:#64748b;--dash-status-neutral-bg:#f8fafc;--dash-status-neutral-border:#e2e8f0}.dash-shell{background:var(--dash-bg);min-height:100vh;display:flex}.dash-sidebar{width:var(--dash-sidebar-width);background:var(--dash-sidebar-bg);border-right:1px solid var(--dash-sidebar-border);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.dash-sidebar-logo{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;align-items:center;gap:10px;padding:24px 20px 20px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.dash-sidebar-logo svg{color:var(--dash-nav-active-text)}.dash-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.dash-nav-group{margin-top:20px}.dash-nav-group:first-child{margin-top:0}.dash-nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--dash-nav-group-text);padding:0 12px 8px;font-size:.7rem;font-weight:700}.dash-nav-item{border-radius:var(--dash-radius-sm);color:var(--dash-nav-text);border-left:3px solid #0000;align-items:center;gap:10px;margin-left:-3px;padding:9px 12px;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.dash-nav-item:hover{background:var(--dash-nav-hover-bg);color:var(--color-text-primary)}.dash-nav-item-muted{color:var(--color-text-muted);opacity:.56}.dash-nav-item-muted:hover{color:var(--color-text-muted);background:0 0}.dash-nav-coming-soon{border:1px solid var(--dash-border);background:var(--dash-bg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:.62rem;font-weight:800;line-height:1.1}.dash-nav-item.active{background:var(--dash-nav-active-bg);color:var(--dash-nav-active-text);border-left-color:var(--dash-nav-active-border);font-weight:600}.dash-nav-item svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.dash-nav-item.active svg{opacity:1}.dash-sidebar-user{background:var(--dash-bg);border-radius:var(--dash-radius);border:1px solid var(--dash-border);margin:auto 12px 16px;padding:14px}.dash-sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-size:.85rem;font-weight:700;overflow:hidden}.dash-sidebar-user-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.75rem;overflow:hidden}.dash-sidebar-signout{border:1px solid var(--dash-border);width:100%;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-sans);background:0 0;border-radius:8px;margin-top:10px;padding:7px 12px;transition:background .15s,color .15s}.dash-sidebar-signout:hover{background:var(--dash-status-error-bg);color:var(--dash-status-error);border-color:var(--dash-status-error-border)}.dash-mobile-header{z-index:50;padding:12px var(--dash-content-pad-mobile);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--dash-sidebar-border);background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;display:none;position:sticky;top:0}.dash-mobile-logo{font-family:var(--font-display);color:var(--color-text-primary);font-size:1rem;font-weight:800;text-decoration:none}.dash-mobile-toggle{border:1px solid var(--dash-border);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;padding:0;display:flex}.dash-mobile-toggle span{background:var(--color-text-primary);border-radius:999px;width:16px;height:2px;transition:transform .2s,opacity .2s}.dash-mobile-overlay{z-index:45;background:#0f172a3d;display:none;position:fixed;inset:0}.dash-mobile-overlay.visible{display:block}.dash-main{margin-left:var(--dash-sidebar-width);flex:1;min-height:100vh}.dash-content{max-width:var(--dash-content-max);padding:36px var(--dash-content-pad);margin:0 auto}.dash-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.dash-page-header-title{font-family:var(--font-display);color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800;line-height:1.2}.dash-page-header-subtitle{color:var(--color-text-secondary);margin:6px 0 0;font-size:.92rem;line-height:1.5}.dash-page-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.dash-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dash-section-title{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:700}.dash-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);padding:20px;transition:border-color .15s,box-shadow .15s}.dash-card-hover:hover{border-color:var(--dash-border-hover);box-shadow:var(--dash-shadow-card-hover)}.dash-card-link{color:inherit;text-decoration:none;display:block}.dash-kpi-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);padding:18px 20px}.dash-kpi-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.dash-kpi-value{color:var(--color-text-primary);margin-top:6px;font-size:1.75rem;font-weight:800;line-height:1.1}.dash-kpi-trend{margin-top:4px;font-size:.8rem;font-weight:600}.dash-action-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);color:inherit;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.dash-action-card:hover{border-color:var(--dash-border-hover);box-shadow:var(--dash-shadow-card-hover);transform:translateY(-1px)}.dash-action-icon{background:var(--dash-status-info-bg);width:40px;height:40px;color:var(--dash-status-info);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-action-icon.success{background:var(--dash-status-success-bg);color:var(--dash-status-success)}.dash-action-icon.warning{background:var(--dash-status-warning-bg);color:var(--dash-status-warning)}.dash-action-title{color:var(--color-text-primary);font-size:.92rem;font-weight:700}.dash-action-desc{color:var(--color-text-muted);margin-top:3px;font-size:.84rem;line-height:1.4}.dash-badge{letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.73rem;font-weight:700;display:inline-flex}.dash-badge-success{color:var(--dash-status-success);background:var(--dash-status-success-bg);border:1px solid var(--dash-status-success-border)}.dash-badge-warning{color:var(--dash-status-warning);background:var(--dash-status-warning-bg);border:1px solid var(--dash-status-warning-border)}.dash-badge-error{color:var(--dash-status-error);background:var(--dash-status-error-bg);border:1px solid var(--dash-status-error-border)}.dash-badge-info{color:var(--dash-status-info);background:var(--dash-status-info-bg);border:1px solid var(--dash-status-info-border)}.dash-badge-neutral{color:var(--dash-status-neutral);background:var(--dash-status-neutral-bg);border:1px solid var(--dash-status-neutral-border)}.dash-badge-dot{background:currentColor;border-radius:999px;width:7px;height:7px}.dash-empty-state{text-align:center;background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);padding:48px 24px}.dash-empty-icon{background:var(--dash-status-info-bg);width:56px;height:56px;color:var(--dash-status-info);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.dash-empty-title{color:var(--color-text-primary);margin:0 0 8px;font-size:1.15rem;font-weight:700}.dash-empty-desc{color:var(--color-text-secondary);max-width:420px;margin:0 auto 20px;font-size:.9rem;line-height:1.5}.dash-loading-state{text-align:center;color:var(--color-text-muted);background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);padding:32px 20px;font-size:.9rem}.dash-loading-spinner{border:2px solid var(--dash-border);border-top-color:var(--dash-status-info);vertical-align:middle;border-radius:999px;width:20px;height:20px;margin-right:10px;animation:.7s linear infinite dash-spin;display:inline-block}@keyframes dash-spin{to{transform:rotate(360deg)}}.dash-error-state{background:var(--dash-status-error-bg);border:1px solid var(--dash-status-error-border);border-radius:var(--dash-radius);color:var(--dash-status-error);padding:20px;font-size:.9rem}.dash-tabs{border-bottom:1px solid var(--dash-border);scrollbar-width:none;gap:0;margin:20px 0 28px;display:flex;overflow-x:auto}.dash-tabs::-webkit-scrollbar{display:none}.dash-tab{color:var(--color-text-muted);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 16px;font-size:.86rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.dash-tab:hover{color:var(--color-text-primary)}.dash-tab.active{color:var(--dash-nav-active-text);border-bottom-color:var(--dash-nav-active-text);font-weight:600}.dash-table-wrap{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);overflow:hidden}.dash-table-scroll{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:.9rem}.dash-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--dash-bg);border-bottom:1px solid var(--dash-border);white-space:nowrap;padding:12px 16px;font-size:.76rem;font-weight:700}.dash-table td{border-top:1px solid var(--dash-border);color:var(--color-text-secondary);vertical-align:middle;padding:14px 16px}.dash-table tbody tr{transition:background .1s}.dash-table tbody tr:hover{background:#f8f9fb99}.dash-table-pagination{border-top:1px solid var(--dash-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.86rem;display:flex}.dash-filter-bar{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;padding:16px 18px;display:grid}.dash-filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;gap:5px;font-size:.76rem;font-weight:700;display:grid}.dash-filter-bar .input{min-height:38px;font-size:.88rem}.dash-drawer-overlay{z-index:80;background:#0f172a3d;justify-content:flex-end;animation:.15s dash-fade-in;display:flex;position:fixed;inset:0}.dash-drawer{background:var(--dash-surface);width:min(560px,100%);height:100%;box-shadow:var(--dash-shadow-drawer);animation:.2s dash-slide-in;overflow-y:auto}.dash-drawer-header{border-bottom:1px solid var(--dash-border);background:var(--dash-surface);z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex;position:sticky;top:0}.dash-drawer-body{gap:16px;padding:20px 24px;display:grid}.dash-drawer-close{border:1px solid var(--dash-border);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);font-family:var(--font-sans);background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.dash-drawer-close:hover{background:var(--dash-status-error-bg);color:var(--dash-status-error)}@keyframes dash-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dash-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.dash-progress{background:#e8ebf0;border-radius:999px;height:10px;overflow:hidden}.dash-progress-fill{border-radius:999px;height:100%;transition:width .3s}.dash-progress-fill.normal{background:var(--dash-status-info)}.dash-progress-fill.warning{background:var(--dash-status-warning)}.dash-progress-fill.danger{background:var(--dash-status-error)}.dash-checklist{gap:8px;display:grid}.dash-checklist-item{border:1px solid var(--dash-border);background:var(--dash-surface);color:inherit;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.dash-checklist-item:hover{border-color:var(--dash-border-hover);background:#f8f9fb80}.dash-checklist-icon{background:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:900;display:inline-flex}.dash-checklist-label{font-size:.88rem;font-weight:700}.dash-checklist-desc{color:var(--color-text-muted);margin-top:2px;font-size:.82rem}.dash-snippet{border-radius:var(--dash-radius);color:#94a3b8;background:#0f172a;padding:16px 18px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;position:relative;overflow-x:auto}.dash-snippet-copy{color:#cbd5e1;cursor:pointer;font-size:.75rem;font-weight:700;font-family:var(--font-sans);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:6px 10px;transition:background .15s;position:absolute;top:10px;right:10px}.dash-snippet-copy:hover{background:#fff3}.dash-settings-section{border-bottom:1px solid var(--dash-border);padding:20px}.dash-settings-section:last-child{border-bottom:0}.dash-settings-label{margin-bottom:4px;font-size:.88rem;font-weight:700}.dash-settings-help{color:var(--color-text-muted);margin-bottom:12px;font-size:.82rem;line-height:1.4}.dash-detail-row{border-top:1px solid var(--dash-border);grid-template-columns:140px minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.dash-detail-label{color:var(--color-text-muted);font-size:.82rem;font-weight:700}.dash-detail-value{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:.88rem}.dash-bot-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--dash-radius);box-shadow:var(--dash-shadow-card);color:inherit;flex-direction:column;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.dash-bot-card:hover{border-color:var(--dash-border-hover);box-shadow:var(--dash-shadow-card-hover);transform:translateY(-1px)}.dash-bot-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.dash-bot-card-name{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:1rem;font-weight:700}.dash-bot-card-meta{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.4;overflow:hidden}.dash-bot-card-footer{gap:8px;margin-top:auto;padding-top:16px;display:flex}.dash-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.dash-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.dash-btn{border-radius:var(--dash-radius-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.dash-btn svg{width:16px;height:16px}.dash-btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 3px #2563eb33}.dash-btn-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.dash-btn-secondary{background:var(--dash-surface);color:var(--color-text-primary);border:1px solid var(--dash-border)}.dash-btn-secondary:hover{background:var(--dash-bg);border-color:var(--dash-border-hover);color:var(--color-text-primary)}.dash-btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.dash-btn-ghost:hover{background:var(--dash-bg);color:var(--color-text-primary)}.dash-btn-sm{padding:6px 12px;font-size:.82rem}.dash-btn[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.dash-btn:focus-visible,.dash-nav-item:focus-visible,.dash-tab:focus-visible,.dash-drawer-close:focus-visible,.dash-sidebar-signout:focus-visible,.dash-mobile-toggle:focus-visible{outline-offset:2px;outline:3px solid #2563eb33}@media (max-width:1024px){.dash-grid-3,.dash-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:24px 0 70px #0f172a24}.dash-sidebar.mobile-open{transform:translate(0)}.dash-mobile-header{display:flex}.dash-main{margin-left:0}.dash-content{padding:20px var(--dash-content-pad-mobile)}.dash-page-header{flex-direction:column;gap:12px}.dash-grid-2,.dash-grid-3,.dash-grid-4,.dash-filter-bar{grid-template-columns:1fr}.dash-detail-row{grid-template-columns:1fr;gap:4px}.dash-drawer{width:100%}.dash-bot-card-footer{flex-wrap:wrap}}@media (max-width:480px){.dash-page-header-title{font-size:1.35rem}.dash-kpi-value{font-size:1.4rem}}
:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#0f766e;--color-accent:#d97706;--color-bg:#fff;--color-bg-surface:#fff;--color-bg-elevated:#f8fafc;--color-bg-border:#e2e8f0;--color-text-primary:#111827;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 10px 24px #0f172a14;--shadow-lg:0 18px 48px #0f172a1f;--shadow-glow:0 12px 28px #2563eb1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--color-primary-light);text-decoration:none}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}p{color:var(--color-text-secondary);line-height:1.7}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-20) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;border:none;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-bg-border)}.btn-secondary:hover{color:var(--color-text-primary);background:#f1f5f9}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-bg-border);background:0 0}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.card{background:var(--color-bg-surface);border:1px solid var(--color-bg-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--color-primary-light);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#6c63ff26;border:1px solid #6c63ff4d;font-size:.75rem;font-weight:600;display:inline-flex}.input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-bg-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);background:#fff;outline:none;font-size:.95rem;transition:border-color .2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff26}.input::placeholder{color:var(--color-text-muted)}@keyframes runtime-highlight-pulse{0%,to{box-shadow:0 0 #6c63ff00}50%{box-shadow:0 0 0 6px #6c63ff4d}}.runtime-highlighted{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-md);animation:2s infinite runtime-highlight-pulse}.gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.marketing-site{--marketing-bg:#f7f8fa;--marketing-dark:#0e1118;--marketing-soft:#525a6a;--marketing-muted:#8c95a6;--marketing-border:#e2e5ea;--marketing-surface:#fff;--marketing-accent:#d10c41;--marketing-accent-soft:#d10c411a;--marketing-radius:12px;--marketing-shadow:0 18px 48px #0e11181a;background:var(--marketing-bg);min-height:100vh;color:var(--marketing-dark);font-family:Inter, var(--font-sans)}.marketing-site a{color:inherit}.marketing-header{z-index:50;-webkit-backdrop-filter:blur(16px);background:#f7f8fae6;grid-template-columns:minmax(150px,1fr) auto minmax(188px,1fr);align-items:center;gap:32px;width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0;display:grid;position:sticky;top:0}.marketing-logo{justify-self:start;align-items:center;min-width:0;display:inline-flex}.marketing-logo img{width:150px;height:auto;display:block}.marketing-nav,.marketing-actions,.marketing-button-row,.marketing-chip-row{align-items:center;gap:12px;display:flex}.marketing-nav{color:var(--marketing-soft);white-space:nowrap;justify-content:center;gap:32px;min-width:0;font-size:.94rem;font-weight:600}.marketing-actions{white-space:nowrap;justify-content:flex-end;justify-self:end;gap:14px;font-size:.92rem;font-weight:700}.marketing-nav a,.marketing-actions a,.marketing-mobile-nav a,.marketing-mobile-menu-actions a{text-decoration:none}.marketing-mobile-actions,.marketing-mobile-menu{display:none}.marketing-menu-toggle{border:1px solid var(--marketing-border);width:42px;height:42px;color:var(--marketing-dark);cursor:pointer;background:#fff;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex;box-shadow:0 8px 22px #0e11180f}.marketing-menu-toggle span{background:currentColor;border-radius:999px;width:17px;height:2px;transition:transform .18s,opacity .18s}.marketing-header[data-menu-open=true] .marketing-menu-toggle span:first-child{transform:translateY(6px)rotate(45deg)}.marketing-header[data-menu-open=true] .marketing-menu-toggle span:nth-child(2){opacity:0}.marketing-header[data-menu-open=true] .marketing-menu-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.marketing-button{border:1px solid var(--marketing-border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:.92rem;font-weight:800;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.marketing-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0e111814}.marketing-button-primary{background:var(--marketing-dark);border-color:var(--marketing-dark);color:#fff!important}.marketing-button-secondary{background:#fff;color:var(--marketing-dark)!important}.marketing-hero,.marketing-page-hero,.marketing-section,.marketing-footer,.marketing-article{width:min(1120px,100% - 32px);margin:0 auto}.marketing-hero{grid-template-columns:55fr 45fr;align-items:center;gap:64px;padding:128px 0 96px;display:grid}.marketing-hero-code{padding-bottom:44px}.marketing-page-hero{max-width:900px;padding:84px 0 44px}.marketing-eyebrow{color:var(--marketing-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.8125rem;font-weight:800}.marketing-hero h1,.marketing-page-hero h1,.marketing-article h1{font-family:var(--font-sans);letter-spacing:-.035em;max-width:900px;font-size:clamp(2.85rem,5.2vw,4.9rem);font-weight:800;line-height:1.03}.marketing-page-hero h1,.marketing-article h1{font-size:clamp(2.25rem,4.6vw,4rem)}.marketing-hero p,.marketing-page-hero p{max-width:680px;color:var(--marketing-soft);margin:22px 0 0;font-size:1.25rem;line-height:1.6}.marketing-hero .marketing-eyebrow,.marketing-page-hero .marketing-eyebrow{color:var(--marketing-muted);max-width:none;margin:0 0 16px;font-size:.8125rem;line-height:1.2}.marketing-demo{color:var(--marketing-dark);box-shadow:var(--marketing-shadow);background:linear-gradient(#fffffffa,#f7f8faf5);border:1px solid #0e111814;border-radius:24px;padding:0;overflow:hidden}.marketing-demo-chrome{background:#ffffffe0;border-bottom:1px solid #0e111814;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.marketing-demo-chrome span{background:var(--marketing-accent-soft);color:var(--marketing-accent);text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.marketing-demo-chrome strong{font-size:.95rem}.marketing-demo video{aspect-ratio:16/10;background:var(--marketing-dark);width:100%;display:block}.marketing-demo p{color:var(--marketing-soft);margin:16px;font-size:.9375rem}.marketing-stats{border-top:1px solid var(--marketing-border);border-bottom:1px solid var(--marketing-border);grid-template-columns:repeat(4,1fr);gap:24px;width:min(1120px,100% - 32px);margin:0 auto 64px;padding:40px 0;display:grid}.marketing-stats div,.marketing-card{background:var(--marketing-surface);border:1px solid var(--marketing-border);border-radius:var(--marketing-radius);box-shadow:0 1px 2px #0e11180d}.marketing-stats div{text-align:center;box-shadow:none;background:0 0;border:0;padding:0 18px;font-weight:800}.marketing-stats-flush{margin-bottom:0}.marketing-section{padding:64px 0}.marketing-section h2,.marketing-section h3,.marketing-article h2{font-family:var(--font-sans);color:var(--marketing-dark)}.marketing-section h2{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(1.8rem,3vw,3rem)}.marketing-section h3{margin-bottom:10px;font-size:1.24rem}.marketing-section p,.marketing-card p,.marketing-article p,.marketing-card li{color:var(--marketing-soft)}.marketing-card{padding:32px;transition:border-color .18s,box-shadow .18s,transform .18s}.marketing-card:hover,.marketing-use-case-card:hover,.marketing-blog-card:hover{border-color:var(--marketing-border);transform:translateY(-2px);box-shadow:0 10px 24px #0e111814}.marketing-compare,.marketing-pricing-grid,.marketing-step-grid,.marketing-blog-grid,.marketing-split,.marketing-layer-list{gap:18px;display:grid}.marketing-compare,.marketing-split{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-pricing-grid,.marketing-step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-layer-list{grid-template-columns:1fr}.marketing-section-intro{max-width:720px;margin:-8px 0 32px;font-size:1.04rem}.marketing-card-note{border-left:3px solid var(--marketing-accent);background:var(--marketing-accent-soft);border-radius:0 6px 6px 0;margin-top:20px;padding:16px;font-weight:700;color:var(--marketing-dark)!important}.marketing-card ul{margin:16px 0 0;padding-left:18px}.marketing-positive li::marker{color:#059669}.marketing-negative li::marker{color:#dc2626}.marketing-section-note,.marketing-inline-link{margin-top:20px;font-weight:800;display:inline-flex}.marketing-price-card h2{margin-bottom:12px;font-size:2.8rem}.marketing-price-card h2 span{color:var(--marketing-muted);font-size:1rem}.marketing-price-card small{color:var(--marketing-muted);margin-top:12px;display:block}.marketing-faq{gap:0;max-width:800px;margin:0 auto;display:grid}.marketing-faq details{border:0;border-bottom:1px solid var(--marketing-border);background:0 0;border-radius:0;padding:0}.marketing-faq details:first-child{border-top:1px solid var(--marketing-border)}.marketing-faq summary{cursor:pointer;padding:24px 0;font-weight:800}.marketing-faq p{margin:0;padding:0 0 24px;font-size:.9375rem;line-height:1.65}.marketing-cta{background:var(--marketing-dark);color:#fff;border-radius:0;width:100%;margin-top:30px;margin-bottom:0;padding:96px max(16px,50% - 560px)}.marketing-cta h2,.marketing-cta p{color:#fff;max-width:680px}.marketing-cta-light{width:min(1120px,100% - 32px);color:var(--marketing-dark);border:1px solid var(--marketing-border);box-shadow:var(--marketing-shadow);background:#fff;border-radius:16px;padding:56px}.marketing-cta-light h2,.marketing-cta-light p{color:var(--marketing-dark)}.marketing-form{gap:14px;margin-top:20px;display:grid}.marketing-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.marketing-form label{color:var(--marketing-dark);gap:6px;font-size:.88rem;font-weight:800;display:grid}.marketing-form input,.marketing-form select,.marketing-form textarea{border:1px solid var(--marketing-border);width:100%;font:inherit;color:var(--marketing-dark);background:#fff;border-radius:8px;padding:11px 12px}.marketing-consent{align-items:center;color:var(--marketing-soft)!important;grid-template-columns:auto 1fr!important;font-weight:600!important}.marketing-consent input{width:auto}.marketing-form-status{min-height:22px;font-size:.86rem}.marketing-form-status.is-sent{color:#047857}.marketing-form-status.is-error{color:#dc2626}.marketing-timeline{gap:12px;margin-top:22px;display:grid}.marketing-timeline span,.marketing-chip-row span,.marketing-chip-row a{border:1px solid var(--marketing-border);color:var(--marketing-dark);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;text-decoration:none}.marketing-timeline span{white-space:normal;border-radius:10px;gap:4px;display:grid}.marketing-timeline strong{color:var(--marketing-dark)}.marketing-chip-row{flex-wrap:wrap}.marketing-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.marketing-blog-card.is-featured{border-top:3px solid var(--marketing-dark);background:#fff;grid-column:1/-1;grid-template-columns:1.5fr 1fr;display:grid}.marketing-blog-card.is-featured h2,.marketing-blog-card.is-featured p,.marketing-blog-card.is-featured small{color:var(--marketing-dark)}.marketing-blog-card small{color:var(--marketing-muted);margin-top:18px;display:block}.marketing-pagination{justify-content:center;align-items:center;gap:12px;margin-top:64px;font-weight:900;display:flex}.marketing-pagination a,.marketing-pagination span{border:1px solid var(--marketing-border);min-width:42px;min-height:42px;color:var(--marketing-soft);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.marketing-pagination span{border-color:var(--marketing-accent);background:var(--marketing-accent-soft);color:var(--marketing-accent)}.marketing-article{max-width:820px;padding:82px 0 30px}.marketing-article-intro{margin:22px 0 34px;font-size:1.15rem}.marketing-article section{margin:34px 0}.marketing-article h2{margin-bottom:12px;font-size:1.7rem}.marketing-article p+p{margin-top:12px}.marketing-warning{background:var(--marketing-accent-soft);border-radius:8px;margin-top:18px;padding:12px;color:var(--marketing-dark)!important}.marketing-code-exhibit{background:var(--marketing-dark);color:#9aa3b0;box-shadow:var(--marketing-shadow);border-radius:12px;padding:28px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.875rem;line-height:1.7;overflow:hidden}.marketing-code-chrome{gap:6px;margin-bottom:20px;display:flex}.marketing-code-chrome span{background:#ef4444;border-radius:999px;width:10px;height:10px;display:block}.marketing-code-chrome span:nth-child(2){background:#f59e0b}.marketing-code-chrome span:nth-child(3){background:#10b981}.marketing-code-exhibit pre{white-space:pre-wrap;margin:0}.marketing-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;display:grid}.marketing-mockup-card{border:1px solid var(--marketing-border);background:#fff;border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0e11180d}.marketing-mockup-frame{border-bottom:1px solid var(--marketing-border);background:#f1f3f6;padding:18px}.marketing-mockup-surface{border:1px solid var(--marketing-border);background:#fff;border-radius:6px;padding:18px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.82rem}.marketing-mockup-surface>div:first-child{border-bottom:1px dashed var(--marketing-border);justify-content:space-between;margin-bottom:14px;padding-bottom:10px;display:flex}.marketing-mockup-metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.marketing-mockup-metrics span{color:var(--marketing-accent);font-weight:800}.marketing-mockup-card>div:last-child{padding:24px}.marketing-quote{border-left:4px solid var(--marketing-accent);width:min(920px,100% - 32px);color:var(--marketing-dark);background:#fff;margin:48px auto;padding:36px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800;line-height:1.2}.marketing-quote span{color:var(--marketing-muted);margin-top:12px;font-size:.9rem;display:block}.marketing-callout{border-left:4px solid var(--marketing-accent);background:#f1f3f6;border-radius:0 10px 10px 0;margin-top:24px;padding:20px 24px}.marketing-callout h4{margin-bottom:8px}.marketing-feature-rows{width:100%}.marketing-feature-row{border-top:1px solid var(--marketing-border);padding:64px 0}.marketing-feature-row:first-child{border-top:0}.marketing-feature-row.is-inset{background:#f1f3f6}.marketing-feature-row-inner{grid-template-columns:55fr 45fr;align-items:center;gap:64px;width:min(1120px,100% - 32px);margin:0 auto;display:grid}.marketing-feature-row-inner.is-flipped .marketing-feature-content{order:2}.marketing-feature-row-inner.is-flipped .marketing-feature-visual{order:1}.marketing-feature-label{color:var(--marketing-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:.75rem;font-weight:800;display:inline-block}.marketing-feature-content h3{color:var(--marketing-dark);letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08}.marketing-feature-content p,.marketing-feature-content li{color:var(--marketing-soft);line-height:1.65}.marketing-feature-content ul{margin:22px 0 0;padding-left:20px}.marketing-feature-content li+li{margin-top:8px}.marketing-feature-content li::marker{color:var(--marketing-accent)}.marketing-feature-visual{border:1px solid var(--marketing-border);background:#f1f3f6;border-radius:16px;justify-content:center;align-items:center;min-height:280px;padding:40px;display:flex}.marketing-system-visual{gap:18px;width:100%;display:grid}.marketing-system-visual svg{width:100%;height:auto;display:block}.marketing-system-visual-caption{color:var(--marketing-muted);font-size:.875rem;line-height:1.5}.system-visual__path,.system-visual__arrow{fill:none;stroke:#d10c41;stroke-linecap:round;stroke-width:4px}.system-visual__path{stroke-dasharray:10 12;animation:6s linear infinite system-path-shift}.system-visual__arrow{animation:4.2s ease-in-out infinite system-arrow-drift}.system-visual__pulse{transform-origin:50%;animation:2.6s ease-in-out infinite system-pulse}.system-visual__ring{transform-origin:50%;animation:2.8s ease-out infinite system-ring}.system-visual__dot{fill:#d10c41}.system-visual__dot--one{animation:2.2s ease-in-out infinite system-dot}.system-visual__dot--two{animation:2.2s ease-in-out .35s infinite system-dot}.system-visual__dot--three{animation:2.2s ease-in-out .7s infinite system-dot}@keyframes system-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.12)}}@keyframes system-ring{0%{opacity:.8;transform:scale(.82)}to{opacity:0;transform:scale(1.18)}}@keyframes system-dot{0%,to{opacity:.45;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}@keyframes system-path-shift{to{stroke-dashoffset:-44px}}@keyframes system-arrow-drift{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.marketing-use-cases-hero{padding-bottom:76px}.marketing-use-hero-visual{border:1px solid var(--marketing-border);color:var(--marketing-soft);background:#f1f3f6;border-radius:16px;gap:12px;padding:32px;font-size:.9375rem;display:grid}.marketing-use-hero-visual .marketing-eyebrow{margin-bottom:8px}.marketing-use-hero-visual div{border:1px solid var(--marketing-border);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.marketing-use-hero-visual span{background:#059669;border-radius:999px;flex:0 0 8px;width:8px;height:8px}.marketing-use-hero-visual strong{color:var(--marketing-dark);font-size:.9rem}.marketing-use-case-section{background:#f1f3f6;width:100%;max-width:none;padding-left:max(16px,50% - 560px);padding-right:max(16px,50% - 560px)}.marketing-use-case-section>*{max-width:1120px}.marketing-highlight-statement{border:1px solid var(--marketing-border);background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 2px #0e11180d}.marketing-highlight-statement p{max-width:940px;color:var(--marketing-dark);letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,3vw,2.5rem);font-weight:800;line-height:1.18}.marketing-sector-strip,.marketing-use-case-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.marketing-sector-strip{padding-top:0}.marketing-sector-strip div{border:1px solid var(--marketing-border);background:#fff;border-radius:10px;padding:18px;font-weight:800}.marketing-use-case-grid{grid-template-columns:repeat(2,1fr)}.marketing-use-case-card{flex-direction:column;display:flex}.marketing-use-case-card div{border-left:3px solid var(--marketing-accent);background:var(--marketing-accent-soft);border-radius:0 6px 6px 0;margin-top:auto;padding:16px;font-size:.9rem;font-weight:800}.marketing-use-case-card a{margin-top:18px;font-weight:800}.marketing-blog-note{border:1px solid var(--marketing-border);background:#fff;border-radius:16px;width:min(1120px,100% - 32px);margin:0 auto 24px;padding:24px;display:block;box-shadow:0 1px 2px #0e11180d}.marketing-blog-note strong{margin-bottom:8px;display:block}.marketing-footer{border-top:1px solid var(--marketing-border);grid-template-columns:1.4fr repeat(3,.7fr);gap:28px;padding:40px 0 28px;display:grid}.marketing-footer img{width:132px;margin-bottom:12px}.marketing-footer h2{margin-bottom:12px;font-size:1rem}.marketing-footer a{color:var(--marketing-soft);margin:7px 0;display:block}.marketing-copyright{color:var(--marketing-muted);grid-column:1/-1;font-size:.86rem}@media (max-width:860px){.marketing-header{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0}.marketing-nav-desktop,.marketing-actions-desktop{display:none}.marketing-logo img{width:136px}.marketing-mobile-actions{justify-self:end;align-items:center;gap:8px;display:inline-flex}.marketing-mobile-primary-cta{min-height:38px;padding:0 14px;font-size:.84rem}.marketing-mobile-menu{border:1px solid var(--marketing-border);background:#fffffffa;border-radius:18px;grid-column:1/-1;gap:14px;padding:14px;display:grid;box-shadow:0 20px 46px #0e11181f}.marketing-mobile-menu[hidden]{display:none}.marketing-mobile-nav,.marketing-mobile-menu-actions{gap:8px;display:grid}.marketing-mobile-nav a{color:var(--marketing-soft);border-radius:10px;padding:11px 12px;font-weight:800;display:block}.marketing-mobile-nav a:hover{background:var(--marketing-accent-soft);color:var(--marketing-dark)}.marketing-mobile-menu-actions{border-top:1px solid var(--marketing-border);grid-template-columns:1fr 1fr;padding-top:10px}.marketing-hero,.marketing-compare,.marketing-split,.marketing-feature-row-inner,.marketing-pricing-grid,.marketing-step-grid,.marketing-blog-grid,.marketing-footer,.marketing-mockup-grid,.marketing-use-case-grid,.marketing-sector-strip{grid-template-columns:1fr}.marketing-feature-row-inner{gap:36px}.marketing-feature-row-inner.is-flipped .marketing-feature-content,.marketing-feature-row-inner.is-flipped .marketing-feature-visual{order:unset}.marketing-feature-visual{padding:24px}.marketing-blog-card.is-featured{grid-column:auto;grid-template-columns:1fr}.marketing-stats{grid-template-columns:repeat(2,1fr)}.marketing-form-grid{grid-template-columns:1fr}}@media (max-width:520px){.marketing-hero,.marketing-page-hero,.marketing-section,.marketing-footer,.marketing-article,.marketing-stats,.marketing-header{width:min(100% - 20px,1120px)}.marketing-hero h1,.marketing-page-hero h1,.marketing-article h1{font-size:2.45rem}.marketing-stats{grid-template-columns:1fr}.marketing-cta{padding:28px}}@media (max-width:1040px) and (min-width:861px){.marketing-header{grid-template-columns:minmax(134px,.9fr) auto minmax(164px,.9fr);gap:20px}.marketing-logo img{width:138px}.marketing-nav{gap:18px;font-size:.88rem}.marketing-actions{gap:10px;font-size:.86rem}.marketing-actions .marketing-button{min-height:38px;padding:0 14px}}@media (max-width:390px){.marketing-logo img{width:122px}.marketing-mobile-actions{gap:6px}.marketing-mobile-primary-cta{min-height:36px;padding:0 11px;font-size:.78rem}.marketing-menu-toggle{width:38px;height:38px}.marketing-mobile-menu-actions{grid-template-columns:1fr}}