@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";.sb-container{position:fixed;left:0;top:0;height:100vh;width:16rem;background:linear-gradient(180deg,#0f172a,#0b1220);border-right:1px solid #1e293b;color:#94a3b8;display:flex;flex-direction:column;box-shadow:4px 0 24px #0003;z-index:100}.sb-logo{height:4.5rem;display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;border-bottom:1px solid #1f2937;position:relative}.sb-logo:after{content:"";position:absolute;bottom:0;left:1.25rem;right:1.25rem;height:1px;background:linear-gradient(90deg,#22d3ee,#3b82f6 40%,#f59e0b);opacity:.4}.sb-logo-icon{flex-shrink:0;transition:transform .2s ease}.sb-logo:hover .sb-logo-icon{transform:scale(1.05)}.sb-logo-text-container{display:flex;flex-direction:column;gap:0;line-height:1.1}.sb-logo-text{font-weight:800;font-size:1.25rem;letter-spacing:.05em;background:linear-gradient(135deg,#22d3ee,#3b82f6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sb-logo-subtext{font-size:.65rem;font-weight:500;color:#64748b;letter-spacing:.1em;text-transform:lowercase}.sb-nav{margin-top:1rem;display:flex;flex-direction:column;gap:.375rem;flex:1;overflow-y:auto;padding:0 .5rem}.sb-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;margin:0;border-radius:.75rem;border:none;background:none;color:#94a3b8;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left;width:100%}.sb-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#22d3ee,#f59e0b);transform:scaleY(0);transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.sb-item:hover{background:#1e293b99;color:#e2e8f0;transform:translate(2px)}.sb-item:hover .sb-icon{transform:scale(1.1)}.sb-item-active{background:linear-gradient(135deg,#22d3ee14,#f59e0b14);color:#e2e8f0;font-weight:600;border:1px solid rgba(34,211,238,.15);box-shadow:0 4px 12px #22d3ee1a,inset 0 1px #ffffff08}.sb-item-active:before{transform:scaleY(1)}.sb-item-active:hover{background:linear-gradient(135deg,#22d3ee1f,#f59e0b1f);border-color:#22d3ee40;transform:translate(3px)}.sb-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit;transition:transform .2s ease,color .2s ease;flex-shrink:0}.sb-item-active .sb-icon{color:#22d3ee;filter:drop-shadow(0 2px 4px rgba(34,211,238,.3))}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.sb-nav::-webkit-scrollbar-thumb:hover{background:#475569}.shell{display:flex;min-height:100vh;background:#0f172a;color:#94a3b8;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.shell-main{margin-left:16rem;padding:2rem;width:calc(100% - 16rem);min-height:100vh;background:#0f172a}:root{--kai-cool-primary: #22d3ee;--kai-cool-secondary: #3b82f6;--kai-warm-primary: #f59e0b;--kai-warm-secondary: #ef4444;--kai-gradient: linear-gradient(135deg, #22d3ee 0%, #3b82f6 40%, #f59e0b 100%);--kai-gradient-subtle: linear-gradient(135deg, rgba(34, 211, 238, .15) 0%, rgba(245, 158, 11, .15) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.06),transparent 35%),radial-gradient(circle at 80% 10%,rgba(245,158,11,.05),transparent 40%),#0f172a;background-attachment:fixed;min-height:100vh;color:#e2e8f0}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#94a3b814;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22d3ee,#3b82f6 50%,#f59e0b);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0ea5e9,#2563eb 50%,#d97706)}*{transition:box-shadow .2s ease,transform .2s ease,background .2s ease}a{color:#f59e0b;text-decoration:none;transition:color .2s ease}a:hover{color:#d97706}code{font-family:Courier New,monospace;background:#1e293bcc;color:#22d3ee;padding:.2em .4em;border-radius:4px;font-size:.9em}.kai-gradient-text{background:var(--kai-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kai-gradient-border{border:1px solid transparent;background:linear-gradient(#0f172a,#0f172a) padding-box,var(--kai-gradient) border-box}.kai-gradient-bg{background:var(--kai-gradient-subtle)}:focus-visible{outline:2px solid var(--kai-cool-primary);outline-offset:2px}::selection{background:#22d3ee4d;color:#fff}