*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#1e3a5f;--color-primary-light:#2d4a6f;--color-primary-dark:#0f2847;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-success:#16a34a;--color-danger:#ef4444;--color-warning:#f59e0b;--bg-sidebar:#ffffff;--bg-viewport:#f8fafc;--bg-card:#ffffff;--bg-section-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#ffffff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.65;color:var(--text-primary);background-color:var(--bg-viewport)}h1,h2,h3,h4,h5,h6{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:700;line-height:1.25;color:var(--text-primary);margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin:0;color:var(--text-secondary)}small{font-size:.875rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;border-radius:var(--radius-md);border:1px solid #fff0;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-outline{background:#fff0;color:var(--text-primary);border-color:var(--border-medium)}.btn-outline:hover:not(:disabled){background:var(--bg-section-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:var(--text-white);border-color:var(--color-accent)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em}.badge-live{background:var(--color-danger);color:var(--text-white)}.badge-success{background:var(--color-success);color:var(--text-white)}.badge-primary{background:var(--color-primary);color:var(--text-white)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md)}input,textarea,select{font-family:inherit;font-size:.9375rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:.625rem 1rem;outline:none;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fff0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.kb-demo-banner{position:fixed;top:0;left:0;width:100%;height:35px;background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6f 50%,#1e3a5f 100%);z-index:9999;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .15);border-bottom:2px solid #3b82f6}.kb-demo-banner-content{display:flex;align-items:center;height:100%;animation:kb-scroll-banner 30s linear infinite;white-space:nowrap}.kb-demo-text{display:inline-block;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:0 3rem;line-height:35px}@keyframes kb-scroll-banner{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}body{padding-top:35px}#kb-header.kb-header{top:35px}@media (max-width:768px){.kb-demo-banner{height:30px}.kb-demo-text{font-size:.75rem;letter-spacing:1px;padding:0 2rem;line-height:30px}body{padding-top:30px}#kb-header.kb-header{top:30px}}