*{font-family:Montserrat,"sans-serif";margin:0;padding:0}:root{--background:oklch(0.985 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--primary:oklch(0.45 0.15 250);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.96 0.01 250);--secondary-foreground:oklch(0.25 0.05 250);--muted:oklch(0.96 0 0);--muted-foreground:oklch(0.45 0 0);--accent:oklch(0.55 0.18 165);--border:oklch(0.9 0 0);--input:oklch(0.92 0 0);--ring:oklch(0.45 0.15 250);--status-open:oklch(0.65 0.18 85);--status-answered:oklch(0.55 0.18 165);--status-closed:oklch(0.5 0 0);--status-pending:oklch(0.7 0.15 60);--message-support:oklch(0.96 0.01 250);--message-client:oklch(0.97 0 0);--radius:0.5rem;--radius-sm:calc(var(--radius) - 0.25rem);--radius-md:var(--radius);--radius-lg:calc(var(--radius) + 0.25rem);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.dark{--background:oklch(0.12 0 0);--foreground:oklch(0.93 0 0);--card:oklch(0.16 0 0);--card-foreground:oklch(0.93 0 0);--primary:oklch(0.6 0.18 250);--primary-foreground:oklch(0.12 0 0);--secondary:oklch(0.22 0.02 250);--secondary-foreground:oklch(0.85 0.05 250);--muted:oklch(0.22 0 0);--muted-foreground:oklch(0.65 0 0);--accent:oklch(0.6 0.18 165);--border:oklch(0.25 0 0);--input:oklch(0.22 0 0);--ring:oklch(0.6 0.18 250);--status-open:oklch(0.7 0.18 85);--status-answered:oklch(0.6 0.18 165);--status-closed:oklch(0.5 0 0);--status-pending:oklch(0.75 0.15 60);--message-support:oklch(0.22 0.02 250);--message-client:oklch(0.2 0 0)}*{box-sizing:border-box}.chat-container{grid-gap:0;background:oklch(.985 0 0);background:var(--background);bottom:0;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;gap:0;grid-template-columns:350px 1fr;grid-template-rows:auto 1fr auto auto;left:0;overflow:hidden;position:fixed;right:0;top:0}.chat-header-area{background:oklch(1 0 0);background:var(--card);border-right:1px solid oklch(.9 0 0);border-right:1px solid var(--border);display:flex;flex-direction:column;grid-column:1;grid-row:1/-1;overflow-y:auto;padding:1.5rem}.Heading{color:oklch(.45 0 0);color:var(--muted-foreground);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.chat-header{display:flex;flex-direction:column;gap:1.5rem}.header-left{border-bottom:1px solid oklch(.9 0 0);border-bottom:1px solid var(--border);padding-bottom:1.5rem}.header-left strong{color:oklch(.145 0 0);color:var(--foreground);display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.header-right{gap:1rem}.header-right,.header-right p{display:flex;flex-direction:column}.header-right p{font-size:.875rem;gap:.375rem;margin:0}.header-right span:first-child{color:oklch(.45 0 0);color:var(--muted-foreground);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.header-right p>span:not(:first-child){color:oklch(.145 0 0);color:var(--foreground);font-weight:500}.conversation-header{align-items:center;background:oklch(1 0 0);background:var(--card);border-bottom:1px solid oklch(.9 0 0);border-bottom:1px solid var(--border);display:flex;grid-column:2;grid-row:1;justify-content:space-between;padding:1rem 1.5rem}.conversation-header h2{color:oklch(.145 0 0);color:var(--foreground);font-size:1rem;font-weight:600;margin:0}.conversation-header .message-count{color:oklch(.45 0 0);color:var(--muted-foreground);font-size:.75rem;font-weight:500}.chat-area{grid-column:2;grid-row:2;overflow-x:hidden;overflow-y:auto}.chat-area,.messages-container{background:oklch(.985 0 0);background:var(--background)}.messages-container{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#0000}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.message-wrapper{animation:messageSlideIn .3s ease-out;display:flex;gap:.75rem;max-width:75%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.receiver{align-self:flex-start;flex-direction:row}.message-wrapper.sender{align-self:flex-end;flex-direction:row-reverse}.message-wrapper:before{align-items:center;border-radius:50%;color:#fff;content:attr(data-normal);content:attr(data-initial);display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;margin-top:.25rem;min-width:32px;width:32px}.message-wrapper.receiver:before{background:oklch(.45 .15 250);background:var(--primary)}.message-wrapper.sender:before{background:oklch(.55 .18 165);background:var(--accent)}.message-area{display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-width:0}.sender-name{color:oklch(.145 0 0);color:var(--foreground);font-size:.8125rem;font-weight:600;margin:0}.message-wrapper.sender .sender-name{text-align:right}.sender-msg{word-wrap:break-word;border:1px solid oklch(.9 0 0);border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.875rem 1rem;position:relative}.message-wrapper.receiver .sender-msg,.sender-msg{background:oklch(.96 .01 250);background:var(--message-support)}.message-wrapper.receiver .sender-msg{border-radius:.75rem;border-radius:var(--radius-lg);border-top-left-radius:.375rem}.message-wrapper.sender .sender-msg{background:oklch(.97 0 0);background:var(--message-client);border-radius:.75rem;border-radius:var(--radius-lg);border-top-right-radius:.375rem}.sender-msg p{color:oklch(.145 0 0);color:var(--foreground);font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.time{color:oklch(.45 0 0);color:var(--muted-foreground);font-size:.6875rem;font-weight:400;margin:0}.message-wrapper.sender .time{text-align:right}.showmore-btn-area{display:flex;margin-top:.5rem}.message-wrapper.receiver .showmore-btn-area{justify-content:flex-start;padding-left:.75rem}.message-wrapper.sender .showmore-btn-area{justify-content:flex-end;padding-right:.75rem}.showmore-btn-area button{background:var(--bg-white);border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--radius-sm);color:var(--primary-blue);cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.showmore-btn-area button:hover{background:var(--bg-gray-50);border-color:var(--primary-blue)}.dropbtn{align-items:center;display:flex;gap:.375rem}.chat-send-section{background:oklch(1 0 0);background:var(--card);border-top:1px solid oklch(.9 0 0);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem;grid-column:2;grid-row:3;padding:1.25rem 1.5rem}.chat-send-section.disabled2{background:oklch(.96 0 0);background:var(--muted);opacity:.6;pointer-events:none}.input-wrapper{align-items:flex-end;background:oklch(.92 0 0);background:var(--input);border:1px solid oklch(.9 0 0);border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.625rem .875rem;position:relative;transition:all .2s ease}.input-wrapper:focus-within{border-color:#0000;outline:2px solid oklch(.45 .15 250);outline:2px solid var(--ring);outline-offset:2px}.chat-send-section textarea{background:#0000;border:none;color:oklch(.145 0 0);color:var(--foreground);flex:1 1;font-family:inherit;font-size:.875rem;max-height:120px;min-height:24px;outline:none;padding:0;resize:none}.chat-send-section textarea::placeholder,.input-wrapper label[for=customFile]{color:oklch(.45 0 0);color:var(--muted-foreground)}.input-wrapper label[for=customFile]{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:color .2s ease}.input-wrapper label[for=customFile]:hover{color:oklch(.45 .15 250);color:var(--primary)}.input-wrapper .send-btn{align-items:center;background:oklch(.45 .15 250);background:var(--primary);border:none;border-radius:50%;color:oklch(.985 0 0);color:var(--primary-foreground);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:0;transition:all .2s ease;width:32px}.input-wrapper .send-btn:hover:not(.disabled){background:oklch(.45 .15 250);background:var(--primary);opacity:.9;transform:scale(1.05)}.input-wrapper .send-btn.disabled{background:oklch(.96 0 0);background:var(--muted);cursor:not-allowed;opacity:.5}.error{color:oklch(.55 .2 25);font-size:.8125rem;font-weight:500;margin:0}.attach-label,.custom-file-label,.file-input-wrapper{display:none}.selected-file-area{background:oklch(.96 0 0);background:var(--muted);flex-wrap:wrap;padding:.5rem}.file-preview,.selected-file-area{border-radius:.25rem;border-radius:var(--radius-sm);display:flex;gap:.5rem}.file-preview{align-items:center;background:oklch(1 0 0);background:var(--card);border:1px solid oklch(.9 0 0);border:1px solid var(--border);font-size:.8125rem;padding:.5rem .75rem}.file-preview span{color:oklch(.145 0 0);color:var(--foreground);font-weight:500}.cancel-btn{align-items:center;color:oklch(.45 0 0);color:var(--muted-foreground);cursor:pointer;display:flex;padding:.125rem;transition:color .2s ease}.cancel-btn:hover{color:oklch(.55 .2 25)}.btn-area{display:none}.navigationbtn{bottom:2rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:2rem;z-index:100}.bottom-btn,.top-btn{align-items:center;background:oklch(.45 .15 250);background:var(--primary);border:none;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:oklch(.985 0 0);color:var(--primary-foreground);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.bottom-btn:hover,.top-btn:hover{opacity:.9;transform:scale(1.05)}.footer{background:oklch(1 0 0);background:var(--card);border-top:1px solid oklch(.9 0 0);border-top:1px solid var(--border);color:oklch(.45 0 0);color:var(--muted-foreground);font-size:.75rem;grid-column:1/-1;grid-row:4;padding:1rem;text-align:center}.status-badge{align-items:center;border-radius:.375rem;border-radius:calc(var(--radius) - .125rem);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.375rem .75rem;text-transform:capitalize}.status-badge.answered{background:oklch(.55 .18 165);background:var(--status-answered)}.status-badge.pending{background:oklch(.7 .15 60);background:var(--status-pending)}.status-badge.closed{background:oklch(.5 0 0);background:var(--status-closed)}.close-ticket-btn{align-items:center;background:#dc2626;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:.625rem 1rem;transition:all .2s ease}.close-ticket-btn:hover:not(.disabled){background:#b91c1c}.close-ticket-btn.disabled{background:oklch(.96 0 0);background:var(--muted);color:oklch(.45 0 0);color:var(--muted-foreground);cursor:not-allowed;opacity:.6}@media (max-width:1024px){.chat-container{grid-template-columns:300px 1fr}.chat-header-area{padding:1.25rem}.message-wrapper{max-width:80%}}@media (max-width:768px){.chat-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto auto}.chat-header-area{border-bottom:1px solid oklch(.9 0 0);border-bottom:1px solid var(--border);border-right:none;grid-column:1;grid-row:1;height:auto;max-height:none;overflow-y:visible;padding:1rem}.conversation-header{grid-column:1;grid-row:2}.chat-area{grid-column:1;grid-row:3}.chat-send-section{grid-column:1;grid-row:4}.footer{grid-row:5}.header-left strong{font-size:1.25rem}.message-wrapper{max-width:85%}.messages-container{padding:1rem}.navigationbtn{bottom:1.5rem;right:1.5rem}.bottom-btn,.top-btn{height:2.25rem;width:2.25rem}}@media (max-width:480px){.chat-header-area{padding:.875rem}.header-left strong{font-size:1.125rem}.message-wrapper{max-width:90%}.message-wrapper:before{font-size:.6875rem;height:28px;min-width:28px;width:28px}.sender-msg{font-size:.8125rem;padding:.75rem .875rem}.chat-send-section{padding:.875rem 1rem}.messages-container{padding:.875rem}.navigationbtn{bottom:1.25rem;right:1rem}.bottom-btn,.top-btn{height:2rem;width:2rem}}.file-message{align-items:center;background-color:var(--primary-color);border-radius:var(--default-border-radius);box-shadow:var(--default-box-shadow);color:var(--text-color);display:flex;gap:10px;margin-top:10px;max-width:200px;padding:10px;width:-webkit-fit-content;width:fit-content}.file-message span{border-left:1px solid #000;color:#000;font-size:var(--default-p-size);max-width:300px;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.file-message .icon{color:#000;font-size:var(--default-icon-size)}@media (max-width:900px){.file-message{display:flex;justify-self:left;max-width:180px;padding:6px 10px}.file-message span{font-size:12px}.file-message .icon{color:#000;font-size:22px}}.otp-container{align-items:center;background:#f4f6f9;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.otp-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;text-align:center;width:350px}.otp-title{font-size:20px;font-weight:700;margin-bottom:8px}.otp-subtitle{color:#555;font-size:14px;margin-bottom:20px}.otp-form{display:flex;flex-direction:column;gap:12px}.otp-input{border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:12px}.otp-input:focus{border-color:#3b82f6;box-shadow:0 0 4px #3b82f666}.otp-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:background .3s ease}.otp-btn:hover{background:#2563eb}.otp-loading{color:#3b82f6;font-size:14px}.otp-error{color:#dc2626;font-size:13px}:root{--primary-color:#f8fafc;--primary-color2:#123458b3;--secondary-color:#d4c9be;--background-color:#3a3f42;--background-color2:#fff;--background-color3:#f2eafa;--default-icon-size:24px;--headings-color:var(--background-color);--shadow-low1:#00d0e74a;--shadow-low2:#006bcf00;--shadow-low3:#91f3fe;--default-box-shadow:0 0 3px #0000005e;--left-space:3%;--mid-space:94%;--right-space:3%;--default-border:1px solid var(--headings-color);--text-color:#fff;--font-family-base:var(--font-montserrat);--default-p-size:16px;--default-time-size:10px;--default-border-radius:6px;--gradient-one:linear-gradient(to bottom right,#e7e7e725,#000)}.bg-wrapper{background:#f8fafc;background:var(--primary-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;position:relative;width:100%}
/*# sourceMappingURL=main.a4761389.css.map*/