.dashboard-layout{display:flex;align-items:flex-start;gap:24px;padding-inline-start:clamp(24px, 3.9vw, 75px);padding-inline-end:clamp(24px, 2.6vw, 50px);padding-block:clamp(24px, 2.6vw, 50px)}.complaints-section{flex:1 1 auto;min-width:0}.complaints-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.complaints-section__title{margin:0 0 8px;font-size:var(--fs-32);font-weight:700;color:var(--green-dark)}.complaints-section__subtitle{margin:0;font-size:var(--fs-14);color:#777}.complaints-section__new-btn{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 20px;border:1px solid #ABEDDF;border-radius:16px;background:#EAFBF7;color:var(--green);font-size:var(--fs-16);font-weight:700;transition:all 0.25s ease}.complaints-section__new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .08);background:#dff8f2}.complaints-section__new-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgb(0 0 0 / .08)}@media (max-width:991.98px){.complaints-section__head{flex-direction:column;align-items:stretch}.complaints-section__new-btn{align-self:flex-start}}.dashboard-content{min-width:0}.complaints-list__card{background:#fff;border-radius:24px;padding:24px 16px;height:716px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.complaints-list__card::-webkit-scrollbar{width:6px}.complaint-item{padding-bottom:16px;border-bottom:1px solid #F6F1E6;cursor:pointer;transition:all 0.25s ease}.complaint-item:last-child{border-bottom:none}.complaint-item:hover{transform:translateX(-4px);opacity:.9}.complaint-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.complaint-item__time{font-size:var(--fs-12);font-weight:700;color:#777;white-space:nowrap}.complaint-item__title{margin:0;font-size:var(--fs-18);font-weight:500;color:var(--green-dark);flex:1}.complaint-item__bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.complaint-item__desc{margin:0;font-size:var(--fs-14);color:#777;flex:1;min-width:0}.complaint-item__status{min-width:72px;text-align:center;padding:6px 8px;border-radius:28px;font-size:var(--fs-12);font-weight:500;white-space:nowrap;border:1px solid #fff0}.complaint-item__status--pending{background:#F8F4EC;color:var(--Foundation-brown-Normal);border-color:#FFE7B2}.complaint-item__status--open{background:#eaf4ff;color:#4090d8;border-color:#B2DFFF}.complaint-item__status--resolved{background:#E7FDF2;color:#0FBD66;border-color:#B8F9D9}.complaint-item.active .complaint-item__title{color:#000}@media (max-width:991.98px){.complaints-list__card{min-height:auto}}.chat-panel{margin-top:clamp(16px, 3.3vw, 64px);flex:1;display:flex;flex-direction:column;gap:16px;height:650px}.chat-panel__messages{flex:1;display:flex;flex-direction:column;gap:40px;overflow-y:auto}.chat-msg--user{display:flex;gap:10px}.chat-msg--user .chat-msg__content{background:#0FBD66;color:#fff;padding:16px;border-radius:24px 0 24px 24px;font-size:var(--fs-16);line-height:1.5}.chat-msg__avatar{width:32px;height:32px;border-radius:50%}.chat-msg--agent{display:flex;gap:10px}.chat-msg--agent .chat-msg__content{background:#fff;padding:16px;border-radius:0 24px 24px 24px;font-size:var(--fs-16);line-height:1.5;color:var(--green-dark)}.chat-msg__icon{width:36px;height:36px;background:#2b7a74;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-panel__input{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:8px 16px;min-height:56px;margin-top:12px;position:sticky;bottom:0}.chat-panel__input input{flex:1;border:none;background:#fff0;outline:none}.chat-panel__send{background:none;border:none}.chat-panel__messages{flex:1;display:flex;flex-direction:column;gap:40px;overflow-y:auto}.chat-panel__messages::-webkit-scrollbar{width:6px}@media (max-width:991.98px){.dashboard-layout{flex-direction:column;padding-inline-start:16px;padding-inline-end:16px;padding-block:20px}#side-nav{width:100%;flex:0 0 auto}.complaints-section{width:100%}.complaints-section__head{flex-direction:column;align-items:stretch;gap:16px}.complaints-section__new-btn{align-self:flex-start}.complaints-list__card{min-height:auto;max-height:420px}.chat-panel{height:400px}}@media (max-width:575.98px){.dashboard-layout{gap:16px;padding-inline-start:12px;padding-inline-end:12px;padding-block:16px}.complaints-list__card{padding:16px 12px;border-radius:18px;max-height:360px;gap:16px}.complaint-item__top,.complaint-item__bottom{flex-direction:column;align-items:flex-start;gap:8px}.chat-panel{height:350px;gap:12px}.chat-panel__messages{gap:20px}.chat-msg--user .chat-msg__content,.chat-msg--agent .chat-msg__content{font-size:14px;padding:12px}.chat-panel__input{min-height:48px;padding:8px 12px}}.side-modal{position:fixed;inset:0;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}.side-modal__overlay{position:absolute;inset:0;background:rgb(15 23 42 / .22);opacity:0;transition:opacity 0.3s ease}.side-modal__panel{position:absolute;top:0;inset-inline-end:0;width:min(688px, 100vw);height:100dvh;background:#fff;border-start-start-radius:40px;border-end-start-radius:40px;border-start-end-radius:0;border-end-end-radius:0;padding:32px 32px 24px;transform:translateX(-100%);transition:transform 0.35s ease;display:flex;flex-direction:column;gap:20px;box-shadow:4px 0 8px 0 #00000026;overflow-y:auto}.side-modal.active{opacity:1;visibility:visible;pointer-events:auto}.side-modal.active .side-modal__overlay{opacity:1}.side-modal.active .side-modal__panel{transform:translateX(0)}.side-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.side-modal__close{width:36px;height:36px;border:none;background:#fff0;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.side-modal__close:hover{background:rgb(239 68 68 / .08);transform:scale(1.05)}.side-modal__close:active{transform:scale(.96)}.side-modal__title{font-size:var(--fs-24);font-weight:700;color:#21150F}.side-modal__form{display:flex;flex-direction:column;gap:18px;margin-top:6px}.side-modal__field{display:flex;flex-direction:column;gap:8px}.side-modal__label{font-size:var(--fs-16);font-weight:600;color:#000}.side-modal__control,.side-modal__form input,.side-modal__form select,.side-modal__form textarea{width:100%;min-height:48px;border:1px solid #d7e7e3;border-radius:8px;background:#fff;padding:0 14px;font-size:14px;color:#1f2937;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;appearance:none}.side-modal__form input::placeholder,.side-modal__form textarea::placeholder{color:#9ca3af}.side-modal__form select{cursor:pointer;padding-inline-end:42px;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(14px) calc(50% - 3px),calc(20px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.side-modal__form textarea{min-height:132px;padding-top:14px;padding-bottom:14px;resize:vertical}.side-modal__control:focus,.side-modal__form input:focus,.side-modal__form select:focus,.side-modal__form textarea:focus{border-color:var(--green-dark);box-shadow:0 0 0 4px rgb(127 216 197 / .18);background:#fff}.side-modal__actions{display:flex;align-items:center;justify-content:end;gap:16px;margin-top:6px;flex-wrap:wrap}.btn-submit,.btn-cancel{min-width:129px;min-height:42px;padding:10px;border-radius:8px;font-size:var(--fs-12);font-weight:700;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,border-color 0.2s ease}.btn-submit{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 4px 12px rgb(23 107 95 / .18)}.btn-submit:hover{background:#13594f;border-color:#13594f;transform:translateY(-1px)}.btn-submit:active{transform:translateY(0)}.btn-cancel{background:#fff;color:#777;border:1px solid #777}.btn-cancel:hover{background:#f8f8f8;border-color:#bcbcbc}.side-modal__panel::-webkit-scrollbar{width:8px}@media (max-width:991.98px){.side-modal__panel{width:min(420px, 100vw);padding:28px 24px 22px;border-start-start-radius:24px;border-end-start-radius:24px;border-start-end-radius:0;border-end-end-radius:0}.side-modal__title{margin-top:26px}.side-modal__form{gap:16px}}@media (max-width:575.98px){.side-modal__panel{width:100vw;height:100dvh;border-radius:0;padding:22px 16px 18px;gap:16px}.side-modal__close{top:14px;inset-inline-start:14px;width:34px;height:34px}.side-modal__title{margin-top:22px;line-height:1.35}.side-modal__form{gap:14px}.side-modal__field{gap:6px}.side-modal__form input,.side-modal__form select,.side-modal__form textarea{min-height:48px;padding:0 12px;border-radius:10px}.side-modal__form textarea{min-height:110px;padding-top:12px;padding-bottom:12px}.side-modal__actions{gap:10px}.btn-submit,.btn-cancel{flex:1 1 calc(50% - 5px);min-width:0;min-height:46px;padding:0 14px}}@media (prefers-reduced-motion:reduce){.side-modal__overlay,.side-modal__panel,.side-modal__close,.btn-submit,.btn-cancel,.side-modal__form input,.side-modal__form select,.side-modal__form textarea{transition:none}}