:root{font-family:SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#0f172a;background-color:#e7ecef;text-rendering:optimizeLegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;height:100vh;background-color:#e7ecef;overflow:hidden}button,input,textarea{font:inherit}#root{min-height:100vh;height:100vh}.app-container{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:#d7dbde;color:#0f172a;overflow:hidden}.app-nav{background:#111b21;padding:.4rem .75rem;display:flex;gap:.5rem;justify-content:center}.app-nav__button{border:none;background:#ffffff14;color:#e9edef;padding:.35rem 1.25rem;border-radius:999px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.app-nav__button--active{background:#00a884;color:#062d24}.app-shell{flex:1;display:flex;min-height:0;height:100%;overflow:hidden}.chat-layout{flex:1;display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:1rem;padding:1rem;padding-left:0;height:100%;min-height:0;overflow:hidden}.chat-layout>*{min-height:0}.sidebar{background:linear-gradient(180deg,#202c33,#111b21);color:#e9edef;width:22rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.sidebar__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sidebar__header h1{margin:0;font-size:1.25rem}.sidebar__header p{margin:.25rem 0 0;font-size:.85rem;color:#8696a0}.sidebar__search{padding:.75rem 1rem;border-radius:999px;border:none;background:#111b21;color:inherit}.sidebar__list{flex:1;overflow-y:auto;border-radius:1rem;background:#ffffff0a;padding:.5rem}.sidebar__empty{margin:0;padding:1rem;text-align:center;color:#8696a0}.conversation{width:100%;border:none;background:transparent;color:inherit;display:flex;justify-content:space-between;gap:.75rem;padding:.6rem;border-radius:.75rem;text-align:left;cursor:pointer;transition:background .15s ease}.conversation strong{display:block;font-size:.95rem;margin-bottom:.25rem}.conversation p{margin:0;font-size:.85rem;color:#d1d7db}.conversation__status{color:#8696a0}.conversation__time{font-size:.75rem;color:#9aa9b1}.conversation__tags{display:flex;gap:.25rem;margin-top:.3rem;flex-wrap:wrap}.conversation__tags span{background:#ffffff26;border-radius:999px;padding:.1rem .5rem;font-size:.7rem}.conversation__meta{display:flex;align-items:center;gap:.35rem}.conversation__badge{width:10px;height:10px;border-radius:50%;background:#2bd98c;display:inline-flex}.conversation:hover,.conversation--active{background:#ffffff1a}.new-chat{display:flex;flex-direction:column;gap:.75rem}.new-chat h2{margin:0;font-size:1rem}.new-chat input{border:none;border-radius:.5rem;padding:.75rem 1rem}.chat-panel{background:#f0f2f5;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;height:100%;min-height:0;overflow:hidden;border-radius:1.2rem;box-shadow:0 20px 40px #0f172a14}.chat-panel--empty{align-items:center;justify-content:center;text-align:center;display:flex;height:100%}.chat-panel__header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem 1.25rem;border-radius:.9rem;box-shadow:0 8px 24px #0f172a14}.chat-panel__header h2{margin:0}.chat-panel__header p{margin:.25rem 0 0;color:#667085;font-size:.9rem}.chat-panel__messages{flex:1;background:#e7ebee;border-radius:1.25rem;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.65rem;min-height:0}.chat-panel__placeholder{margin:auto;color:#94a3b8}.chat-panel__tags{display:flex;gap:.3rem;margin-top:.3rem}.chat-panel__tags span{background:#dbeafe;color:#1d4ed8;padding:.1rem .6rem;border-radius:999px;font-size:.72rem}.bubble{max-width:70%;padding:.85rem 1rem;border-radius:1.2rem;display:inline-flex;flex-direction:column;gap:.35rem}.bubble--inbound{align-self:flex-start;background:#fff;border-bottom-left-radius:.2rem}.bubble--outbound{align-self:flex-end;background:#d9fdd3;border-bottom-right-radius:.2rem}.bubble span{font-size:.75rem;color:#667085}.bubble__media{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0}.media-card{display:flex;gap:.5rem;align-items:center;background:#ffffffb3;border-radius:.9rem;padding:.4rem .75rem;border:1px solid rgba(15,23,42,.08)}.bubble--outbound .media-card{background:#d9fdd3cc}.media-card__icon{font-size:1.2rem}.media-card__body{display:flex;flex-direction:column;gap:.15rem}.media-preview{margin-top:.35rem;display:flex;flex-direction:column;gap:.35rem}.media-preview img,.media-preview video{max-width:220px;border-radius:.6rem;border:1px solid rgba(15,23,42,.08)}.media-preview audio{width:220px}.media-card__error{color:#b42318;font-size:.8rem}.media-download{display:inline-flex;align-items:center;gap:.3rem;color:#0f62fe;font-weight:600;text-decoration:none;font-size:.85rem}.media-card__placeholder{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.media-card__body strong{font-size:.9rem}.media-card__body p{margin:0;font-size:.75rem;color:#475467}.media-card__body small{color:#94a3b8}.composer{background:#fff;padding:1.2rem 1.5rem;border-radius:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 32px #0f172a14;margin-top:.5rem;flex-shrink:0}.composer__input{display:flex;gap:.5rem;align-items:stretch;position:relative}.composer textarea,.composer input{border-radius:1rem;border:1px solid #d0d5dd;padding:.75rem 1rem;resize:none;flex:1}.composer__row{display:flex;gap:.75rem}.composer__row input{flex:1}.emoji-button{border:1px solid #d0d5dd;background:#f7f9fc;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#667085;cursor:pointer;transition:background .2s ease,color .2s ease}.emoji-button:hover{background:#e1e8ff;color:#0f172a}.emoji-picker{position:absolute;bottom:100%;left:48px;background:#fff;border:1px solid #d0d5dd;border-radius:.8rem;padding:.5rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;box-shadow:0 12px 32px #0f172a1f;z-index:10}.emoji-picker__item{background:transparent;border:none;font-size:1.2rem;cursor:pointer;border-radius:.4rem}.emoji-picker__item:hover{background:#f4f4f5}.chat-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(18rem,1fr);gap:1rem;height:100%;padding:1rem;padding-left:0;min-height:0}.chat-layout>.chat-panel{min-height:0}.contact-details{background:#fff;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 10px 28px #0f172a14;height:fit-content}.contact-details h3{margin:0;font-size:1rem}.contact-details label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#475467}.contact-details input,.contact-details textarea{border-radius:.8rem;border:1px solid #d0d5dd;padding:.6rem .75rem;font-size:.9rem}.contact-details__feedback{margin:0;font-size:.8rem;color:#027a48}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.kanban-column{background:#fff;border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 24px #0f172a14}.kanban-column header h3{margin:0;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.kanban-column header span{background:#eef4ff;color:#1d4ed8;padding:.1rem .6rem;border-radius:999px;font-size:.8rem}.kanban-cards{display:flex;flex-direction:column;gap:.75rem}.kanban-card{background:#f8fafc;border-radius:.8rem;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}.kanban-card p{margin:0;font-size:.85rem;color:#475467}.kanban-card__tags{display:flex;flex-wrap:wrap;gap:.25rem}.kanban-card__tags span{background:#dbeafe;color:#1d4ed8;padding:.1rem .5rem;border-radius:999px;font-size:.75rem}.kanban-card select{border-radius:.6rem;border:1px solid #d0d5dd;padding:.35rem;font-size:.85rem}.primary-button{background:#00a884;color:#fff;border:none;border-radius:999px;padding:.75rem 1.4rem;font-weight:600;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:not-allowed}.ghost-button{background:transparent;border:1px solid currentColor;color:inherit;border-radius:999px;padding:.5rem 1.25rem;cursor:pointer}.alert{background:#fee4e2;color:#912018;padding:.75rem 1rem;border-radius:.75rem}.form-error{margin:0;color:#fecdd3;font-size:.85rem}.bulk-shell{flex:1;background:#f0f2f5;padding:2rem;overflow-y:auto}.bulk-sender{max-width:48rem;margin:0 auto;background:#fff;border-radius:1.1rem;padding:1.5rem;box-shadow:0 16px 32px #0f172a14;display:flex;flex-direction:column;gap:1.25rem}.bulk-sender__form{display:flex;flex-direction:column;gap:1rem}.bulk-sender__form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#0f172a}.bulk-sender__form textarea,.bulk-sender__form input{border:1px solid #d0d5dd;border-radius:.9rem;padding:.85rem 1rem;font-size:1rem;resize:none}.bulk-sender__row{display:flex;gap:1rem}.bulk-sender__row label{flex:1}.progress{background:#eef4ff;color:#1d3b8b;padding:.75rem 1rem;border-radius:.75rem;font-weight:600}@media(max-width:1100px){.app-shell{grid-template-columns:100%}.sidebar{height:auto}}