*{box-sizing:border-box;margin:0;font-family:Arial,sans-serif}._app_14u6o_1{height:100vh;display:flex}@media (width<=768px){._app_14u6o_1{height:100vh;display:block}}._sidebar_dw5gj_1{background:#fff;flex-direction:column;width:280px;height:100vh;display:flex;position:relative}._sidebarHeader_dw5gj_10{background:#fff;padding:20px;font-size:20px;font-weight:700;position:sticky;top:0}._addBtn_dw5gj_19{cursor:pointer;z-index:10;background:0 0;border:none;padding:0;position:absolute;bottom:20px;right:20px}._addBtn_dw5gj_19 img{width:35px;height:35px}._groupsList_dw5gj_34{scroll-behavior:smooth;flex:1;padding-bottom:80px;overflow-y:auto}@media (width<=768px){._sidebar_dw5gj_1{width:100%}}._groupItem_1wow5_1{cursor:pointer;align-items:center;padding:10px 20px;display:flex}._groupItem_1wow5_1:hover{background-color:#f0f0f0}._groupCircle_1wow5_12{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;font-weight:700;display:flex}._notesPanel_1jaa4_1{background:#dae5f5;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}._emptyContent_1jaa4_12{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}._emptyContent_1jaa4_12 h2{margin-bottom:12px;font-size:32px;font-weight:600}._emptyContent_1jaa4_12 p{color:#555;line-height:1.4}._emptyContent_1jaa4_12 img{background:0 0;width:426px;margin-bottom:20px}._topBar_1jaa4_37{color:#fff;background:#001f8b;flex-shrink:0;align-items:center;height:70px;padding:0 20px;display:flex}._groupCircle_1jaa4_47{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-weight:700;display:flex}._messagesArea_1jaa4_59{flex:1;min-width:0;padding:20px;overflow-y:auto}._textArea_1jaa4_66{background:#001f8b;flex-shrink:0;padding:20px}._textAreaWrapper_1jaa4_72{background:#fff;border-radius:10px;align-items:center;width:100%;padding:30px;display:flex}._textAreaWrapper_1jaa4_72 textarea{resize:none;border:none;outline:none;flex:1;width:100%;padding:15px;font-size:20px}._sendIcon_1jaa4_90{cursor:pointer;width:30px;margin-left:10px}._backArrow_1jaa4_95{cursor:pointer;margin-right:10px;font-size:22px}._noteCard_mrk2h_1{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 6px #0000001a}._noteText_mrk2h_9{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin-bottom:8px;font-size:18px}._noteTime_mrk2h_18{color:#000;float:right;text-align:right;font-size:12px;display:block}._overlay_amqzo_1{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_amqzo_11{background:#fff;border-radius:8px;flex-direction:column;gap:25px;max-width:90%;padding:30px 35px;display:flex}._modal_amqzo_11 h2{margin:0;font-size:22px;font-weight:600}._inputRow_amqzo_29{flex-wrap:wrap;align-items:center;gap:20px;display:flex}._inputRow_amqzo_29 label{min-width:110px;font-weight:500}._inputRow_amqzo_29 input{border:1px solid #ccc;border-radius:20px;outline:none;flex:1;padding:10px 15px;font-size:14px}._colorRow_amqzo_51{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._colorRow_amqzo_51 label{min-width:110px;font-weight:500}._colors_amqzo_63{gap:15px;display:flex}._colorCircle_amqzo_69{cursor:pointer;border-radius:50%;width:35px;height:35px}._selected_amqzo_76{border:3px solid #000}._createBtn_amqzo_81{color:#fff;cursor:pointer;background-color:#001f8b;border:none;border-radius:15px;align-self:flex-end;padding:8px 25px;font-size:14px}