@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,var(--kai-surface) 0%,var(--kai-surface-alt) 100%);border-right:1px solid var(--kai-border);color:var(--kai-text-soft);display:flex;flex-direction:column;box-shadow:4px 0 24px #0f172a14;z-index:100}.sb-logo{height:4.5rem;display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;border-bottom:1px solid var(--kai-border);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:var(--kai-text-soft);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:var(--kai-text-muted);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:var(--kai-surface-alt);color:var(--kai-text);transform:translate(2px)}.sb-item:hover .sb-icon{transform:scale(1.1)}.sb-item-active{background:linear-gradient(135deg,#22d3ee14,#f59e0b14);color:var(--kai-text);font-weight:600;border:1px solid rgba(34,211,238,.18);box-shadow:0 4px 12px #22d3ee14,inset 0 1px #fff9}.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:var(--kai-border-strong);border-radius:2px}.sb-nav::-webkit-scrollbar-thumb:hover{background:var(--kai-text-soft)}.shell{display:flex;min-height:100vh;background:var(--kai-bg);color:var(--kai-text-muted);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:var(--kai-bg)}: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, .12) 0%, rgba(245, 158, 11, .12) 100%);--kai-bg: #f7f8fb;--kai-surface: #ffffff;--kai-surface-alt: #f1f5f9;--kai-surface-muted: #e7edf4;--kai-border: #d7dee7;--kai-border-strong: #cbd5e1;--kai-text: #0f172a;--kai-text-muted: #475569;--kai-text-soft: #64748b}*,*: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,.08),transparent 35%),radial-gradient(circle at 80% 10%,rgba(245,158,11,.06),transparent 40%),var(--kai-bg);background-attachment:fixed;min-height:100vh;color:var(--kai-text)}#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:var(--kai-surface-alt);color:#0ea5e9;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(var(--kai-surface),var(--kai-surface)) 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:#22d3ee40;color:#0f172a}