@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sora:wght@100..800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;background:var(--color-white-shade-one)}:root{--color-white-shade-one: #FFFFFF;--color-white-shade-two: #EEF1F8;--color-white-shade-three: #f5f5f5;--color-purple-shade-one: #A691F1;--color-purple-shade-two: #6A74C9;--color-red-shade-one: red;--color-border: rgb(172, 172, 172);--color-primary-text-color: rgb(27, 27, 27);--color-secondary-text-color: rgb(28, 27, 27)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-white-shade-one)}::-webkit-scrollbar-thumb{background-color:var(--color-purple-shade-two);border-radius:20px;border:2px solid var(--color-white-shade-one)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-purple-shade-two);opacity:.8}*{scrollbar-width:thin;scrollbar-color:var(--color-purple-shade-two) var(--color-white-shade-one)}._container_16ukb_1{display:flex;flex-direction:column;align-items:center;width:100%;gap:2rem}._topContainer_16ukb_9{display:flex;align-items:center;justify-content:space-between;width:100%}._topContainer_16ukb_9 h1{font-size:1.8rem;color:var(--color-primary-text-color)}._buttonDesign_16ukb_20{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;background-color:var(--color-purple-shade-two);color:var(--color-white-shade-one);padding:.8rem 1.5rem;border-radius:10px}._cardsContainer_16ukb_32{margin-top:1.5rem;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}._outerContainer_tx4r5_1{display:flex;padding:.5rem;gap:.8rem;min-height:100vh;position:relative}._mainCard_tx4r5_9{display:flex;flex-direction:column;padding:3rem 2.5rem;background-color:var(--color-white-shade-two);border-radius:20px;overflow:hidden;width:calc(100% - 320px);flex:1;margin-left:260px}._container_fm3jp_1{background:var(--color-white-shade-one);border-radius:20px;padding:2rem .5rem 1rem;position:fixed;min-width:250px;height:calc(100vh - 1rem);z-index:1000;overflow-y:hidden;display:flex;flex-direction:column;justify-content:space-between}._header_fm3jp_17{display:flex;flex-direction:column;gap:.15rem;padding:0 1rem}._header_fm3jp_17 p{font-size:2rem;font-weight:600;color:var(--color-purple-shade-two)}._header_fm3jp_17 span{font-size:.813rem;font-weight:400;color:var(--color-purple-shade-one)}._topContainer_fm3jp_36{display:flex;flex-direction:column;gap:3rem}._sidebarMenu_fm3jp_42{display:flex;flex-direction:column;gap:.6rem}._menuItem_fm3jp_48{display:flex;align-items:center;gap:.8rem;padding:.8rem;color:var(--color-primary-text-color);transition:color .3s ease,background-color .3s ease;border-radius:10px;cursor:pointer}._menuItem_fm3jp_48 p{font-size:1rem;font-weight:500}._menuItem_fm3jp_48:hover,._activeMenuItem_fm3jp_69{background-color:color-mix(in srgb,var(--color-white-shade-three) 86%,transparent);color:var(--color-purple-shade-two)}._bottomContainer_fm3jp_74{display:flex;align-items:flex-start;padding:0 0rem;gap:1rem}._avatarContainer_fm3jp_81 img{width:50px;height:50px;border-radius:50%}._textContainer_fm3jp_87 p{font-size:1.125rem;font-weight:600;color:var(--color-secondary-text-color)}._textContainer_fm3jp_87 span{font-size:.813rem;font-weight:400;color:var(--color-purple-shade-two)}._logoutButton_fm3jp_101{display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:10px;cursor:pointer;transition:background-color .3s ease}._logoutButton_fm3jp_101:hover{background-color:#fcc}._card_gqjti_1{width:280px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #2424241a;font-family:system-ui,sans-serif}._header_gqjti_10{display:flex;align-items:center;gap:12px;margin-bottom:12px}._avatar_gqjti_17{width:48px;height:48px;border-radius:50%;object-fit:cover}._name_gqjti_24{font-size:15px;font-weight:600}._time_gqjti_29{font-size:12px;color:#8a8a8a}._body_gqjti_34{font-size:14px;color:#444;margin-bottom:10px}._row_gqjti_40{margin-bottom:6px}._status_gqjti_44{display:inline-block;padding:4px 10px;border-radius:8px;background:#e8f0ff;color:#3b5bdb;font-size:12px;font-weight:500}._container_1mcgk_1{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple-shade-two),#1f1f3a)}._card_1mcgk_14{width:360px;background:var(--color-white-shade-one);padding:2rem;border-radius:16px;box-shadow:0 20px 40px #0003}._title_1mcgk_22{font-size:1.6rem;margin-bottom:.25rem;color:var(--color-primary-text-color)}._subtitle_1mcgk_28{font-size:.9rem;color:#777;margin-bottom:1.5rem}._form_1mcgk_34{display:flex;flex-direction:column;gap:1.2rem}._inputGroup_1mcgk_40{display:flex;flex-direction:column;gap:.3rem}._inputGroup_1mcgk_40 label{font-size:.85rem;color:#555}._inputGroup_1mcgk_40 input{padding:.7rem .75rem;border-radius:8px;border:1px solid #ddd;font-size:.9rem;outline:none}._inputGroup_1mcgk_40 input:focus{border-color:var(--color-purple-shade-two)}._loginButton_1mcgk_63{margin-top:.5rem;padding:.75rem;border-radius:10px;border:none;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-white-shade-one);background:var(--color-purple-shade-two);transition:transform .15s ease,box-shadow .15s ease}._loginButton_1mcgk_63:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0003}._container_1ir0e_1{height:100%;display:flex;align-items:center;justify-content:center}._startButton_1ir0e_8{padding:1rem 2rem;font-size:1rem;border-radius:12px;border:none;cursor:pointer;background:var(--color-purple-shade-two);color:#fff}._chatWrapper_1ir0e_18{display:flex;width:100%;height:100%;gap:1rem}._customerList_1ir0e_25{width:260px;display:flex;flex-direction:column;gap:1rem;background:#fff;border-radius:16px;padding:1rem}._customerItem_1ir0e_35{padding:.6rem;border-radius:8px;cursor:pointer}._customerItem_1ir0e_35:hover{background:#f1f1f1}._chatWindow_1ir0e_45{flex:1;background:#fff;border-radius:16px;display:flex;flex-direction:column}._header_1ir0e_53{padding:1rem;border-bottom:1px solid #eee;font-weight:600}._messages_1ir0e_59{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}._message_1ir0e_59{max-width:60%;padding:.6rem .8rem;border-radius:10px;font-size:.9rem}._agent_1ir0e_75{align-self:flex-end;background:var(--color-purple-shade-two);color:#fff}._customer_1ir0e_25{align-self:flex-start;background:#f1f1f1}._controls_1ir0e_86{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #eee}._controls_1ir0e_86 select,._controls_1ir0e_86 input{padding:.5rem;border-radius:8px;border:1px solid #ddd}._controls_1ir0e_86 button{padding:.5rem 1rem;border-radius:8px;border:none;background:var(--color-purple-shade-two);color:#fff;cursor:pointer}._emptyState_1ir0e_109{margin:auto;color:#777}