:root{color:#1b2a37;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf4fb;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:linear-gradient(#edf4fb 0%,#f7fafc 100%)}button,input,textarea,select{font:inherit}button{transition:opacity .2s}button:disabled{opacity:.7;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.app-shell{max-width:1280px;margin:0 auto;padding:24px}.topbar{margin-bottom:24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#5b6b7a;margin-bottom:8px;font-size:12px;display:inline-block}.topbar h1{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.main-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:24px;display:grid}.panel{background:#fff;border:1px solid #dfe7ee;border-radius:18px;padding:20px;box-shadow:0 12px 32px #0f172a0a}.panel-header{margin-bottom:18px}.panel-label{letter-spacing:.08em;text-transform:uppercase;color:#59718a;margin:0 0 8px;font-size:12px}.panel-header h2{margin:0;font-size:1.5rem}.welcome-box{background:#f4f7fb;border:1px solid #e3ebf5;border-radius:12px;margin-bottom:16px;padding:14px 16px}.welcome-box p{color:#394f63;margin:0;font-size:.96rem}.suggestions{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.suggestions button,.secondary-button,.chat-form button{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:10px;font-weight:600;transition:transform .15s,opacity .15s}.suggestions button{color:#1d4e89;text-align:left;background:#edf4ff;padding:8px 12px;font-size:.8rem;line-height:1.4}.chat-form button,.secondary-button{padding:12px 16px}.suggestions button:hover,.chat-form button:hover,.secondary-button:hover{transform:translateY(-1px)}.chat-thread{scroll-behavior:smooth;overscroll-behavior:contain;flex-direction:column;gap:12px;max-height:500px;margin-bottom:14px;padding:8px;display:flex;overflow:hidden auto}.message{flex-direction:column;gap:6px;max-width:88%;display:flex}.message span{letter-spacing:.04em;text-transform:uppercase;color:#6b7e90;font-size:.7rem;font-weight:700}.message p{color:#1d2a36;white-space:pre-line;background:#edf4ff;border-radius:12px 12px 12px 4px;margin:0;padding:12px 14px;line-height:1.5}.message.customer{align-self:flex-end}.message.customer p{background:#e8f8ee;border-radius:12px 12px 4px}.chat-form{gap:10px;margin-bottom:20px;display:flex}.chat-form input,.complaint-form input,.complaint-form textarea,.complaint-detail select{width:100%;font:inherit;box-sizing:border-box;background:#fdfefe;border:1px solid #d2dfe9;border-radius:10px;padding:12px 13px}.chat-form input{flex:1}.complaint-form{border-top:1px solid #edf1f6;padding-top:18px}.complaint-form h3{margin:0 0 12px;font-size:1.1rem}.complaint-form label,.complaint-detail label{color:#304861;margin-bottom:12px;font-size:.85rem;font-weight:600;display:block}.complaint-form textarea{resize:vertical;min-height:90px}.error-text{color:#b42318;margin:0 0 12px;font-size:.82rem}.dashboard-panel{flex-direction:column;gap:18px;display:flex}.dashboard-list{flex-direction:column;gap:10px;max-height:360px;display:flex;overflow-y:auto}.complaint-card{text-align:left;cursor:pointer;width:100%;color:inherit;background:#f7f9fc;border:1px solid #dbe5ef;border-radius:12px;padding:12px 14px}.complaint-card.selected{background:#edf4ff;border-color:#1f6feb}.complaint-card-header,.detail-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.complaint-card p,.complaint-detail p{color:#334a5c;margin:0 0 8px;line-height:1.5}.complaint-card small{color:#607389}.status-badge{border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.status-open{color:#8a5d00;background:#fff4d7}.status-in-progress{color:#1d4e89;background:#e8f0ff}.status-resolved{color:#136b3f;background:#e7f8ee}.complaint-detail{border-top:1px solid #edf1f6;padding-top:18px}.complaint-detail h3{margin:0}.empty-state{color:#607389;text-align:center;margin:0;padding:20px 8px}@media (width<=900px){.main-grid{grid-template-columns:1fr}.panel{padding:16px}.chat-form{flex-direction:column}}.complaint-tracker{background:#fff;border:1px solid #d7e3f0;border-radius:12px;margin:20px 0;padding:18px}.complaint-tracker h3{margin:0 0 10px}.complaint-tracker>p{margin:0 0 16px;line-height:1.5}.complaint-tracker form{flex-direction:column;align-items:stretch;gap:14px;display:flex}.complaint-tracker label{flex-direction:column;gap:6px;width:100%;display:flex}.complaint-tracker input{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid #cbd8e6;border-radius:8px;padding:12px;display:block}.complaint-tracker button{align-self:flex-start;max-width:100%}.complaint-status{overflow-wrap:anywhere;background:#eef5ff;border-radius:8px;margin-top:18px;padding:14px}.complaint-status h4{margin:0 0 10px}.complaint-status p{margin:8px 0}