@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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary-50:#f1f6fc;--color-primary-100:#d8e6f7;--color-primary-200:#adc9ed;--color-primary-300:#76a6e2;--color-primary-400:#4485d7;--color-primary-500:#7a5af8;--color-primary-600:#1655a5;--color-primary-700:#114382;--color-primary-800:#0e3567;--color-primary-900:#08203e;--color-primary-950:#051529;--color-gray-50:#f9f9fb;--color-gray-100:#eff1f5;--color-gray-200:#dcdfea;--color-gray-300:#b9c0d4;--color-gray-400:#7d89b0;--color-gray-500:#5d6b98;--color-gray-600:#4a5578;--color-gray-700:#404968;--color-gray-800:#30374f;--color-gray-900:#111322;--color-gray-950:#0e101b;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d2d6db;--color-neutral-400:#9d9aae;--color-neutral-500:#6c737f;--color-neutral-600:#4d5761;--color-neutral-700:#384250;--color-neutral-800:#1f2a37;--color-neutral-900:#111927;--color-neutral-950:#0d121c;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-success-50:#edfcf2;--color-success-100:#d3f8df;--color-success-200:#aaf0c4;--color-success-300:#73e2a3;--color-success-400:#3ccb7f;--color-success-500:#16b364;--color-success-600:#099250;--color-success-700:#087443;--color-success-800:#095c37;--color-success-900:#084c2e;--color-success-950:#052e1c;--color-warning-50:#fefce8;--color-warning-100:#fef9c2;--color-warning-200:#fff085;--color-warning-300:#ffdf20;--color-warning-400:#fdc700;--color-warning-500:#f0b100;--color-warning-600:#d08d00;--color-warning-700:#a65f00;--color-warning-800:#894b00;--color-warning-900:#733e0a;--color-warning-950:#432004;--color-info-50:#eff8ff;--color-info-100:#d1e9ff;--color-info-200:#b2ddff;--color-info-300:#84caff;--color-info-400:#53b1fd;--color-info-500:#2e90fa;--color-info-600:#1570ef;--color-info-700:#175cd3;--color-info-800:#1849a9;--color-info-900:#194185;--color-info-950:#102a56;--color-white:#fff;--color-black:#000;--color-bg-white:#fcfaff;--color-bg-black:#1f2130;--font-size-button-lg:16px;--line-height-button-lg:150%;--font-weight-button-lg:500;--font-size-button-md:14px;--line-height-button-md:150%;--font-weight-button-md:500;--font-size-caption:12px;--line-height-caption:150%;--font-weight-caption:400;--font-size-label:14px;--line-height-label:150%;--font-weight-label:600;--font-size-label2:12px;--tab-bg:var(--color-gray-100);--tab-border:var(--color-gray-300);--tab-button-bg-active:transparent;--tab-button-text-active:var(--color-primary-700);--tab-button-text:var(--color-gray-600);--tab-button-text-hover:var(--color-gray-700);--btn-primary-bg:var(--color-primary-700);--btn-primary-bg-hover:var(--color-primary-800);--btn-primary-text:var(--color-white);--btn-primary-border:transparent;--btn-secondary-bg:var(--color-gray-100);--btn-secondary-bg-hover:var(--color-gray-200);--btn-secondary-text:var(--color-gray-300);--btn-secondary-border:transparent;--btn-error-bg:var(--color-error-700);--btn-error-bg-hover:var(--color-error-800);--btn-error-text:var(--color-white);--btn-error-border:transparent;--btn-disabled-bg:var(--color-gray-200);--btn-disabled-text:var(--color-gray-400);--btn-disabled-border:transparent;--btn-padding-md:12px 24px;--btn-padding-lg:16px 40px;--btn-radius:12px;--btn-height-lg:56px;--btn-height-md:48px;--btn-radius-sm:6px;--btn-height-sm:40px;--btn-padding-sm:8px 16px;--btn-width-sm:161px;--input-padding:16px;--input-radius:12px;--input-height:56px;--input-border-width:1px;--font-heading:"Lato", sans-serif;--font-monospace:"Fira Code", monospace;--font-base:"Lato";--font-size-display-1:32px;--line-height-display-1:130%;--font-weight-display-1:900;--font-size-display-2:28px;--line-height-display-2:130%;--font-weight-display-2:900;--font-size-h1:24px;--line-height-h1:140%;--font-weight-h1:700;--font-size-h2:20px;--line-height-h2:28px;--font-weight-h2:700;--font-size-h3:18px;--line-height-h3:140%;--font-weight-h3:700;--font-size-h4:16px;--line-height-h4:22px;--font-weight-h4:700;--font-size-p1:18px;--line-height-p1:150%;--font-weight-p1:400;--font-size-p2:16px;--line-height-p2:150%;--font-weight-p2:400;--font-size-p3:14px;--line-height-p3:150%;--font-weight-p3:400;--font-size-p4:12px;--line-height-p4:150%;--font-weight-p4:400;--font-size-s1:14px;--line-height-s1:150%;--font-weight-s1:400;--font-s1:var(--font-body,"IBM Plex Sans");--modal-radius:40px;--modal-shadow:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--modal-backdrop:#00000080}.ds-text-display-1{font-size:var(--font-size-display-1);line-height:var(--line-height-display-1);font-weight:var(--font-weight-display-1);font-family:var(--font-heading);color:var(--color-primary-900)}.ds-text-display-2{font-size:var(--font-size-display-2);line-height:var(--line-height-display-2);font-weight:var(--font-weight-display-2);font-family:var(--font-heading)}.ds-text-h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1);font-family:var(--font-heading)}.ds-text-h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2);font-family:var(--font-heading)}.ds-text-h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3);font-family:var(--font-heading)}.ds-text-h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-h4);font-family:var(--font-heading)}.ds-text-p1{font-size:var(--font-size-p1);line-height:var(--line-height-p1);font-weight:var(--font-weight-p1);font-family:var(--font-base)}.ds-text-p2{font-size:var(--font-size-p2);line-height:var(--line-height-p2);font-weight:var(--font-weight-p2);font-family:var(--font-base);color:var(--color-gray-700)}.ds-text-p3{font-size:var(--font-size-p3);line-height:var(--line-height-p3);font-weight:var(--font-weight-p3);font-family:var(--font-base)}.ds-text-p4{font-size:var(--font-size-p4);line-height:var(--line-height-p4);font-weight:var(--font-weight-p4);font-family:var(--font-base)}.ds-text-s1{font-size:var(--font-size-s1);line-height:var(--line-height-s1);font-weight:var(--font-weight-s1);font-family:var(--font-s1)}.ds-text-button-lg,.ds-text-b1{font-size:var(--font-size-button-lg);line-height:var(--line-height-button-lg);font-weight:var(--font-weight-button-lg);font-family:var(--font-base)}.ds-text-b2,.ds-text-button-md{font-size:var(--font-size-button-md);line-height:var(--line-height-button-md);font-weight:var(--font-weight-button-md);font-family:var(--font-base)}.status-trigger-btn{margin-top:4px;margin-right:6px}.create-order-btn{color:#1655a5;margin-top:4px;font-size:12px}.ds-text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-caption);font-family:var(--font-base)}.ds-text-label{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label);font-family:var(--font-base)}.ds-text-label2{font-size:var(--font-size-label2);line-height:var(--line-height-label);font-weight:var(--font-weight-label);font-family:var(--font-base)}.ds-btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.ds-btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.ds-btn-outline-primary{color:var(--color-primary-700);border:1px solid var(--color-primary-700);background:#fff}.ds-btn-outline-error{color:var(--color-error-700);border:1px solid var(--color-error-700);background:#fff}.ds-btn-outline-secondary{color:var(--color-gray-700);border:1px solid var(--color-gray-300);background:#fff}.ds-btn-primary{color:var(--btn-primary-text);border-color:var(--btn-primary-border);background:linear-gradient(95.91deg,#4485d7 0%,#1b6ace 100%)}.ds-btn-primary:hover:not(:disabled){background:linear-gradient(95.91deg,#3b74c8 0%,#1661b5 100%)}.ds-form{flex-direction:column;display:flex}.form-group{gap:16px;display:flex}.ds-input-group{flex-direction:column;gap:4px;display:flex}.form-group .ds-input-group{width:100%}.ds-input-field .q-field__inner,.ds-input-field .q-input-target{padding:0!important}.ds-input-field input{min-height:var(--input-height);padding:0!important}.ds-input-field.error{border-color:#b42318;box-shadow:0 0 0 1px #b42318}.ds-input-field.success{border-color:#12b76a;box-shadow:0 0 0 1px #12b76a}.ds-input-field:disabled{color:#98a2b3;cursor:not-allowed;background:#f9fafb;border-color:#e4e7ec}.ds-helper{color:#667085;font-size:12px;line-height:16px;font-family:var(--font-base)}.ds-helper.error{color:#b42318}.ds-helper.success{color:#12b76a}.ds-counter{color:#667085;text-align:right;font-size:12px;line-height:16px;font-family:var(--font-base)}.ds-btn{border-radius:var(--btn-radius);min-width:-moz-fit-content;min-width:fit-content;font-family:var(--font-base);cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:inline-flex}.ds-btn:disabled{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed;border-color:var(--btn-disabled-border)}.ds-btn-sm{padding:var(--btn-padding-sm);font-size:var(--font-size-button-md);border-radius:var(--btn-radius-sm)}.ds-btn-md{padding:var(--btn-padding-md);font-size:var(--font-size-button-md);line-height:var(--line-height-button-md);font-weight:var(--font-weight-button-md);min-height:var(--btn-height-md)}.ds-btn-lg{padding:var(--btn-padding-lg);font-size:var(--font-size-button-lg);line-height:var(--line-height-button-lg);font-weight:var(--font-weight-button-lg);min-height:var(--btn-height-lg)}.ds-btn-error{background-color:var(--btn-error-bg);color:var(--btn-error-text);border-color:var(--btn-error-border)}.ds-btn-error:hover:not(:disabled){background-color:var(--btn-error-bg-hover)}.ds-btn-block{width:100%}.ds-bg-primary-50{background-color:var(--color-primary-50)}.ds-bg-primary-100{background-color:var(--color-primary-100)}.ds-bg-primary-200{background-color:var(--color-primary-200)}.ds-bg-primary-300{background-color:var(--color-primary-300)}.ds-bg-primary-400{background-color:var(--color-primary-400)}.ds-bg-primary-500{background-color:var(--color-primary-500)}.ds-bg-primary-600{background-color:var(--color-primary-600)}.ds-bg-primary-700{background-color:var(--color-primary-700)}.ds-bg-primary-800{background-color:var(--color-primary-800)}.ds-bg-primary-900{background-color:var(--color-primary-900)}.ds-bg-primary-950{background-color:var(--color-primary-950)}.ds-bg-gray-50{background-color:var(--color-gray-50)}.ds-bg-gray-100{background-color:var(--color-gray-100)}.ds-bg-gray-200{background-color:var(--color-gray-200)}.ds-bg-gray-300{background-color:var(--color-gray-300)}.ds-bg-gray-400{background-color:var(--color-gray-400)}.ds-bg-gray-500{background-color:var(--color-gray-500)}.ds-bg-gray-600{background-color:var(--color-gray-600)}.ds-bg-gray-700{background-color:var(--color-gray-700)}.ds-bg-gray-800{background-color:var(--color-gray-800)}.ds-bg-gray-900{background-color:var(--color-gray-900)}.ds-bg-gray-950{background-color:var(--color-gray-950)}.ds-bg-neutral-50{background-color:var(--color-neutral-50)}.ds-bg-neutral-100{background-color:var(--color-neutral-100)}.ds-bg-neutral-200{background-color:var(--color-neutral-200)}.ds-bg-neutral-300{background-color:var(--color-neutral-300)}.ds-bg-neutral-400{background-color:var(--color-neutral-400)}.ds-bg-neutral-500{background-color:var(--color-neutral-500)}.ds-bg-neutral-600{background-color:var(--color-neutral-600)}.ds-bg-neutral-700{background-color:var(--color-neutral-700)}.ds-bg-neutral-800{background-color:var(--color-neutral-800)}.ds-bg-neutral-900{background-color:var(--color-neutral-900)}.ds-bg-neutral-950{background-color:var(--color-neutral-950)}.ds-bg-error-50{background-color:var(--color-error-50)}.ds-bg-error-100{background-color:var(--color-error-100)}.ds-bg-error-200{background-color:var(--color-error-200)}.ds-bg-error-300{background-color:var(--color-error-300)}.ds-bg-error-400{background-color:var(--color-error-400)}.ds-bg-error-500{background-color:var(--color-error-500)}.ds-bg-error-600{background-color:var(--color-error-600)}.ds-bg-error-700{background-color:var(--color-error-700)}.ds-bg-error-800{background-color:var(--color-error-800)}.ds-bg-error-900{background-color:var(--color-error-900)}.ds-bg-error-950{background-color:var(--color-error-950)}.ds-bg-success-50{background-color:var(--color-success-50)}.ds-bg-success-100{background-color:var(--color-success-100)}.ds-bg-success-200{background-color:var(--color-success-200)}.ds-bg-success-300{background-color:var(--color-success-300)}.ds-bg-success-400{background-color:var(--color-success-400)}.ds-bg-success-500{background-color:var(--color-success-500)}.ds-bg-success-600{background-color:var(--color-success-600)}.ds-bg-success-700{background-color:var(--color-success-700)}.ds-bg-success-800{background-color:var(--color-success-800)}.ds-bg-success-900{background-color:var(--color-success-900)}.ds-bg-success-950{background-color:var(--color-success-950)}.ds-bg-warning-50{background-color:var(--color-warning-50)}.ds-bg-warning-100{background-color:var(--color-warning-100)}.ds-bg-warning-200{background-color:var(--color-warning-200)}.ds-bg-warning-300{background-color:var(--color-warning-300)}.ds-bg-warning-400{background-color:var(--color-warning-400)}.ds-bg-warning-500{background-color:var(--color-warning-500)}.ds-bg-warning-600{background-color:var(--color-warning-600)}.ds-bg-warning-700{background-color:var(--color-warning-700)}.ds-bg-warning-800{background-color:var(--color-warning-800)}.ds-bg-warning-900{background-color:var(--color-warning-900)}.ds-bg-warning-950{background-color:var(--color-warning-950)}.ds-bg-info-50{background-color:var(--color-info-50)}.ds-bg-info-100{background-color:var(--color-info-100)}.ds-bg-info-200{background-color:var(--color-info-200)}.ds-bg-info-300{background-color:var(--color-info-300)}.ds-bg-info-400{background-color:var(--color-info-400)}.ds-bg-info-500{background-color:var(--color-info-500)}.ds-bg-info-600{background-color:var(--color-info-600)}.ds-bg-info-700{background-color:var(--color-info-700)}.ds-bg-info-800{background-color:var(--color-info-800)}.ds-bg-info-900{background-color:var(--color-info-900)}.ds-bg-info-950{background-color:var(--color-info-950)}.ds-bg-white{background-color:var(--color-white)}.ds-bg-black{background-color:var(--color-black)}.ds-bg-bg-white{background-color:var(--color-bg-white)}.ds-bg-bg-black{background-color:var(--color-bg-black)}.ds-border-primary-50{border-color:var(--color-primary-50)}.ds-border-primary-100{border-color:var(--color-primary-100)}.ds-border-primary-200{border-color:var(--color-primary-200)}.ds-border-primary-300{border-color:var(--color-primary-300)}.ds-border-primary-400{border-color:var(--color-primary-400)}.ds-border-primary-500{border-color:var(--color-primary-500)}.ds-border-primary-600{border-color:var(--color-primary-600)}.ds-border-primary-700{border-color:var(--color-primary-700)}.ds-border-primary-800{border-color:var(--color-primary-800)}.ds-border-primary-900{border-color:var(--color-primary-900)}.ds-border-primary-950{border-color:var(--color-primary-950)}.ds-border-gray-50{border-color:var(--color-gray-50)}.ds-border-gray-100{border-color:var(--color-gray-100)}.ds-border-gray-200{border-color:var(--color-gray-200)}.ds-border-gray-300{border-color:var(--color-gray-300)}.ds-border-gray-400{border-color:var(--color-gray-400)}.ds-border-gray-500{border-color:var(--color-gray-500)}.ds-border-gray-600{border-color:var(--color-gray-600)}.ds-border-gray-700{border-color:var(--color-gray-700)}.ds-border-gray-800{border-color:var(--color-gray-800)}.ds-border-gray-900{border-color:var(--color-gray-900)}.ds-border-gray-950{border-color:var(--color-gray-950)}.ds-border-neutral-50{border-color:var(--color-neutral-50)}.ds-border-neutral-100{border-color:var(--color-neutral-100)}.ds-border-neutral-200{border-color:var(--color-neutral-200)}.ds-border-neutral-300{border-color:var(--color-neutral-300)}.ds-border-neutral-400{border-color:var(--color-neutral-400)}.ds-border-neutral-500{border-color:var(--color-neutral-500)}.ds-border-neutral-600{border-color:var(--color-neutral-600)}.ds-border-neutral-700{border-color:var(--color-neutral-700)}.ds-border-neutral-800{border-color:var(--color-neutral-800)}.ds-border-neutral-900{border-color:var(--color-neutral-900)}.ds-border-neutral-950{border-color:var(--color-neutral-950)}.ds-border-error-50{border-color:var(--color-error-50)}.ds-border-error-100{border-color:var(--color-error-100)}.ds-border-error-200{border-color:var(--color-error-200)}.ds-border-error-300{border-color:var(--color-error-300)}.ds-border-error-400{border-color:var(--color-error-400)}.ds-border-error-500{border-color:var(--color-error-500)}.ds-border-error-600{border-color:var(--color-error-600)}.ds-border-error-700{border-color:var(--color-error-700)}.ds-border-error-800{border-color:var(--color-error-800)}.ds-border-error-900{border-color:var(--color-error-900)}.ds-border-error-950{border-color:var(--color-error-950)}.ds-border-success-50{border-color:var(--color-success-50)}.ds-border-success-100{border-color:var(--color-success-100)}.ds-border-success-200{border-color:var(--color-success-200)}.ds-border-success-300{border-color:var(--color-success-300)}.ds-border-success-400{border-color:var(--color-success-400)}.ds-border-success-500{border-color:var(--color-success-500)}.ds-border-success-600{border-color:var(--color-success-600)}.ds-border-success-700{border-color:var(--color-success-700)}.ds-border-success-800{border-color:var(--color-success-800)}.ds-border-success-900{border-color:var(--color-success-900)}.ds-border-success-950{border-color:var(--color-success-950)}.ds-border-warning-50{border-color:var(--color-warning-50)}.ds-border-warning-100{border-color:var(--color-warning-100)}.ds-border-warning-200{border-color:var(--color-warning-200)}.ds-border-warning-300{border-color:var(--color-warning-300)}.ds-border-warning-400{border-color:var(--color-warning-400)}.ds-border-warning-500{border-color:var(--color-warning-500)}.ds-border-warning-600{border-color:var(--color-warning-600)}.ds-border-warning-700{border-color:var(--color-warning-700)}.ds-border-warning-800{border-color:var(--color-warning-800)}.ds-border-warning-900{border-color:var(--color-warning-900)}.ds-border-warning-950{border-color:var(--color-warning-950)}.ds-border-info-50{border-color:var(--color-info-50)}.ds-border-info-100{border-color:var(--color-info-100)}.ds-border-info-200{border-color:var(--color-info-200)}.ds-border-info-300{border-color:var(--color-info-300)}.ds-border-info-400{border-color:var(--color-info-400)}.ds-border-info-500{border-color:var(--color-info-500)}.ds-border-info-600{border-color:var(--color-info-600)}.ds-border-info-700{border-color:var(--color-info-700)}.ds-border-info-800{border-color:var(--color-info-800)}.ds-border-info-900{border-color:var(--color-info-900)}.ds-border-info-950{border-color:var(--color-info-950)}.ds-border-white{border-color:var(--color-white)}.ds-border-black{border-color:var(--color-black)}.ds-text-primary-50{color:var(--color-primary-50)}.ds-text-primary-100{color:var(--color-primary-100)}.ds-text-primary-200{color:var(--color-primary-200)}.ds-text-primary-300{color:var(--color-primary-300)}.ds-text-primary-400{color:var(--color-primary-400)}.ds-text-primary-500{color:var(--color-primary-500)}.ds-text-primary-600{color:var(--color-primary-600)}.ds-text-primary-700{color:var(--color-primary-700)}.ds-text-primary-800{color:var(--color-primary-800)}.ds-text-primary-900{color:var(--color-primary-900)}.ds-text-primary-950{color:var(--color-primary-950)}.ds-text-gray-50{color:var(--color-gray-50)}.ds-text-gray-100{color:var(--color-gray-100)}.ds-text-gray-200{color:var(--color-gray-200)}.ds-text-gray-300{color:var(--color-gray-300)}.ds-text-gray-400{color:var(--color-gray-400)}.ds-text-gray-500{color:var(--color-gray-500)}.ds-text-gray-600{color:var(--color-gray-600)}.ds-text-gray-700{color:var(--color-gray-700)}.ds-text-gray-800{color:var(--color-gray-800)}.ds-text-gray-900{color:var(--color-gray-900)}.ds-text-gray-950{color:var(--color-gray-950)}.ds-text-neutral-50{color:var(--color-neutral-50)}.ds-text-neutral-100{color:var(--color-neutral-100)}.ds-text-neutral-200{color:var(--color-neutral-200)}.ds-text-neutral-300{color:var(--color-neutral-300)}.ds-text-neutral-400{color:var(--color-neutral-400)}.ds-text-neutral-500{color:var(--color-neutral-500)}.ds-text-neutral-600{color:var(--color-neutral-600)}.ds-text-neutral-700{color:var(--color-neutral-700)}.ds-text-neutral-800{color:var(--color-neutral-800)}.ds-text-neutral-900{color:var(--color-neutral-900)}.ds-text-neutral-950{color:var(--color-neutral-950)}.ds-text-error-50{color:var(--color-error-50)}.ds-text-error-100{color:var(--color-error-100)}.ds-text-error-200{color:var(--color-error-200)}.ds-text-error-300{color:var(--color-error-300)}.ds-text-error-400{color:var(--color-error-400)}.ds-text-error-500{color:var(--color-error-500)}.ds-text-error-600{color:var(--color-error-600)}.ds-text-error-700{color:var(--color-error-700)}.ds-text-error-800{color:var(--color-error-800)}.ds-text-error-900{color:var(--color-error-900)}.ds-text-error-950{color:var(--color-error-950)}.ds-text-success-50{color:var(--color-success-50)}.ds-text-success-100{color:var(--color-success-100)}.ds-text-success-200{color:var(--color-success-200)}.ds-text-success-300{color:var(--color-success-300)}.ds-text-success-400{color:var(--color-success-400)}.ds-text-success-500{color:var(--color-success-500)}.ds-text-success-600{color:var(--color-success-600)}.ds-text-success-700{color:var(--color-success-700)}.ds-text-success-800{color:var(--color-success-800)}.ds-text-success-900{color:var(--color-success-900)}.ds-text-success-950{color:var(--color-success-950)}.ds-text-warning-50{color:var(--color-warning-50)}.ds-text-warning-100{color:var(--color-warning-100)}.ds-text-warning-200{color:var(--color-warning-200)}.ds-text-warning-300{color:var(--color-warning-300)}.ds-text-warning-400{color:var(--color-warning-400)}.ds-text-warning-500{color:var(--color-warning-500)}.ds-text-warning-600{color:var(--color-warning-600)}.ds-text-warning-700{color:var(--color-warning-700)}.ds-text-warning-800{color:var(--color-warning-800)}.ds-text-warning-900{color:var(--color-warning-900)}.ds-text-warning-950{color:var(--color-warning-950)}.ds-text-info-50{color:var(--color-info-50)}.ds-text-info-100{color:var(--color-info-100)}.ds-text-info-200{color:var(--color-info-200)}.ds-text-info-300{color:var(--color-info-300)}.ds-text-info-400{color:var(--color-info-400)}.ds-text-info-500{color:var(--color-info-500)}.ds-text-info-600{color:var(--color-info-600)}.ds-text-info-700{color:var(--color-info-700)}.ds-text-info-800{color:var(--color-info-800)}.ds-text-info-900{color:var(--color-info-900)}.ds-text-info-950{color:var(--color-info-950)}.ds-text-left{text-align:left}.ds-text-center{text-align:center}.ds-text-right{text-align:right}.ds-text-justify{text-align:justify}.ds-text-start{text-align:start}.ds-text-end{text-align:end}.ds-w-auto{width:auto}.ds-w-full{width:100%}.ds-w-screen{width:100vw}.ds-w-1\/2{width:50%}.ds-w-1\/3{width:33.3333%}.ds-w-2\/3{width:66.6667%}.ds-w-1\/4{width:25%}.ds-w-2\/4{width:50%}.ds-w-3\/4{width:75%}.ds-w-1\/5{width:20%}.ds-w-2\/5{width:40%}.ds-w-3\/5{width:60%}.ds-w-4\/5{width:80%}.ds-w-4{width:1rem}.ds-w-8{width:2rem}.ds-w-12{width:3rem}.ds-w-16{width:4rem}.ds-w-24{width:6rem}.ds-w-32{width:8rem}.ds-w-48{width:12rem}.ds-w-56{width:14rem}.ds-w-64{width:16rem}.ds-w-10{width:10%}.ds-w-20{width:20%}.ds-w-25{width:25%}.ds-w-30{width:30%}.ds-w-33{width:33.3333%}.ds-w-40{width:40%}.ds-w-50{width:50%}.ds-w-60{width:60%}.ds-w-66{width:66.6667%}.ds-w-70{width:70%}.ds-w-75{width:75%}.ds-w-80{width:80%}.ds-w-90{width:90%}.ds-w-100{width:100%}.ds-min-w-0{min-width:0}.ds-min-w-full{min-width:100%}.ds-max-w-none{max-width:none}.ds-max-w-full{max-width:100%}.ds-max-w-screen{max-width:100vw}.ds-max-w-4xl{max-width:56rem}.ds-max-w-5xl{max-width:64rem}.ds-font-base{font-family:var(--font-base)}.ds-font-heading{font-family:var(--font-heading)}.ds-font-monospace{font-family:var(--font-monospace)}.ds-link a{color:var(--color-primary-600);text-decoration:none;transition:color .2s}.ds-link a:hover{color:var(--color-primary-700);text-decoration:underline}.ds-link{cursor:pointer;font-family:var(--font-base);text-decoration:none;transition:all .2s;display:inline-block}.ds-link-align-left{text-align:left}.ds-link-align-center{text-align:center}.ds-link-align-right{text-align:right}.ds-link-sm{font-size:var(--font-size-p4);line-height:var(--line-height-p4);font-weight:var(--font-weight-p4)}.ds-link-md{font-size:var(--font-size-button-md);line-height:var(--line-height-button-md);font-weight:var(--font-weight-button-md)}.ds-link-lg{font-size:var(--font-size-button-lg);line-height:var(--line-height-button-lg);font-weight:var(--font-weight-button-lg)}.ds-link-primary{color:var(--color-primary-700)}.ds-link-primary:hover:not(.ds-link-disabled){color:var(--color-primary-800)}.ds-link-secondary{color:var(--color-gray-600)}.ds-link-secondary:hover:not(.ds-link-disabled){color:var(--color-gray-700)}.ds-link-error{color:var(--color-error-600)}.ds-link-error:hover:not(.ds-link-disabled){color:var(--color-error-700)}.ds-link-success{color:var(--color-success-600)}.ds-link-success:hover:not(.ds-link-disabled){color:var(--color-success-700)}.ds-link-neutral{color:var(--color-neutral-600)}.ds-link-neutral:hover:not(.ds-link-disabled){color:var(--color-neutral-700)}.ds-link-underline-always{text-decoration:underline}.ds-link-underline-hover{text-decoration:none}.ds-link-underline-hover:hover:not(.ds-link-disabled){text-decoration:underline}.ds-link-underline-never,.ds-link-underline-never:hover{text-decoration:none}.ds-link-disabled{color:var(--color-gray-400);cursor:not-allowed;pointer-events:none}.ds-tab-container{width:100%}.ds-tab-list{border-radius:var(--btn-radius);background-color:var(--tab-bg);gap:4px;display:flex}.ds-tab-button{font-family:var(--font-base);cursor:pointer;background-color:var(--color-white);color:var(--tab-button-text);font-weight:500;font-size:var(--font-size-p3);line-height:var(--line-height-p3);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.ds-tab-button--active{background-color:var(--tab-button-bg-active);color:var(--tab-button-text-active);box-shadow:none}.ds-tab-button:hover:not(.ds-tab-button--active):not(:disabled){color:var(--tab-button-text-hover);background-color:var(--color-gray-50)}.ds-tab-button:disabled{cursor:not-allowed;opacity:.5;color:var(--color-gray-400)}.ds-tab-icon{width:16px;height:16px}.ds-modal{background:var(--color-bg-white);box-shadow:var(--modal-shadow);flex-direction:column;display:flex;overflow:hidden}.ds-modal--center{position:relative}.ds-modal--absolute{position:absolute}.ds-modal--fixed{position:fixed}.ds-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 12px;display:flex}.ds-modal-title-section{flex:1}.ds-modal-title{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3);color:var(--color-gray-900);margin:0 0 8px}.ds-modal-subtitle{font-size:var(--font-size-p3);line-height:var(--line-height-p3);color:var(--color-gray-600);margin:0}.ds-modal-close{color:var(--color-gray-400);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:color .2s}.ds-modal-close:hover{color:var(--color-gray-600)}.ds-modal-content{flex-direction:column;flex:1;gap:16px;padding:0 12px 12px;display:flex}.ds-modal-icon{justify-content:center;margin-bottom:8px;display:flex}.ds-modal-description{font-size:var(--font-size-p2);line-height:var(--line-height-p2);color:var(--color-gray-600);margin:0}.ds-modal-footer{border-top:1px solid var(--color-gray-200);margin-top:auto;padding:0 24px 24px}.ds-modal-actions{justify-content:end;gap:12px;margin-top:16px;display:flex}@media (max-width:768px){.ds-modal{max-width:none;width:calc(100vw - 32px)!important}.ds-modal-actions{flex-direction:column-reverse}.ds-modal-actions .ds-btn{width:100%}}.ds-auth-modal-content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:480px;padding:48px 32px 32px;display:flex;position:relative}.ds-auth-modal-title{color:var(--color-gray-900);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2);margin:0}.ds-auth-modal-icon{justify-content:center;align-items:center;margin:0;display:flex}.ds-auth-modal-description{text-align:center;flex-direction:column;gap:4px;margin:auto;display:flex}.ds-auth-modal-description p{color:var(--color-gray-600);font-size:var(--font-size-p2);line-height:var(--line-height-p2);margin:0}.ds-auth-modal-highlight{font-weight:var(--font-weight-h4)!important;color:var(--color-gray-900)!important}.ds-auth-modal-resend{color:var(--color-gray-600);font-size:var(--font-size-p3);line-height:var(--line-height-p3);justify-content:center;align-items:center;gap:4px;display:flex}.ds-auth-modal-resend span{color:var(--color-gray-600)}.ds-modal-close-btn{background:var(--color-white);border:1px solid var(--color-gray-200);cursor:pointer;width:32px;height:32px;color:var(--color-gray-500);z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 4px #0000001a}.countdown-display{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.countdown-display .ds-text-p3{color:var(--color-gray-700);font-weight:500}@media (max-width:768px){.countdown-display{padding:.5rem .75rem}}.ds-otp-section{flex-direction:column;gap:20px;width:100%;display:flex}.ds-otp-inputs{justify-content:center;gap:12px;display:flex}.ds-otp-input{border:1px solid var(--color-gray-300);text-align:center;width:40px;height:48px;font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);font-family:var(--font-base);color:var(--color-gray-900);background:var(--color-white);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.ds-otp-input:invalid{border-color:var(--color-error-500)}@media (max-width:768px){.ds-auth-modal-content{gap:20px;padding:40px 24px 24px}.ds-auth-modal-description{max-width:none}.ds-auth-modal-icon img,.ds-auth-modal-icon svg{width:64px;height:64px}.ds-auth-modal-content .ds-btn{width:100%;min-width:auto}.ds-otp-inputs{gap:8px}.ds-otp-input{width:36px;height:44px;font-size:var(--font-size-h4)}}.ds-password-requirements{flex-direction:column;gap:8px;padding:16px 0;display:flex}.ds-password-requirement{color:var(--color-gray-500);align-items:center;gap:8px;transition:color .2s;display:flex}.ds-password-requirement--valid{color:var(--color-success-600)}.ds-password-requirement--invalid{color:var(--color-error-600)}.ds-password-requirement-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.ds-password-success-content{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:16px 0;display:flex}.ds-password-success-icon{justify-content:center;margin-bottom:8px;display:flex}.ds-password-success-title{color:var(--color-gray-900);margin:0}.ds-password-success-description{flex-direction:column;gap:4px;max-width:300px;display:flex}.ds-password-success-description p{color:var(--color-gray-600);margin:0}@media (max-width:768px){.ds-password-success-content{gap:20px;padding:8px 0}.ds-password-success-description{max-width:none}}.stat-card{background:var(--color-white);border:1px solid var(--color-primary-100);border-radius:8px;flex-direction:column;gap:8px;width:268.67px;height:101px;padding:12px;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-header{justify-content:space-between;align-items:flex-start;display:flex}.stat-label-section{flex:1}.stat-label{color:var(--color-gray-600);font-weight:500}.stat-icon{color:var(--color-primary-600);font-size:20px}.stat-value-section{flex-direction:column;gap:8px;display:flex}.stat-number{color:var(--color-gray-900);font-weight:700;line-height:1.2}.stat-change{align-items:center;display:flex}.stat-change-text{font-weight:500}.stat-change--positive{color:var(--color-success-600)}.stat-change--negative{color:var(--color-error-600)}.stat-change--neutral{color:var(--color-gray-600)}.stat-card[data-icon-color=success] .stat-icon-section{background:var(--color-success-50)}.stat-card[data-icon-color=success] .stat-icon{color:var(--color-success-600)}.stat-card[data-icon-color=warning] .stat-icon-section{background:var(--color-warning-50)}.stat-card[data-icon-color=warning] .stat-icon{color:var(--color-warning-600)}.stat-card[data-icon-color=error] .stat-icon-section{background:var(--color-error-50)}.stat-card[data-icon-color=error] .stat-icon{color:var(--color-error-600)}.stat-card[data-icon-color=info] .stat-icon-section{background:var(--color-info-50)}.stat-card[data-icon-color=info] .stat-icon{color:var(--color-info-600)}.btn-action{background:var(--color-primary-50);width:32px;height:32px;color:var(--color-primary-500);border:1px solid var(--color-primary-200);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}.action-btn-top{background:var(--color-primary-50);height:32px;color:var(--color-primary-500);border:1px solid var(--color-primary-200);border-radius:50%;justify-content:center;align-items:center;gap:8px;padding:6px;display:flex}:is(:deep(.ds-form .q-gutter-md),:deep(.ds-form .q-gutter-sm),:deep(.ds-form .q-gutter-lg)){margin-left:0!important;margin-right:0!important}.text-decoration-none{text-decoration:none}.dashboard{background:#f9fafb;flex-direction:column;gap:24px;min-height:100vh;padding:24px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chat-dashboard{background:var(--color-neutral-50)}.chat-dashboard .dashboard-header{flex-wrap:wrap;gap:16px;margin-bottom:16px}.chat-dashboard .header-actions{justify-content:flex-end}.chat-dashboard .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.chat-dashboard .stat-card{border:1px solid var(--color-gray-200);border-radius:12px;width:100%;height:auto;min-height:106px;padding:16px;box-shadow:0 1px 2px #1018280d}.chat-dashboard .stat-card .stat-header{align-items:flex-start;gap:12px}.chat-dashboard .stat-card .stat-icon{font-size:18px}.chat-dashboard .stat-card .btn-action{background:var(--color-gray-100);width:36px;height:36px;color:var(--color-gray-600);border:1px solid var(--color-gray-200);border-radius:10px;justify-content:center;align-items:center;display:flex}.chat-dashboard .stat-card[data-icon-color=primary] .btn-action{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-100)}.chat-dashboard .stat-card[data-icon-color=warning] .btn-action{background:var(--color-warning-50);color:var(--color-warning-600);border-color:var(--color-warning-100)}.chat-dashboard .stat-card[data-icon-color=info] .btn-action{background:var(--color-info-50);color:var(--color-info-600);border-color:var(--color-info-100)}.chat-dashboard .stat-card[data-icon-color=success] .btn-action{background:var(--color-success-50);color:var(--color-success-600);border-color:var(--color-success-100)}.chat-dashboard .stat-card[data-icon-color=error] .btn-action{background:var(--color-error-50);color:var(--color-error-600);border-color:var(--color-error-100)}@media (max-width:1400px){.chat-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.chat-dashboard .dashboard-header{flex-direction:column;align-items:flex-start}.chat-dashboard .header-actions{justify-content:flex-start;width:100%}.chat-dashboard .stats-grid{grid-template-columns:1fr}}.chat-dashboard .charts-grid{grid-template-columns:1fr;gap:24px;display:grid}.chat-dashboard .chart-container{width:100%}.chat-dashboard .chart-card{border:1px solid var(--color-gray-200);border-radius:12px;padding:20px;box-shadow:0 2px 8px #1118270f}.chat-dashboard .chart-summary{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:12px 0 8px;display:grid}.chat-dashboard .chart-summary-item{flex-direction:column;gap:4px;display:flex}.chat-dashboard .chart-summary-value{color:var(--color-gray-900);font-size:18px;font-weight:700}.chat-dashboard .chart-summary-label{color:var(--color-gray-500);font-size:12px}.chat-dashboard .chart-legend{border-top:0;justify-content:center;gap:24px;margin:8px 0 12px;padding:0;display:flex}.chat-dashboard .legend-item{color:var(--color-gray-500);font-size:13px}.chat-dashboard .legend-dot{border-radius:3px;width:12px;height:12px;display:inline-block}@media (max-width:1200px){.chat-dashboard .chart-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.chat-dashboard .chart-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.social-connect-page{padding:24px}.social-connect-header{margin-bottom:16px}.social-connect-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #1118270f}.social-connect-row{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.social-connect-row:last-child{border-bottom:none}.social-connect-left{align-items:center;gap:16px;display:flex}.social-connect-icon{background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.social-connect-icon img{object-fit:contain;width:32px;height:32px}.social-connect-info{flex-direction:column;gap:4px;display:flex}.social-connect-title{color:var(--color-gray-900);font-size:15px;font-weight:600}.social-connect-desc{color:var(--color-gray-500);font-size:13px}.social-connect-badges{gap:6px;margin-top:8px;display:flex}.social-connect-badge{background:var(--color-gray-200);width:28px;height:28px;color:var(--color-gray-700);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.social-connect-badge--count{background:var(--color-primary-50);color:var(--color-primary-600);cursor:default}.social-connect-btn{border-radius:20px;padding:6px 18px}.instagram-connect-dialog{border-radius:14px;width:520px;max-width:92vw;overflow:hidden}.instagram-connect-header{padding:22px 24px 18px}.instagram-connect-option{cursor:pointer;border:1px solid #e4e7ec;border-radius:12px;align-items:center;gap:16px;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.instagram-connect-option:hover{border-color:var(--q-primary);transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.instagram-option-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.instagram-option-icon img{object-fit:contain;width:32px;height:32px}.instagram-icon{color:#d62976;background:#fce7f3}.facebook-icon{color:#1877f2;background:#e8f1ff}.instagram-option-content{flex:1;min-width:0}.instagram-option-title{color:#1d2939;font-size:15px;font-weight:600}.instagram-option-description{color:#667085;margin-top:4px;font-size:13px;line-height:1.5}.connection-divider{color:#98a2b3;align-items:center;gap:12px;margin:14px 0;font-size:11px;font-weight:600;display:flex}.connection-divider:before,.connection-divider:after{content:"";background:#eaecf0;flex:1;height:1px}.instagram-connect-note{color:#667085;background:#f8fafc;border-radius:9px;align-items:flex-start;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}@media (max-width:768px){.social-connect-row{flex-direction:column;align-items:flex-start}.social-connect-btn{align-self:flex-start}}.top-section{justify-content:space-between;margin-bottom:16px;display:flex}.stats-grid{flex-basis:50%;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.stats-grid-2{flex-basis:50%}.content-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.content-column{flex-direction:column;gap:24px;display:flex}.chart-card{background:var(--color-white);border:1px solid var(--color-gray-200);padding:24px}.chart-placeholder{background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:8px;justify-content:center;align-items:center;height:200px;margin-top:16px;display:flex}.donut-chart{background:conic-gradient(var(--color-error-500) 0% 43%, var(--color-warning-500) 43% 75%, var(--color-warning-400) 75% 93%, var(--color-success-500) 93% 107%, var(--color-primary-500) 107% 126%);border-radius:50%;justify-content:center;align-items:center;width:209.79px;height:209.79px;display:flex;position:relative}.donut-chart:before{content:"";background:#fff;border-radius:50%;width:140px;height:140px;position:absolute}.donut-chart span{z-index:1;position:relative}.chart-with-legend{align-items:center;gap:24px;display:flex}.pipeline-funnel{flex-direction:column;align-items:center;gap:8px;display:flex}.pipeline-stage{background:var(--color-primary-500);color:#fff;border-radius:4px;justify-content:center;align-items:center;padding:12px 24px;display:flex}.pipeline-stage.stage-1{width:120px}.pipeline-stage.stage-2{width:100px}.pipeline-stage.stage-3{width:80px}.legend{flex-direction:column;flex-basis:60%;gap:8px;margin-left:60px;display:flex}.legend-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.legend-item-left{flex-basis:80%;display:flex}.legend-item-right{flex-basis:20%;justify-content:flex-end;display:flex}.legend-color{border-radius:2px;width:12px;height:12px;margin-top:4px;margin-right:14px}.table-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden}.table-actions{align-items:center;gap:12px;display:flex}.data-table-container{border-radius:8px;padding:12px}.table-header{border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.table-actions-left{flex:1;max-width:320px}.search-input{border:1px solid var(--color-primary-100);background:var(--color-white);border-radius:8px;width:248px}.view-toggle-group{border:1px solid var(--color-primary-200);background:var(--color-white);border-radius:8px;display:flex}.view-toggle-btn{color:var(--color-primary-600);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:40px;height:40px;padding:10px}.view-toggle-btn:hover,.view-toggle-btn.active{background:var(--color-primary-50)}.action-btn{color:var(--color-primary-600);border:1px solid var(--color-primary-200);background:var(--color-primary-50);border-radius:8px;width:40px;height:40px;padding:10px}.table-wrapper{border:1px solid var(--color-primary-100);background:#fff;border-radius:8px;overflow-x:auto}.custom-table :deep(thead){background:var(--color-primary-50)}.table-header-cell,.table-cell{border-bottom:1px solid var(--color-primary-100);color:#111827;padding:12px 16px;font-size:14px}@media (max-width:768px){.table-header{flex-direction:column;align-items:stretch;gap:12px}.table-actions-left{width:100%}}.status-badge,.priority-badge{border-radius:8px;width:-moz-fit-content;width:fit-content;padding:6px 12px;font-size:12px;font-weight:500}.badge{font-size:20px}.status-pending,.status-negotation,.status-pricing-details-sent,.status-price-details-sent,.status-high,.status-queued,.status-on-hold{background:var(--color-warning-50);color:var(--color-warning-600)}.status-reviewed,.status-completed,.status-scheduled,.status-upcoming,.status-active,.status-delivered,.status-answered,.status-enabled,.status-open,.status-won,.status-ready,.status-low{background:var(--color-success-50);color:var(--color-success-600)}.status-progress,.status-processing{background:var(--color-info-50);color:var(--color-info-600)}.status-in-progress,.status-started,.status-intrested,.status-interested,.status-sent,.status-medium{background:var(--color-primary-50);color:var(--color-primary-600)}.status-to-do,.status-inactive,.status-disabled,.status-not_interested,.status-closed{background:var(--color-gray-50);color:var(--color-gray-600)}.status-cancelled,.status-failed,.status-un-answered,.status-lost,.status-urgent{background:var(--color-error-50);color:var(--color-error-600)}.detail-tabs{border-bottom:1px solid var(--color-primary-100);background:var(--color-white);display:flex}.tab-link{color:var(--color-gray-500);font-size:var(--font-size-label);font-weight:var(--font-weight-label);border-bottom:2px solid #0000;padding:12px 20px;text-decoration:none;transition:all .25s}.tab-link--active{color:var(--color-primary-600);background-color:var(--color-primary-100);border-bottom:2px solid var(--color-primary-500);font-weight:600}.customer-detail-page{background:var(--color-primary-50)}.page-header{background:var(--color-primary-50);align-items:center;gap:12px;padding:16px 24px;display:flex}.breadcrumb{align-items:center;gap:8px;display:flex}.breadcrumb-link{cursor:pointer}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--color-gray-900);font-weight:500}.content-wrapper{justify-content:space-between;width:98%;margin:auto;display:flex}.customer-sidebar{border:1px solid var(--color-primary-100);flex-basis:24%}.customer-sidebar,.sidebar,.main-content,.activity-sidebar{background:var(--color-white);overflow-y:auto}.customer-card{text-align:left;margin-bottom:24px;padding:16px;position:relative}.avatar{background:var(--color-primary-100);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.action-menu{position:absolute;top:15px;right:15px}.info-section{gap:16px;padding:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.info-section h3{margin:0 0 8px}.contact-list{flex-direction:column;gap:8px;display:flex}.contact-actions{gap:8px;display:flex}.contact-item{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;min-width:0;display:flex}.contact-main{flex:1;min-width:0}.contact-email{overflow-wrap:anywhere;word-break:break-word;max-width:100%;line-height:1.35;text-decoration:none;display:block}.contact-label{margin-top:2px;display:block}.contact-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.info-value{color:var(--color-gray-900)}.info-value.with-icon{align-items:center;gap:8px;display:flex}.source-avatar{background:var(--color-gray-100)}.main-content{flex-basis:75%}.detail-tabs .q-tab{color:var(--color-gray-500);background:0 0;border-bottom:2px solid #0000;transition:all .25s}.detail-tabs .q-tab:hover,.detail-tabs .q-tab:focus{color:var(--color-primary-600);background-color:var(--color-primary-50)}.detail-tabs .q-tab.q-tab--active{color:var(--color-primary-600);background-color:var(--color-primary-100);border-bottom:2px solid var(--color-primary-500);font-weight:600}.detail-tabs .q-tab__content{padding:12px 20px}.tab-content{background:0 0}.tab-content-and-sidebar{gap:16px;width:98%;margin:auto;display:flex}.child-container{width:100%}.overview-wrapper{display:flex}.overview-content{flex-basis:60%}.tab-content-wrapper{flex:1}.overview-panel{padding:24px}.section-title{margin:0 0 24px}.info-grid{flex-direction:column;gap:20px;display:flex}.info-grid-row{flex-direction:row;gap:8px;display:flex}.info-row{flex-direction:column;gap:8px;display:flex}.info-row-double{grid-template-columns:1fr 1fr;gap:24px;display:grid}.info-label{text-transform:uppercase;color:var(--color-gray-800)}.info-text{color:var(--color-gray-500)}.info-text.with-icon{align-items:center;gap:8px;display:flex}.note-box{background:var(--color-bg-white);border:1px solid var(--color-primary-100);border-radius:8px;padding:12px}.notes-section{margin-top:32px;padding-top:24px}.notes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notes-header h4{margin:0}.notes-pagination{align-items:center;gap:12px;display:flex}.note-card{background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:8px;padding:12px}.note-text{margin:0 0 12px}.note-footer{justify-content:space-between;align-items:center;width:100px;display:flex}.notes-actions{align-items:center;gap:12px;display:flex}.notes-empty{text-align:center;color:var(--color-gray-400);padding:32px}.activity-sidebar{border-left:1px solid var(--color-primary-100);flex-direction:column;height:100%;padding:16px;display:flex}.activity-header{margin-bottom:16px}.activity-title{font-weight:600}.activity-list{flex:1;padding-left:32px;position:relative;overflow-y:auto}.activity-list:before{content:"";border-left:2px dotted var(--color-gray-300);width:1px;position:absolute;top:0;bottom:0;left:15px}.activity-item{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex;position:relative}.activity-item .q-icon{background:#eef4ff;border-radius:50%;padding:6px;font-size:18px;position:absolute;top:2px;left:-32px}.activity-content{flex-direction:column;gap:4px;display:flex}.activity-text{line-height:1.4}.activity-user{font-weight:500}.activity-time{font-size:12px}.activity-empty{text-align:center;color:var(--color-gray-400);padding:24px 0}.comment-input{border-top:1px solid var(--color-gray-200);background:var(--color-bg-white);align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.comment-input .base-input,.comment-input input{border-radius:20px;flex:1}.table-header-row{background:var(--color-primary-50)}.table-actions-right{align-items:center;gap:8px;display:flex}.status-btn{color:var(--color-primary-600);border:1px solid var(--color-primary-200);background:var(--color-primary-50);border-radius:8px;height:32px}.table-wrapper{border:1px solid var(--color-primary-100);border-radius:8px;overflow-x:auto}.custom-table{box-shadow:none}.table-header-cell,.table-cell{border-bottom:1px solid var(--color-primary-100);padding:12px 16px}.custom-table :deep(tbody tr:hover){background:#f9fafb}.row-action-btn{color:var(--color-primary-600);border:1px solid var(--color-primary-100);background:var(--color-primary-50);border-radius:4px;width:32px;height:32px}.table-footer{background:#fff;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.footer-left,.footer-right{align-items:center;gap:12px;display:flex}.records-info,.records-per-page-label{color:#6b7280;font-size:14px}.rows-per-page-select :deep(.q-field__control){border:1px solid var(--color-primary-100);border-radius:8px;height:36px}.base-select-with-create{width:100%}.base-select-with-create__select{min-width:0}.pagination :deep(.q-btn){border-radius:8px;min-width:36px;height:36px;font-size:14px}.pagination :deep(.q-btn.q-btn--active){background:var(--color-primary-600);color:#fff}@media (max-width:768px){.content-grid,.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.chart-with-legend{flex-direction:column;align-items:center}.table-header,.table-footer{flex-direction:column;align-items:stretch;gap:12px}.table-actions-left,.footer-right{width:100%}}.documents-grid-container{padding:16px}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.document-card{background:var(--color-white);border:1px solid var(--color-gray-200);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.document-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.document-action{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.document-item:hover .document-action{opacity:1}.document-action--open svg{stroke:#3a7a3a}.document-preview{background:var(--color-gray-50);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.document-overlay{background:#fffffff2;max-height:150px;padding:12px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.document-card:hover .document-overlay{transform:translateY(0)}.document-overlay p{color:var(--color-gray-700);margin:0;font-size:12px;line-height:1.5}.document-title{color:var(--color-gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:14px;font-weight:600;overflow:hidden}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}@media (max-width:1200px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.documents-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.document-preview{height:150px}.documents-grid-container{padding:12px}}.dashboard-page{background:var(--color-gray-50);min-height:calc(100vh - 64px);padding:0}.dashboard-content{max-width:1400px;margin:0 auto;padding:80px 40px}.dashboard-header-section{margin-bottom:48px}.dashboard-title{color:var(--color-gray-900);font-size:32px;font-weight:700;font-family:var(--font-heading);margin:0 0 8px}.dashboard-subtitle{color:var(--color-gray-600);font-size:16px;font-family:var(--font-base);margin:0}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:32px;display:grid}.module-card{background:var(--color-white);border:1px solid var(--color-gray-200);cursor:pointer;border-radius:12px;min-height:200px;padding:32px 24px;transition:all .3s;position:relative;overflow:hidden}.module-card:hover{border-color:var(--color-primary-300);transform:translateY(-4px);box-shadow:0 8px 24px #6939ef1f}.module-card.active{border-color:var(--color-primary-600);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-white) 100%);box-shadow:0 8px 24px #6939ef26}.module-card.disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-50)}.module-card.disabled:hover{box-shadow:none;border-color:var(--color-gray-200);transform:none}.module-card.active:before{content:"";background:var(--color-primary-100);opacity:.5;border-radius:0 0 0 100%;width:80px;height:80px;position:absolute;top:0;right:0}.module-icon{background:var(--color-primary-50);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;transition:all .3s;display:flex}.module-card:hover .module-icon{background:var(--color-primary-100);transform:scale(1.05)}.module-card.active .module-icon{background:var(--color-primary-600)}.module-icon .q-icon{color:var(--color-primary-600);font-size:28px}.module-card.active .module-icon .q-icon{color:var(--color-white)}.module-content{z-index:1;position:relative}.module-title{color:var(--color-gray-900);font-size:20px;font-weight:700;font-family:var(--font-heading);margin:0 0 12px}.module-description{color:var(--color-gray-600);font-size:14px;line-height:1.6;font-family:var(--font-base);margin:0}.topbar{background:var(--color-white);border-bottom:1px solid var(--color-gray-100);z-index:1000;justify-content:space-between;align-items:center;height:72px;padding:16px 40px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #00000005}.impersonation-banner{z-index:20;color:#fff;background:#f97316;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #f9731659}.exit-impersonation-btn{font-size:12px;font-weight:700}.topbar-left{flex:none;align-items:center;display:flex}.logo-section{align-items:center;gap:16px;display:flex}.logo{object-fit:contain;width:145px;height:auto}.company-name{color:var(--color-primary-700);white-space:nowrap;letter-spacing:-.02em;font-size:22px;font-weight:700}.topbar-center{visibility:hidden;flex:1;justify-content:center;display:flex}.topbar-right{flex:none;align-items:center;gap:16px;display:flex}.notification-btn{border:1.5px solid var(--color-gray-200);background:var(--color-white);width:44px;height:44px;color:var(--color-gray-600);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.notification-btn:hover{background-color:var(--color-gray-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.notification-badge{background:var(--color-error-500);border:2px solid var(--color-white);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.user-profile-btn{background:var(--color-gray-50);border:1.5px solid var(--color-gray-200);border-radius:50px;gap:10px;height:44px;padding:6px 16px 6px 6px;transition:all .2s}.user-profile-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-primary-300)}.user-avatar{background:var(--color-primary-100);border:0;width:40px;height:40px}.user-avatar:hover,.user-avatar:focus,.user-avatar:active{border:.833px solid var(--color-primary-500)}.modules-list{max-height:500px;padding:8px;overflow-y:auto}.module-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.module-item:hover{background:var(--color-primary-50);border-color:var(--color-primary-100)}.module-item.active{background:var(--color-primary-50);border-color:var(--color-primary-200)}.module-item-icon{background:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary-600);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-item.active .module-item-icon{background:var(--color-primary-200)}.module-item-content{flex:1;min-width:0}.module-item-content .ds-text-label{margin-bottom:2px}.module-item-content .ds-text-caption{line-height:1.3}.modules-list::-webkit-scrollbar{width:6px}.modules-list::-webkit-scrollbar-track{background:var(--color-gray-50)}.modules-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.navigation-menu{margin-top:12px}.navigation-dropdown{background:var(--color-white);border-radius:12px;min-width:200px;padding:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.navigation-grid{display:none}.navigation-header{border-bottom:1px solid var(--color-gray-200);margin-bottom:16px;padding-bottom:16px}.navigation-title{color:var(--color-gray-900);margin:0;font-size:16px;font-weight:600}.nav-label{color:var(--color-gray-700);text-align:center;z-index:1;font-size:13px;font-weight:500;line-height:1.3;transition:all .25s;position:relative}.user-menu{background:var(--color-white);border-radius:16px;min-width:300px;padding:8px}.user-menu-info{align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.user-menu-details{flex:1}.user-actions{margin:8px 0}.notification-menu{background:#fff;border-radius:12px;flex-direction:column;width:336px;max-height:518px;padding:8px;display:flex;overflow:hidden;box-shadow:4px 4px 24px #27115f14}.notification-header{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.notification-title{color:#27115f;font-size:16px;font-weight:600}.notification-mark-read{color:#6c3ad5;cursor:pointer;font-size:13px;font-weight:500}.notification-tabs{background:var(--bg-white);border-bottom:2px solid var(--color-primary-100);border-radius:8px 0 0 8px;margin:8px;display:flex}.notification-tab{text-align:center;cursor:pointer;border-radius:8px 0 0 8px;flex:1;padding:12px;transition:all .3s}.notification-tab.active{background:var(--color-primary-100);border-bottom:2px solid var(--color-primary-500);color:var(--color-primary-600)}.notification-list{flex:1;padding:4px 4px 8px;overflow-y:auto}.notification-item{background:#fff;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:6px;padding:10px;transition:background .2s;display:flex;position:relative}.notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-dot{background:var(--color-error-500);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.layout-sidebar{z-index:100;transition:all .3s;position:fixed;top:0;bottom:0;left:0}.main-content{min-height:calc(100vh - 64px);margin-left:72px;transition:margin-left .3s}.detail-content{min-height:calc(100vh - 64px);transition:margin-left .3s}.main-content--sidebar-expanded{margin-left:248px}.main-content--no-sidebar{margin-left:0!important}.page-wrapper{background:var(--color-gray-50);min-height:calc(100vh - 64px);padding:0}.sidebar{background:var(--color-white);flex-direction:column;height:100%;transition:width .25s;display:flex;position:relative;overflow:hidden}.sidebar--expanded{width:248px}.sidebar-header{border-bottom:1px solid var(--color-gray-200);cursor:default;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 16px;display:flex}.sidebar:not(.sidebar--expanded) .sidebar-header{cursor:pointer;justify-content:center}.sidebar:not(.sidebar--expanded) .sidebar-header:hover{background:var(--color-gray-50)}.sidebar-logo-link{flex:1;align-items:center;min-width:0;text-decoration:none;display:flex}.sidebar-logo-full{object-fit:contain;width:auto;max-width:160px;height:30px}.sidebar-logo-small{object-fit:contain;width:36px;height:36px}.sidebar-toggle-btn{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-section{padding-bottom:12px}.nav-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-400);padding:6px 16px 8px;font-size:11px;font-weight:600}.nav-item-group,.nav-item-group--expanded{display:block}.nav-item{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin:4px 8px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.nav-item--disabled{opacity:.5;cursor:not-allowed}.nav-item:hover{color:var(--color-gray-50)}.nav-item--active{color:var(--color-primary-600)}.nav-item--active:before{content:"";background:var(--color-primary-600);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-item--active .nav-icon,.nav-item--active .nav-label{color:var(--color-primary-600)}.nav-item-content{flex:1;align-items:center;gap:12px;display:flex}.nav-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-item--active .nav-icon-wrap{color:var(--color-primary-100)}.nav-icon{color:var(--color-gray-600);flex-shrink:0}.nav-label{color:var(--color-gray-700);white-space:nowrap;font-size:14px;font-weight:500}.nav-expand-icon{color:var(--color-gray-500);transition:transform .2s}.sub-nav{margin:4px 12px 8px 60px;padding-left:12px}.sub-nav-item{cursor:pointer;border-radius:10px;margin:2px 0;padding:8px 12px;transition:all .2s}.sub-nav-item:hover{background:var(--color-gray-50)}.sub-nav-item--active{background:var(--color-primary-50);color:var(--color-primary-600)}.sub-nav-content{align-items:center;gap:8px;display:flex}.sub-nav-icon{color:var(--color-gray-500);flex-shrink:0}.sub-nav-label{color:var(--color-gray-600);font-size:13px}.sub-nav-item--active .sub-nav-icon,.sub-nav-item--active .sub-nav-label{color:var(--color-primary-600)}.sidebar-footer{border-top:1px solid var(--color-gray-200);padding:12px}.org-chip{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.org-avatar{background:var(--color-primary-100);width:36px;height:36px;color:var(--color-primary-700);text-transform:uppercase;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.org-meta{flex-direction:column;gap:2px;display:flex}.org-name{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.org-version{color:var(--color-gray-500);font-size:11px}.sidebar:not(.sidebar--expanded) .nav-label,.sidebar:not(.sidebar--expanded) .nav-expand-icon,.sidebar:not(.sidebar--expanded) .sub-nav{display:none}.sidebar:not(.sidebar--expanded) .nav-item-content,.sidebar:not(.sidebar--expanded) .nav-item,.sidebar:not(.sidebar--expanded) .sidebar-toggle,.sidebar:not(.sidebar--expanded) .org-chip{justify-content:center}.sidebar:not(.sidebar--expanded) .org-meta{display:none}.chat-layout{height:100%;display:flex;position:relative;overflow:hidden}.chat-main-container{background:var(--color-white);flex-direction:column;flex:1;height:100%;transition:margin-right .3s;display:flex}.chat-window{flex-direction:column;height:100%;display:flex}.chat-page{background:var(--color-gray-50);gap:12px;height:calc(100vh - 72px);padding:12px;display:flex;overflow:hidden}.attachment-menu-wrapper{position:relative}.attachment-menu{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;flex-direction:column;gap:8px;width:max-content;padding:8px;display:flex;position:absolute;bottom:48px}.attachment-item{cursor:pointer;align-items:center;gap:8px;padding:4px;display:flex}.upload-progress-card{background:#f5f8ff;border:1px solid #dbe7ff;border-radius:10px;margin:8px 16px;padding:10px 12px}.chat-sidebar{background:var(--color-white);border:1px solid var(--color-primary-100);border-radius:16px;flex-direction:column;flex-shrink:0;width:380px;height:100%;display:flex;overflow:hidden}.chat-page.sidebar-open .chat-sidebar,.chat-page.sidebar-open .chat-window{margin-right:400px}.search-bar{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--color-gray-400);pointer-events:none;position:absolute;right:12px}.search-input{border:1px solid var(--color-gray-100);background:var(--color-white);width:100%;font-family:var(--font-base);font-size:var(--font-size-p3);border-radius:8px;outline:none;padding:10px 12px 10px 40px;box-shadow:inset 2px 2px 4px #0000000d}.search-input:focus{border-color:var(--color-primary-600)}.conversation-tabs{border-bottom:1px solid var(--color-gray-200);flex-shrink:0;display:flex}.tab-button{color:var(--color-gray-600);font-family:var(--font-base);font-size:var(--font-size-p3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-weight:500;transition:all .2s}.tab-button:hover,.tab-button.active{background:var(--color-primary-50);color:var(--color-primary-700);border-bottom-color:var(--color-primary-600)}.conversation-avatar{background:var(--color-primary-100);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.conversation-list-wrapper{flex:1;min-height:0;overflow-y:auto}.conversation-list{flex:1;overflow-y:auto}.conversation-item{border-bottom:1px solid var(--color-gray-100);cursor:pointer;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.conversation-item:hover{background:var(--color-gray-50)}.conversation-content{flex:1;min-width:0}.conversation-header{justify-content:space-between;align-items:center;display:flex}.conversation-footer{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.conversation-preview-section{justify-content:space-between;gap:8px;width:100%;margin-top:5px;display:flex}.conversation-meta{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:10px;display:flex}.unread-badge{background:var(--color-primary-500);color:var(--color-white);text-align:center;border-radius:50%;width:21px;height:21px;padding:1px 2px 2px;font-size:12px;line-height:150%}.social-media{border-radius:50%;align-items:center;width:20px;height:20px;display:flex;overflow:hidden}.social-media img{object-fit:cover;width:100%;height:100%}.chat-window{background:var(--color-white);border:1px solid var(--color-primary-100);border-radius:16px;flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--color-gray-200);background:var(--color-white);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.avatar-small{background:var(--color-primary-100);width:40px;height:40px;font-size:var(--font-size-p3);color:var(--color-primary-700);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.header-info{align-items:center;gap:12px;display:flex}.header-info h3{color:var(--color-gray-900);margin:0}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{background:var(--color-white);width:40px;height:40px;color:var(--color-primary-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.messages-history-loader{justify-content:center;align-items:center;gap:8px;padding:6px 0 12px;display:flex}.date-divider{justify-content:center;margin:24px 0;display:flex}.message-sender-info{display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.bot-indicator{color:var(--color-primary-600);align-items:center;gap:6px;display:flex}.bot-indicator svg{width:16px;height:16px}.bot-indicator span{color:var(--color-primary-700);font-weight:500}.message-content{line-height:1.5}.message-text{word-wrap:break-word;white-space:pre-wrap;margin:0}.message-text :deep(.bullet){color:var(--color-primary-600);margin-right:4px;font-weight:600}.message-time{color:var(--color-gray-500);font-size:11px}.message-input{border:1px solid var(--color-gray-100);background:var(--color-white);border-radius:8px;outline:none;flex:1;padding:12px 16px;box-shadow:inset 2px 2px 4px #0000000d}.send-btn{width:40px;height:40px;color:var(--color-primary-500);cursor:pointer;background:var(--color-white);border:none;justify-content:center;align-items:center;display:flex}.empty-state{background:var(--color-white);border:1px solid var(--color-primary-100);border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex}.conversation-list::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:var(--color-gray-50)}.messages-container::-webkit-scrollbar-track{background:var(--color-gray-50)}.conversation-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.integrations-page{background:#f8f9fa;height:calc(100vh - 72px);min-height:calc(100vh - 72px);display:flex;overflow:hidden}.integrations-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:280px;min-width:0;display:flex;overflow-y:auto}.integrations-sidebar-header{border-bottom:1px solid #e5e7eb;padding:24px 20px 16px}.integrations-sidebar-header h2{color:#111827;margin:0;font-size:20px;font-weight:600}.integrations-section{padding:8px 12px}.integrations-section .section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:8px 8px 4px;font-size:12px;font-weight:600}.integrations-section .integration-item{cursor:pointer;border-radius:8px;align-items:center;margin-bottom:2px;padding:10px 12px;transition:all .2s;display:flex}.integrations-section .integration-item:hover{background:#f3f4f6}.integrations-section .integration-item.active{background:#eff6ff}.integrations-section .integration-item.active .integration-name{color:#2563eb;font-weight:500}.integrations-section .integration-item .integration-icon{object-fit:contain;width:24px;height:24px;margin-right:12px}.integrations-section .integration-item .integration-name{color:#374151;font-size:14px}.integrations-content{flex:1;min-width:0;padding:24px 32px;overflow-y:auto}.breadcrumb{align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.breadcrumb .breadcrumb-link{color:#6b7280;cursor:pointer}.breadcrumb .breadcrumb-link:hover{color:#2563eb}.breadcrumb .breadcrumb-current{color:#111827;font-weight:500}.connection-card{background:#fff;border-radius:12px;width:100%;max-width:1080px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.connection-header{border-bottom:1px solid #e5e7eb;align-items:flex-start;gap:20px;padding:32px;display:flex}.connection-header .platform-logo{object-fit:contain;width:64px;height:64px}.connection-header .connection-header-text{flex:1}.connection-header .connection-header-text h1{color:#111827;margin:0 0 8px;font-size:24px;font-weight:600}.connection-header .connection-header-text p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.limit-summary-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;min-width:230px;padding:14px 16px}.limit-summary-title{color:#2563eb;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.limit-summary-row{color:#374151;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;font-size:13px;display:flex}.limit-summary-row strong{color:#111827}.limit-summary-help{color:#64748b;margin-top:8px;font-size:12px}.limit-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.dialog-limit-summary{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:12px}.connection-body{padding:48px 32px}.empty-state{text-align:center;padding:40px 20px}.empty-state .empty-icon{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.empty-state .empty-icon img{filter:grayscale()}.empty-state h3{color:#111827;margin:0 0 12px;font-size:20px;font-weight:600}.empty-state p{color:#6b7280;max-width:480px;margin:0 auto 32px;font-size:14px;line-height:1.6}.empty-state .connect-button-large{border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500}.connected-accounts .account-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.connected-accounts .account-card{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.connected-accounts .account-card:hover{border-color:#2563eb;box-shadow:0 4px 6px -1px #0000001a}.connected-accounts .account-card .account-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.connected-accounts .account-card .account-info{flex:1}.connected-accounts .account-card .account-info .account-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:500}.connected-accounts .account-card .account-info .account-status{color:#10b981;font-size:12px}.connected-accounts .account-card .account-menu{color:#9ca3af}.connected-accounts .connect-button{border-radius:8px;justify-content:center;width:100%;padding:12px}.permissions-section{background:#f9fafb;border-top:1px solid #e5e7eb;padding:32px}.permissions-section .permissions-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.permissions-section .permissions-header h3{color:#111827;margin:0;font-size:18px;font-weight:600}.permissions-section .permissions-description{color:#6b7280;margin:0 0 24px;font-size:14px}.permissions-section .permissions-list{flex-direction:column;gap:16px;display:flex}.permissions-section .permission-item{align-items:flex-start;gap:12px;display:flex}.permissions-section .permission-item .permission-text{flex:1}.permissions-section .permission-item .permission-text .permission-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:500}.permissions-section .permission-item .permission-text .permission-desc{color:#6b7280;font-size:13px}.form-preview-dialog{width:min(500px,60vw);max-width:60vw}@media (max-width:1024px){.integrations-page{flex-direction:column;height:auto;min-height:calc(100dvh - 64px);overflow:visible}.integrations-sidebar{border-bottom:1px solid #e5e7eb;border-right:0;width:100%;overflow:visible}.integrations-sidebar-header{padding:16px 16px 12px}.integrations-sidebar-header h2{font-size:20px}.integrations-section{flex-wrap:wrap;gap:8px;padding:8px 12px 14px;display:flex}.integrations-section .section-title{width:100%;margin-bottom:0;padding:4px 2px}.integrations-section .integration-item{white-space:nowrap;min-height:40px;margin:0}.integrations-content{padding:16px;overflow:visible}.breadcrumb{flex-wrap:wrap;margin-bottom:14px}.connection-header{flex-direction:column;gap:12px;padding:18px 16px}.connection-header .platform-logo{width:56px;height:56px}.connection-header .connection-header-text h1{font-size:20px;line-height:1.3}.connection-body{padding:24px 16px}.connected-accounts .account-list{grid-template-columns:1fr;gap:12px}.permissions-section{padding:22px 16px}.permissions-section .permissions-header h3{line-height:1.35}.empty-state p{max-width:100%}.limit-summary-card{width:100%}.form-preview-dialog{width:min(94vw,520px)!important;max-width:94vw!important}}@media (max-width:640px){.integrations-sidebar-header h2{font-size:18px}.integrations-content{padding:12px}.connection-header .connection-header-text h1{font-size:18px}.connection-header .connection-header-text p{font-size:13px}.empty-state{padding:20px 8px}.empty-state .connect-button-large{width:100%;padding:10px 14px;font-size:14px}.permissions-section .permissions-header{align-items:flex-start}}@media (max-width:480px){.integrations-page{min-height:calc(100dvh - 64px)}.integrations-sidebar-header{padding:14px 12px 10px}.integrations-sidebar-header h2{font-size:17px}.integrations-section{padding:8px 8px 12px}.integrations-section .integration-item{justify-content:flex-start;width:100%}.connection-body{padding:20px 12px}.permissions-section{padding:18px 12px}.form-preview-dialog{width:96vw!important;max-width:96vw!important}}@media (max-width:1024px){.navigation-grid,.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.topbar{padding:8px 16px}.topbar-center,.user-info-text{display:none}.navigation-dropdown{min-width:320px}.navigation-grid{grid-template-columns:repeat(2,1fr);gap:8px}.nav-item{padding:16px 12px}.dashboard-content{padding:40px 20px}.dashboard-title{font-size:24px}.modules-grid{grid-template-columns:1fr;gap:16px}.main-content{margin-left:0!important}.layout-sidebar{display:none}.chat-page{gap:8px;height:calc(100vh - 50px);padding:8px}.chat-sidebar{width:100%;display:none}.chat-window-shell{position:relative}.chat-right-panel{z-index:2000;width:auto;min-width:0;max-width:none;height:auto;position:fixed;top:84px;bottom:12px;left:12px;right:12px}.chat-sidebar.show-mobile{display:flex}.chat-window{width:100%}.message-bubble{max-width:80%}.header-actions .ds-btn{display:none}}@media (max-width:480px){.topbar{padding:8px 12px}.company-name{font-size:16px}.logo{height:28px}.topbar-right{gap:4px}.navigation-dropdown{min-width:280px;padding:16px}.dashboard-content{padding:24px 16px}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:14px}.module-card{padding:24px 20px}.chat-page{padding:4px}}.chat-layout{height:100%;display:flex;overflow:hidden}.chat-page{background:var(--color-gray-50);gap:12px;height:calc(100vh - 72px);padding:12px;transition:all .3s;display:flex;overflow:hidden}.chat-main-container{background:var(--color-white);flex-direction:column;flex:1;transition:margin-right .3s;display:flex}.chat-main-container.has-sidebar{margin-right:360px}.message-actions-left{align-items:center;gap:4px;margin-top:8px;display:flex}.action-icon-btn{border:1px solid var(--color-primary-200);background:var(--color-primary-50);width:40px;height:40px;color:var(--color-primary-500);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover{background:var(--color-primary-100)}.message-menu-btn{border:1px solid var(--color-primary-200);background:var(--color-primary-50);width:40px;height:40px;color:var(--color-primary-500);border-radius:8px}.message-action-menu{background:var(--color-white);border-radius:12px;min-width:180px;padding:8px;box-shadow:0 4px 12px #0000001a}.message-action-menu .q-item{border-radius:8px;margin-bottom:4px;padding:10px 12px}.message-action-menu .q-item:hover{background:var(--color-primary-50)}.menu-icon-section{min-width:32px}.chat-window{border:1px solid var(--color-primary-100);background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;padding:16px 24px;display:flex}.header-left,.header-actions{align-items:center;gap:12px;display:flex}.avatar-small{background:var(--color-primary-100);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.messages-container{flex:1;padding:24px;overflow-y:auto}.message-row{margin-bottom:16px;display:flex}.message-left{justify-content:flex-start}.message-right{justify-content:flex-end}.message-wrapper{display:flex}.message-bubble{border-radius:12px;flex-direction:column;gap:8px;max-width:500px;padding:8px 16px;display:flex}.message-customer,.message-admin{background:var(--color-primary-50);border:1px solid var(--color-primary-100)}.message-bot,.message-ai{border:1px solid var(--color-gray-200);background:#fff}.message-footer{color:var(--color-gray-500);justify-content:space-between;width:100%;margin:0 30px 0 0;font-size:11px;display:flex}.message-error{color:var(--color-error-600);gap:6px;margin:-8px 0 16px 48px;display:flex}.message-input{border:1px solid var(--color-gray-100);border-radius:8px;flex:1;padding:12px 16px}.send-btn,.icon-btn{cursor:pointer;background:0 0;border:none;width:40px;height:40px}.right-sidebar{background:#fff;flex-direction:column;width:400px;display:flex;box-shadow:-4px 0 24px #27115f1f}.emoji-picker-sidebar{background:#fff;border-left:1px solid #d9e0eb;flex-direction:column;width:320px;min-width:320px;max-width:320px;height:100%;display:flex;overflow:hidden;box-shadow:-2px 0 16px #0f172a14}.emoji-picker-content .group{flex-direction:column;gap:8px;padding:0 4px 14px;display:flex}.sidebar-header-top,.emoji-picker-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.close-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px}.close-btn:hover{background:var(--color-gray-100)}.emoji-picker-sidebar .sidebar-header{border-bottom:none;gap:0;padding:12px 12px 8px;display:block}.emoji-picker-sidebar .search-bar{width:100%}.emoji-picker-sidebar .search-bar .search-input{background:#fff;border:1px solid #d7dce6;border-radius:12px;height:50px;padding:0 44px 0 14px;box-shadow:0 1px 1px #0f172a08}.emoji-picker-sidebar .search-bar .search-input::placeholder{color:#9aa3b5}.emoji-picker-sidebar .search-icon{color:#2b6fbf;right:14px}.emoji-picker-sidebar .emoji-picker-content{flex:1;padding:0 10px 14px;overflow-y:auto}.emoji-picker-sidebar .emoji-picker-content::-webkit-scrollbar{width:6px}.emoji-picker-sidebar .emoji-picker-content::-webkit-scrollbar-thumb{background:#b7c5db;border-radius:6px}.emoji-picker-sidebar .emoji-picker-content::-webkit-scrollbar-track{background:#f1f4fa}.emoji-picker-sidebar .quick-reply-item{cursor:pointer;background:#f6f8fc;border:1px solid #d7dde8;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.emoji-picker-sidebar .quick-reply-item:hover{background:#edf3fc;border-color:#c4d2e7}.emoji-picker-sidebar .quick-reply-item .ds-text-caption{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;line-height:1.4;display:-webkit-box;overflow:hidden}.emoji-picker-sidebar .quick-reply-item .q-icon{flex-shrink:0;margin-top:2px}.emoji-picker-sidebar .quick-reply-state{padding:10px 6px 4px}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.emoji-item{cursor:pointer;border-radius:8px;width:36px;height:36px;font-size:24px}.emoji-item:hover{background:var(--color-primary-50);transform:scale(1.2)}.video-modal-container{background:#000;border-radius:12px;width:90vw;max-width:800px}.conversation-list::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}@media (max-width:768px){.chat-sidebar{display:none}.right-sidebar,.emoji-picker-sidebar{z-index:2000;width:100%;position:fixed;top:0;bottom:0;right:0}}.chat-page{background:#f4f7fb;gap:14px;padding:12px}.chat-sidebar{border:1px solid #d8e3f3;border-radius:14px;width:360px;box-shadow:0 1px 2px #0f172a0a}.sidebar-header{align-items:center;gap:10px;padding:14px 14px 12px}.chat-sidebar .header-actions{gap:8px}.chat-sidebar .icon-btn{color:#2f6cb9;background:#fff;border:1px solid #c8d7ed;border-radius:10px;width:36px;height:36px;position:relative}.chat-sidebar .icon-btn:hover{background:#eef4ff}.filter-badge{background:#ef4444;border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.search-bar .search-input{height:42px;box-shadow:none;border:1px solid #d5e2f4;border-radius:10px;padding:0 42px 0 14px}.search-icon{color:#1f5ea8;right:14px}.conversation-tabs{min-height:44px}.tab-button{padding:11px 16px;font-weight:500}.tab-button.active{color:#1f5ea8;background:#eef4ff;border-bottom-color:#2672c8}.conversation-item{gap:12px;padding:14px}.conversation-item.active{background:#edf4ff;border-left:2px solid #2b6fbf}.conversation-avatar{color:#244c7d;background:#e7f0fc;width:44px;height:44px}.conversation-preview-section .ds-text-p2{text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block;overflow:hidden}.conversation-meta{margin-top:8px}.chat-window-shell{gap:12px;width:100%;min-width:0;height:100%;display:flex}.chat-window-main{flex:1;min-width:0;display:flex}.chat-window-main>.chat-window{width:100%;min-width:0}.chat-right-panel{background:#fff;border:1px solid #d8e3f3;border-radius:14px;flex-direction:column;width:320px;min-width:320px;max-width:320px;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.chat-right-panel .emoji-picker-sidebar,.chat-right-panel .right-sidebar,.chat-right-panel .quick-reply-sidebar,.chat-right-panel .user-profile-sidebar{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important;position:relative!important;top:auto!important;bottom:auto!important;right:auto!important}.chat-right-panel-enter-active,.chat-right-panel-leave-active{transition:all .22s}.chat-right-panel-enter-from,.chat-right-panel-leave-to{opacity:0;transform:translate(14px)}.chat-window{background:#fff;border:1px solid #d8e3f3;border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.chat-header{min-height:74px;padding:14px 18px}.chat-header .header-actions{gap:10px}.chat-header .btn-action{color:#2b6fbf;background:#fff;border:1px solid #c8d8ee;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-header .btn-action:hover{background:#eef4ff}.chat-header .ds-btn.ds-btn-primary{border-radius:10px;min-height:40px;padding:0 18px}.avatar-small{color:#1e3f68;background:#e7f0fc}.messages-container{background:#fbfcff;padding:18px 20px 16px}.date-divider{margin:16px 0}.date-divider span{background:#edf2f9;border-radius:999px;padding:4px 10px;color:#607089!important}.message-row{margin-bottom:12px}.message-wrapper{max-width:min(620px,74vw)}.message-right .message-wrapper{margin-left:auto}.message-bubble,.message-bubble-attachment,.message-bubble-attachment-failed{border-radius:14px;flex-direction:column;gap:6px;max-width:min(520px,64vw);padding:10px 14px;display:flex}.message-customer{background:#f7f9fe;border:1px solid #dce7f8}.message-admin{background:#eef5ff;border:1px solid #d5e5fb}.message-bot,.message-ai{background:#fff;border:1px solid #dce4ef}.message-bubble-failed,.message-bubble-attachment-failed{background:#fff5f5;border-color:#f0c6c6}.message-content,.message-content .message-attachment{flex-direction:column;gap:8px;display:flex}.attachment-image,.attachment-video{object-fit:cover;background:#fff;border:1px solid #d6e1f1;border-radius:10px;max-width:min(320px,58vw);max-height:240px}.message-content audio{max-width:300px}.document-item{cursor:default;background:#f4f7fc;border:1px solid #d7e1ef;border-radius:12px;align-items:center;gap:10px;min-width:200px;max-width:280px;padding:10px 14px;display:flex}.document-icon{background:#e8eef7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.document-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.document-name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.document-size{color:#8a9ab5;margin-top:2px;font-size:11px}.document-download{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.document-download:hover{opacity:1}.input-area-wrapper{background:#fff;border-top:1px solid #dfe8f4;padding:10px 12px}.input-area{align-items:center;gap:8px;padding:0;display:flex}.input-area .icon-btn,.input-area .send-btn,.action-icon-btn,.message-menu-btn{color:#2a6ebf;width:40px;min-width:40px;height:40px;box-shadow:none;background:#fff;border:1px solid #d0ddf0;border-radius:12px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.input-area .icon-btn:hover,.action-icon-btn:hover,.message-menu-btn:hover{background:#eef4ff;border-color:#b9cdea}.input-area .icon-btn:active,.action-icon-btn:active,.message-menu-btn:active{transform:scale(.96)}.message-input{color:#1f2a44;height:44px;box-shadow:none;background:#fff;border:1px solid #d2deef;border-radius:12px;outline:none;flex:1;padding:0 14px;font-size:14px}.message-input::placeholder{color:#98a5ba}.message-input:focus{border-color:#7fa8dc;box-shadow:0 0 0 3px #2a6ebf14}.input-area .send-btn,.send-btn{color:#fff;background:#2b6fbf;border-color:#2b6fbf}.input-area .send-btn:hover,.send-btn:hover{background:#235fa6;border-color:#235fa6}.input-area .send-btn svg,.send-btn svg,.input-area .send-btn .q-icon,.send-btn .q-icon{color:#fff}@media (max-width:1024px){.chat-sidebar{width:330px}.message-wrapper{max-width:min(540px,76vw)}}@media (max-width:768px){.messages-container{padding:14px 12px}.message-bubble,.message-bubble-attachment,.message-bubble-attachment-failed{max-width:min(88vw,440px)}.attachment-image,.attachment-video{max-width:min(76vw,300px);max-height:220px}}.status-blocked{color:#c62828;background:#fff1f1;border:1px solid #f4c7c7}.blocked-notice{color:#c62828;background:#fff4f4;border:1px solid #f4c7c7;border-radius:10px;margin-bottom:8px;padding:8px 10px}.input-area .icon-btn:disabled,.send-btn:disabled,.message-input:disabled{cursor:not-allowed;opacity:.65}.support-ticket-section{margin-top:24px}.support-ticket-list{flex-direction:column;gap:12px;display:flex}.support-ticket-card{border:1px solid var(--color-border,#e5e7eb);cursor:pointer;background:#fff;border-radius:12px;padding:14px 16px;transition:all .2s}.support-ticket-card:hover{border-color:var(--color-primary-300,#93c5fd);box-shadow:0 4px 12px #0000000f}.ticket-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ticket-no{color:var(--color-primary-600,#2563eb);margin-bottom:4px}.ticket-subject{color:var(--color-text-primary,#111827)}.ticket-badges{flex-wrap:wrap;gap:8px;display:flex}.ticket-meta{margin-top:8px}.empty-support-ticket{padding:12px 0}.ds-btn.q-btn{border-radius:var(--btn-radius)!important;font-family:var(--font-base)!important;text-transform:none!important;font-weight:inherit!important;font-size:inherit!important;line-height:inherit!important;min-height:unset!important;padding:inherit!important}.ds-btn.q-btn:before,.ds-btn.q-btn .q-focus-helper,.ds-btn.q-btn .q-ripple{display:none!important}.ds-btn-lg.q-btn{min-height:var(--btn-height-lg)!important}.ds-btn-md.q-btn{min-height:var(--btn-height-md)!important}.ds-input-field.q-field{margin:0!important;padding:0!important}.ds-input-field .q-field__control{border:var(--input-border-width) solid var(--color-gray-100)!important;border-radius:var(--input-radius)!important;background:var(--color-white)!important;min-height:var(--input-height)!important;padding:0 var(--input-padding)!important;box-shadow:inset 2px 2px 4px #0000000d!important}.ds-input-field .q-field__control:before,.ds-input-field .q-field__control:after{border:none!important;display:none!important}.ds-input-field .q-field__native{padding:var(--input-padding)!important;font-family:var(--font-base)!important;min-height:var(--input-height)!important;line-height:normal!important}.ds-input-field textarea.q-field__native{padding:var(--input-padding)!important;min-height:120px!important}.ds-input-field .q-field__bottom{min-height:0!important;padding:0!important}.ds-input-field.q-field--focused .q-field__control{border-color:var(--color-primary)!important}.ds-input-field.q-field--error .q-field__control{border-color:var(--color-error)!important}.ds-input-field .q-field__control .q-field__control-container{padding:0!important}.ds-input-field .q-field__marginal{height:var(--input-height)!important}.q-btn{margin:0!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.gap-xs{gap:8px}.gap-sm{gap:12px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}.gap-2xl{gap:48px}.w-full{width:100%}.w-auto{width:auto}.max-w-xs{max-width:320px}.max-w-sm{max-width:402px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.m-0{margin:0}.mt-xs{margin-top:8px}.mt-sm{margin-top:12px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-xs{margin-bottom:8px}.mb-sm{margin-bottom:12px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.ml-0{margin-left:0}.ml-xs{margin-left:8px}.ml-sm{margin-left:12px}.ml-md{margin-left:16px}.ml-lg{margin-left:24px}.ml-xl{margin-left:32px}.mr-0{margin-right:0}.mr-xs{margin-right:8px}.mr-sm{margin-right:12px}.mr-md{margin-right:16px}.mr-lg{margin-right:24px}.mr-xl{margin-right:32px}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-xs{padding:8px}.p-sm{padding:12px}.p-md{padding:16px}.p-lg{padding:24px}.p-xl{padding:32px}.form-container{flex-direction:column;gap:24px;width:100%;display:flex}.form-container--sm{max-width:402px}.form-container--md{max-width:600px}.form-container--lg{max-width:800px}.form-container--centered{margin:0 auto}.form-section{flex-direction:column;display:flex}.form-section--fields{gap:20px}.form-section--actions{gap:12px;margin-top:8px}.form-section--spaced{margin-top:24px}.form-field{margin-bottom:20px}.form-field--last{margin-bottom:0}.form-title{color:var(--color-gray-700);margin:0 0 32px}.form-title--centered{text-align:center}@apply form-container form-container--sm;@apply form-title;@apply form-section form-section--fields;@apply form-section form-section--actions;.card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.card--elevated{box-shadow:0 4px 6px -1px #0000001a}.card__header{padding:24px 24px 0}.card__body{padding:24px}.card__footer{border-top:1px solid var(--color-border);margin-top:24px;padding:24px}.link{color:var(--color-primary-600);text-decoration:none;transition:color .2s}.link:hover{color:var(--color-primary-700);text-decoration:underline}.link--muted{color:#667085}.link--muted:hover{color:var(--color-primary-600)}.link--block{display:block}.link--inline{display:inline}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}@media (max-width:768px){.form-container--sm{max-width:100%;padding:0 16px}.form-title{margin-bottom:24px}.gap-lg{gap:16px}}@media (max-width:480px){.form-section--fields{gap:16px}.form-field{margin-bottom:16px}}.border-16{border-radius:16px}.auth-layout{height:100vh;min-height:100vh;font-family:var(--font-base);display:flex;overflow:hidden}.auth-left{flex-direction:column;flex:1;justify-content:center;max-width:600.5px;margin:0 auto;padding:48px 64px;display:flex;overflow:hidden}.auth-right{background:linear-gradient(135deg, var(--color-primary-400) 0%, var(--color-primary-600) 100%);border-radius:16px;flex:1;justify-content:center;align-items:center;height:calc(100vh - 50px);margin:25px;display:flex;position:relative;overflow:hidden}.auth-form{width:100%;max-width:420px;margin-top:50px}.auth-carousel{border-radius:16px;width:100%;height:100%;overflow:hidden}.auth-banner-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.banner-content{z-index:2;max-width:78%;position:absolute}.banner-content--bottom-left{bottom:8%;left:10%}.banner-content--bottom-center{text-align:center;bottom:8%;left:50%;transform:translate(-50%)}.banner-content--center-left{top:50%;left:10%;transform:translateY(-50%)}.banner-content--center{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-content--top-left{top:10%;left:10%}.testimonial-subtitle{margin-top:12px;margin-bottom:0;font-size:18px;line-height:1.5}.auth-carousel :deep(.q-carousel__navigation){bottom:6%;left:10%;right:auto}.auth-carousel :deep(.q-carousel__navigation-icon){color:#fff;opacity:.7}.auth-carousel :deep(.q-carousel__navigation-icon--active){opacity:1}:is(.auth-carousel :deep(.q-carousel__prev-arrow),.auth-carousel :deep(.q-carousel__next-arrow)){background:#fffc;border-radius:50%;width:40px;height:40px}:is(.auth-carousel :deep(.q-carousel__prev-arrow .q-icon),.auth-carousel :deep(.q-carousel__next-arrow .q-icon)){color:var(--color-primary-700)}.nav-arrow{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);cursor:pointer;z-index:3;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow-left{left:20px}.nav-arrow-right{right:20px}.star-rating{gap:4px;margin-bottom:32px;font-size:24px;display:flex}.testimonial-text{margin-bottom:32px}.testimonial-title{font-size:var(--font-size-display-1);line-height:var(--line-height-display-1);color:var(--color-white);margin:0;font-weight:500}.pagination-dots{align-items:center;gap:8px;display:flex}.dot{background:#fff9;border-radius:50%;width:8px;height:8px}.dot.active{background:#fff;border-radius:4px;width:64px}@media (max-width:1024px){.auth-layout{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.auth-left{max-width:none;margin:0;padding:32px}.auth-right{height:400px;min-height:400px;margin:16px}.nav-arrow{display:none}}@media (max-width:768px){.auth-left{padding:24px}.logo-container{margin-bottom:32px}.testimonial-title{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}}.auth-form--centered{margin:0 auto}.auth-fields{flex-direction:column;gap:20px;display:flex}.auth-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.auth-title{margin:30px 0 32px}.auth-link--center{text-align:center;display:block}.auth-link{color:var(--color-primary-700);text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--color-primary-700);text-decoration:underline}@media (max-width:768px){.auth-form{max-width:100%;padding:0 16px}.auth-title{margin-bottom:24px}.auth-fields{gap:16px}}html,body,#q-app,#q-app>div{width:100%;max-width:100%}body{overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}.page-wrapper{overflow-x:hidden}.layout-sidebar-backdrop{display:none}.notification-menu,.user-menu{max-width:min(92vw,336px)}.q-dialog__inner>div{max-width:min(94vw,760px)}.chat-page-sidebar-panel,.chat-page-window-panel{min-height:0;display:flex}.chat-page-sidebar-panel{flex:none}.chat-page-window-panel,.chat-page-window-panel .chat-window{flex:auto;min-width:0}@media (max-width:1023px){.topbar{gap:10px;padding:12px 16px}.topbar-left{gap:8px;min-width:0}.logo{width:120px}.topbar-right{gap:10px}.topbar-menu-btn{border:1px solid var(--color-gray-200);color:var(--color-gray-700);background:var(--color-white);border-radius:10px}.layout-sidebar{z-index:1400;transition:transform .25s;transform:translate(-100%);display:block!important}.layout-sidebar.layout-sidebar--mobile-open{transform:translate(0)}.layout-sidebar .sidebar,.layout-sidebar .sidebar--expanded{width:min(82vw,280px)}.layout-sidebar-backdrop{z-index:1300;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a59;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.main-content,.main-content--sidebar-expanded,.main-content--no-sidebar{min-height:100vh;margin-left:0!important}.dashboard,.social-connect-page{padding:16px}.content-grid,.overview-wrapper,.content-wrapper,.tab-content-and-sidebar{flex-direction:column;gap:12px;width:100%}.sidebar,.activity-sidebar,.main-content{flex-basis:auto;width:100%}.table-actions-left,.table-actions-right{width:100%;max-width:100%}.table-actions-right{flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.table-actions-right .table-add-btn--desktop{margin-left:14px}.table-title-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.table-title-row .table-title{min-width:0;margin:0}.table-add-btn--mobile{flex-shrink:0}.search-input{width:100%;max-width:100%}.table-wrapper{width:100%;overflow-x:auto}.custom-table{min-width:720px}.chat-page{height:calc(100dvh - 72px);min-height:calc(100dvh - 72px);position:relative}.chat-page-sidebar-panel,.chat-page-window-panel{width:100%;height:100%;display:none}.chat-page-sidebar-panel.is-visible,.chat-page-window-panel.is-visible{display:flex}.chat-page-sidebar-panel .chat-sidebar{width:100%;height:100%;display:flex!important}.chat-page-window-panel .chat-window{width:100%;height:100%}.chat-mobile-back-btn{z-index:120;color:#0f172a;background:#fffffff2;border:1px solid #cbd6e5;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;top:10px;left:10px}.chat-header{flex-wrap:wrap;gap:8px;min-height:auto;padding:12px}.chat-header .header-left{flex:auto;min-width:0}.chat-header .header-info{min-width:0}.chat-header .header-info>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.chat-header .header-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.messages-container{padding:12px 10px}.message-wrapper{max-width:100%}.message-bubble,.message-bubble-attachment,.message-bubble-attachment-failed{max-width:min(86vw,440px)}.input-area-wrapper{padding:8px}.input-area{grid-template-columns:repeat(3,36px) minmax(0,1fr) 38px;align-items:center;gap:6px;display:grid}.input-area .icon-btn,.send-btn{width:36px;height:36px}.message-input{width:100%;min-width:0;height:40px;padding:8px 10px}.attachment-menu{max-width:80vw;left:auto;right:0}.right-sidebar,.emoji-picker-sidebar,.user-profile-sidebar{max-width:100%;height:100dvh;width:100%!important}}@media (max-width:768px){.topbar{min-height:64px;padding:10px 12px}.logo{width:108px}.topbar-right .q-btn{min-width:34px;min-height:34px}.notification-menu,.user-menu,.navigation-dropdown{width:min(94vw,320px);min-width:0}.dashboard-content{padding:24px 14px}.stats-grid,.modules-grid,.navigation-grid,.chat-dashboard .stats-grid{grid-template-columns:1fr!important}.chart-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-with-legend{flex-direction:column;align-items:flex-start}.legend{width:100%;margin-left:0}.table-header{flex-direction:column;align-items:stretch;gap:10px}.table-header-cell,.table-cell{white-space:nowrap;padding:10px 12px}.chat-mobile-back-btn{top:8px;left:8px}.chat-page{padding:8px}.chat-window,.chat-sidebar{border-radius:12px}.chat-header .btn-action{width:34px;height:34px}}@media (max-width:480px){.logo{width:96px}.topbar-right{gap:6px}.chat-page{height:calc(100dvh - 64px);min-height:calc(100dvh - 64px);padding:6px}.chat-header{padding:10px}.messages-container{padding:10px 8px}.message-bubble,.message-bubble-attachment,.message-bubble-attachment-failed{max-width:92vw}.input-area{grid-template-columns:repeat(3,32px) minmax(0,1fr) 34px}.input-area .icon-btn,.send-btn{width:32px;height:32px}.table-actions-right .q-btn{min-width:34px;min-height:34px}.table-title-row{gap:8px}.q-dialog__inner>div{max-width:96vw}}.q-dialog__inner{max-width:unset!important}.q-dialog__inner--minimized{padding:24px}.ds-modal--sm{width:360px!important;max-width:360px!important}.ds-modal--sm-md{width:420px!important;max-width:420px!important}.ds-modal--md{width:540px!important;max-width:540px!important}.ds-modal--lg{width:750px!important;max-width:750px!important}.ds-modal--xl{width:1000px!important;max-width:1000px!important}@tailwind base;@tailwind components;@tailwind utilities;