:root{--navy:#1b3a5c;--navy-deep:#0f2440;--navy-light:#2a5c9a;--orange:#f7a823;--orange-hover:#e5991a;--green:#39b54a;--green-light:#e8f5e9;--bg:#f5f7fa;--bg-white:#fff;--bg-chat:#eef1f6;--text-dark:#1b3a5c;--text-body:#4a5568;--text-muted:#8896a6;--text-light:#b0bec5;--border:#e2e8f0;--border-light:#f0f3f7;--radius:12px;--radius-pill:100px;--radius-bubble:20px;--shadow-sm:0 1px 3px #1b3a5c0f;--shadow:0 4px 16px #1b3a5c14;--shadow-lg:0 8px 32px #1b3a5c1f;--font-display:"Montserrat", -apple-system, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-dark);letter-spacing:-.02em;font-weight:800}button{cursor:pointer;font-family:var(--font-body);border:none;font-weight:600;transition:all .2s}input,textarea,select{font-family:var(--font-body);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-dark);background:var(--bg-white);width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s}input:focus,textarea:focus{border-color:var(--navy-light);outline:none;box-shadow:0 0 0 3px #2a5c9a1f}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:.35s forwards fadeIn}.animate-slide{animation:.4s forwards slideUp}.animate-bounce{animation:.35s forwards bounceIn}.app-container{height:100vh;overflow:hidden}.split-layout{height:100vh;display:flex}.chat-pane{color:#fff;z-index:10;background:#0f172a;border-right:1px solid #ffffff0d;flex-direction:column;width:450px;min-width:450px;display:flex;box-shadow:12px 0 32px #0f172a26}.chat-messages{background:0 0;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding:20px 24px;display:flex}.chat-input-area input{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.chat-input-area input:focus{border-color:var(--orange);background:#ffffff1a;box-shadow:0 0 0 3px #f59e0b33}.preview-pane{scroll-behavior:smooth;background:#f8fafc radial-gradient(#e2e8f0 1px,#0000 1px) 0 0/24px 24px;flex:1;padding:60px;overflow-y:auto}.preview-inner{max-width:900px;margin:0 auto}.preview-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.preview-header h3{color:var(--navy);font-size:1.5rem}.preview-badge{background:var(--green);color:#fff;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;font-size:.7rem;font-weight:700}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin:40px 0 20px;font-size:.75rem;font-weight:700;display:flex}.section-title:after{content:"";background:var(--border-light);flex:1;height:1px}.ack-event-card{-webkit-backdrop-filter:blur(16px);color:var(--navy);background:#fffc;border:1px solid #fff;border-radius:16px;grid-template-columns:256px 1fr;gap:32px;min-height:220px;margin-bottom:24px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:grid;box-shadow:0 10px 30px #0000000a,inset 0 2px 4px #ffffff80}.ack-event-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0f172a1f,0 0 0 2px #f59e0b4d}.btn-delete{color:#ef4444;opacity:0;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px;transform:scale(.9)}.ack-event-card{position:relative}.ack-event-card:hover .btn-delete{opacity:1;transform:scale(1)}.btn-delete:hover{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef444466}.ack-card-img{object-fit:cover;background:#eef1f5;border-radius:4px;width:256px;height:175px;box-shadow:0 4px 12px #0000000d}.ack-card-content{flex-direction:column;justify-content:center;display:flex}.ack-card-content h2{font-family:var(--font-display);color:#21456c;margin:0 0 12px;font-size:20px;font-weight:800;line-height:1.3}.ack-card-info{font-family:var(--font-display);color:#21456c;align-items:center;gap:8px;margin-bottom:6px;font-size:18px;font-weight:400;display:flex}.active-preview-container{margin-bottom:48px;position:relative}.active-glow{background:linear-gradient(45deg, var(--orange), transparent);opacity:.15;z-index:-1;border-radius:12px;animation:2s infinite pulseGrad;position:absolute;inset:-4px}@keyframes pulseGrad{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.02)}}@media (width<=1100px){.chat-pane{width:380px;min-width:380px}}.backend-error-banner{border-radius:var(--radius);background:#fff8e1;border:1.5px solid #f7a823;align-items:flex-start;gap:16px;margin-bottom:32px;padding:20px 24px;font-size:.9rem;display:flex}.backend-error-banner span{font-size:1.5rem;line-height:1}.backend-error-banner strong{color:var(--navy);margin-bottom:4px;display:block}.backend-error-banner p{color:var(--text-body);margin:0 0 12px;line-height:1.5}.btn-retry{background:var(--orange);color:#fff;border-radius:var(--radius-pill);padding:8px 20px;font-size:.85rem;font-weight:700}.btn-retry:hover{background:var(--orange-hover);transform:translateY(-1px)}.badge-offline{background:#e53935!important}@media (width<=900px){.split-layout{flex-direction:column}.chat-pane{border-right:none;border-bottom:1px solid var(--border);width:100%;height:60vh}.preview-pane{height:40vh;padding:30px}.ack-event-card{grid-template-columns:1fr;gap:16px;padding:20px}.ack-card-img{width:100%;height:200px}}