*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--karta-bg: #1f1f1f;--karta-surface: #292929;--karta-surface-hover: #333333;--karta-border: #3a3a3a;--karta-border-light: #4a4a4a;--lime-500: #ccff00;--lime-600: #aadb00;--lime-400: #e6ff66;--lime-200: #f0ff99;--lime-glow: rgba(204, 255, 0, .25);--lime-glow-soft: rgba(204, 255, 0, .08);--accent-h: 75;--accent-rgb: 204, 255, 0;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--white: #ffffff;--red-400: #ff5f5f;--red-500: #ef4444;--amber-400: #fbbf24;--blue-400: #60a5fa;--gray-800: #656565;--gray-600: #949494;--gray-500: #ababab}html,body,#root{height:100%;background:var(--karta-bg);color:var(--white);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Archivo,Inter,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--karta-bg)}::-webkit-scrollbar-thumb{background:var(--karta-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--lime-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,15px) scale(1.08)}66%{transform:translate(-8px,5px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-12px,-10px) scale(1.1)}70%{transform:translate(6px,-5px) scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.rainbow-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rainbow-logo-bg{width:36px;height:36px;border-radius:10px;background:var(--lime-500);position:relative;overflow:hidden;box-shadow:0 0 12px var(--lime-glow)}.rainbow-logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:var(--logo-filter, grayscale(1) contrast(20));mix-blend-mode:var(--logo-blend, multiply)}.rainbow-logo-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:14px;background:var(--lime-500);opacity:.22;filter:blur(14px);z-index:0;pointer-events:none}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-up{animation:slideUp .5s ease both}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2.5s ease-in-out infinite}.app-layout{display:flex;min-height:100vh}.sidebar{width:200px;flex-shrink:0;background:var(--karta-surface);border-right:1px solid var(--karta-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:visible}.main-content{margin-left:208px;flex:1;min-height:100vh;min-width:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:16px 14px;border-bottom:1px solid var(--karta-border);position:relative;z-index:1}.sidebar-brand-text{transition:opacity .2s ease,width .2s ease;white-space:nowrap;overflow:hidden}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;overflow-y:auto}.sidebar-nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:13px;text-decoration:none;transition:all .2s ease;white-space:nowrap;overflow:hidden}.sidebar-nav-icon{flex-shrink:0}.sidebar-nav-label{transition:opacity .15s ease,margin-left .15s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{padding:12px 10px;border-top:1px solid var(--karta-border);position:relative;z-index:1}.sidebar-user-info{transition:opacity .15s ease,width .15s ease;overflow:hidden}.sidebar-logout-btn .sidebar-nav-label{transition:opacity .15s ease}.sidebar-edge-toggle{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid var(--karta-border-light);background:var(--karta-surface);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.sidebar-edge-toggle:hover{color:var(--lime-500);border-color:var(--lime-500);background:var(--karta-surface);box-shadow:0 2px 12px var(--lime-glow-soft)}.sidebar.sidebar-collapsed{width:64px}.layout-collapsed .main-content{margin-left:72px}.sidebar-collapsed .sidebar-header{padding:16px 10px;display:flex;justify-content:center}.sidebar-collapsed .sidebar-brand-text{opacity:0;width:0;overflow:hidden;pointer-events:none}.sidebar-collapsed .sidebar-nav{padding:12px 6px}.sidebar-collapsed .sidebar-nav-link{justify-content:center;padding:10px 0;gap:0;border-left:3px solid transparent!important}.sidebar-collapsed .sidebar-nav-label{opacity:0;width:0;overflow:hidden;pointer-events:none;margin-left:0}.sidebar-collapsed .sidebar-footer{padding:10px 6px;display:flex;flex-direction:column;align-items:center}.sidebar-collapsed .sidebar-user-info{opacity:0;width:0;height:0;overflow:hidden;pointer-events:none}.sidebar-collapsed .sidebar-logout-btn{justify-content:center!important;padding:8px!important}.sidebar-collapsed .sidebar-logout-btn .sidebar-nav-label{opacity:0;width:0;overflow:hidden;pointer-events:none}.card{background:var(--karta-surface);border:1px solid var(--karta-border);border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{border-color:var(--karta-border-light);transform:translateY(-1px)}.card-sm{padding:16px;border-radius:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;font-family:Archivo,Inter,sans-serif;text-transform:uppercase;letter-spacing:.3px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--lime-500);color:#1f1f1f}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:var(--lime-400);box-shadow:0 4px 20px var(--lime-glow)}.btn-secondary{background:hsla(var(--accent-h),100%,50%,.06);border:1px solid hsla(var(--accent-h),100%,50%,.25);color:var(--white)}.btn-secondary:hover:not(:disabled){background:hsla(var(--accent-h),100%,50%,.12);border-color:var(--lime-500)}.btn-ghost{background:transparent;color:var(--slate-400);padding:8px 16px;text-transform:none;font-family:Inter,sans-serif}.btn-ghost:hover{color:var(--lime-500);background:hsla(var(--accent-h),100%,50%,.05)}.btn-sm{padding:8px 16px;font-size:13px;border-radius:10px}.btn-full{width:100%}.btn-danger{background:#ef44440f;border:1px solid rgba(239,68,68,.25);color:var(--red-400)}.btn-danger:hover:not(:disabled){background:#ef44441f;border-color:var(--red-500)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.5px}.form-input{background:#292929cc;border:1px solid var(--karta-border);border-radius:12px;padding:12px 16px;color:#fff;font-size:15px;font-family:inherit;transition:all .2s;width:100%}.form-input:focus{outline:none;border-color:var(--lime-500);box-shadow:0 0 0 3px hsla(var(--accent-h),100%,50%,.12);background:hsla(var(--accent-h),100%,50%,.02)}.form-input::placeholder{color:var(--slate-600)}.form-error{font-size:12px;color:var(--red-400)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select.form-input option{background-color:var(--karta-bg);color:#fff}.stat-card{background:var(--karta-surface);border:1px solid var(--karta-border);border-radius:16px;padding:20px}.stat-title{font-size:11px;color:var(--gray-600);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-family:Archivo,sans-serif}.stat-value{font-size:28px;font-weight:800;color:#fff;line-height:1;font-family:Archivo,sans-serif}.stat-sub{font-size:12px;color:var(--gray-500);margin-top:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.badge-green{background:hsla(var(--accent-h),100%,50%,.08);color:var(--lime-500);border:1px solid hsla(var(--accent-h),100%,50%,.3)}.badge-yellow{background:#fbbf2414;color:var(--amber-400);border:1px solid rgba(251,191,36,.3)}.badge-red{background:#ef444414;color:var(--red-400);border:1px solid rgba(239,68,68,.3)}.badge-blue{background:#60a5fa14;color:var(--blue-400);border:1px solid rgba(96,165,250,.3)}.badge-purple{background:#a855f714;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-gray{background:#64748b14;color:var(--slate-400);border:1px solid rgba(100,116,139,.3)}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--karta-border);background:var(--karta-surface)}table{width:100%;border-collapse:collapse}thead tr{background:hsla(var(--accent-h),100%,50%,.03);border-bottom:1px solid var(--karta-border)}th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.8px;font-family:Archivo,sans-serif}td{padding:14px 16px;font-size:14px;color:#ffffffd9;border-bottom:1px solid var(--karta-border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:hsla(var(--accent-h),100%,50%,.02)}.tech-mono{font-family:Courier New,Courier,monospace}.cyber-glow-text{color:var(--lime-500)}.cyber-glow-box{box-shadow:0 4px 20px hsla(var(--accent-h),100%,50%,.1)}.spinner{width:20px;height:20px;border:2px solid hsla(var(--accent-h),100%,50%,.2);border-top-color:var(--lime-500);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.steps{display:flex;align-items:center;gap:0;margin-bottom:32px}.step-item{display:flex;align-items:center;gap:8px}.step-dot{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;font-family:Archivo,sans-serif}.step-dot.done{background:hsla(var(--accent-h),100%,50%,.1);color:var(--lime-500);border:1px solid var(--lime-500)}.step-dot.active{background:var(--lime-500);color:var(--karta-bg);border:1px solid var(--lime-500)}.step-dot.pending{background:#ffffff08;color:var(--slate-600);border:1px solid var(--karta-border)}.step-line{flex:1;height:1px;background:var(--karta-border);min-width:24px}.step-line.done{background:var(--lime-500)}.step-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.divider{height:1px;background:var(--karta-border);margin:0}.empty-state{text-align:center;padding:48px 24px;color:var(--gray-500)}.empty-state svg{margin-bottom:12px;opacity:.5;color:var(--lime-500)}.mobile-hamburger,.mobile-sidebar-close{display:none}.page-container{padding:24px 20px}.responsive-grid-chat{grid-template-columns:320px 1fr}.responsive-grid-2col{grid-template-columns:1fr 1fr}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.mobile-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:60;width:42px;height:42px;border-radius:50%;border:1px solid var(--karta-border-light);background:#292929eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--lime-500);cursor:pointer;box-shadow:0 2px 16px #0006,0 0 12px var(--lime-glow-soft);transition:all .2s ease}.mobile-hamburger:active{transform:scale(.92)}.mobile-sidebar-close{display:flex;align-items:center;justify-content:center;margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid var(--karta-border);background:transparent;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.mobile-sidebar-close:hover{color:var(--lime-500);border-color:var(--lime-500)}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-sidebar-backdrop.active{opacity:1;pointer-events:auto}.mobile-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:280px;z-index:50;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:var(--karta-surface);border-right:1px solid var(--karta-border);display:flex;flex-direction:column}.mobile-sidebar.open{transform:translate(0)}.page-container{padding:60px 16px 24px!important}.responsive-grid-chat{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;height:auto!important}.responsive-grid-2col{grid-template-columns:1fr!important}.card{padding:16px;border-radius:12px}.card-sm{padding:12px}.stat-card{padding:16px;border-radius:12px;min-height:auto!important}.btn{padding:10px 18px;font-size:13px;border-radius:10px}.btn-sm{padding:8px 12px;font-size:12px}.table-wrap{border-radius:10px;-webkit-overflow-scrolling:touch}th{padding:10px 12px;font-size:10px;white-space:nowrap}td{padding:10px 12px;font-size:12px}.form-input{padding:10px 14px;font-size:14px;border-radius:10px}.steps{margin-bottom:20px;flex-wrap:wrap;gap:4px}.step-dot{width:28px;height:28px;font-size:11px;border-radius:6px}.step-label{font-size:10px}.stat-value{font-size:22px!important}.stat-title{font-size:10px}h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}.empty-state{padding:32px 16px}}@media(max-width:480px){.mobile-sidebar{width:260px}.page-container{padding:56px 12px 20px!important}.stat-value{font-size:18px!important}td,th{padding:8px}}.rich-text-container{display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--karta-border);background:#1e1e1e;overflow:hidden;transition:border-color .2s,box-shadow .2s}.rich-text-container:focus-within{border-color:var(--lime-500);box-shadow:0 0 0 1px var(--lime-glow-soft)}.rich-text-editor-input{min-height:80px;max-height:200px;overflow-y:auto;padding:12px 16px;font-size:14px;color:var(--white);outline:none;line-height:1.6;background:transparent}.rich-text-editor-input:empty:before{content:attr(data-placeholder);color:var(--slate-500);pointer-events:none;display:block}.rich-text-editor-input h3,.chat-message-html h3{font-size:16px;font-weight:700;margin-top:8px;margin-bottom:6px;color:var(--white)}.rich-text-editor-input ul,.chat-message-html ul{list-style-type:disc;margin-left:20px;margin-bottom:8px}.rich-text-editor-input ol,.chat-message-html ol{list-style-type:decimal;margin-left:20px;margin-bottom:8px}.rich-text-editor-input li,.chat-message-html li{margin-bottom:4px}.rich-text-editor-input a,.chat-message-html a{color:var(--lime-400);text-decoration:underline}.rich-text-editor-input img,.chat-message-html img{max-width:100%;max-height:240px;border-radius:8px;margin:8px 0;display:block;border:1px solid var(--karta-border)}.rich-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 12px;background:#00000026;border-top:1px solid var(--karta-border)}.rich-text-toolbar-btn{background:transparent;border:none;color:var(--slate-400);padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.rich-text-toolbar-btn:hover{background:#ffffff0d;color:var(--white)}.rich-text-toolbar-select{background:#ffffff0d;border:1px solid var(--karta-border);color:var(--slate-300);padding:4px 8px;border-radius:6px;font-size:11px;outline:none;cursor:pointer}.rich-text-toolbar-select option{background:var(--karta-surface);color:var(--white)}.rich-text-toolbar-divider{width:1px;height:16px;background:var(--karta-border);margin:0 4px}