body{font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0a0a0f;color:#e2e8f0;line-height:1.5}#root{min-height:100vh}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:root{--bg-mint: #ecfdf5;--bg-lavender: #f5f3ff;--bg-cream: #fffbeb;--bg-pink: #fdf2f8;--bg-white: #ffffff;--bg-subtle: #f9fafb;--dark: #111827;--dark-hover: #1f2937;--accent-green: #10b981;--accent-emerald: #059669;--accent-purple: #8b5cf6;--accent-violet: #7c3aed;--accent-yellow: #f59e0b;--accent-pink: #ec4899;--accent-blue: #2563eb;--gradient-auth-left: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 30%, #a7f3d0 70%, #6ee7b7 100%);--gradient-auth-accent: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.9) 100%);--border-subtle: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--border-color: var(--border-default);--border-width: 1px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .05), 0 10px 24px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .15);--focus-border: #2563eb;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--spacing-card: 24px;--spacing-section: 32px;--tabs-bg: rgba(255, 255, 255, .6);--tabs-border: rgba(17, 24, 39, .12);--tabs-active-bg: #ffffff;--tabs-active-border: rgba(17, 24, 39, .18);--tabs-text: #475569;--tabs-text-active: #0f172a;--tabs-hover-bg: rgba(255, 255, 255, .85);--tabs-pill-shadow: 0 10px 22px rgba(15, 23, 42, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-mint);color:var(--dark);line-height:1.5;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--dark);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-sm)}.btn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.btn:active{box-shadow:var(--shadow-sm)}.btn-primary{background:var(--dark);border-color:var(--dark);color:#fff}.btn-primary:hover{background:var(--dark-hover);border-color:var(--dark-hover);box-shadow:var(--shadow-md)}.card{background:var(--bg-white);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-card);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.settings-tabs-list,.settings-subtabs-list{display:inline-flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:var(--tabs-bg);border:1px solid var(--tabs-border);box-shadow:var(--tabs-pill-shadow)}.settings-subtabs-list{padding:6px;gap:6px;margin-bottom:16px;box-shadow:none}.settings-tabs-trigger,.settings-subtabs-trigger{border:1px solid transparent;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;color:var(--tabs-text);background:transparent;transition:all .15s ease}.settings-subtabs-trigger{padding:8px 14px;font-size:13px}.settings-tabs-trigger:hover,.settings-subtabs-trigger:hover{background:var(--tabs-hover-bg);color:var(--tabs-text-active)}.settings-tabs-trigger[data-state=active],.settings-subtabs-trigger[data-state=active]{background:var(--tabs-active-bg);border-color:var(--tabs-active-border);color:var(--tabs-text-active);box-shadow:var(--shadow-sm)}.settings-tabs-content{margin-top:18px}@media(max-width:720px){.settings-tabs-list,.settings-subtabs-list{flex-wrap:wrap;justify-content:flex-start}.settings-tabs-trigger,.settings-subtabs-trigger{width:100%;justify-content:center}}.card:hover{box-shadow:var(--shadow-md)}.card-mint{background:var(--bg-mint)}.card-lavender{background:var(--bg-lavender)}.card-cream{background:var(--bg-cream)}.card-pink{background:var(--bg-pink)}.input{width:100%;padding:12px 16px;font-size:16px;border:var(--border-width) solid #d1d5db;border-radius:var(--radius-sm);background:var(--bg-white);color:var(--dark);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.input::placeholder{color:#6b7280}.select{width:100%;padding:12px 48px 12px 16px;font-size:16px;border:var(--border-width) solid #d1d5db;border-radius:var(--radius-sm);background:var(--bg-white);color:var(--dark);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.select:focus{outline:none;border-color:var(--focus-border);box-shadow:var(--focus-ring)}.badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-white)}.code-block{background:var(--dark);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#1f2937;border-bottom:var(--border-width) solid var(--border-strong)}.code-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border-default)}.code-dot-red{background:#ff5f56}.code-dot-yellow{background:#ffbd2e}.code-dot-green{background:#27c93f}.code-content{padding:20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;color:#e5e7eb;overflow-x:auto}.nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;font-weight:500;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dark);text-decoration:none;transition:background .15s ease;margin-bottom:4px;box-sizing:border-box}.nav-link:hover{background:var(--bg-subtle)}.nav-link.active{background:var(--bg-subtle);font-weight:600}.layout{display:flex;min-height:100vh;background:var(--bg-mint)}.sidebar{width:260px;background:var(--bg-white);border-right:var(--border-width) solid var(--border-default);padding:32px 24px;position:fixed;height:100vh;overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-footer{flex-shrink:0;border-radius:0;border-top:var(--border-width) solid var(--border-subtle)}.main{flex:1;margin-left:260px;padding:var(--spacing-section);min-height:100vh}.heading-1{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px}.heading-2{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:20px}.heading-3{font-size:20px;font-weight:700;line-height:1.3;margin-bottom:16px}.text-large{font-size:16px;line-height:1.6;color:#4b5563}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-section)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-section)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main{margin-left:0}.grid-3,.grid-2{grid-template-columns:1fr}.heading-1{font-size:32px}.kilo-two-col{grid-template-columns:1fr!important}}@keyframes kilo-blink{0%,to{opacity:1}50%{opacity:0}}.kilo-cursor{display:inline-block;animation:kilo-blink .8s ease-in-out infinite;color:#e8d000;margin-left:1px;font-weight:400}