@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@300;400;500;600&display=swap";:root{--kp-bg: #050507;--kp-bg-elevated: #0a0a0f;--kp-bg-surface: #111118;--kp-bg-surface-hover: #16161f;--kp-bg-card: #0d0d14;--kp-glass-bg: rgba(255, 255, 255, .04);--kp-glass-bg-hover: rgba(255, 255, 255, .07);--kp-glass-border: rgba(255, 255, 255, .08);--kp-glass-border-hover: rgba(255, 255, 255, .14);--kp-blue: #3b82f6;--kp-blue-hover: #2563eb;--kp-blue-light: #60a5fa;--kp-blue-muted: rgba(59, 130, 246, .12);--kp-blue-glow: rgba(59, 130, 246, .25);--kp-gold: #fbbf24;--kp-gold-hover: #f59e0b;--kp-gold-muted: rgba(251, 191, 36, .12);--kp-gold-glow: rgba(251, 191, 36, .2);--kp-success: #34d399;--kp-success-muted: rgba(52, 211, 153, .12);--kp-danger: #f87171;--kp-danger-muted: rgba(248, 113, 113, .12);--kp-warning: #fb923c;--kp-warning-muted: rgba(251, 146, 60, .12);--kp-purple: #a78bfa;--kp-purple-muted: rgba(167, 139, 250, .12);--kp-text-primary: #f0f0f5;--kp-text-secondary: #a0a3b1;--kp-text-muted: #5a5d6e;--kp-text-disabled: #3a3d4e;--kp-text-inverse: #050507;--kp-border: rgba(255, 255, 255, .08);--kp-border-hover: rgba(255, 255, 255, .14);--kp-border-active: rgba(59, 130, 246, .4);--kp-font-display: "Playfair Display", Georgia, serif;--kp-font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--kp-font-mono: "JetBrains Mono", "SF Mono", Monaco, Consolas, monospace;--kp-text-xs: 11px;--kp-text-sm: 13px;--kp-text-base: 14px;--kp-text-md: 15px;--kp-text-lg: 17px;--kp-text-xl: 20px;--kp-text-2xl: 24px;--kp-text-3xl: 32px;--kp-text-4xl: 42px;--kp-leading-tight: 1.25;--kp-leading-snug: 1.4;--kp-leading-normal: 1.55;--kp-leading-loose: 1.75;--kp-space-1: 4px;--kp-space-2: 8px;--kp-space-3: 12px;--kp-space-4: 16px;--kp-space-5: 20px;--kp-space-6: 24px;--kp-space-8: 32px;--kp-space-10: 40px;--kp-space-12: 48px;--kp-space-16: 64px;--kp-radius-sm: 4px;--kp-radius: 8px;--kp-radius-md: 10px;--kp-radius-lg: 14px;--kp-radius-xl: 20px;--kp-radius-full: 9999px;--kp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--kp-shadow: 0 2px 8px rgba(0, 0, 0, .45);--kp-shadow-md: 0 4px 14px rgba(0, 0, 0, .5);--kp-shadow-lg: 0 10px 36px rgba(0, 0, 0, .6);--kp-shadow-glow-blue: 0 0 22px var(--kp-blue-glow);--kp-shadow-glow-gold: 0 0 22px var(--kp-gold-glow);--kp-shadow-glow-purple: 0 0 22px rgba(167, 139, 250, .2);--kp-ease: cubic-bezier(.32, .72, 0, 1);--kp-ease-out: cubic-bezier(.16, 1, .3, 1);--kp-dur-fast: .12s;--kp-dur: .2s;--kp-dur-slow: .32s;--kp-sidebar-w: 240px;--kp-sidebar-w-collapsed: 64px;--kp-topbar-h: 56px;--kp-z-base: 0;--kp-z-dropdown: 20;--kp-z-sticky: 30;--kp-z-overlay: 40;--kp-z-modal: 50;--kp-z-toast: 60;--bg: var(--kp-bg);--bg1: var(--kp-bg-elevated);--bg2: var(--kp-bg-surface);--bg3: var(--kp-bg-card);--cyan: var(--kp-blue);--teal: var(--kp-blue);--green: var(--kp-success);--em: var(--kp-success);--em-l: var(--kp-success);--gold: var(--kp-gold);--gold-l: var(--kp-gold);--gold-b: #f2d97a;--violet: var(--kp-purple);--blue: var(--kp-blue-light);--bl: var(--kp-blue);--ro: var(--kp-danger);--t1: var(--kp-text-primary);--t2: var(--kp-text-secondary);--t3: var(--kp-text-muted);--t4: var(--kp-text-disabled);--border: var(--kp-border);--mono: var(--kp-font-mono);--fm: var(--kp-font-body);--fd: var(--kp-font-display)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--kp-bg);color:var(--kp-text-primary)}body{font-family:var(--kp-font-body);font-size:var(--kp-text-base);line-height:var(--kp-leading-normal);background:var(--kp-bg);color:var(--kp-text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:99999;mix-blend-mode:overlay;opacity:.5}h1,h2,h3,h4,h5,h6{font-family:var(--kp-font-display);font-weight:500;line-height:var(--kp-leading-tight);letter-spacing:-.01em;color:var(--kp-text-primary)}h1{font-size:var(--kp-text-4xl)}h2{font-size:var(--kp-text-3xl)}h3{font-size:var(--kp-text-2xl)}h4{font-size:var(--kp-text-xl)}h5{font-size:var(--kp-text-lg)}h6{font-size:var(--kp-text-md)}p{line-height:var(--kp-leading-normal)}a{color:var(--kp-blue-light);text-decoration:none;transition:color var(--kp-dur-fast) var(--kp-ease)}a:hover{color:var(--kp-blue)}code,kbd,samp,pre{font-family:var(--kp-font-mono);font-size:.92em}.kp-num,.kp-mono{font-family:var(--kp-font-mono);font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;color:inherit;background:var(--kp-bg-surface);border:1px solid var(--kp-border);border-radius:var(--kp-radius);padding:10px 12px;font-size:var(--kp-text-sm);transition:border-color var(--kp-dur-fast) var(--kp-ease),box-shadow var(--kp-dur-fast) var(--kp-ease),background-color var(--kp-dur-fast) var(--kp-ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--kp-blue);box-shadow:0 0 0 3px var(--kp-blue-muted);background:var(--kp-bg-surface-hover)}input::placeholder,textarea::placeholder{color:var(--kp-text-muted)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:var(--kp-radius);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff1f;background-clip:content-box}.kp-card{background:var(--kp-bg-card);border:1px solid var(--kp-border);border-radius:var(--kp-radius-lg);padding:var(--kp-space-5);transition:border-color var(--kp-dur) var(--kp-ease),transform var(--kp-dur) var(--kp-ease)}.kp-card:hover{border-color:var(--kp-border-hover)}.kp-glass{background:var(--kp-glass-bg);border:1px solid var(--kp-glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kp-space-2);padding:10px 16px;font-size:var(--kp-text-sm);font-weight:500;border-radius:var(--kp-radius);border:1px solid transparent;transition:all var(--kp-dur) var(--kp-ease);letter-spacing:.01em}.kp-btn-primary{background:var(--kp-blue);color:var(--kp-text-inverse)}.kp-btn-primary:hover{background:var(--kp-blue-hover);box-shadow:var(--kp-shadow-glow-blue)}.kp-btn-secondary{background:var(--kp-glass-bg);border-color:var(--kp-glass-border);color:var(--kp-text-primary)}.kp-btn-secondary:hover{background:var(--kp-glass-bg-hover);border-color:var(--kp-glass-border-hover)}.kp-btn-ghost{background:transparent;color:var(--kp-text-secondary)}.kp-btn-ghost:hover{background:var(--kp-glass-bg);color:var(--kp-text-primary)}.kp-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-size:var(--kp-text-xs);font-weight:500;letter-spacing:.04em;border-radius:var(--kp-radius-full);background:var(--kp-glass-bg);border:1px solid var(--kp-glass-border);color:var(--kp-text-secondary)}.kp-badge-blue{background:var(--kp-blue-muted);color:var(--kp-blue-light);border-color:#3b82f640}.kp-badge-gold{background:var(--kp-gold-muted);color:var(--kp-gold);border-color:#fbbf2440}.kp-badge-success{background:var(--kp-success-muted);color:var(--kp-success);border-color:#34d39940}.kp-badge-danger{background:var(--kp-danger-muted);color:var(--kp-danger);border-color:#f8717140}.kp-badge-purple{background:var(--kp-purple-muted);color:var(--kp-purple);border-color:#a78bfa40}@keyframes kpFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes kpPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px var(--kp-blue-glow))}50%{opacity:.7;filter:drop-shadow(0 0 12px var(--kp-blue-glow))}}@keyframes kpSpin{to{transform:rotate(360deg)}}.kp-fade-in{animation:kpFadeIn var(--kp-dur) var(--kp-ease) both}.kp-pulse{animation:kpPulse 4s ease-in-out infinite}.kp-spin{animation:kpSpin .8s linear infinite}.cc-shell,.cc-app{background:var(--kp-bg);color:var(--kp-text-primary);min-height:100vh}.kp-app{display:grid;grid-template-columns:var(--kp-sidebar-w) 1fr;min-height:100vh}.kp-sidebar{position:sticky;top:0;height:100vh;background:var(--kp-bg-elevated);border-right:1px solid var(--kp-border);display:flex;flex-direction:column;overflow-y:auto;z-index:var(--kp-z-sticky)}.kp-sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px var(--kp-space-4) 16px;border-bottom:1px solid var(--kp-border)}.kp-sidebar-brand-logo{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 14px var(--kp-gold-glow))}.kp-sidebar-brand-tag{font-family:var(--kp-font-mono);font-size:9px;letter-spacing:.22em;color:var(--kp-text-muted);text-transform:uppercase}.kp-sidebar-section{padding:var(--kp-space-5) var(--kp-space-4) var(--kp-space-2)}.kp-sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--kp-text-muted);padding:0 var(--kp-space-3);margin-bottom:var(--kp-space-2)}.kp-nav-item{display:flex;align-items:center;gap:var(--kp-space-3);padding:9px var(--kp-space-3);margin-bottom:2px;border-radius:var(--kp-radius);font-size:var(--kp-text-sm);color:var(--kp-text-secondary);cursor:pointer;transition:background var(--kp-dur-fast) var(--kp-ease),color var(--kp-dur-fast) var(--kp-ease);width:100%;text-align:left}.kp-nav-item:hover{background:var(--kp-glass-bg);color:var(--kp-text-primary)}.kp-nav-item.is-active{background:var(--kp-blue-muted);color:var(--kp-blue-light);box-shadow:inset 2px 0 0 var(--kp-blue)}.kp-nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.85}.kp-sidebar-foot{margin-top:auto;padding:var(--kp-space-4);border-top:1px solid var(--kp-border)}.kp-topbar{height:var(--kp-topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--kp-space-6);border-bottom:1px solid var(--kp-border);background:#0a0a0fb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:var(--kp-z-sticky)}.kp-topbar-left{display:flex;align-items:center;gap:var(--kp-space-4)}.kp-topbar-title{font-family:var(--kp-font-display);font-size:var(--kp-text-md);font-weight:500;color:var(--kp-text-primary)}.kp-topbar-right{display:flex;align-items:center;gap:var(--kp-space-3)}.kp-search{display:flex;align-items:center;gap:var(--kp-space-2);padding:7px 12px;background:var(--kp-glass-bg);border:1px solid var(--kp-glass-border);border-radius:var(--kp-radius);width:280px;font-size:var(--kp-text-sm);color:var(--kp-text-secondary);transition:all var(--kp-dur-fast) var(--kp-ease)}.kp-search:hover{background:var(--kp-glass-bg-hover)}.kp-search:focus-within{border-color:var(--kp-blue);box-shadow:0 0 0 3px var(--kp-blue-muted)}.kp-search input{background:transparent;border:0;padding:0;flex:1;font-size:inherit;color:var(--kp-text-primary)}.kp-search input:focus{background:transparent;box-shadow:none}.kp-icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--kp-radius);color:var(--kp-text-secondary);background:transparent;border:1px solid transparent;transition:all var(--kp-dur-fast) var(--kp-ease)}.kp-icon-btn:hover{background:var(--kp-glass-bg);border-color:var(--kp-glass-border);color:var(--kp-text-primary)}.kp-avatar{width:32px;height:32px;border-radius:var(--kp-radius-full);background:linear-gradient(135deg,var(--kp-blue),var(--kp-purple));display:grid;place-items:center;color:var(--kp-text-inverse);font-size:12px;font-weight:600;cursor:pointer;transition:transform var(--kp-dur-fast) var(--kp-ease)}.kp-avatar:hover{transform:scale(1.05)}.kp-content{display:flex;flex-direction:column;min-width:0}.kp-page{padding:var(--kp-space-6);flex:1;animation:kpFadeIn var(--kp-dur) var(--kp-ease) both}