@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-color: #f2eefa;--panel-bg: #ffffff;--panel-border: rgba(0, 0, 0, .04);--primary: #6c72ff;--secondary: #e5e7fa;--accent: #E11D48;--text-main: #2b2738;--text-muted: #827c95;--success: #10b981;--warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text-main);min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 50%,rgba(108,114,255,.12),transparent 25%),radial-gradient(circle at 85% 30%,rgba(225,29,72,.08),transparent 25%),var(--bg-color)}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}a{text-decoration:none;color:inherit}.title-gradient{color:var(--text-main)}.text-gradient-primary{color:var(--primary)}.glass-panel{background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.45);border-radius:24px;box-shadow:0 8px 32px #1f26870d,inset 0 1px 1px #fffc;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:relative}.glass-panel:hover{box-shadow:0 12px 40px #6c72ff1a,inset 0 1px 1px #ffffffe6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#6c72ff,#9b59ff);color:#fff;box-shadow:0 4px 15px #6c72ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c72ff73}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #00000005}.btn-secondary:hover{background:#f8f7fc;border-color:#0000001f}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:transparent;color:var(--warning);border:1px solid var(--warning)}.btn-warning:hover{background:#f59e0b1a}.input-field{width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);color:var(--text-main);padding:16px;border-radius:12px;font-family:Inter,sans-serif;font-size:15px;outline:none;transition:all .2s;box-shadow:inset 0 2px 8px #00000003}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c72ff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #6c72ff99}70%{transform:scale(1);box-shadow:0 0 0 14px #6c72ff00}to{transform:scale(.95);box-shadow:0 0 #6c72ff00}}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typing{0%{content:"."}33%{content:".."}66%{content:"..."}}.typing-dot:after{content:"";animation:typing 1.5s infinite}.fade-in{animation:fadeIn .4s ease forwards}.app-container{max-width:1400px;margin:0 auto;padding:24px}.floating-navbar{display:flex;align-items:center;background:#fff;border-radius:20px;padding:12px 16px;box-shadow:0 4px 30px #0000000d;margin:0 auto 40px;width:fit-content;gap:8px;border:1px solid rgba(0,0,0,.03)}.nav-divider{width:1px;height:24px;background:#00000014;margin:0 8px}.nav-logo{color:var(--text-main);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;color:var(--text-muted);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.nav-item.active{background:#f3f3f6;color:var(--text-main)}.nav-item:hover:not(.active){background:#fafafa;color:var(--text-main)}.nav-icon-only{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--text-muted);cursor:pointer;transition:all .2s}.nav-icon-only:hover{background:#f3f3f6;color:var(--text-main)}.nav-avatar{width:44px;height:44px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:8px}.nav-avatar img{width:100%;height:100%;object-fit:cover}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-zone{border:2px dashed rgba(108,114,255,.3);border-radius:24px;padding:60px 20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffb3;cursor:pointer;position:relative;overflow:hidden}.upload-zone:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:linear-gradient(120deg,#6c72ff66,#9b59ff4d,#e11d4833,#6c72ff66);background-size:300% 300%;opacity:0;transition:opacity .4s;z-index:0;animation:gradient-shift 4s linear infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.upload-zone>*{position:relative;z-index:1}.upload-zone:hover:before,.upload-zone.drag-active:before{opacity:1}.upload-zone:hover,.upload-zone.drag-active{background:#e5e7facc;transform:translateY(-3px);box-shadow:0 12px 40px #6c72ff1f}.upload-icon{width:64px;height:64px;color:var(--primary);margin-bottom:16px;opacity:.9;animation:float-icon 3s ease-in-out infinite}.agent-room-layout{display:flex;gap:32px;align-items:center}.agent-col{display:flex;flex-direction:column;gap:16px;width:250px;flex-shrink:0}.feed-col{flex:1;display:flex;flex-direction:column}@media (max-width: 768px){.agent-room-layout{flex-direction:column}.agent-col{width:100%;flex-direction:row;flex-wrap:wrap}.agent-col>*{flex:1 1 200px}}.agent-card{padding:16px;display:flex;flex-direction:row;align-items:center;text-align:left;gap:16px;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c72ff,#9b59ff,#e11d48);opacity:0;transition:opacity .3s}.agent-card.active:before{opacity:1}.agent-card.active{box-shadow:0 0 0 2px #6c72ff33,0 8px 30px #6c72ff1a;transform:translateY(-2px)}.agent-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:20px;background:#fff;border:2px solid rgba(0,0,0,.05);color:var(--text-muted);position:relative;transition:all .3s ease}.agent-card.active .agent-avatar{border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px #6c72ff33;transform:scale(1.05)}.agent-status{font-size:13px;font-weight:600;padding:6px 16px;border-radius:20px;margin-top:16px;background:#00000008;color:var(--text-muted)}.agent-card.active .agent-status{animation:pulse-ring 2s infinite;background:var(--primary);color:#fff}.chat-feed{height:350px;overflow-y:auto;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:16px;padding:16px 20px;border-radius:16px;background:#fff;border-left:4px solid var(--primary);animation:fadeIn .3s ease-out forwards;color:var(--text-main);box-shadow:0 4px 15px #00000008}.chat-message.system{border-left:none;background:transparent;justify-content:center;color:var(--text-muted);font-style:italic;font-size:13px;box-shadow:none}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:8px}.insight-card{background:linear-gradient(145deg,#fff,#f9f8fc);border:1px solid rgba(108,114,255,.1);border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000005;display:flex;align-items:flex-start;gap:16px;transition:transform .2s}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c72ff14}.insight-icon{width:40px;height:40px;border-radius:12px;background:#e5e7fa;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.review-dashboard{display:grid;grid-template-columns:350px 1fr;gap:24px}@media (max-width: 900px){.review-dashboard{grid-template-columns:1fr}}.sidebar-panel{padding:24px;display:flex;flex-direction:column;gap:20px}.source-truth{font-size:14px;line-height:1.6;color:var(--text-main);background:#f9f8fc;padding:20px;border-radius:16px;border:1px solid rgba(0,0,0,.03)}.content-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:24px}.tab-btn{padding:12px 24px;border:none;background:none;color:var(--text-muted);font-family:Inter,sans-serif;font-weight:500;font-size:15px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--text-main);border-bottom-color:var(--primary)}.editor-view{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #00000005}.editor-header{background:#f8f7fc;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.04)}.editor-content{padding:32px;min-height:400px;font-size:16px;line-height:1.8;white-space:pre-wrap;outline:none;color:#3f3950}.device-preview-mobile{max-width:375px;margin:0 auto;border:8px solid #2b2738;border-radius:36px;height:600px;overflow-y:auto;background:#fff}.device-preview-mobile .editor-content{color:var(--text-main);font-size:15px;padding:20px}