@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700&display=swap";#message-list-item{--padding-start: 0;--inner-padding-end: 0}#message-list-item ion-label{margin-top:12px;margin-bottom:12px;overflow:hidden}#message-list-item ion-label h2{font-weight:600;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between}#message-list-item p{white-space:nowrap;width:95%}#message-list-item .date{align-items:center;display:flex}#message-list-item ion-icon{color:#c9c9ca}#message-list-item ion-note{font-size:.9375rem;margin-right:8px;font-weight:400}#message-list-item ion-note.md{margin-right:14px}#message-list-item .dot{display:block;height:12px;width:12px;border-radius:50%;align-self:start;margin:16px 10px 16px 16px}#message-list-item .dot-unread{background:var(--ion-color-primary)}#view-message-page ion-item{--inner-padding-end: 0;--background: transparent}#view-message-page ion-label{margin-top:12px;margin-bottom:12px}#view-message-page ion-item h2{font-weight:600;display:flex;flex-wrap:wrap;justify-content:space-between}#view-message-page ion-item .date{align-items:center;display:flex}#view-message-page ion-item ion-icon{font-size:42px;margin-right:8px}#view-message-page ion-item ion-note{font-size:.9375rem;margin-right:12px;font-weight:400}#view-message-page h1{margin:0;font-weight:700;font-size:1.4rem}#view-message-page p{line-height:1.4}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}:root{--ion-font-family: "Kanit", sans-serif;--ion-color-primary: #A685E2;--ion-color-primary-rgb: 166, 133, 226;--ion-color-secondary: #C8B1F2;--ion-color-secondary-rgb: 200, 177, 242;--ion-color-light: #f8f9fc;--ion-color-dark: #1e1e1e;--ion-background-color: #f8f9fc;--ion-grid-padding: 1rem;--ion-grid-column-padding: .5rem}ion-content.ios::part(scroll)::-webkit-scrollbar{display:none}ion-toolbar{--background: transparent}.header-toolbar{height:72px;align-content:center}.main-avatar{--border-radius: 16px;background:linear-gradient(135deg,#6985f9,#8c6df3);color:#fff;align-content:center;text-align:center;font-size:2.5rem;font-weight:bolder}.hr{border-bottom:1px solid rgba(184,163,224,.3)}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-xs{font-size:.75rem!important}.fs-sm{font-size:.875rem!important}.fs-lg{font-size:1.125rem!important}.fw-500{font-weight:500!important}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.shrink-0{flex-shrink:0}.h-100{height:100%!important}.w-100{width:100%!important}.btn-bg-primary{color:#fff!important;background:linear-gradient(135deg,#6985f9,#8c6df3)!important;box-shadow:rgba(166,133,226,.3) 0 4px 16px!important}.text-color-primary{color:#7c3aed!important}.input-focus:focus-within{background:rgba(255,255,255,.75)!important;border-color:rgba(124,58,237,.35)!important;box-shadow:0 0 0 3px rgba(124,58,237,.1),0 2px 8px rgba(120,80,180,.06)!important}.button-hover:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed) I!important;transform:translateY(-2px)!important;box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)!important}.toast-success::part(container),.toast-warning::part(container),.toast-danger::part(container),.toast-info::part(container){display:flex;align-items:center;border-radius:20px;border:2px solid;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));box-shadow:0 10px 25px rgba(0,0,0,.1);gap:3px;transition:all .3s}.toast-success::part(container){background:rgba(233,251,240,.8);border-color:#4ade80}.toast-success::part(icon){color:#4ade80;font-size:2.5rem}.toast-warning::part(container){background:rgba(254,248,230,.8);border-color:#fbbf24}.toast-warning::part(icon){color:#fbbf24;font-size:2.5rem}.toast-danger::part(container){background:rgba(254,231,231,.8);border-color:#f87171}.toast-danger::part(icon){color:#f87171;font-size:2.5rem}.toast-info::part(container){background:rgba(230,241,254,.8);border-color:#60a5fa}.toast-info::part(icon){color:#60a5fa;font-size:2.5rem}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}ion-alert{--backdrop-opacity: .18}ion-alert .alert-wrapper{border-radius:16px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 16px 48px rgba(80,50,120,.12),0 4px 12px rgba(0,0,0,.06)!important;max-width:320px!important;overflow:hidden!important}ion-alert .alert-head{padding:20px 20px 8px!important;text-align:left!important}ion-alert .alert-title{font-size:16px!important;font-weight:700!important;color:#1e1b2e!important}ion-alert .alert-sub-title{font-size:12px!important;color:#8b85a0!important;margin-top:2px!important}ion-alert .alert-message{font-size:13.5px!important;color:#6b6682!important;padding:4px 20px 16px!important;line-height:1.55!important}ion-alert .alert-button-group{padding:4px 14px 14px!important;justify-content:flex-end!important;gap:8px!important}ion-alert .alert-button{border-radius:10px!important;font-size:13.5px!important;font-weight:600!important;padding:0 16px!important;margin:0!important;min-height:38px!important;border:none!important;text-transform:none!important;letter-spacing:0!important}ion-alert .alert-button.alert-button-role-cancel{color:#6b6682!important;background:rgba(0,0,0,.05)!important}ion-alert .alert-button.alert-button-role-cancel:hover{background:rgba(0,0,0,.08)!important}ion-alert .alert-button:not(.alert-button-role-cancel){color:#fff!important;background:linear-gradient(135deg,#6985f9,#8c6df3)!important;box-shadow:0 2px 8px rgba(124,58,237,.25)!important}ion-alert .alert-button:not(.alert-button-role-cancel):hover{box-shadow:0 4px 12px rgba(124,58,237,.35)!important}ion-alert.alert-danger .alert-button:not(.alert-button-role-cancel){background:linear-gradient(135deg,#f87171,#ef4444)!important;box-shadow:0 2px 8px rgba(239,68,68,.25)!important}ion-alert.alert-danger .alert-button:not(.alert-button-role-cancel):hover{box-shadow:0 4px 12px rgba(239,68,68,.35)!important}.page-verify-email .verify-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.page-verify-email .container{height:100%;display:flex;align-items:center;justify-content:center}.page-verify-email .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-verify-email .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.page-verify-email .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.page-verify-email .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.page-verify-email .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-verify-email .card{position:relative;z-index:1;width:100%;max-width:440px;background:rgba(255,255,255,.52);backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.6);border-radius:28px;box-shadow:rgba(120,80,180,.1) 0 24px 80px,rgba(0,0,0,.04) 0 4px 20px,rgba(255,255,255,.8) 0 1px inset;overflow:hidden;opacity:1;transform:translateY(0) scale(1);transition:.6s cubic-bezier(.16,1,.3,1)}.page-verify-email .card .loading{padding:40px 36px 36px;text-align:center}.page-verify-email .card-content{padding:0}.page-verify-email .card-content .header{height:4px;background:linear-gradient(90deg,#a685e2,#7c3aed,#f472b6,#60a5fa)}.page-verify-email .card-content .content{padding:40px 36px 36px;text-align:center}.page-verify-email .card-content .avatar{width:88px;height:88px;border-radius:28px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;position:relative}.page-verify-email .card-content .icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;animation:.5s cubic-bezier(.16,1,.3,1) .3s 1 normal both running scaleIn}.page-verify-email .card-content .avatar.success{background:rgba(22,163,74,.06);border:1.5px solid rgba(22,163,74,.12)}.page-verify-email .card-content .avatar.error{background:rgba(166,133,226,.06);border:1.5px solid rgba(166,133,226,.12)}.page-verify-email .card-content .success .icon{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:rgba(22,163,74,.25) 0 6px 24px}.page-verify-email .card-content .error .icon{background:linear-gradient(135deg,#a685e2,#7c3aed);box-shadow:rgba(166,133,226,.25) 0 6px 24px}.page-verify-email .title-message{font-weight:800;color:#1e1b2e;margin:0 0 8px;letter-spacing:-.03em;animation:.5s cubic-bezier(.16,1,.3,1) .4s 1 normal both running fadeUp}.page-verify-email .input-email{--highlight-color-focused: none;width:100%;padding:4px 12px!important;border:1.5px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);font-weight:500;color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;box-shadow:none;min-height:36px;margin-top:4px}.page-verify-email .btn-login{width:100%;padding:8px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:-.01em;box-shadow:rgba(166,133,226,.3) 0 6px 24px;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s;animation:.5s cubic-bezier(.16,1,.3,1) .8s 1 normal both running fadeUp;margin-top:28px}.page-verify-email .btn-resend-email{width:100%;padding:8px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:-.01em;box-shadow:rgba(166,133,226,.3) 0 6px 24px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.25s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) .5s 1 normal both running fadeUp;margin-top:28px}.page-org-selector .content-centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.page-org-selector .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-org-selector .content-blobs .blob-1{position:absolute;top:-12%;left:8%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.22) 0%,transparent 60%);filter:blur(90px);animation:12s ease-in-out 0s infinite normal none running orbFloat}.page-org-selector .content-blobs .blob-2{position:absolute;bottom:-8%;right:-2%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.18) 0%,transparent 60%);filter:blur(80px);animation:15s ease-in-out 3s infinite reverse none running orbFloat}.page-org-selector .content-blobs .blob-3{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);filter:blur(70px);animation:18s ease-in-out 6s infinite normal none running orbFloat}.page-org-selector .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-org-selector .content{--background: rgba(237, 232, 245, .6);backdrop-filter:blur(16px)}.page-org-selector .container{--background: transparent;position:relative;z-index:1;max-width:920px;width:100%;height:100%;margin:0 auto;padding:0 24px}.page-org-selector .section-header{box-shadow:none;background:rgba(237,232,245,.6);backdrop-filter:blur(16px)}.page-org-selector .header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;margin:0 auto;width:100%;max-width:920px}.page-org-selector .section-header .header-info{display:flex;align-items:center;gap:10px}.page-org-selector .section-header .header-info .brand-logo{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center}.page-org-selector .section-header .header-info .system-name{font-size:16px;font-weight:800;color:#1e1b2e;letter-spacing:-.03em}.page-org-selector .section-header .header-info .system-detail{font-size:12px;color:#9992ad;font-weight:500}.page-org-selector .section-header .header-action{display:flex;align-items:center;gap:8px}.page-org-selector .section-header .avatar-container{position:relative;flex-shrink:0}.page-org-selector .section-header .avatar{--border-radius: 12px;width:40px;height:40px;background:linear-gradient(135deg,rgba(226,218,156,.3),rgba(206,197,126,.15));border:1.5px solid rgba(217,208,140,.25);display:flex;align-items:center;justify-content:center;font-size:14.4px;font-weight:700;color:#8d8235}.page-org-selector .section-create{flex:1 1 0%;display:flex;align-items:center;justify-content:center;padding-bottom:40px}.page-org-selector .section-content{text-align:center;padding:40px 0 38px;opacity:1;transform:translateY(0);transition:.6s cubic-bezier(.4,0,.2,1)}.page-org-selector .section-content .title-header{margin:0 0 8px;font-size:32px;font-weight:900;color:#1e1b2e;letter-spacing:-.04em;line-height:1.2}.page-org-selector .section-content .sub-header{margin:0;font-size:14.5px;color:#8b85a0;font-weight:450;line-height:1.6}.page-org-selector .section-detail-plan{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px;flex-wrap:wrap;opacity:1;transition:.6s cubic-bezier(.4,0,.2,1) .2s}.page-org-selector .section-detail-plan .plan{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#6e6888;font-weight:500}.page-org-selector .section-detail-plan .plan-status{width:8px;height:8px;border-radius:50%}.page-org-selector .section-detail-plan .plan-status.plan-kui-free{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:rgba(148,163,184,.19) 0 0 5px}.page-org-selector .section-detail-plan .plan-status.plan-kui-pro{background:linear-gradient(135deg,#a685e2,#7c3aed);box-shadow:rgba(124,58,237,.19) 0 0 5px}.page-org-selector .section-detail-plan .plan-status.plan-kui-premium{background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:rgba(22,163,74,.19) 0 0 5px}.page-org-selector .section-org{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding-bottom:40px}.page-org-selector .section-org .org-card{background:rgba(255,255,255,.42);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:22px;cursor:pointer;padding:22px 20px 20px;position:relative;overflow:hidden;transition:.25s cubic-bezier(.4,0,.2,1);transform:translateY(0) scale(1);box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;opacity:1;animation:.45s cubic-bezier(.4,0,.2,1) 0s 1 normal both running cardIn;text-align:start;margin-bottom:auto}.page-org-selector .section-org .org-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 18px 50px rgba(120,80,180,.15),0 2px 8px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.8)}.page-org-selector .section-org .org-card:hover .org-info .avatar{transform:rotate(-3deg) scale(1.06)}.page-org-selector .section-org .org-card .plan-name{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:10px;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.01em;z-index:2}.page-org-selector .section-org .org-card .plan-name.plan-kui-free{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:rgba(148,163,184,.19) 0 3px 10px}.page-org-selector .section-org .org-card .plan-name.plan-kui-pro{background:linear-gradient(135deg,#a685e2,#7c3aed);box-shadow:rgba(124,58,237,.19) 0 3px 10px}.page-org-selector .section-org .org-card .plan-name.plan-kui-premium{background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:rgba(22,163,74,.19) 0 3px 10px}.page-org-selector .section-org .org-card .org-info{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-right:90px}.page-org-selector .section-org .org-info .avatar{width:54px;height:54px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,rgba(226,218,156,.35),rgba(206,197,126,.2));border:2px solid rgba(230,224,179,.4);box-shadow:rgba(179,167,77,.1) 0 4px 14px;transition:.25s;transform:rotate(0) scale(1);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#817831;letter-spacing:-.02em}.page-org-selector .section-org .org-info .org-detail{flex:1 1 0%;min-width:0px}.page-org-selector .section-org .org-info .org-name{font-size:16px;font-weight:800;color:#1e1b2e;line-height:1.35;margin-bottom:6px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-org-selector .section-org .org-info .org-role{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:7px;font-size:11px;font-weight:650}.page-org-selector .section-org .org-card .org-exp{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:space-between}.page-org-selector .section-org .org-exp .label-exp{font-size:12px;color:#6e6888;font-weight:500}.page-org-selector .section-org .org-exp .time{display:flex;align-items:center;gap:5px}.page-org-selector .section-org .org-exp .label-time{font-size:11px;font-weight:600}.page-org-selector .section-org .org-exp .status-active{stroke:#16a34a}.page-org-selector .section-org .org-exp .label-time.status-time-active{color:#16a34a}.page-org-selector .section-org .org-exp .status-warning{stroke:#d97706}.page-org-selector .section-org .org-exp .label-time.status-time-warning{color:#d97706}.page-org-selector .section-org .org-exp .status-expired{stroke:#dc2626}.page-org-selector .section-org .org-exp .label-time.status-time-expired{color:#dc2626}.page-org-selector .org-card-create{background:rgba(255,255,255,.18);backdrop-filter:blur(24px);border:2px dashed rgba(124,58,237,.15);border-radius:22px;box-shadow:none;cursor:pointer;padding:24px 22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;transition:.25s cubic-bezier(.4,0,.2,1);transform:translateY(0);animation:.45s cubic-bezier(.4,0,.2,1) .42s 1 normal both running cardIn;min-height:auto}.page-org-selector .org-card-create .ion-create{width:52px;height:52px;border-radius:16px;background:rgba(124,58,237,.04);border:1.5px solid rgba(124,58,237,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:.3s;transform:scale(1) rotate(0)}.page-org-selector .org-card-create .title-create{font-size:14px;font-weight:700;color:#7c3aed;margin-bottom:4px}.page-org-selector .org-card-create .sub-title-create{font-size:12px;color:#9992ad;font-weight:450;text-align:center}.page-org-selector .btn-logout{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.35);border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b85a0;transition:.15s;padding:0}.page-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#ede8f5}.page-login .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-login .content-blobs .blob-1{position:absolute;top:-12%;left:8%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.22) 0%,transparent 60%);filter:blur(90px);animation:12s ease-in-out 0s infinite normal none running orbFloat}.page-login .content-blobs .blob-2{position:absolute;bottom:-8%;right:-2%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.18) 0%,transparent 60%);filter:blur(80px);animation:15s ease-in-out 3s infinite reverse none running orbFloat}.page-login .content-blobs .blob-3{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);filter:blur(70px);animation:18s ease-in-out 6s infinite normal none running orbFloat}.page-login .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-login .card{position:relative;z-index:1;display:flex;width:100%;max-width:820px;min-height:520px;margin:20px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 40px rgba(120,80,180,.08),0 1px 3px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.7);animation:cardIn .6s ease both}.page-login .form-side{flex:1;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-login .form-side .form-inner{width:100%;max-width:340px}.page-login .form-side .mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:20px}.page-login .form-side .mobile-brand-name{font-size:18px;font-weight:900;color:var(--text);letter-spacing:.08em}.page-login .form-side .greeting{margin-bottom:30px}.page-login .form-side .greeting p{font-size:14px;color:#8b85a0;font-weight:450;line-height:1.6}.page-login .form-side .field{margin-bottom:20px}.page-login .form-side .label{display:block;font-size:13px;font-weight:650;color:#6e6888;margin-bottom:7px;letter-spacing:.01em}.page-login .form-side .input-username,.page-login .form-side .input-password{--highlight-color-focused: none;width:100%;padding:0 16px!important;font-size:14.5px;font-weight:500;color:#1e1b2e;background:rgba(255,255,255,.5);border:1.5px solid rgba(0,0,0,.06);border-radius:14px;outline:none;transition:.2s;box-shadow:rgba(0,0,0,.02) 0 1px 3px;box-sizing:border-box;height:0}.page-login .form-side .forgot-password-text{text-align:right;margin-top:4px;margin-bottom:0;font-size:13px;font-weight:500}.page-login .form-side .forgot-password-text a{color:#7c3aed;text-decoration:none;font-weight:600}.page-login .form-side .forgot-password-text a:hover{text-decoration:underline}.page-login .form-side .signup-text{text-align:center;margin-top:22px;font-size:13.5px;color:#8b85a0;font-weight:450}.page-login .brand-side{width:320px;flex-shrink:0;background:linear-gradient(160deg,#7c3aed,#6d28d9 40%,#5b21b6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;position:relative;overflow:hidden}.page-login .brand-side:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);animation:brandOrb 10s ease-in-out infinite}.page-login .brand-side:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);animation:brandOrb 12s ease-in-out 2s infinite reverse}.page-login .brand-side .content{position:relative;z-index:1}.page-login .brand-side .brand-welcome{font-size:20px;font-weight:600;color:#fff;margin-bottom:28px;letter-spacing:.02em;position:relative;animation:brandFadeUp .6s ease .2s both}.page-login .brand-side .brand-logo-area{margin-bottom:32px;position:relative;animation:brandFadeUp .6s ease .35s both}.page-login .brand-side .brand-logo-area .logo{width:68px;height:68px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)}.page-login .brand-side .brand-logo-text{font-size:26px;font-weight:900;color:#fff;letter-spacing:.1em}.page-login .brand-side .brand-logo-sub{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.18em;margin-top:1px}.page-login .brand-side .brand-tagline{font-size:15px;font-weight:600;color:#fff;line-height:1.6;position:relative;animation:brandFadeUp .6s ease .45s both}.page-login .brand-side .brand-divider{width:50px;height:2.5px;border-radius:3px;background:rgba(255,255,255,.3);margin:28px auto 0;opacity:.4;animation:brandFadeUp .6s ease .55s both}.page-login .brand-side .brand-footer{position:absolute;bottom:28px;left:0;right:0;text-align:center;animation:brandFadeUp .6s ease .55s both}.page-login .brand-side .brand-footer-label{font-size:10.5px;font-weight:600;color:#b0a9c0;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.page-login .brand-side .brand-footer-company{font-size:13px;font-weight:500;color:#8b85a0}.page-login .btn-submit{width:100%;height:0;padding:24px;border:none;border-radius:14px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.18) 0 6px 20px,rgba(124,58,237,.1) 0 2px 6px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px!important}.page-login .btn-submit:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)}@media (max-width: 1024px){.page-login .brand-side{display:none}}.page-create-org{min-height:100vh;width:100vw;background:#ede8f5;position:relative;overflow:hidden}.page-create-org .content-centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.page-create-org .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-create-org .content-blobs .blob-1{position:absolute;top:-12%;left:8%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.22) 0%,transparent 60%);filter:blur(90px);animation:12s ease-in-out 0s infinite normal none running orbFloat}.page-create-org .content-blobs .blob-2{position:absolute;bottom:-8%;right:-2%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.18) 0%,transparent 60%);filter:blur(80px);animation:15s ease-in-out 3s infinite reverse none running orbFloat}.page-create-org .content-blobs .blob-3{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);filter:blur(70px);animation:18s ease-in-out 6s infinite normal none running orbFloat}.page-create-org .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-create-org .container{--background: transparent;position:relative;z-index:1;width:100%;max-width:520px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;min-height:100vh}.page-create-org .section-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.page-create-org .section-header .header-info{display:flex;align-items:center;gap:10px}.page-create-org .section-header .header-info .brand-logo{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center}.page-create-org .section-header .header-info .system-name{font-size:16px;font-weight:800;color:#1e1b2e;letter-spacing:-.03em}.page-create-org .section-header .header-info .system-detail{font-size:12px;color:#9992ad;font-weight:500}.page-create-org .section-header .header-action{display:flex;align-items:center;gap:8px}.page-create-org .section-header .avatar-container{position:relative;flex-shrink:0}.page-create-org .section-header .avatar{--border-radius: 12px;width:40px;height:40px;background:linear-gradient(135deg,rgba(226,218,156,.3),rgba(206,197,126,.15));border:1.5px solid rgba(217,208,140,.25);display:flex;align-items:center;justify-content:center;font-size:14.4px;font-weight:700;color:#8d8235}.page-create-org .section-create{flex:1 1 0%;display:flex;align-items:center;justify-content:center;padding-bottom:40px}.page-create-org .section-content{flex:1 1 0%;display:flex;align-items:center;justify-content:center;padding-bottom:40px;animation:.45s cubic-bezier(.4,0,.2,1) 0s 1 normal both running cardIn}.page-create-org .section-content .header-content{text-align:center;margin-bottom:32px;opacity:1;transform:translateY(0);transition:.6s cubic-bezier(.4,0,.2,1)}.page-create-org .section-content .header-content .icon-create{width:64px;height:64px;border-radius:20px;margin:0 auto 18px;background:rgba(124,58,237,.06);border:2px solid rgba(124,58,237,.1);display:flex;align-items:center;justify-content:center;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.06) 0 4px 16px}.page-create-org .section-content .header-content .label-icon-create{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:10px;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.1);font-size:12px;font-weight:650;color:#7c3aed;margin-bottom:14px}.page-create-org .section-content .header-content .title-create{margin:0 0 8px;font-size:28px;font-weight:900;color:#1e1b2e;letter-spacing:-.04em;line-height:1.2}.page-create-org .section-content .header-content .sub-title-create{margin:0;font-size:14px;color:#8b85a0;font-weight:450;line-height:1.6}.page-create-org .section-card{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:22px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;padding:28px 26px 26px;opacity:1;transform:translateY(0);transition:.6s cubic-bezier(.4,0,.2,1) .15s;animation:.45s cubic-bezier(.4,0,.2,1) 0s 1 normal both running cardIn}.page-create-org .section-card .label{display:block;font-size:12.5px;font-weight:650;color:#1e1b2e;margin-bottom:8px;letter-spacing:-.01em}.page-create-org .section-card .input-container{position:relative;margin-bottom:20px}.page-create-org .section-card .input-container .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#b0a9c0;transition:color .2s;display:flex;align-items:center}.page-create-org .section-card .btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:rgba(124,58,237,.25) 0 4px 20px,rgba(0,0,0,.06) 0 1px 3px;transition:.2s cubic-bezier(.4,0,.2,1);transform:translateY(0);letter-spacing:-.01em}.page-create-org .input-org-name{--highlight-color-focused: none;width:100%;padding:0 14px 0 42px!important;border-radius:14px;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.4);backdrop-filter:blur(12px);font-size:14.5px;font-weight:500;color:#1e1b2e;outline:none;transition:.2s;box-shadow:rgba(0,0,0,.02) 0 2px 8px}.page-create-org .btn-logout{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.35);border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8b85a0;transition:.15s;padding:0}.page-create-org .btn-back{height:38px;display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:12px;background:rgba(255,255,255,.35);border:1px solid rgba(0,0,0,.06);cursor:pointer;color:#6e6888;font-size:12.5px;font-weight:600;transition:.15s}.page-create-org .btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:14px;border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;box-shadow:rgba(124,58,237,.25) 0 4px 20px,rgba(0,0,0,.06) 0 1px 3px;transition:.2s cubic-bezier(.4,0,.2,1);transform:translateY(0);letter-spacing:-.01em}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.page-register{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;background:#ede8f5;overflow:hidden}.page-register .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-register .content-blobs .blob-1{position:absolute;top:-12%;left:8%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.22) 0%,transparent 60%);filter:blur(90px);animation:12s ease-in-out 0s infinite normal none running orbFloat}.page-register .content-blobs .blob-2{position:absolute;bottom:-8%;right:-2%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.18) 0%,transparent 60%);filter:blur(80px);animation:15s ease-in-out 3s infinite reverse none running orbFloat}.page-register .content-blobs .blob-3{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);filter:blur(70px);animation:18s ease-in-out 6s infinite normal none running orbFloat}.page-register .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-register .card{position:relative;z-index:1;display:flex;width:100%;max-width:900px;margin:20px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 40px rgba(120,80,180,.08),0 1px 3px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.7);animation:cardIn .6s ease both}.page-register .brand-side{width:320px;flex-shrink:0;background:linear-gradient(160deg,#7c3aed,#6d28d9 40%,#5b21b6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;position:relative;overflow:hidden}.page-register .brand-side:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);animation:brandOrb 10s ease-in-out infinite}.page-register .brand-side:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);animation:brandOrb 12s ease-in-out 2s infinite reverse}.page-register .brand-side .brand-dots{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:24px 24px}.page-register .brand-side .brand-content{position:relative;z-index:1}.page-register .brand-side .brand-logo-block{margin-bottom:28px;animation:brandFadeUp .6s ease .2s both}.page-register .brand-side .brand-logo-icon{width:68px;height:68px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)}.page-register .brand-side .brand-name{font-size:22px;font-weight:900;color:#fff;letter-spacing:.1em;margin-bottom:2px}.page-register .brand-side .brand-name-sub{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.18em;text-transform:uppercase}.page-register .brand-side .brand-headline{font-size:20px;font-weight:800;color:#fff;line-height:1.35;margin-bottom:8px;animation:brandFadeUp .6s ease .35s both}.page-register .brand-side .brand-subline{font-size:13px;font-weight:450;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:28px;animation:brandFadeUp .6s ease .45s both}.page-register .brand-side .brand-features{display:flex;flex-direction:column;gap:14px;width:100%;max-width:230px;animation:brandFadeUp .6s ease .55s both}.page-register .brand-side .brand-feature{display:flex;align-items:center;gap:12px;text-align:left}.page-register .brand-side .brand-feature-icon{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s}.page-register .brand-side .brand-feature-text{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85);line-height:1.4}.page-register .brand-side .brand-feature-icon svg{color:#fff}.page-register .brand-side .brand-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;animation:brandFadeUp .6s ease .65s both}.page-register .brand-side .brand-bottom-label{font-size:10px;font-weight:600;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}.page-register .brand-side .brand-bottom-company{font-size:12px;font-weight:500;color:rgba(255,255,255,.5)}.page-register .form-side{flex:1;padding:36px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-register .form-side .form-inner{width:100%;max-width:460px}.page-register .form-side .mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:20px}.page-register .form-side .mobile-brand-name{font-size:18px;font-weight:900;color:var(--text);letter-spacing:.08em}.page-register .form-side .greeting{margin-bottom:22px}.page-register .form-side .greeting p{font-size:14px;color:#8b85a0;font-weight:450;line-height:1.6}.page-register .form-side .field{margin-bottom:14px}.page-register .form-side .label{display:block;font-size:13px;font-weight:650;color:#6e6888;margin-bottom:7px;letter-spacing:.01em}.page-register .form-side .field-row{display:flex;gap:12px}.page-register .form-side .field-row .field{flex:1;min-width:0}.page-register .form-side .input-username,.page-register .form-side .input-email,.page-register .form-side .input-tel,.page-register .form-side .input-password,.page-register .form-side .input-cf-password{--highlight-color-focused: none;width:100%;padding:0 16px!important;font-size:13.5px;font-weight:500;color:#1e1b2e;background:rgba(255,255,255,.5);border:1.5px solid rgba(0,0,0,.06);border-radius:12px;outline:none;transition:.2s;box-shadow:rgba(0,0,0,.02) 0 1px 3px;box-sizing:border-box;height:0}.page-register .form-side .login-text{text-align:center;margin-top:16px;font-size:13.5px;color:#8b85a0;font-weight:450}.page-register .btn-submit{width:100%;height:0;padding:24px;border:none;border-radius:14px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.18) 0 6px 20px,rgba(124,58,237,.1) 0 2px 6px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px!important}.page-register .btn-submit:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)}@media (max-width: 1024px){.page-register .brand-side{display:none}}@media (max-width: 1024px){.mobile-brand{display:flex!important}}@media (max-width: 520px){.page-register{overflow-y:auto;padding:16px 0}.field-row{flex-direction:column;gap:0}}.page-forgot-password{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#ede8f5}.page-forgot-password .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-forgot-password .content-blobs .blob-1{position:absolute;top:-12%;left:8%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.22) 0%,transparent 60%);filter:blur(90px);animation:12s ease-in-out 0s infinite normal none running orbFloat}.page-forgot-password .content-blobs .blob-2{position:absolute;bottom:-8%;right:-2%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.18) 0%,transparent 60%);filter:blur(80px);animation:15s ease-in-out 3s infinite reverse none running orbFloat}.page-forgot-password .content-blobs .blob-3{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);filter:blur(70px);animation:18s ease-in-out 6s infinite normal none running orbFloat}.page-forgot-password .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-forgot-password .card{position:relative;z-index:1;display:flex;width:100%;max-width:820px;min-height:520px;margin:20px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 40px rgba(120,80,180,.08),0 1px 3px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.7);animation:cardIn .6s ease both}.page-forgot-password .form-side{flex:1;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-forgot-password .form-side .form-inner{width:100%;max-width:340px}.page-forgot-password .form-side .mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:20px}.page-forgot-password .form-side .mobile-brand-name{font-size:18px;font-weight:900;color:var(--text);letter-spacing:.08em}.page-forgot-password .form-side .greeting{margin-bottom:30px}.page-forgot-password .form-side .greeting p{font-size:14px;color:#8b85a0;font-weight:450;line-height:1.6}.page-forgot-password .form-side .field{margin-bottom:20px}.page-forgot-password .form-side .label{display:block;font-size:13px;font-weight:650;color:#6e6888;margin-bottom:7px;letter-spacing:.01em}.page-forgot-password .form-side .input-email{--highlight-color-focused: none;width:100%;padding:0 16px!important;font-size:14.5px;font-weight:500;color:#1e1b2e;background:rgba(255,255,255,.5);border:1.5px solid rgba(0,0,0,.06);border-radius:14px;outline:none;transition:.2s;box-shadow:rgba(0,0,0,.02) 0 1px 3px;box-sizing:border-box;height:0}.page-forgot-password .form-side .back-text{text-align:center;margin-top:22px;font-size:13.5px;color:#8b85a0;font-weight:450}.page-forgot-password .form-side .back-text a{color:#7c3aed;font-weight:600;text-decoration:none}.page-forgot-password .form-side .success-state{text-align:center}.page-forgot-password .form-side .success-state h1{margin-bottom:12px}.page-forgot-password .form-side .success-state p{font-size:14px;color:#8b85a0;font-weight:450;line-height:1.7;margin-bottom:28px}.page-forgot-password .form-side .success-icon-wrapper{margin-bottom:20px}.page-forgot-password .form-side .success-icon{font-size:64px;color:#22c55e}.page-forgot-password .form-side .btn-back-login{width:100%;height:0;padding:24px;border:none;border-radius:14px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.18) 0 6px 20px,rgba(124,58,237,.1) 0 2px 6px;display:flex;align-items:center;justify-content:center;gap:8px}.page-forgot-password .form-side .btn-back-login:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)}.page-forgot-password .brand-side{width:320px;flex-shrink:0;background:linear-gradient(160deg,#7c3aed,#6d28d9 40%,#5b21b6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;position:relative;overflow:hidden}.page-forgot-password .brand-side:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);animation:brandOrb 10s ease-in-out infinite}.page-forgot-password .brand-side:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);animation:brandOrb 12s ease-in-out 2s infinite reverse}.page-forgot-password .brand-side .content{position:relative;z-index:1}.page-forgot-password .brand-side .brand-welcome{font-size:20px;font-weight:600;color:#fff;margin-bottom:28px;letter-spacing:.02em;position:relative;animation:brandFadeUp .6s ease .2s both}.page-forgot-password .brand-side .brand-logo-area{margin-bottom:32px;position:relative;animation:brandFadeUp .6s ease .35s both}.page-forgot-password .brand-side .brand-logo-area .logo{width:68px;height:68px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)}.page-forgot-password .brand-side .brand-logo-text{font-size:26px;font-weight:900;color:#fff;letter-spacing:.1em}.page-forgot-password .brand-side .brand-logo-sub{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.18em;margin-top:1px}.page-forgot-password .brand-side .brand-tagline{font-size:15px;font-weight:600;color:#fff;line-height:1.6;position:relative;animation:brandFadeUp .6s ease .45s both}.page-forgot-password .brand-side .brand-divider{width:50px;height:2.5px;border-radius:3px;background:rgba(255,255,255,.3);margin:28px auto 0;opacity:.4;animation:brandFadeUp .6s ease .55s both}.page-forgot-password .brand-side .brand-footer{position:absolute;bottom:28px;left:0;right:0;text-align:center;animation:brandFadeUp .6s ease .55s both}.page-forgot-password .brand-side .brand-footer-label{font-size:10.5px;font-weight:600;color:#b0a9c0;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.page-forgot-password .brand-side .brand-footer-company{font-size:13px;font-weight:500;color:#8b85a0}.page-forgot-password .btn-submit{width:100%;height:0;padding:24px;border:none;border-radius:14px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.18) 0 6px 20px,rgba(124,58,237,.1) 0 2px 6px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px!important}.page-forgot-password .btn-submit:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)}@media (max-width: 1024px){.page-forgot-password .brand-side{display:none}}@media (max-width: 1024px){.page-forgot-password .mobile-brand{display:flex!important}}.page-reset-password{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#ede8f5}.page-reset-password .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-reset-password .content-blobs .blob-1{position:absolute;top:-12%;left:8%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.22) 0%,transparent 60%);filter:blur(90px);animation:12s ease-in-out 0s infinite normal none running orbFloat}.page-reset-password .content-blobs .blob-2{position:absolute;bottom:-8%;right:-2%;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.18) 0%,transparent 60%);filter:blur(80px);animation:15s ease-in-out 3s infinite reverse none running orbFloat}.page-reset-password .content-blobs .blob-3{position:absolute;top:50%;left:50%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.06) 0%,transparent 60%);filter:blur(70px);animation:18s ease-in-out 6s infinite normal none running orbFloat}.page-reset-password .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-reset-password .card{position:relative;z-index:1;display:flex;width:100%;max-width:820px;min-height:520px;margin:20px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.5);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 40px rgba(120,80,180,.08),0 1px 3px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.7);animation:cardIn .6s ease both}.page-reset-password .form-side{flex:1;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-reset-password .form-side .form-inner{width:100%;max-width:340px}.page-reset-password .form-side .mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:20px}.page-reset-password .form-side .mobile-brand-name{font-size:18px;font-weight:900;color:var(--text);letter-spacing:.08em}.page-reset-password .form-side .greeting{margin-bottom:30px}.page-reset-password .form-side .greeting p{font-size:14px;color:#8b85a0;font-weight:450;line-height:1.6}.page-reset-password .form-side .field{margin-bottom:20px}.page-reset-password .form-side .label{display:block;font-size:13px;font-weight:650;color:#6e6888;margin-bottom:7px;letter-spacing:.01em}.page-reset-password .form-side .input-password,.page-reset-password .form-side .input-cf-password{--highlight-color-focused: none;width:100%;padding:0 16px!important;font-size:14.5px;font-weight:500;color:#1e1b2e;background:rgba(255,255,255,.5);border:1.5px solid rgba(0,0,0,.06);border-radius:14px;outline:none;transition:.2s;box-shadow:rgba(0,0,0,.02) 0 1px 3px;box-sizing:border-box;height:0}.page-reset-password .form-side .success-state{text-align:center}.page-reset-password .form-side .success-state h1{margin-bottom:12px}.page-reset-password .form-side .success-state p{font-size:14px;color:#8b85a0;font-weight:450;line-height:1.7;margin-bottom:28px}.page-reset-password .form-side .success-icon-wrapper{margin-bottom:20px}.page-reset-password .form-side .success-icon{font-size:64px;color:#22c55e}.page-reset-password .form-side .btn-back-login{width:100%;height:0;padding:24px;border:none;border-radius:14px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.18) 0 6px 20px,rgba(124,58,237,.1) 0 2px 6px;display:flex;align-items:center;justify-content:center;gap:8px}.page-reset-password .form-side .btn-back-login:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)}.page-reset-password .brand-side{width:320px;flex-shrink:0;background:linear-gradient(160deg,#7c3aed,#6d28d9 40%,#5b21b6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 28px;position:relative;overflow:hidden}.page-reset-password .brand-side:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);animation:brandOrb 10s ease-in-out infinite}.page-reset-password .brand-side:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.05);animation:brandOrb 12s ease-in-out 2s infinite reverse}.page-reset-password .brand-side .content{position:relative;z-index:1}.page-reset-password .brand-side .brand-welcome{font-size:20px;font-weight:600;color:#fff;margin-bottom:28px;letter-spacing:.02em;position:relative;animation:brandFadeUp .6s ease .2s both}.page-reset-password .brand-side .brand-logo-area{margin-bottom:32px;position:relative;animation:brandFadeUp .6s ease .35s both}.page-reset-password .brand-side .brand-logo-area .logo{width:68px;height:68px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)}.page-reset-password .brand-side .brand-logo-text{font-size:26px;font-weight:900;color:#fff;letter-spacing:.1em}.page-reset-password .brand-side .brand-logo-sub{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.18em;margin-top:1px}.page-reset-password .brand-side .brand-tagline{font-size:15px;font-weight:600;color:#fff;line-height:1.6;position:relative;animation:brandFadeUp .6s ease .45s both}.page-reset-password .brand-side .brand-divider{width:50px;height:2.5px;border-radius:3px;background:rgba(255,255,255,.3);margin:28px auto 0;opacity:.4;animation:brandFadeUp .6s ease .55s both}.page-reset-password .brand-side .brand-footer{position:absolute;bottom:28px;left:0;right:0;text-align:center;animation:brandFadeUp .6s ease .55s both}.page-reset-password .brand-side .brand-footer-label{font-size:10.5px;font-weight:600;color:#b0a9c0;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.page-reset-password .brand-side .brand-footer-company{font-size:13px;font-weight:500;color:#8b85a0}.page-reset-password .btn-submit{width:100%;height:0;padding:24px;border:none;border-radius:14px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:rgba(124,58,237,.18) 0 6px 20px,rgba(124,58,237,.1) 0 2px 6px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px!important}.page-reset-password .btn-submit:hover{background:linear-gradient(135deg,#9b7ae0,#7c3aed);transform:translateY(-2px);box-shadow:0 12px 32px rgba(124,58,237,.28),0 4px 12px rgba(124,58,237,.15)}@keyframes brandOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,-10px) scale(1.05)}}@keyframes brandFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.page-reset-password .brand-side{display:none}}@media (max-width: 1024px){.page-reset-password .mobile-brand{display:flex!important}}ion-split-pane{--side-min-width: 240px;--side-max-width: 240px}@media (min-width: 576px) and (min-width: 1024px) and (hover: none){ion-split-pane{--side-width: 72px;--side-min-width: 72px}.main-menu{--width: 72px}.main-menu .footer .profile-container{flex-direction:column!important}.main-menu .footer .profile-info,.main-menu .footer .btn-back-to-select-org{display:none}.header{padding:20px 0 16px!important;justify-content:center}.nav-label{display:none}}@media (min-width: 1024px) and (hover: hover){ion-split-pane{--side-width: 240px;--side-min-width: 240px}.main-menu{--width: 240px;--max-width: 240px}}@keyframes pulse{0%,to{box-shadow:0 0 rgba(74,222,128,.7)}50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}.footer .profile-status.online,.popover-set-status-profile .menu-status-dot.online{background-color:#22c55e;box-shadow:0 0 0 2px var(--ion-background-color),0 0 rgba(34,197,94,.7);animation:pulse 2s infinite}.footer .profile-status.away,.popover-set-status-profile .menu-status-dot.away{background-color:#ff9800;box-shadow:0 0 0 2px var(--ion-background-color)}.footer .profile-status.offline,.popover-set-status-profile .menu-status-dot.offline{background-color:#9ca3af;box-shadow:0 0 0 2px var(--ion-background-color)}.main-menu{--max-width: 240px;--background: rgb(237, 232, 245)}.main-menu .header{padding:20px 20px 16px;border-bottom:1px solid rgba(0,0,0,.04);display:flex;flex-direction:row;align-items:center;gap:12px;flex-shrink:0;box-shadow:none;background:rgba(255,255,255,.35);backdrop-filter:blur(28px)}.main-menu .header .avatar{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.main-menu .content-menu::part(scroll)::-webkit-scrollbar{width:4px}.main-menu .content-menu::part(scroll)::-webkit-scrollbar-thumb{background:rgba(0,0,0,.06);border-radius:4px}.main-menu .content-menu::part(scroll)::-webkit-scrollbar-track{background:transparent}.main-menu .content-menu::part(container){border-right:1px solid #334155}.main-menu .content-menu{--background: rgb(237, 232, 245)}.main-menu .bg-content{height:100%;min-height:max-content;background:rgba(255,255,255,.35);backdrop-filter:blur(28px)}.main-menu .footer{box-shadow:none;border-top:1px solid rgba(0,0,0,.04);flex-shrink:0;background:rgba(255,255,255,.35);backdrop-filter:blur(28px)}.main-menu .footer .profile-container{padding:8px 16px 14px;border-top:1px solid rgba(0,0,0,.04);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;height:auto}.main-menu .footer .profile-container .content{display:flex;gap:4px;flex-wrap:wrap;align-items:center;cursor:pointer}.main-menu .footer .profile-info{flex:1 1 0%;min-width:0px;overflow:hidden;line-height:16px}.main-menu .footer .avatar-container{width:40px;height:40px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,rgba(203,156,226,.25),rgba(179,126,206,.12));border:1px solid rgba(191,140,217,.2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#753894;position:relative}.main-menu .footer .avatar-container .avatar{--border-radius: 12px;display:contents}.main-menu .footer .profile-status{position:absolute;right:0;bottom:0;width:8px;height:8px;border-radius:50%}.main-menu .nav{flex:1 1 0%;overflow:hidden auto;padding:12px}.main-menu .nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;justify-content:flex-start;border:none;border-radius:11px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:400;background:transparent;color:#5e5877;transition:.15s;position:relative;margin-bottom:2px}.main-menu .nav-item.active{font-weight:600;background:rgba(166,133,226,.1);color:#7c3aed}.main-menu .nav-item .border-active{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:4px;background:linear-gradient(#a685e2,#7c3aed)}.main-menu .btn-logout{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#b0a9c0;transition:.12s;flex-shrink:0}.popover-set-status-profile .menu-status-dot{width:8px;height:8px;border-radius:50%}@media (max-width: 768px){.modal-profile{--border-radius: 0 !important}}.modal-profile{--border-radius: 20px;--max-width: 440px}.modal-profile .modal-header{box-shadow:none}.modal-profile .modal-header .header{height:82px;position:relative;background:linear-gradient(135deg,rgba(166,133,226,.19),rgba(166,133,226,.082),rgba(166,133,226,.1))}.modal-profile .modal-body{--padding-bottom: 20px;--padding-top: 20px;--padding-start: 24px;--padding-end: 24px;overflow:auto;height:100%}.modal-profile .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.modal-profile .btn-close-modal{width:34px;height:34px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s;position:absolute;top:16px;right:16px}.modal-profile .btn-cancel{width:100%;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-profile .avatar-container{display:flex;justify-content:center;margin-top:-40px}.modal-profile .avatar-container .avatar-profile{margin:auto;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.75);backdrop-filter:blur(12px);border:2px solid rgba(6,199,85,.125);box-shadow:rgba(6,199,85,.082) 0 8px 24px,rgba(0,0,0,.04) 0 2px 8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.modal-profile .profile-info{text-align:center;padding:4px 24px 8px}.modal-profile .profile-status-container{display:flex;justify-content:center;margin-top:4px}.modal-profile .profile-status-container .chip{padding:4px 12px;display:flex;align-items:center;border-radius:20px;border:1px solid;gap:4px}.modal-profile .profile-status-container .chip-online{border-color:#81c784;background:rgba(129,199,132,.125)}.modal-profile .profile-status-container .chip-away{background:rgba(245,158,11,.04);border:1px solid rgba(255,204,0,.082)}.modal-profile .profile-status-container .chip-offline{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04)}.modal-profile .profile-status{width:8px;height:8px;border-radius:50%;border:1px solid #e2e8f0}.modal-profile .profile-status.online{background:#22c55e}.modal-profile .profile-status.away{background:#f59e0b}.modal-profile .profile-status.offline{background:#94a3b8}.modal-profile .profile-detail{padding:0 28px;display:flex;flex-direction:column;gap:8px}.modal-profile .profile-detail-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:rgba(237,232,245,.35);border:1px solid rgba(255,255,255,.4)}.modal-profile .profile-detail-item .profile-icon{width:16px;color:#9992ad;flex-shrink:0}.modal-profile .profile-detail-item .profile-label{flex:1 1 0%;min-width:0px}.modal-profile .profile-modal-avatar-input{display:none}.chat-box .chat-box-header{box-shadow:none;border-bottom:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.3);backdrop-filter:blur(20px);flex-shrink:0;@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}}.chat-box .chat-box-header .section-info{padding:12px 20px;display:flex;align-items:flex-start;gap:12px}.chat-box .chat-box-header .section-info .info{display:flex;align-items:flex-start;gap:12px;flex:1 1 0%;min-width:0}.chat-box .chat-box-header .section-info .info .avatar-container{position:relative;flex-shrink:0;margin-top:1px}.chat-box .chat-box-header .section-info .info .avatar{--border-radius: 12px;width:40px;height:40px;background:linear-gradient(135deg,rgba(226,218,156,.3),rgba(206,197,126,.15));border:1.5px solid rgba(217,208,140,.25);display:flex;align-items:center;justify-content:center;font-size:14.4px;font-weight:700;color:#8d8235}.chat-box .chat-box-header .section-info .info .detail-container{flex:1 1 0%;min-width:0px}.chat-box .chat-box-header .section-info .info .label-chat-name{font-size:15px;font-weight:700;color:#1e1b2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-box .chat-box-header .section-info .info .detail{display:flex;align-items:center;gap:6px;margin-top:2px;overflow:hidden}.chat-box .chat-box-header .section-info .info .badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:3px}.chat-box .chat-box-header .section-info .info .badges:empty{display:none}.chat-box .chat-box-header .section-info .info .label-channel-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:rgba(6,199,85,.08)}.chat-box .chat-box-header .section-info .info .label-channel-name{font-size:11.5px;color:#8b85a0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-box .chat-box-header .section-info .info .divider-v{width:1px;height:10px;background:rgba(0,0,0,.08)}.chat-box .chat-box-header .section-info .info .label-status{display:flex;align-items:center;gap:4px;font-size:11px;color:#16a34a;font-weight:600}.chat-box .chat-box-header .section-info .info .label-quota{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px;white-space:nowrap}.chat-box .chat-box-header .section-info .info .label-quota.normal{color:#16a34a;background:rgba(22,163,74,.08)}.chat-box .chat-box-header .section-info .info .label-quota.warning{color:#ea580c;background:rgba(234,88,12,.08)}.chat-box .chat-box-header .section-info .info .label-quota.danger{color:#dc2626;background:rgba(220,38,38,.08)}.chat-box .chat-box-header .section-info .info .label-webhook-warn{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px;white-space:nowrap;color:#b45309;background:rgba(245,158,11,.1)}.chat-box .chat-box-header .section-info .info .label-webhook-warn ion-icon{font-size:12px}.chat-box .chat-box-header .section-info .info .label-assignee{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px;white-space:nowrap;color:#8b85a0;background:rgba(0,0,0,.04);max-width:120px;overflow:hidden;text-overflow:ellipsis}.chat-box .chat-box-header .section-info .info .label-assignee.mine{color:#16a34a;background:rgba(22,163,74,.08)}.chat-box .chat-box-header .section-info .info .label-closed-badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px;white-space:nowrap;color:#6b7280;background:rgba(107,114,128,.08)}.chat-box .chat-box-header .section-info .info .label-timer{display:inline-flex;align-items:center;gap:2px;font-size:10.5px;font-weight:500;padding:1px 7px;border-radius:6px;white-space:nowrap;color:#6b7280;background:rgba(107,114,128,.08)}.chat-box .chat-box-header .section-info .info .label-pending-transfer{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px;white-space:nowrap;color:#2563eb;background:rgba(59,130,246,.1);animation:pulse-badge 2s ease-in-out infinite}.chat-box .chat-box-header .section-info .btn-actions{display:flex;gap:6px;flex-shrink:0}.chat-box .chat-box-header .section-info .btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0;padding:0;margin:0}.chat-box .chat-box-header .section-info .btn-pin{border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35)}.chat-box .chat-box-header .section-info .btn-pin.pin{border:1.5px solid rgba(124,58,237,.2);background:rgba(124,58,237,.08)}.chat-box .chat-box-header .section-info .btn-info{border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35)}.chat-box .chat-box-header .section-info .btn-info .icon{font-size:28px;color:#8b85a0}.chat-box .chat-box-header .section-info .btn-back{border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35)}.chat-box .chat-box-header .section-info .btn-back .icon{font-size:28px;color:#8b85a0}.chat-box .chat-box-header .section-transfer{padding:0 20px 10px;display:flex;align-items:center;gap:8px}.chat-box .chat-box-header .section-transfer .btn{margin:0;border-radius:9px;font-size:12.5px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px;transition:.15s}.chat-box .chat-box-header .section-transfer .btn-receive{--color: rgb(22, 163, 74);border:1px solid rgb(22,163,74);background:rgba(22,163,74,.06)}.chat-box .chat-box-header .section-transfer .btn-transfer{--color: rgb(2, 132, 199);border:1px solid rgb(2,132,199);background:rgba(2,132,199,.06)}.chat-box .chat-box-header .section-transfer .team-container{margin-left:auto;display:flex;flex-direction:column;gap:2px;padding:4px 14px;border-radius:10px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5);max-width:100%;min-width:0px}.chat-box .chat-box-header .section-transfer .team-container .content{display:flex;align-items:center;gap:5px;margin-top:auto;margin-bottom:auto;min-width:0px}.chat-box .chat-box-header .section-transfer .team-container .label-title{font-size:10.5px;font-weight:500;color:#8b85a0}.chat-box .chat-box-header .section-transfer .team-container .label-sub-title{font-size:11px;color:#8b85a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-box .chat-box-header .section-info .info .actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px}.chat-box .chat-box-header .section-info .info .actions:empty{display:none}.chat-box .chat-box-header .section-info .info .actions .action-pill{flex:1;margin:0;padding:5px 6px;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:3px;transition:opacity .15s;white-space:nowrap;outline:none}.chat-box .chat-box-header .section-info .info .actions .action-pill:active{opacity:.7}.chat-box .chat-box-header .section-info .info .actions .action-pill.green{color:#16a34a;border:1px solid rgba(22,163,74,.3);background:rgba(22,163,74,.06)}.chat-box .chat-box-header .section-info .info .actions .action-pill.blue{color:#0284c7;border:1px solid rgba(2,132,199,.3);background:rgba(2,132,199,.06)}.chat-box .chat-box-header .section-info .info .actions .action-pill.gray{color:#6b7280;border:1px solid rgba(107,114,128,.3);background:rgba(107,114,128,.06)}.chat-box .chat-box-header .section-info .info .actions .action-pill.red{color:#dc2626;border:1px solid rgba(220,38,38,.3);background:rgba(220,38,38,.06)}.chat-box .chat-box-header .section-info .info .actions .action-pill.purple{color:#7c3aed;border:1px solid rgba(124,58,237,.3);background:rgba(124,58,237,.06)}.chat-box .chat-box-header .section-info .info .actions .action-pill.orange{color:#ea580c;border:1px solid rgba(234,88,12,.3);background:rgba(234,88,12,.06)}.chat-box .chat-box-header .section-info .info .meta-strip{display:contents}@media (max-width: 767px){.chat-box .chat-box-header .section-info{padding:8px 10px;gap:6px;align-items:flex-start}.chat-box .chat-box-header .section-info .info{gap:8px;align-items:flex-start}.chat-box .chat-box-header .section-info .info .avatar{width:34px;height:34px;--border-radius: 10px;font-size:13px}.chat-box .chat-box-header .section-info .info .label-chat-name{font-size:13.5px}.chat-box .chat-box-header .section-info .info .meta-strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px}.chat-box .chat-box-header .section-info .info .meta-strip .detail{display:flex;align-items:center;gap:6px;margin-top:0}.chat-box .chat-box-header .section-info .info .meta-strip .badges{display:contents}.chat-box .chat-box-header .section-info .info .meta-strip .actions{width:100%;display:flex;flex-wrap:nowrap;gap:4px;margin-top:0}.chat-box .chat-box-header .section-info .info .meta-strip .actions .action-pill{flex:1 1 0%;min-width:0;padding:4px;font-size:11px}.chat-box .chat-box-header .section-info .btn{width:32px;height:32px;border-radius:8px}.chat-box .chat-box-header .section-info .btn-back .icon,.chat-box .chat-box-header .section-info .btn-info .icon{font-size:24px}}.modal-customer-info::part(content){background:#ede8f5}.modal-customer-info .modal-customer-panel{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.12);backdrop-filter:blur(20px);border-left:none;animation:none}.modal-customer-info .modal-close-btn{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.65);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#6b6482;box-shadow:0 2px 8px rgba(0,0,0,.06);outline:none;transition:.15s}.modal-customer-info .modal-close-btn:active{opacity:.7;transform:scale(.95)}@media (min-width: 768px){.modal-customer-info{--width: 380px;--max-width: 380px;--height: 100%}.modal-customer-info::part(backdrop){background:rgba(0,0,0,.15)}.modal-customer-info::part(content){position:absolute;right:0;top:0;bottom:0;margin:0;border-radius:0;height:100%;max-height:100%;border-left:1px solid rgba(255,255,255,.25)}}.popover-transfer-chat::part(content){border-radius:16px}.popover-transfer-chat{--width: 90vw;--min-width: 320px;--max-width: 350px;border:1px solid rgba(255,255,255,.65)}.popover-transfer-chat .transfer-header-container{padding:14px 16px 10px}.popover-transfer-chat .transfer-header-container .label-header{font-size:13px;font-weight:700;color:#1e1b2e;margin-bottom:10px}.popover-transfer-chat .input-search{--background: transparent;--box-shadow: none;min-height:0!important;padding:0;border:1.5px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);color:#64748b;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;transition:.2s}.popover-transfer-chat .team-list{max-height:300px;overflow-y:auto;padding:0 8px 8px}.popover-transfer-chat .team-container{display:flex;align-items:center;border-radius:10px;background:rgba(124,58,237,.05);transition:.12s;overflow:hidden;margin-bottom:4px}.popover-transfer-chat .team-detail,.popover-transfer-chat .member-detail{display:flex;align-items:center;gap:8px;flex:1 1 0%;padding:9px 0 9px 10px;border:none;background:transparent;cursor:pointer;font-family:inherit}.popover-transfer-chat .team-detail .icon,.popover-transfer-chat .member-detail .icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,rgba(223,205,159,.35),rgba(201,181,130,.18));display:flex;align-items:center;justify-content:center;flex-shrink:0}.popover-transfer-chat .team-detail .detail,.popover-transfer-chat .member-detail .detail{flex:1 1 0%;text-align:left}.popover-transfer-chat .team-detail-expanded{background:rgba(13,148,136,.02);border-radius:0 0 10px 10px;padding:6px 6px 6px 0;border-top:1px solid rgba(13,148,136,.1)}.popover-transfer-chat .member-container{display:flex;align-items:stretch;margin-left:10px}.popover-transfer-chat .member-container .divider-container{width:20px;position:relative;flex-shrink:0}.popover-transfer-chat .member-container .divider-container .divider-v{position:absolute;left:8px;top:0;bottom:0;width:1.5px;background:rgba(124,58,237,.12)}.popover-transfer-chat .member-container .divider-container .divider-h{position:absolute;left:8px;top:50%;width:10px;height:1.5px;background:rgba(124,58,237,.12)}.popover-transfer-chat .no-team{font-size:12.5px;line-height:1.7;color:#6e6888;margin:0;padding:10px 0 16px;font-style:italic}.popover-transfer-chat .label-title{font-size:12.5px;font-weight:600;color:#1e1b2e}.popover-transfer-chat .label-sub-title{font-size:10.5px;color:#9992ad;margin-top:1px}.popover-transfer-chat .btn-transfer{padding:0;margin:0 6px 0 0;border-radius:7px;border:1px solid rgba(124,58,237,.18);background:rgba(124,58,237,.05);color:#7c3aed;font-size:10.5px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;transition:.15s;flex-shrink:0;white-space:nowrap}.popover-transfer-chat .btn-member-transfer{padding:0;margin:auto;border-radius:6px;border:1px solid rgba(124,58,237,.18);background:rgba(124,58,237,.05);color:#7c3aed;font-size:10.5px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:3px;transition:.15s;flex-shrink:0;white-space:nowrap}.chat-info .section-info-profile{position:relative;flex-shrink:0;overflow:hidden}.chat-info .section-info-profile .info-profile-container{height:80px;background:linear-gradient(135deg,rgba(219,211,148,.4),rgba(162,206,126,.25),rgba(124,58,237,.15));position:relative}.chat-info .section-info-profile .info-profile{display:flex;flex-direction:column;align-items:center;margin-top:-36px;position:relative;z-index:2;padding-bottom:16px}.chat-info .section-info-profile .info-profile .avatar-container{padding:3px;border-radius:22px;background:rgba(255,255,255,.6);box-shadow:rgba(0,0,0,.08) 0 4px 20px}.chat-info .section-info-profile .info-profile .avatar-container .avatar{--border-radius: 19.8px;width:66px;height:66px;background:linear-gradient(135deg,rgba(226,218,156,.3),rgba(206,197,126,.15));border:1.5px solid rgba(217,208,140,.25);display:flex;align-items:center;justify-content:center;font-size:23.76px;font-weight:700;color:#8d8235}.chat-info .section-info-profile .info-profile .label-chat-name{font-size:16px;font-weight:800;color:#1e1b2e;margin-top:10px;letter-spacing:-.02em}.chat-info .section-info-profile .info-profile .label-chat-customer{font-size:12.5px;color:#8b85a0;margin-top:2px;font-weight:500}.chat-info .section-info-profile .info-profile .chat-social{display:flex;align-items:center;gap:5px;margin-top:6px}.chat-info .section-info-profile .info-profile .chat-social .social-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px}.chat-info .section-info-profile .info-profile .chat-social .social-name{font-size:11px;font-weight:500}.chat-info .section-info-profile .info-profile .chat-social .social-icon.LINE{background:rgba(6,199,85,.08)}.chat-info .section-info-profile .info-profile .chat-social .social-name.LINE{color:#06c755}.chat-info .section-info-profile .info-profile .chat-social .social-icon.Facebook{background:rgba(24,119,242,.08)}.chat-info .section-info-profile .info-profile .chat-social .social-name.Facebook{color:#1877f2}.chat-info .section-info-detail{flex:1 1 0%;overflow-y:auto;padding:4px 16px 24px}.chat-info .section-info-detail .info-detail-contact{border-radius:14px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.45);padding:14px 16px;margin-bottom:14px}.chat-info .section-info-detail .info-detail-contact .detail-contact-item{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid rgba(0,0,0,.03);cursor:default;transition:opacity .15s;opacity:1}.chat-info .section-info-detail .info-detail-contact .icon-container{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.chat-info .section-info-detail .info-detail-contact .icon-container.fullname{background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.094)}.chat-info .section-info-detail .info-detail-contact .icon-container.org,.chat-info .section-info-detail .info-detail-contact .icon-container.tax-id{background:rgba(13,148,136,.05);border:1px solid rgba(13,148,136,.094)}.chat-info .section-info-detail .info-detail-contact .icon-container.address{background:rgba(225,29,72,.05);border:1px solid rgba(225,29,72,.094)}.chat-info .section-info-detail .info-detail-contact .icon-container.tel{background:rgba(22,163,74,.05);border:1px solid rgba(22,163,74,.094)}.chat-info .section-info-detail .info-detail-contact .icon-container.email{background:rgba(217,119,6,.05);border:1px solid rgba(217,119,6,.094)}.chat-info .section-info-detail .info-detail-contact .detail-container{flex:1 1 0%;min-width:0px}.chat-info .section-info-detail .info-detail-contact .detail-container .label-title{font-size:10px;font-weight:600;color:#8b85a0;margin-bottom:1px}.chat-info .section-info-detail .info-detail-contact .detail-container .detail-sub{display:flex;align-items:center;gap:6px}.chat-info .section-info-detail .info-detail-contact .detail-sub .label-sub-title{font-size:12px;color:#1e1b2e;font-weight:500;line-height:1.5;word-break:break-word;flex:1 1 0%}.chat-info .section-info-detail .info-detail-tags{border-radius:14px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.45);padding:14px 16px;margin-bottom:14px;position:relative}.chat-info .section-info-detail .info-detail-tags .tag-list{display:flex;flex-wrap:wrap;gap:5px}.chat-info .section-info-detail .info-detail-tags .tag-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid rgba(124,58,237,.094);transition:.12s}.chat-info .section-info-detail .info-detail-note{border-radius:14px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.45);padding:14px 16px;margin-bottom:14px}.chat-info .section-info-detail .info-detail-note .note-content{position:relative}.chat-info .section-info-detail .info-detail-note .divider-v{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:2px;background:linear-gradient(rgba(124,58,237,.3),rgba(124,58,237,.05))}.chat-info .section-info-detail .info-detail-note .label-note{font-size:12.5px;line-height:1.7;color:#6e6888;margin:0;padding-left:12px}.chat-info .section-info-detail .header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chat-info .section-info-detail .title-contact{font-size:10px;font-weight:700;color:#8b85a0;text-transform:uppercase;letter-spacing:.06em}.chat-info .section-info-detail .label-no-tag,.chat-info .section-info-detail .label-no-note{font-size:12px;color:#9992ad;font-style:italic;padding:4px 0}.chat-info .section-info-detail .input-contact-edit{--highlight-color-focused: none;min-height:28px;width:100%;font-size:12px;color:#1e1b2e;font-weight:500;line-height:1.5;word-break:break-word;padding:0 8px!important;border:1.5px solid rgba(124,58,237,.2);border-radius:8px;background:rgba(255,255,255,.5);outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.chat-info .section-info-detail .btn-manage-tag{margin:0;padding:0;font-size:10px;font-weight:600;color:#7c3aed;background:none;border:1px solid transparent;cursor:pointer;font-family:inherit;border-radius:6px;transition:.15s;display:flex;align-items:center;gap:3px}.chat-info .section-info-detail .btn-remove-tag{cursor:pointer}.chat-info .section-info-detail .btn-edit-contact{font-size:10px;font-weight:600;color:#7c3aed;background:none;border:none;cursor:pointer;font-family:inherit;border-radius:4px;transition:background .12s}.chat-info .section-info-detail .btn-edit-submit{font-size:10px;font-weight:600;color:#fff;background:#7c3aed;border:none;cursor:pointer;font-family:inherit;border-radius:6px;transition:opacity .12s}.chat-info .section-info-detail .btn-edit-cancel{font-size:10px;font-weight:600;color:#8b85a0;background:rgba(0,0,0,.04);border:none;cursor:pointer;font-family:inherit;border-radius:6px;transition:background .12s}.chat-info .section-info-detail .btn-copy{width:24px;height:24px;border-radius:6px;border:none;background:rgba(0,0,0,.03);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:.15s}.chat-info .section-info-detail .contact-note-item{margin-bottom:10px}.chat-info .section-info-detail .contact-note-item:last-child{margin-bottom:0}.chat-info .section-info-detail .contact-note-editor{margin-bottom:12px}.chat-info .section-info-detail .contact-note-textarea{--highlight-color-focused: none;min-height:40px;width:100%;font-size:12px;color:#1e1b2e;font-weight:500;line-height:1.5;word-break:break-word;padding:4px 8px!important;border:1.5px solid rgba(124,58,237,.2);border-radius:8px;background:rgba(255,255,255,.5);outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.chat-info .section-info-detail .contact-note-textarea:focus-within{border-color:rgba(124,58,237,.5)}.chat-info .section-info-detail .contact-note-actions{display:flex;gap:6px;margin-top:6px}.chat-info .section-info-detail .contact-note-btn-save{--padding-start: 10px;--padding-end: 10px;font-size:10px;font-weight:600;--background: rgb(124, 58, 237);--color: #fff;--border-radius: 6px;min-height:26px;height:26px}.chat-info .section-info-detail .contact-note-btn-cancel{--padding-start: 10px;--padding-end: 10px;font-size:10px;font-weight:600;--color: rgb(139, 133, 160);--border-radius: 6px;min-height:26px;height:26px}.chat-info .section-info-detail .contact-note-loading{text-align:center;padding:16px 0}.chat-info .section-info-detail .contact-note-display,.chat-info .section-info-detail .contact-note-edit-wrap{padding-left:12px}.chat-info .section-info-detail .contact-note-meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.chat-info .section-info-detail .contact-note-meta{font-size:10px;color:#8b85a0}.chat-info .section-info-detail .contact-note-btns{display:flex;gap:0}.chat-info .section-info-detail .contact-note-icon-btn{--padding-start: 4px;--padding-end: 4px;min-height:22px;height:22px;font-size:13px}.popover-chat-tags-manage::part(content){border-radius:16px}.popover-chat-tags-manage{--min-width: 340px}.popover-chat-tags-manage .popover-header{padding:14px 16px 10px;border-bottom:1px solid rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between;box-shadow:none}.popover-chat-tags-manage .popover-content{--padding-bottom: 12px;--padding-top: 12px;--padding-start: 12px;--padding-end: 12px}.popover-chat-tags-manage .search-input{--highlight-color-focused: none;--padding-start: 12px;border:1px solid rgba(0,0,0,.07);border-radius:12px;min-height:40px!important}.popover-chat-tags-manage .tag-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;--min-height: unset}.popover-chat-tags-manage .tag-item .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.popover-chat-tags-manage .tag-item .tag-name{display:flex;gap:4px;align-items:center}.popover-chat-tags-manage .edit-tag,.popover-chat-tags-manage .create-tag{width:100%;display:flex;flex-direction:column;gap:4px}.popover-chat-tags-manage .edit-tag .edit-tag-content,.popover-chat-tags-manage .create-tag .edit-tag-content{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:rgba(166,133,226,.06);border:1px solid rgba(166,133,226,.2);animation:.15s ease 0s 1 normal none running slideDown}.popover-chat-tags-manage .edit-tag .input-edit{--padding-start: 8px;--padding-end: 8px;--padding-top: 0;--padding-bottom: 0;padding:inherit;flex:1 1 0%;border:1px solid rgba(166,133,226,.3);border-radius:8px;background:rgba(255,255,255,.6);font-size:12px;color:#1e1b2e;outline:none;min-height:32px!important}.popover-chat-tags-manage .edit-tag .btn-save{width:28px;height:28px;border-radius:8px;border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover-chat-tags-manage .edit-tag .btn-cancel{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover-chat-tags-manage .create-tag .input-create{padding:inherit;flex:1 1 0%;border:1px solid rgba(166,133,226,.3);border-radius:8px;background:rgba(255,255,255,.6);font-size:12px;color:#1e1b2e;outline:none;min-height:32px!important;overflow:auto;align-content:center}.popover-chat-tags-manage .create-tag .btn-create{padding:0 8px;border-radius:8px;border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover-chat-tags-manage .tag-list-color{display:flex;gap:8px;padding:4px 0;justify-content:center;flex-wrap:wrap}.popover-chat-tags-manage .tag-list-color .tag-color{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid transparent}.popover-chat-tags-manage .tag-list-color .tag-color.active{color:#fff;border-color:#fff;box-shadow:0 0 0 2px var(--ion-color-primary)}.chat-box .chat-box-message{flex:1 1 0%;overflow-y:auto;--padding: 20px 24px 10px;--background: transparent;position:relative;@keyframes fabSlideUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.chat-box .chat-box-message .message-list{padding:20px 24px 10px}.chat-box .chat-box-message .time-container{text-align:center;margin:4px 0 18px}.chat-box .chat-box-message .time-container .label-time{font-size:11px;color:#b0a9c0;font-weight:600;background:rgba(255,255,255,.5);padding:5px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.4)}.chat-box .chat-box-message .new-message-fab{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:20px;border:1px solid rgba(124,58,237,.2);background:rgba(255,255,255,.92);backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:#7c3aed;transition:transform .15s,box-shadow .15s;animation:fabSlideUp .25s ease-out;outline:none}.chat-box .chat-box-message .new-message-fab:active{transform:translate(-50%) scale(.96)}.chat-box .chat-box-message .new-message-fab ion-icon{font-size:15px}.SystemEventBubble{display:flex;justify-content:center;align-items:center;width:100%;padding:6px 0;margin:4px 0;gap:6px}.SystemEventBubble__content{display:inline-flex;align-items:flex-start;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.08);max-width:85%;box-shadow:0 1px 3px rgba(0,0,0,.05)}.SystemEventBubble__timestamp{font-size:.7rem;color:var(--ion-color-step-500);white-space:nowrap;opacity:.8;margin-top:10px}.SystemEventBubble__icon{font-size:18px;color:var(--ion-color-medium);flex-shrink:0;margin-top:2px}.SystemEventBubble__text{font-size:.85rem;color:var(--ion-color-step-700);line-height:1.5;text-align:left;word-break:break-word}.SystemEventBubble__text strong{font-weight:600;color:var(--ion-color-dark);white-space:nowrap}.SystemEventBubble__text .team-badge{display:inline;padding:1px 6px;border-radius:4px;background:rgba(96,165,250,.12);color:#2563eb;font-size:inherit;font-weight:500;margin:0 1px;border:1px solid rgba(96,165,250,.25)}.SystemEventBubble__text .email-text{color:var(--ion-color-medium);font-family:monospace;font-size:.8rem}@media (prefers-color-scheme: dark){.MessageBubble__avatar,.MessageBubble__avatar-placeholder{border-color:rgba(255,255,255,.2)}.MessageBubble.received .MessageBubble__content{background:rgba(255,255,255,.1)}.MessageBubble__sender-name{color:var(--ion-color-step-400)}.SystemEventBubble__content{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.SystemEventBubble__icon{color:var(--ion-color-medium)}.SystemEventBubble__text{color:var(--ion-color-step-300)}.SystemEventBubble__text strong{color:var(--ion-color-light)}.SystemEventBubble__text .team-badge{background:rgba(96,165,250,.15);color:#93c5fd;border-color:rgba(96,165,250,.3)}}@media (max-width: 768px){.MessageBubble__avatar-container{width:32px;height:32px}.MessageBubble__avatar-placeholder{font-size:.9rem}.MessageBubble__wrapper{max-width:85%}.MessageBubble__content{padding:8px 12px}}@media (max-width: 480px){.MessageBubble{gap:6px}.MessageBubble__avatar-container{width:28px;height:28px}.MessageBubble__avatar-placeholder{font-size:.8rem}.MessageBubble__wrapper{max-width:90%}.SystemEventBubble__content{padding:5px 10px}.SystemEventBubble__text{font-size:.75rem}.SystemEventBubble__text .team-badge{font-size:.7rem;padding:1px 6px}}.chat-box .message-bubble .section-message{display:flex;align-items:flex-end;gap:8px;width:100%}.chat-box .message-bubble .section-message .avatar-container{width:28px;flex-shrink:0}.chat-box .message-bubble .section-message .avatar-container .avatar{width:28px;height:28px;border-radius:8.4px;background:linear-gradient(135deg,rgba(226,218,156,.3),rgba(206,197,126,.15));border:1.5px solid rgba(217,208,140,.25);display:flex;align-items:center;justify-content:center;font-size:10.08px;font-weight:700;color:#8d8235}.chat-box .message-bubble .message-container{max-width:62%;padding:10px 16px}.chat-box .message-bubble .message-container.sticker{background:transparent!important;box-shadow:none!important;border:0!important}.chat-box .message-bubble .label-time{font-size:10px;margin-top:4px;text-align:right;opacity:.55;font-weight:500;display:flex;align-items:center;justify-content:flex-end;gap:4px}.chat-box .message-bubble .label-user-name{font-size:10.5px;font-weight:600;color:#8b85a0;margin-bottom:3px;padding-left:36px;padding-right:0}.chat-box .message-bubble .message-text{margin:0;font-size:13.5px;line-height:1.6;word-break:break-word}.chat-box .message-bubble .message-sticker{width:120px;height:120px}.chat-box .message-bubble.sent{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:8px;animation:.25s ease 0s 1 normal none running msgIn}.chat-box .message-bubble.sent .section-message{justify-content:flex-end}.chat-box .message-bubble.sent .avatar-container{order:2}.chat-box .message-bubble.sent .message-container{max-width:62%;padding:10px 16px;border-radius:18px 18px 5px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;border:none;box-shadow:rgba(166,133,226,.18) 0 3px 14px;order:1}.chat-box .message-bubble.received{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px;animation:.25s ease 0s 1 normal none running msgIn}.chat-box .message-bubble.received .section-message{justify-content:flex-start}.chat-box .message-bubble.received .message-container{border-radius:18px 18px 18px 5px;background:rgba(255,255,255,.6);color:#1e1b2e;border:1px solid rgba(255,255,255,.5);box-shadow:rgba(0,0,0,.03) 0 1px 5px}.chat-box .ImageWithLoader{position:relative;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:12px;overflow:hidden;width:280px;max-width:100%}.chat-box .message-image{position:relative;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:12px;overflow:hidden;width:280px;max-width:100%;transition:transform .2s ease-in-out;cursor:pointer}.chat-box .message-image .image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}.modal-image-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:rgba(10,8,20,.88);backdrop-filter:blur(20px);display:flex;flex-direction:column;animation:.2s ease 0s 1 normal none running fadeIn}.modal-image-preview .header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;flex-shrink:0}.modal-image-preview .image{max-width:calc(-160px + 100vw);max-height:calc(-300px + 100vh);border-radius:10px;box-shadow:rgba(0,0,0,.5) 0 20px 80px;display:block;object-fit:contain;animation:.25s ease 0s 1 normal none running zoomIn;margin:auto}.modal-image-preview .btn-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.modal-image-preview .btn-close{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.audio-player-container{display:flex;align-items:center;gap:8px}.audio-player-container.loading,.audio-player-container.error{color:#888;font-size:.9em}.audio-player-container.error{color:var(--ion-color-danger-shade)}.VideoPlayer-container{display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:12px;overflow:hidden;color:#888;width:320px;height:180px;max-width:100%}.VideoPlayer-container video{width:100%;height:100%;object-fit:contain}.VideoPlayer-container.error{color:#f04141;flex-direction:column;gap:8px;font-size:.9em}.VideoPlayer-container.error ion-icon{font-size:1.5rem}.FileAttachment{--border-radius: 12px;--background: #f0f0f0;--color: #333;margin:4px 0;width:100%;max-width:320px;--min-height: 58px;height:58px;display:flex;align-items:center}.FileAttachment.loading ion-label,.FileAttachment.error ion-label{justify-content:center}.FileAttachment ion-label{min-width:0;flex-grow:1;display:flex;flex-direction:column;justify-content:center;min-height:40px}.FileAttachment h3{font-size:.9em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1.2}.FileAttachment p{font-size:.8em;color:#666;margin:0;line-height:1.2}.FileAttachment.loading,.FileAttachment.error{--color: #888}.FileAttachment.loading ion-spinner{margin-right:12px}.FileAttachment.loading ion-label p,.FileAttachment.error ion-label p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-color-scheme: dark){.FileAttachment{--background: rgba(255, 255, 255, .1);--color: #eee}.FileAttachment p{color:#ccc}}.chat-box .message-location{text-decoration:none}.chat-box .message-location .message-location-icon-container{border-radius:12px;overflow:hidden;margin-bottom:8px;height:120px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.chat-box .message-location .message-location-icon-container .content{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-box .message-location .message-location-icon-container .label{font-size:9px;font-weight:600}.chat-box .message-location .message-location-label-title{font-size:13px;font-weight:600}.chat-box .message-location .message-location-label-address{font-size:11px;margin-top:2px;line-height:1.4}.chat-box .message-bubble.sent .message-location-icon-container{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15)}.chat-box .message-bubble.sent .message-location-label-title{font-size:13px;font-weight:600;color:#fff}.chat-box .message-bubble.sent .message-location-label-address{font-size:11px;margin-top:2px;line-height:1.4;color:rgba(255,255,255,.55)}.chat-box .message-bubble.sent .message-location-icon-container .icon,.chat-box .message-bubble.sent .message-location-icon-container .label{color:rgba(255,255,255,.5)}.chat-box .message-bubble.received .message-location-icon-container{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05)}.chat-box .message-bubble.received .message-location-label-title{font-size:13px;font-weight:600;color:#1e1b2e}.chat-box .message-bubble.received .message-location-label-address{font-size:11px;color:#8b85a0;margin-top:2px;line-height:1.4}.chat-box .message-bubble.received .message-location-icon-container .icon,.chat-box .message-bubble.received .message-location-icon-container .label{color:#8b85a0}.chat-box .footer-send-chat{padding:12px 18px 16px;border-top:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);display:flex;flex-direction:column;gap:0;flex-shrink:0;position:relative;box-shadow:none}.chat-box .footer-send-chat .chat-lock-banner{display:flex;align-items:center;gap:6px;padding:8px 14px;margin-bottom:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#b91c1c;font-size:.8rem;font-weight:500}.chat-box .footer-send-chat .chat-lock-banner ion-icon{font-size:16px;flex-shrink:0}.chat-box .footer-send-chat .attachment-preview-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);border-radius:12px;border:1.5px solid rgba(139,92,246,.15);position:relative}.chat-box .footer-send-chat .attachment-preview-content{flex:1;min-width:0;display:flex;align-items:center}.chat-box .footer-send-chat .attachment-preview-thumb{max-height:80px;max-width:120px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}.chat-box .footer-send-chat .attachment-preview-file{display:flex;align-items:center;gap:8px;font-size:13px;color:#50466e}.chat-box .footer-send-chat .attachment-preview-file ion-icon{font-size:22px;color:#8b5cf6;flex-shrink:0}.chat-box .footer-send-chat .attachment-preview-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-box .footer-send-chat .attachment-preview-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#8b85a0}.chat-box .footer-send-chat .attachment-preview-loading ion-spinner{width:18px;height:18px}.chat-box .footer-send-chat .attachment-preview-remove{--padding-start: 0;--padding-end: 0;width:28px;height:28px;flex-shrink:0}.chat-box .footer-send-chat .attachment-preview-remove ion-icon{font-size:20px;color:#b4aac8;transition:color .15s}.chat-box .footer-send-chat .attachment-preview-remove:hover ion-icon{color:#ef4444}.chat-box .footer-send-chat .send-chat-container{display:flex;align-items:flex-end;gap:8px;flex-shrink:0;position:relative;width:100%}.chat-box .footer-send-chat .input-send-message{width:100%;min-height:0;padding:0 18px;border:1.5px solid rgba(0,0,0,.06);border-radius:14px;background:rgba(255,255,255,.5);backdrop-filter:blur(4px);font-size:13.5px;color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.chat-box .footer-send-chat .btn-attach-file,.chat-box .footer-send-chat .btn-emoji{width:38px;height:38px;border-radius:10.64px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8b85a0;transition:.15s;flex-shrink:0;padding:0;margin:0}.chat-box .footer-send-chat .btn-send{padding:0;margin:0;width:42px;height:42px;border-radius:13px;border:none;flex-shrink:0;background:rgba(0,0,0,.04);cursor:default;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:.25s;transform:scale(.95)}.canned-response-modal{--background: #fff;--border-radius: 18px 18px 0 0;--box-shadow: rgba(100, 70, 160, .18) 0px -4px 36px, rgba(0, 0, 0, .06) 0px -1px 6px}.canned-response-modal::part(handle){background:rgba(0,0,0,.12);width:36px;height:4px;margin-top:8px}.cr-toolbar{--background: #fff;--border-width: 0;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.cr-toolbar-inner{display:flex;flex-direction:column;padding:4px 14px 0}.cr-ion-content{--background: #fff;--padding-start: 14px;--padding-end: 14px;--padding-bottom: 16px}.cr-header-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0 8px}.cr-header-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;color:#1e1b2e}.cr-header-icon{font-size:1.1rem;color:#8b5cf6}.cr-btn-close{--padding-start: 0;--padding-end: 0;width:32px;height:32px;margin:0;color:#9992ad}.cr-type-tabs{--background: rgba(0, 0, 0, .04);border-radius:10px;margin-bottom:8px;min-height:32px;overflow-x:auto;-webkit-overflow-scrolling:touch}.cr-type-tabs ion-segment-button{--indicator-color: rgb(139, 92, 246);--color: rgb(120, 110, 145);--color-checked: #fff;--border-radius: 8px;--padding-top: 4px;--padding-bottom: 4px;--padding-start: 6px;--padding-end: 6px;min-height:30px;font-size:.72rem;font-weight:500;text-transform:none;letter-spacing:0;flex:1 1 0}.canned-response-modal .cr-search{--background: rgba(0, 0, 0, .03);--box-shadow: none;--color: rgb(30, 27, 46);--placeholder-color: rgb(153, 146, 173);--border-radius: 10px;min-height:0!important;padding:0;margin-bottom:4px;border:1.5px solid rgba(0,0,0,.06);border-radius:10px;font-size:.8rem}.cr-card-list{display:flex;flex-direction:column;gap:6px}.cr-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(0,0,0,.02);border:1.5px solid rgba(0,0,0,.05);border-radius:12px;cursor:pointer;transition:all .15s}.cr-card:hover,.cr-card:active{background:rgba(139,92,246,.04);border-color:rgba(139,92,246,.2)}.cr-thumb{width:50px;height:50px;border-radius:8px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04)}.cr-thumb-img img{width:100%;height:100%;object-fit:contain;display:block}.cr-thumb-icon{background:rgba(139,92,246,.06)}.cr-thumb-icon ion-icon{font-size:1.3rem;color:#8b5cf6}.cr-thumb-text{background:rgba(59,130,246,.06)}.cr-thumb-text ion-icon{color:#3b82f6}.cr-card-body{flex:1;min-width:0}.cr-card-title-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.cr-card-title{font-weight:600;font-size:.84rem;color:#1e1b2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cr-card-shortcut{background:rgba(139,92,246,.1);color:#7c3aed;font-size:.62rem;font-family:monospace;padding:1px 6px;border-radius:4px;border:1px solid rgba(139,92,246,.18);flex-shrink:0}.cr-card-preview{font-size:.74rem;color:#827a9c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.4}.cr-card-block-count{color:#8b5cf6;font-weight:500}.cr-card-type-label{font-size:.7rem;color:#9992ad;font-weight:500}.cr-block-strip{display:flex;align-items:center;gap:3px;margin:3px 0 2px;flex-wrap:wrap}.cr-mini-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:18px;border-radius:4px;font-size:.6rem;line-height:1}.cr-mini-text{background:rgba(59,130,246,.1)}.cr-mini-image{background:rgba(16,185,129,.1)}.cr-mini-video{background:rgba(245,158,11,.1)}.cr-mini-file{background:rgba(139,92,246,.1)}.cr-mini-more{font-size:.6rem;color:#9992ad;font-weight:600;padding-left:2px}.cr-empty{padding:40px 24px;text-align:center;color:#9992ad;font-size:.85rem}.cr-loading{display:flex;align-items:center;justify-content:center;padding:40px}.cr-preview-header{display:flex;align-items:center;gap:8px;padding:2px 0}.cr-btn-back{--padding-start: 0;--padding-end: 0;width:32px;height:32px;margin:0;color:#645a82;flex-shrink:0}.cr-preview-title-area{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.cr-preview-title{font-weight:600;font-size:.9rem;color:#1e1b2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-btn-send{--background: rgb(139, 92, 246);--background-hover: rgb(124, 58, 237);--border-radius: 10px;--padding-start: 14px;--padding-end: 14px;height:34px;font-size:.82rem;font-weight:600;margin:0;flex-shrink:0}.cr-btn-send ion-icon{font-size:.9rem}.cr-preview-info{padding:8px 0 4px}.cr-preview-count{font-size:.72rem;color:#9992ad;font-weight:500}.cr-preview-blocks{display:flex;flex-direction:column;gap:8px;padding-top:4px}.cr-preview-bubble{display:flex;align-items:flex-start;gap:10px;animation:crFadeIn .2s ease;padding:4px 0}@keyframes crFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cr-preview-step{width:24px;height:24px;border-radius:50%;background:#8b5cf6;color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:6px}.cr-preview-bubble-text .cr-preview-content{background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.12);border-radius:12px;padding:8px 12px;font-size:.8rem;color:#1e1b2e;line-height:1.5;white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.cr-preview-editable{flex:1;min-width:0;--background: rgba(139, 92, 246, .04);--color: rgb(30, 27, 46);--placeholder-color: rgb(153, 146, 173);--padding-start: 14px;--padding-end: 14px;--padding-top: 10px;--padding-bottom: 10px;border:1px solid rgba(139,92,246,.08);border-radius:14px;font-size:.82rem;line-height:1.5;margin:0;transition:border-color .15s,background .15s}.cr-preview-editable:focus-within{border-color:#8b5cf6;--background: #fff;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.cr-preview-bubble-media .cr-preview-img{max-width:240px;max-height:200px;border-radius:14px;object-fit:contain;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 4px rgba(0,0,0,.06)}.cr-preview-placeholder{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06);border-radius:10px;font-size:.78rem;color:#645a82}.cr-preview-placeholder ion-icon{font-size:1.1rem;color:#8b5cf6}.cr-preview-placeholder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.no-chat-selected-container{flex:1 1 0%;display:flex;min-width:0px;position:relative;z-index:1;height:100vh;padding:12px}.no-chat-selected-container .container{flex:1 1 0%;display:flex;align-items:center;justify-content:center;height:100vh}.no-chat-selected-container .no-chat-selected-icon{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:rgba(120,80,180,.08) 0 8px 40px}.no-chat-selected-container .label-title{font-size:17px;font-weight:700;color:#1e1b2e;margin-bottom:6px}.no-chat-selected-container .label-sub-title{font-size:13px;color:#9992ad;font-weight:500;line-height:1.6}.section-chat-box{display:flex;flex-direction:column;height:100%}.chat-list .section-chat-list{padding:4px 0}.chat-list .section-chat-list .chat-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:11px 16px;cursor:pointer;background:transparent;border-left:3px solid transparent;transition:.12s;position:relative}.chat-list .section-chat-list .chat-item.active{background:rgba(124,58,237,.06);border-left:3px solid rgb(124,58,237)}.chat-list .section-chat-list .avatar-container{position:relative;flex-shrink:0}.chat-list .section-chat-list .avatar-container .avatar{--border-radius: 12.6px;width:42px;height:42px;background:linear-gradient(135deg,rgba(156,189,226,.3),rgba(126,163,206,.15));border:1.5px solid rgba(140,176,217,.25);display:flex;align-items:center;justify-content:center;font-size:15.12px;font-weight:700;color:#355e8d}.chat-list .section-chat-list .avatar-container .pin{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:5px;background:#7c3aed;border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;box-shadow:rgba(124,58,237,.35) 0 1px 4px}.chat-list .section-chat-list .detail-chat{flex:1 1 0%;min-width:0px}.chat-list .section-chat-list .detail-chat .line-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;gap:4px}.chat-list .section-chat-list .detail-chat .line-2{display:flex;align-items:center;gap:4px;margin-bottom:2px}.chat-list .section-chat-list .detail-chat .line-3{font-size:12px;color:#6e6888;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;text-align:initial}.chat-list .section-chat-list .detail-chat .line-4{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;position:relative}.chat-list .section-chat-list .line-1 .label-unread{color:#7c3aed}.chat-list .section-chat-list .line-2 .social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;flex-shrink:0}.chat-list .section-chat-list .line-2 .social-name{text-align:initial;font-size:10.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0%;min-width:36px}.chat-list .section-chat-list .line-2 .social-icon.LINE{background:rgba(6,199,85,.08)}.chat-list .section-chat-list .line-2 .social-name.LINE{color:#06c755}.chat-list .section-chat-list .line-2 .social-icon.Facebook{background:rgba(24,119,242,.08)}.chat-list .section-chat-list .line-2 .social-name.Facebook{color:#1877f2}.chat-list .section-chat-list .line-2 .assignee-indicator{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.chat-list .section-chat-list .line-2 .assignee-avatar{width:16px;height:16px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#8b85a0;background:rgba(0,0,0,.06);border:1.5px solid rgba(139,133,160,.4);overflow:hidden}.chat-list .section-chat-list .line-2 .assignee-avatar img{width:100%;height:100%;object-fit:cover}.chat-list .section-chat-list .line-2 .assignee-indicator.mine .assignee-avatar{color:#16a34a;background:rgba(22,163,74,.1);border-color:rgba(22,163,74,.5)}.chat-list .section-chat-list .line-2 .assignee-time{font-size:9.5px;font-weight:600;color:#a09ab4;white-space:nowrap}.chat-list .section-chat-list .line-2 .assignee-indicator.mine .assignee-time{color:#16a34a}.chat-list .section-chat-list .line-4 .tag{display:inline-block;font-size:10.5px;font-weight:600;color:#9992ad;white-space:nowrap;background:rgba(0,0,0,.04);padding:4px 8px;border-radius:5px;max-width:68px;min-width:28px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.chat-list .section-chat-list .label-pin{padding:8px 18px 4px;display:flex;align-items:center;gap:5px}.chat-list .section-chat-list .label-name{color:#1e1b2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list .section-chat-list .label-name.active{font-size:13.5px;font-weight:700}.chat-list .section-chat-list .unread-chat{background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;border-radius:10px;min-width:12px;height:12px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.chat-list .section-chat-list .divider-h{height:1px;background:rgba(0,0,0,.04);margin:6px 18px}.chat-list .section-chat-list .no-chat{text-align:center;padding:40px 20px}.chat-list .section-chat-list .no-chat-icon{width:48px;height:48px;border-radius:14px;background:rgba(124,58,237,.06);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.chat-list .section-chat-list .no-chat-title{font-size:13px;color:#9992ad;font-weight:500}.chat-list .section-chat-list .no-chat-sub-title{font-size:11.5px;color:#b0a9c0;margin-top:4px}.popover-chat-list-tags::part(content){border-radius:12px}.popover-chat-list-tags .container{padding:10px 12px}.popover-chat-list-tags .label-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.popover-chat-list-tags .tag-list{display:flex;flex-wrap:wrap;gap:4px}.popover-chat-list-tags .tag{padding:4px 8px;border-radius:5px;font-size:12px;font-weight:500}.chat-filter{padding:8px 16px;flex-shrink:0;background:rgba(255,255,255,.35);backdrop-filter:blur(28px)}.chat-filter .filter-header{display:flex;align-items:center;justify-content:space-between}.chat-filter .filter{display:flex;gap:8px;margin-bottom:12px;align-items:center}.chat-filter .filter .filter-modal{width:40px;height:40px;border-radius:12px;border:1.5px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.15s;flex-shrink:0;padding:0}.chat-filter .filter .filter-modal.active{border:1.5px solid rgba(124,58,237,.25);background:rgba(124,58,237,.08)}.chat-filter .filter-modal-count{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:rgba(124,58,237,.35) 0 2px 8px;border:2px solid rgba(255,255,255,.9)}.chat-filter .filter-by-chat .segment-button-checked::part(native){color:#7c3aed}.chat-filter .result-filter{padding:14px 0 0;display:flex;align-items:center;gap:6px}.chat-filter .result-filter .result-list{display:flex;gap:5px;align-items:center;overflow:auto hidden;scrollbar-width:none;flex-wrap:nowrap;flex:1 1 0%;min-width:0px}.chat-filter .result-filter .chip-result{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:7px;font-size:10.5px;font-weight:600;color:#7c3aed;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.19);animation:.2s ease 0s 1 normal none running chipIn;flex-shrink:0;white-space:nowrap}.chat-filter .input-search{--background: rgba(255, 255, 255, .45);border:1.5px solid rgba(0,0,0,.05);min-height:0;padding:0;padding-inline-start:0!important;padding-inline-end:0!important;width:100%;border-radius:12px;font-size:13px;color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.chat-filter .label-header{margin:0;font-size:22px;font-weight:600;color:#1e1b2e;letter-spacing:-.03em}.chat-filter .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.chat-filter .btn-clear-filter{margin:0;font-size:10px;font-weight:700;color:#fff;background:rgba(124,58,237,.55);border:none;cursor:pointer;font-family:inherit;border-radius:7px;transition:.15s;flex-shrink:0;white-space:nowrap;padding:2px 0}.page-chat{background:#ede8f5}.page-chat .chat-list-col{height:100vh;display:flex;flex-direction:column}.page-chat .chat-list{background:rgba(255,255,255,.35);backdrop-filter:blur(28px);border-right:1px solid rgba(255,255,255,.4);flex:1 1 0%;overflow-y:scroll}.page-chat .chat-list::-webkit-scrollbar{width:4px}.page-chat .chat-list::-webkit-scrollbar-track{background:transparent;border-radius:12px}.page-chat .chat-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.06);border-radius:4px}.page-chat .chat-container{flex:1 1 0%;display:flex;min-width:0px;position:relative;z-index:1;height:100vh;height:100dvh}.page-chat .chat-box{flex:1 1 0%;display:flex;flex-direction:column;min-width:0px;height:100vh;height:100dvh}.page-chat .chat-info{flex-shrink:0;display:flex;flex-direction:column;height:100vh;border-left:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);backdrop-filter:blur(20px);animation:.3s ease 0s 1 normal none running slideInRight}@media (max-width: 768px){.modal-filter-chat{--border-radius: 0 !important}}.modal-filter-chat{--border-radius: 20px}.modal-filter-chat .modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:none}.modal-filter-chat .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-filter-chat .modal-header .title-icon{width:36px;height:36px;border-radius:10px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center}.modal-filter-chat .modal-body{--padding-bottom: 20px;--padding-top: 20px;--padding-start: 24px;--padding-end: 24px}.modal-filter-chat .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;gap:4px;background:rgba(255,255,255,.3);box-shadow:none}.modal-filter-chat .container{display:flex;flex-direction:column;gap:20px}.modal-filter-chat .section-chat-status .chip-list,.modal-filter-chat .section-tag .chip-list,.modal-filter-chat .section-channel .chip-list{display:flex;gap:6px;flex-wrap:wrap}.modal-filter-chat .section-chat-status .chip-list .chip-item,.modal-filter-chat .section-tag .chip-list .chip-item,.modal-filter-chat .section-channel .chip-list .chip-item{display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;border:1.5px solid rgb(229,231,235);background:#f9fafb;cursor:pointer;transition:.15s;font-family:inherit;color:#6e6888;font-size:14px}.modal-filter-chat .section-chat-status .chip-list .chip-item.active,.modal-filter-chat .section-tag .chip-list .chip-item.active,.modal-filter-chat .section-channel .chip-list .chip-item.active{border:1.5px solid rgba(124,58,237,.35);background:rgba(124,58,237,.1);color:#7c3aed}.modal-filter-chat .section-team .team-list{display:flex;flex-direction:column;gap:6px}.modal-filter-chat .section-team .team-item{flex:1 1 0%;display:flex;flex-direction:column;gap:9px;cursor:pointer;font-family:inherit;width:100%;border-radius:12px;border:1.5px solid rgb(229,231,235);background:#f9fafb}.modal-filter-chat .section-team .team-item.active{border:1.5px solid rgba(124,58,237,.19);background:rgba(124,58,237,.024)}.modal-filter-chat .section-team .team-item .team{flex:1 1 0%;display:flex;align-items:center;gap:9px;padding:12px;border:none;background:transparent;cursor:pointer;font-family:inherit}.modal-filter-chat .section-team .input-checkbox{width:22px;height:22px;border-radius:7px;border:1.5px solid rgb(209,213,219);background:transparent;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}.modal-filter-chat .section-team .input-checkbox.check{width:22px;height:22px;border-radius:7px;border:none;background:#7c3aed;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}.modal-filter-chat .section-team .team .count-chat{display:flex;gap:8px}.modal-filter-chat .section-team .member-list{padding:2px 12px 10px 22px;border-top:1px solid rgba(2,132,199,.063);animation:.2s ease 0s 1 normal none running memberSlide}.modal-filter-chat .section-team .member-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:9px;background:transparent;cursor:pointer;font-family:inherit;transition:background .12s;margin-top:2px}.modal-filter-chat .section-team .member-item .member-detail{flex:1 1 0%;text-align:left}.modal-filter-chat .section-team .member-detail .member-title{font-size:12.5px;font-weight:500;color:#6e6888;line-height:1.2}.modal-filter-chat .section-team .member-detail .member-sub-title{font-size:10.5px;color:#b0a9c0;margin-top:1px}.modal-filter-chat .label-header{font-size:10.5px;font-weight:700;color:#8b85a0;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.modal-filter-chat .label-sub-title{font-size:10.5px;color:#6b57c6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.modal-filter-chat .btn-close-modal{width:34px;height:34px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-filter-chat .btn-filter-search{margin:0;padding:0;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:transform .15s,box-shadow .15s}.modal-filter-chat .btn-filter-clear{margin:0;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#64748b;font-weight:500;cursor:pointer}.modal-filter-chat .btn-expanded-team{width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.45);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.15s;flex-shrink:0;padding:0}.page-channel-management{height:100%}.page-channel-management .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.page-channel-management .section-header .toolbar{--border-width: 0}.page-channel-management .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.page-channel-management .channel-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.page-channel-management .content-centered{margin:-20px;width:100%;height:100%;max-height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute}.page-channel-management .content-error,.page-channel-management .content-no-data{margin-top:-52px}.page-channel-management .content-error .error-image{width:82px}.page-channel-management .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-channel-management .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.page-channel-management .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.page-channel-management .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.page-channel-management .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-channel-management .channel-container{position:relative;z-index:1;margin:0}.page-channel-management .channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;background:transparent}.page-channel-management .card-container{--background: rgba(255, 255, 255, .45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden}.page-channel-management .card-container>.card-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.04)}.page-channel-management .card-container .bg-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-channel-management .card-channel{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.06) 0 4px 20px,rgba(0,0,0,.03) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden;transition:transform .2s,box-shadow .2s;margin:0}.page-channel-management .card-channel>.card-header{padding:20px 20px 0}.page-channel-management .card-channel>.card-content{padding:0 20px}.page-channel-management .card-channel .channel-info-container{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.page-channel-management .card-channel .avatar{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.page-channel-management .card-channel .channel-connect-info{display:grid;padding:8px 12px;border-radius:12px;background:rgba(6,199,85,.024);border:1px solid rgba(6,199,85,.07);margin-bottom:14px}.page-channel-management .card-channel .footer{box-shadow:none!important;margin:0;padding:0 20px 20px;display:flex;align-items:center;gap:10px}.page-channel-management .channel-connect{display:flex;gap:8px;align-items:center}.page-channel-management .channel-connect.active{color:#16a34a}.page-channel-management .channel-connect .channel-status{display:block;width:8px;height:8px;border-radius:50%;background:#9ca3af;box-shadow:rgba(22,163,74,.4) 0 0 6px}.page-channel-management .channel-connect.active .channel-status{background:#16a34a}.page-channel-management .btn-connect{flex:1 1 0%;margin:0;border-radius:9px;font-size:13px;font-weight:600;border:none;color:#fff;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:rgba(238,77,45,.125) 0 4px 14px;transition:transform .12s,box-shadow .12s}.page-channel-management .btn-connect.LINE{background:linear-gradient(135deg,rgba(6,199,85,.867),#06c755)}.page-channel-management .btn-connect.Facebook{background:linear-gradient(135deg,rgba(24,119,242,.867),#1877f2)}.page-channel-management .btn-connect.WhatsApp{background:linear-gradient(135deg,rgba(37,211,102,.867),#25d366)}.page-channel-management .btn-connect.Telegram{background:linear-gradient(135deg,rgba(38,165,228,.867),#26a5e4)}.page-channel-management .btn-connect.Discord{background:linear-gradient(135deg,rgba(88,101,242,.867),#5865f2)}.page-channel-management .btn-connect.SMS{background:linear-gradient(135deg,rgba(245,158,11,.867),#f59e0b)}.page-channel-management .btn-connect.Email{background:linear-gradient(135deg,rgba(13,148,136,.867),#0d9488)}.page-channel-management .btn-connect-actions{display:flex;gap:8px}.page-channel-management .btn-add-channel{margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35);backdrop-filter:blur(4px);color:#6e6888;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px;transition:.15s;width:inherit}.page-channel-management .btn-edit-channel{margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35);backdrop-filter:blur(4px);color:#6e6888;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px;transition:.15s}.page-channel-management .btn-delete-channel{margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(225,29,72,.03);color:#e11d48;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px;transition:.15s}.page-channel-management .btn-howto-channel{margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35);backdrop-filter:blur(4px);color:#6e6888;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.page-channel-management .btn-howto-channel .icon{width:16px;height:16px;margin-right:2px}@media (max-width: 768px){.modal-edit-channel{--border-radius: 0 !important}}.modal-edit-channel{--border-radius: 20px}.modal-edit-channel .modal-header{padding:20px 20px 12px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none}.modal-edit-channel .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.modal-edit-channel .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-edit-channel .modal-header .avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.modal-edit-channel .modal-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 16px}.modal-edit-channel .modal-content .modal-content-container{display:flex!important;flex-direction:column;gap:16px}.modal-edit-channel .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.modal-edit-channel .modal-form{display:contents;font-size:12px}.modal-edit-channel .form-how-to-connect{display:flex;flex-direction:column;gap:0px}.modal-edit-channel .form-how-to-connect .how-to-item{display:flex;gap:12px;position:relative}.modal-edit-channel .form-how-to-connect .line-divider{position:absolute;left:13px;top:26px;width:1px;bottom:0;background:rgba(166,133,226,.15)}.modal-edit-channel .form-how-to-connect .how-to-number{width:24px;height:24px;border-radius:50%;flex-shrink:0;background:rgba(166,133,226,.1);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#7c3aed}.modal-edit-channel .form-how-to-connect .detail{flex:1 1 0%;padding-bottom:12px}.modal-edit-channel .form-info{display:flex;flex-direction:column;gap:12px}.modal-edit-channel .input-container{display:flex;flex-direction:column;gap:8px}.modal-edit-channel .input-custom{--highlight-color-focused: none;--transition: border-color .2s, box-shadow .2s;width:100%;min-height:36px;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:8px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box}.modal-edit-channel .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-edit-channel .btn-submit{border-radius:9px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.06);color:#7c3aed;cursor:default;box-shadow:none;transition:.2s}.modal-edit-channel .btn-cancel{border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.6);color:#64748b;cursor:pointer}.card-channel.LINE .avatar,.avatar-channel.LINE .avatar{background:rgba(63,203,121,.04);border:1px solid rgba(6,199,85,.082)}.card-channel.Facebook .avatar,.avatar-channel.Facebook .avatar{background:rgba(24,119,242,.04);border:1px solid rgba(24,119,242,.082)}.card-channel.WhatsApp .avatar,.avatar-channel.WhatsApp .avatar{background:rgba(37,211,102,.04);border:1px solid rgba(37,211,102,.082)}.card-channel.Telegram .avatar,.avatar-channel.Telegram .avatar{background:rgba(38,165,228,.04);border:1px solid rgba(38,165,228,.082)}.card-channel.Discord .avatar,.avatar-channel.Discord .avatar{background:rgba(88,101,242,.04);border:1px solid rgba(88,101,242,.082)}.card-channel.SMS .avatar,.avatar-channel.SMS .avatar{background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.082)}.card-channel.Email .avatar,.avatar-channel.Email .avatar{background:rgba(99,102,241,.04);border:1px solid rgba(99,102,241,.082)}.quota-display{margin-top:8px}.quota-loading{display:flex;align-items:center;gap:6px}.quota-spinner{width:16px;height:16px;color:#6e6888}.quota-info{display:flex;flex-direction:column;gap:5px}.quota-info.quota-unlimited{flex-direction:row;align-items:center;gap:6px;color:#16a34a;font-size:12px;font-weight:500}.quota-text{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#64748b}.quota-text svg{flex-shrink:0;color:#94a3b8}.quota-remaining{color:#94a3b8}.quota-bar-container{width:100%;height:5px;border-radius:3px;background:rgba(0,0,0,.06);overflow:hidden}.quota-bar{height:100%;border-radius:3px;transition:width .4s ease}.quota-bar.safe{background:linear-gradient(90deg,#22c55e,#4ade80)}.quota-bar.caution{background:linear-gradient(90deg,#eab308,#facc15)}.quota-bar.warning{background:linear-gradient(90deg,#f97316,#fb923c)}.quota-bar.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.webhook-warning{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:8px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);font-size:12px;color:#b45309;line-height:1.4}.webhook-warning ion-icon{font-size:16px;color:#f59e0b;flex-shrink:0}.webhook-ok{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:8px;background:rgba(16,185,129,.06);font-size:12px;color:#059669;line-height:1.4}.webhook-ok ion-icon{font-size:15px;color:#10b981;flex-shrink:0}.line-wizard-modal{--max-width: 520px;--max-height: 92vh;--border-radius: 20px;--background: #fff}@media (max-width: 576px){.line-wizard-modal{--max-width: 100%;--border-radius: 16px 16px 0 0}}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.wizard-header-left{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:#333;font-family:Kanit,sans-serif}.wizard-line-icon{width:32px;height:32px;border-radius:10px;background:#e8f9ee;display:flex;align-items:center;justify-content:center}.wizard-close{width:30px;height:30px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;transition:all .15s}.wizard-close:hover{background:#eee;color:#666}.wizard-progress{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f5f5f5}.progress-text{font-size:12px;font-weight:600;color:#06c755;font-family:Kanit,sans-serif;min-width:36px}.progress-dots{display:flex;gap:6px;flex:1}.dot{width:8px;height:8px;border-radius:50%;background:#e0e0e0;transition:all .25s ease}.dot.active{background:#06c755}.dot.current{width:24px;border-radius:4px;background:#06c755}.wizard-content{padding:20px;overflow-y:auto;flex:1;max-height:calc(92vh - 180px);font-family:Kanit,sans-serif}.wizard-step{animation:wizardFadeIn .2s ease}@keyframes wizardFadeIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.step-badge{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#06c755,#04a648);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:12px}.step-badge.done{background:linear-gradient(135deg,#06c755,#04a648);font-size:18px}.wizard-step h3{margin:0 0 8px;font-size:17px;font-weight:600;color:#222}.step-desc{font-size:13.5px;color:#666;line-height:1.6;margin:0 0 16px}.step-desc strong{color:#333}.step-card{border-radius:14px;padding:16px;margin-bottom:14px;display:flex;gap:12px;align-items:flex-start}.step-card.green{background:#e8f9ee;border:1px solid #C8EDD5}.step-card.blue{background:#ebf3ff;border:1px solid #D0E3FF}.card-icon{font-size:28px;flex-shrink:0}.card-body{font-size:13px;color:#444;line-height:1.5}.card-body strong{display:block;font-size:14px;color:#222;margin-bottom:6px}.card-body ul,.card-body ol{margin:0;padding-left:18px}.card-body li{margin-bottom:4px}.step-ordered-list li{margin-bottom:8px;line-height:1.5}.step-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#06c755;text-decoration:none;padding:8px 14px;border-radius:10px;background:#e8f9ee;border:1px solid #C8EDD5;transition:all .15s;margin-bottom:12px}.step-link:hover{background:#d4f2de}.step-link.primary{font-size:14px;font-weight:600;padding:10px 18px;background:#06c755;color:#fff;border:none;box-shadow:0 2px 8px rgba(6,199,85,.3)}.step-link.primary:hover{background:#05b34c;color:#fff}.step-hint{font-size:12px;color:#aaa;font-style:italic;margin:4px 0 0}.step-image-wrapper{border-radius:12px;overflow:hidden;border:1px solid #e8e8e8;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.step-image{width:100%;display:block}.step-input-group{margin-bottom:8px}.step-input-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#444;margin-bottom:6px}.step-input-group.highlighted{background:#f8fff5;border:2px solid #06C755;border-radius:12px;padding:12px 14px}.step-input-group.highlighted label{color:#06c755}.wizard-input{--padding-start: 12px;--padding-end: 12px;--background: #f9f9f9;border:1px solid #ddd;border-radius:10px;font-size:14px;min-height:42px;--placeholder-color: #bbb;font-family:Kanit,sans-serif}.wizard-input:focus-within{border-color:#06c755;--background: #fff}.input-error{color:#e53935;font-size:12px;margin-top:4px;display:block}.summary-card{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:4px 0;margin-top:8px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f0f0}.summary-row:last-child{border-bottom:none}.summary-label{font-size:13px;color:#888;font-weight:500}.summary-value{font-size:13px;color:#333;font-weight:500;text-align:right;max-width:60%;word-break:break-all}.wizard-footer{display:flex;align-items:center;padding:12px 20px;border-top:1px solid #f0f0f0;background:#fff}.wizard-footer-spacer{flex:1}.wizard-btn{display:inline-flex;align-items:center;gap:6px;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;padding:9px 18px;border-radius:12px;border:none;cursor:pointer;transition:all .15s}.wizard-btn.back{background:#f5f5f5;color:#666}.wizard-btn.back:hover{background:#eee}.wizard-btn.next{background:#06c755;color:#fff;box-shadow:0 2px 8px rgba(6,199,85,.3)}.wizard-btn.next:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,199,85,.4)}.wizard-btn.next.disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.wizard-btn.submit{background:linear-gradient(135deg,#06c755,#04a648);color:#fff;font-size:15px;padding:10px 24px;box-shadow:0 2px 8px rgba(6,199,85,.3)}.wizard-btn.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,199,85,.4)}.wizard-btn.submit:disabled{opacity:.6;cursor:not-allowed}.page-member{height:100%}.page-member .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.page-member .section-header .toolbar{--border-width: 0}.page-member .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.page-member .section-header .btn-invite-member{margin:0;border:none;border-radius:12px;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;cursor:pointer;font-family:inherit;box-shadow:rgba(166,133,226,.25) 0 3px 12px;display:flex;align-items:center;gap:4px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.page-member .member-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.page-member .content-centered{margin:-20px;width:100%;height:100%;max-height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute}.page-member .content-error .error-image{width:82px}.page-member .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-member .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.page-member .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.page-member .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.page-member .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-member .member-table-container{position:relative;z-index:1;margin:0}.page-member .card-member{--background: rgba(255, 255, 255, .45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden}.page-member .card-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.04)}.page-member .card-header .bg-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-member .filter-search{width:360px}.page-member .input-filter-search{--background: transparent;--box-shadow: none;min-height:0!important;padding:0;border:1.5px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);color:#64748b;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;transition:.2s}.page-member .table-responsive{overflow-x:auto}.page-member .table{width:100%;border-collapse:collapse}.page-member .table-row-header{background:rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.06)}.page-member .table-row-header .th-col{padding:12px;text-align:left;font-size:12px;color:#8b85a0;letter-spacing:.06em;text-transform:uppercase;user-select:none;white-space:nowrap}.page-member .table-row-body{border-bottom:1px solid rgba(0,0,0,.03);background:transparent;transition:background .15s}.page-member .table-row-body:hover{background:rgba(255,255,255,.25)}.page-member .table-row-body .td-col{padding:12px;min-width:120px}.page-member .table-no-data{background:var(--ion-color-light);display:flex;justify-content:center;align-items:center;margin-bottom:12px;padding:20px 0}.page-member .table-no-data .no-data-image{width:160px}.page-member .member-info{display:flex;align-items:center;gap:8px}.page-member .member-info-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6985f9,#8c6df3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.page-member .member-status{margin:0;padding:0 16px}.page-member .btn-actions{display:flex;gap:8px}.page-member .btn-edit,.page-member .btn-remove{--transition: .12s;border-radius:7px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.3);color:#b0a9c0;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-member .paginate{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid rgba(0,0,0,.04);font-size:12px;color:#9992ad;flex-wrap:wrap;gap:8px;box-shadow:none}.page-member .paginate .prev-btn,.page-member .paginate .next-btn{width:36px;height:36px;margin:0;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(4px);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:#6e6888}.page-member .paginate .list-paginate{display:flex;gap:4px}.page-member .paginate .page{width:36px;height:36px;margin:0;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(4px);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:#6e6888;box-shadow:none}.page-member .paginate .page.active{border:1px solid rgba(166,133,226,.4);background:rgba(166,133,226,.12);color:#7c3aed;box-shadow:rgba(166,133,226,.1) 0 2px 8px}.page-member .paginate .paginate-info{display:flex;align-items:center;gap:12px}.page-member .paginate .border-divider{width:1px;height:18px;background:rgba(0,0,0,.06)}.page-member .paginate .paginate-per-page{font-size:12px;color:#8b85a0}.page-member .content-no-data,.page-member .content-error{margin-top:-52px}.page-member .content-no-data .container,.page-member .content-error .container{flex:1 1 0%;display:flex;align-items:center;justify-content:center;height:100vh}.page-member .content-no-data .no-chat-selected-icon,.page-member .content-error .no-chat-selected-icon{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:rgba(120,80,180,.08) 0 8px 40px}.page-member .content-no-data .label-title,.page-member .content-error .label-title{font-size:17px;font-weight:700;color:#1e1b2e;margin-bottom:6px}.page-member .content-no-data .label-sub-title,.page-member .content-error .label-sub-title{font-size:13px;color:#9992ad;font-weight:500;line-height:1.6}.page-member .content-no-data .label-sub-title.error,.page-member .content-error .label-sub-title.error{color:red}.page-member .no-chat-selected-container{flex:1 1 0%;display:flex;min-width:0px;position:relative;z-index:1;height:100vh;padding:12px}@media (max-width: 768px){.page-member .filter-search{width:100%}.modal-invite-member,.modal-edit-member{--border-radius: 0 !important}}.modal-invite-member{--border-radius: 20px}.modal-invite-member .modal-header{padding:24px 24px 12px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none}.modal-invite-member .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.modal-invite-member .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-invite-member .modal-header .header-avatar{width:40px;height:40px;border-radius:12px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.modal-invite-member .modal-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 16px;flex:1 1 0%;overflow-y:auto}.modal-invite-member .modal-content .modal-content-container{display:flex!important;flex-direction:column;gap:16px}.modal-invite-member .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.modal-invite-member .modal-form{display:contents}.modal-invite-member .member-email,.modal-invite-member .member-role{display:flex;flex-direction:column;gap:8px}.modal-invite-member .input-member-email{--highlight-color-focused: none;--transition: border-color .2s, box-shadow .2s;width:100%;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);outline:none;font-family:inherit;box-sizing:border-box}.modal-invite-member .input-member-select{--highlight-color-focused: none;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);outline:none;box-sizing:border-box;transition:border-color .2s;-webkit-appearance:none;appearance:none;cursor:pointer}.modal-invite-member .input-member-select::part(icon){position:absolute;right:0}.modal-invite-member .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-invite-member .btn-submit{border-radius:9px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.06);color:#7c3aed;cursor:default;box-shadow:none;transition:.2s}.modal-invite-member .btn-cancel{border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.6);color:#64748b;cursor:pointer}.modal-edit-member{--border-radius: 20px}.modal-edit-member .modal-header{padding:24px 24px 12px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none}.modal-edit-member .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.modal-edit-member .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-edit-member .modal-header .header-avatar{width:40px;height:40px;border-radius:12px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.modal-edit-member .modal-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 16px;flex:1 1 0%;overflow-y:auto}.modal-edit-member .modal-content .modal-content-container{display:flex!important;flex-direction:column;gap:16px}.modal-edit-member .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.modal-edit-member .modal-form{display:contents}.modal-edit-member .member-role,.modal-edit-member .member-job-title{display:flex;flex-direction:column;gap:8px}.modal-edit-member .input-member-select{--highlight-color-focused: none;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);outline:none;box-sizing:border-box;transition:border-color .2s;-webkit-appearance:none;appearance:none;cursor:pointer}.modal-edit-member .input-member-select::part(icon){position:absolute;right:0}.modal-edit-member .input-member-job-title{--highlight-color-focused: none;--transition: border-color .2s, box-shadow .2s;width:100%;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);outline:none;font-family:inherit;box-sizing:border-box}.modal-edit-member .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-edit-member .btn-submit{border-radius:9px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.06);color:#7c3aed;cursor:default;box-shadow:none;transition:.2s}.modal-edit-member .btn-cancel{border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.6);color:#64748b;cursor:pointer}.popover-member-role::part(content){--padding-top: 0;--padding-bottom: 0;--padding-start: 0;--padding-end: 0;--offset-y: 16px;--offset-x: 82px;border-radius:12px}.page-manage-team{height:100%}.page-manage-team .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.page-manage-team .section-header .toolbar{--border-width: 0}.page-manage-team .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.page-manage-team .teams-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.page-manage-team .content-centered{margin:-20px;width:100%;height:100%;max-height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute}.page-manage-team .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-manage-team .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.page-manage-team .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.page-manage-team .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.page-manage-team .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-manage-team .teams-container{position:relative;z-index:1;margin:0}.page-manage-team .teams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;background:transparent}.page-manage-team .card-container{--background: rgba(255, 255, 255, .45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden}.page-manage-team .card-container>.card-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.04)}.page-manage-team .card-container .bg-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-manage-team .card-team{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.06) 0 4px 20px,rgba(0,0,0,.03) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden;transition:transform .2s,box-shadow .2s;margin:0}.page-manage-team .card-team>.card-header{padding:20px 20px 0}.page-manage-team .card-team>.card-content{padding:0 20px}.page-manage-team .card-team .team-info-container{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.page-manage-team .card-team .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6985f9,#8c6df3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.page-manage-team .card-team .team-info{flex:1 1 0%;min-width:0px}.page-manage-team .card-team .footer{box-shadow:none!important;padding:8px 0;border-top:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:4px;margin-top:4px}.page-manage-team .card-team .team-actions{display:flex;gap:4px;flex-shrink:0}.page-manage-team .member-container-vertical{margin-bottom:4px;padding-top:12px;border-top:1px solid rgba(0,0,0,.04);animation:.2s ease 0s 1 normal none running slideDown}.page-manage-team .btn-detail-member{margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.3);backdrop-filter:blur(4px);font-size:12px;font-weight:500;color:#6e6888;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px;transition:.15s;flex:1 1 0%}.page-manage-team .btn-manage-member{border-radius:8px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.04);backdrop-filter:blur(4px);font-size:12px;font-weight:500;color:#7c3aed;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:4px;transition:.15s;flex:1 1 0%}.page-manage-team .btn-edit-team,.page-manage-team .btn-remove-team{--transition: .12s;width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.3);color:#b0a9c0;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-manage-team .btn-create-team{border:none;border-radius:12px;cursor:pointer;font-family:inherit;box-shadow:rgba(166,133,226,.25) 0 3px 12px;display:flex;align-items:center;gap:4px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.page-manage-team .team-members-vertical .members-list{display:flex;flex-direction:column;background:transparent}.page-manage-team .team-members-vertical .members-item{--padding-start: 0;--inner-padding-start: 0;--inner-padding-end: 0;--background: transparent;display:flex;align-items:center;gap:8px;border-radius:8px}.page-manage-team .team-members-vertical .members-item .avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,rgba(226,218,156,.25),rgba(206,197,126,.12));border:1px solid rgba(217,208,140,.2);display:flex;align-items:center;justify-content:center;font-size:11.4px;font-weight:700;color:#948938}.page-manage-team .team-members-horizontal .members-list{display:flex;padding:0;align-items:center;justify-content:space-between;margin-bottom:16px;background:transparent}.page-manage-team .team-members-horizontal .members-list .member{display:flex;align-items:center;gap:8px}.page-manage-team .team-members-horizontal .members-list .list-member{display:flex;align-items:center}.page-manage-team .team-members-horizontal .members-list .avatar{z-index:4;width:32px;height:32px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,rgba(226,218,156,.3),rgba(206,197,126,.15));border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#948938}.page-manage-team .content-no-data,.page-manage-team .content-error{margin-top:-52px}.page-manage-team .content-no-data .container,.page-manage-team .content-error .container{flex:1 1 0%;display:flex;align-items:center;justify-content:center;height:100vh}.page-manage-team .content-no-data .no-chat-selected-icon,.page-manage-team .content-error .no-chat-selected-icon{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:rgba(120,80,180,.08) 0 8px 40px}.page-manage-team .content-no-data .label-title,.page-manage-team .content-error .label-title{font-size:17px;font-weight:700;color:#1e1b2e;margin-bottom:6px}.page-manage-team .content-no-data .label-sub-title,.page-manage-team .content-error .label-sub-title{font-size:13px;color:#9992ad;font-weight:500;line-height:1.6}.page-manage-team .content-no-data .label-sub-title.error,.page-manage-team .content-error .label-sub-title.error{color:red}.page-manage-team .no-chat-selected-container{flex:1 1 0%;display:flex;min-width:0px;position:relative;z-index:1;height:100vh;padding:12px}.modal-add-member{--border-radius: 20px}.modal-add-member .modal-header{padding:20px 20px 12px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none}.modal-add-member .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.modal-add-member .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-add-member .modal-header .header-avatar{width:40px;height:40px;border-radius:12px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.modal-add-member .modal-content{--padding-start: 0px;--padding-end: 0px;--padding-top: 0px;--padding-bottom: 0;flex:1 1 0%;overflow-y:auto}.modal-add-member .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.modal-add-member .modal-form{display:contents}.modal-add-member .member-item{--padding-start: 0;--padding-end: 0;padding:0 20px!important;display:flex;align-items:center;gap:12px;padding:10px 24px;transition:background .12s;background:transparent}.modal-add-member .member-item .item-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,rgba(226,218,156,.25),rgba(206,197,126,.12));border:1px solid rgba(217,208,140,.2);display:flex;align-items:center;justify-content:center;font-size:14.44px;font-weight:700;color:#948938}.modal-add-member .member-item .member-info{flex:1 1 0%;min-width:0px}.modal-add-member .btn-actions{display:flex;gap:4px}.modal-add-member .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-add-member .btn-submit{border-radius:9px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.06);color:#7c3aed;cursor:default;box-shadow:none;transition:.2s}.modal-add-member .btn-cancel{border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.6);color:#64748b;cursor:pointer}.modal-add-member .no-member{display:flex;justify-content:center;align-items:center;height:100%;font-style:italic}.modal-create-or-edit-member{--border-radius: 20px}.modal-create-or-edit-member .modal-header{padding:24px 24px 12px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none}.modal-create-or-edit-member .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.modal-create-or-edit-member .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-create-or-edit-member .modal-header .header-avatar{width:40px;height:40px;border-radius:12px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.modal-create-or-edit-member .modal-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 16px}.modal-create-or-edit-member .modal-content .modal-content-container{display:flex!important;flex-direction:column;gap:16px}.modal-create-or-edit-member .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.modal-create-or-edit-member .modal-form{display:contents}.modal-create-or-edit-member .input-team-name{--highlight-color-focused: none;--transition: border-color .2s, box-shadow .2s;width:100%;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box}.modal-create-or-edit-member .input-team-description{--highlight-color-focused: none;--transition: border-color .2s, box-shadow .2s;width:100%;min-height:98px;padding:0 16px;border:1.5px solid rgba(0,0,0,.07);border-radius:10px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box;resize:vertical;line-height:1.5}.modal-create-or-edit-member .team-name,.modal-create-or-edit-member .team-description{display:flex;flex-direction:column;gap:8px}.modal-create-or-edit-member .btn-actions{display:flex;gap:4px}.modal-create-or-edit-member .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-create-or-edit-member .btn-submit{border-radius:9px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.06);color:#7c3aed;cursor:default;box-shadow:none;transition:.2s;margin:0}.modal-create-or-edit-member .btn-cancel{border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.6);color:#64748b;cursor:pointer;margin:0}@media (max-width: 768px){.modal-add-member,.modal-create-or-edit-member{--border-radius: 0 !important}}.page-contact{height:100%}.page-contact .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.page-contact .section-header .toolbar{--border-width: 0}.page-contact .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.page-contact .contact-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.page-contact .content-centered{margin:-20px;width:100%;height:100%;max-height:-webkit-fill-available;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute}.page-contact .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-contact .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.page-contact .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.page-contact .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.page-contact .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-contact .contact-table-container{position:relative;z-index:1;margin:0}.page-contact .card-contact{--background: rgba(255, 255, 255, .45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden}.page-contact .card-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.04)}.page-contact .card-header .bg-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-contact .card-header .btn-filter{border-radius:8px;font-size:12px;font-weight:500;border:1.5px solid rgba(0,0,0,.07);background:rgba(255,255,255,.55);backdrop-filter:blur(8px);color:#64748b;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px;transition:.2s;box-shadow:none}.page-contact .table-responsive{overflow-x:auto}.page-contact .table{width:100%;border-collapse:collapse}.page-contact .table-row-header{background:rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.06)}.page-contact .table-row-header .th-col{padding:12px 16px;text-align:left;font-size:12px;color:#8b85a0;letter-spacing:.06em;text-transform:uppercase;user-select:none;white-space:nowrap}.page-contact .table-row-body{border-bottom:1px solid rgba(0,0,0,.03);background:transparent;transition:background .15s}.page-contact .table-row-body:hover{background:rgba(255,255,255,.25)}.page-contact .table-row-body .td-col{padding:12px;min-width:180px}.page-contact .table-no-data{background:var(--ion-color-light);display:flex;justify-content:center;align-items:center;border-radius:16px;margin-bottom:12px;padding:20px 0}.page-contact .table-no-data .no-data-image{width:160px}.page-contact .customer-info{display:flex;align-items:center;gap:8px}.page-contact .customer-info-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6985f9,#8c6df3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.page-contact .customer-list-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.page-contact .customer-list-tags .tag{display:flex;gap:4px;align-items:center;padding:2px 8px;border-radius:20px;border:1px solid;white-space:nowrap}.page-contact .customer-list-tags .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.page-contact .customer-update-tag{width:100%;height:24px;border-radius:8px;border:2px dashed rgba(0,0,0,.1);background:rgba(255,255,255,.3);color:#9992ad;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex-shrink:0;transition:.15s;backdrop-filter:blur(4px)}.page-contact .paginate{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid rgba(0,0,0,.04);font-size:12px;color:#9992ad;flex-wrap:wrap;gap:8px;box-shadow:none}.page-contact .paginate .prev-btn,.page-contact .paginate .next-btn{width:36px;height:36px;margin:0;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(4px);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:#6e6888}.page-contact .paginate .page{width:36px;height:36px;margin:0;border:1px solid rgba(0,0,0,.06);border-radius:8px;background:rgba(255,255,255,.4);backdrop-filter:blur(4px);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:#6e6888;box-shadow:none}.page-contact .paginate .page.active{border:1px solid rgba(166,133,226,.4);background:rgba(166,133,226,.12);color:#7c3aed;box-shadow:rgba(166,133,226,.1) 0 2px 8px}.page-contact .paginate .paginate-info{display:flex;align-items:center;gap:12px}.page-contact .paginate .border-divider{width:1px;height:18px;background:rgba(0,0,0,.06)}.page-contact .paginate .paginate-per-page{font-size:12px;color:#8b85a0}.page-contact .paginate .paginate-select-page{padding:4px 26px 4px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.07);background:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%238b85a0' stroke-width='3' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 8px center / 10px no-repeat rgba(255,255,255,.55);backdrop-filter:blur(6px);font-size:12px;font-weight:500;color:#1e1b2e;cursor:pointer;outline:none;font-family:inherit;-webkit-appearance:none;appearance:none;transition:border-color .2s}.page-contact .paginate .list-page{display:flex;gap:4px}.page-contact .content-no-data,.page-contact .content-error{margin-top:-52px}.page-contact .content-no-data .container,.page-contact .content-error .container{flex:1 1 0%;display:flex;align-items:center;justify-content:center;height:100vh}.page-contact .content-no-data .no-chat-selected-icon,.page-contact .content-error .no-chat-selected-icon{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:rgba(120,80,180,.08) 0 8px 40px}.page-contact .content-no-data .label-title,.page-contact .content-error .label-title{font-size:17px;font-weight:700;color:#1e1b2e;margin-bottom:6px}.page-contact .content-no-data .label-sub-title,.page-contact .content-error .label-sub-title{font-size:13px;color:#9992ad;font-weight:500;line-height:1.6}.page-contact .content-no-data .label-sub-title.error,.page-contact .content-error .label-sub-title.error{color:red}.modal-filter-contact{--border-radius: 20px}.modal-filter-contact .modal-header{padding:20px 24px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:none}.modal-filter-contact .modal-header .header-title{display:flex;align-items:center;gap:8px}.modal-filter-contact .modal-header .title-icon{width:36px;height:36px;border-radius:10px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center}.modal-filter-contact .modal-body{--padding-bottom: 20px;--padding-top: 20px;--padding-start: 24px;--padding-end: 24px}.modal-filter-contact .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.3);box-shadow:none}.modal-filter-contact .modal-title-label{margin-bottom:8px;display:flex;align-items:center;gap:8px}.modal-filter-contact .btn-close-modal{width:34px;height:34px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.modal-filter-contact .btn-filter-search{margin:0;border:none;border-radius:8px;background:linear-gradient(135deg,#6985f9,#8c6df3);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;box-shadow:rgba(166,133,226,.3) 0 4px 16px;transition:transform .15s,box-shadow .15s}.modal-filter-contact .btn-filter-clear{margin:0;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#64748b;font-size:12px;font-weight:500;cursor:pointer}.modal-filter-contact .search-input{--highlight-color-focused: none;--padding-start: 12px;margin:0 0 20px;padding:0;border:1px solid rgba(0,0,0,.07);border-radius:12px}.modal-filter-contact .search-tag{display:flex;gap:8px;flex-wrap:wrap}.modal-filter-contact .search-tag .tag{padding:8px 20px;border-radius:20px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#64748b;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.2s;box-shadow:none}.modal-filter-contact .search-tag .tag.active{border:1px solid;border-color:rgba(166,133,226,.45)!important;background:rgba(166,133,226,.1);backdrop-filter:blur(6px);color:#7c3aed}.modal-filter-contact .search-tag .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.popover-contact-tags{--min-width: 340px}.popover-contact-tags .popover-header{padding:14px 16px 10px;border-bottom:1px solid rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-between;box-shadow:none}.popover-contact-tags .popover-content{--padding-bottom: 12px;--padding-top: 12px;--padding-start: 12px;--padding-end: 12px}.popover-contact-tags .popover-content .loading{padding:12px;text-align:center}.popover-contact-tags .search-input{--highlight-color-focused: none;--padding-start: 12px;border:1px solid rgba(0,0,0,.07);border-radius:12px;min-height:40px!important}.popover-contact-tags .tag-item{--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;--min-height: unset}.popover-contact-tags .tag-item .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.popover-contact-tags .tag-item .tag-name{display:flex;gap:4px;align-items:center}.popover-contact-tags .edit-tag,.popover-contact-tags .create-tag{width:100%;display:flex;flex-direction:column;gap:4px}.popover-contact-tags .edit-tag .edit-tag-content,.popover-contact-tags .create-tag .edit-tag-content{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:rgba(166,133,226,.06);border:1px solid rgba(166,133,226,.2);animation:.15s ease 0s 1 normal none running slideDown}.popover-contact-tags .edit-tag .input-edit{--padding-start: 8px;--padding-end: 8px;--padding-top: 0;--padding-bottom: 0;padding:inherit;flex:1 1 0%;border:1px solid rgba(166,133,226,.3);border-radius:8px;background:rgba(255,255,255,.6);font-size:12px;color:#1e1b2e;outline:none;min-height:32px!important}.popover-contact-tags .edit-tag .btn-save{width:28px;height:28px;border-radius:8px;border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover-contact-tags .edit-tag .btn-cancel{width:28px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover-contact-tags .create-tag .input-create{padding:inherit;flex:1 1 0%;border:1px solid rgba(166,133,226,.3);border-radius:8px;background:rgba(255,255,255,.6);font-size:12px;color:#1e1b2e;outline:none;min-height:32px!important;overflow:auto;align-content:center}.popover-contact-tags .create-tag .btn-create{padding:0 8px;border-radius:8px;border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.popover-contact-tags .tag-actions{display:flex;gap:4px;transition:opacity .15s}.popover-contact-tags .tag-actions .tag-edit,.popover-contact-tags .tag-actions .tag-remove{width:24px;height:24px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);color:#8b85a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.12s}.popover-contact-tags .tag-list-color{display:flex;gap:8px;padding:4px 0;justify-content:center;flex-wrap:wrap}.popover-contact-tags .tag-list-color .tag-color{width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid transparent}.popover-contact-tags .tag-list-color .tag-color.active{color:#fff;border-color:#fff;box-shadow:0 0 0 2px var(--ion-color-primary)}.popover-contact-tags::part(content){border-radius:16px}@media (max-width: 768px){.modal-filter-contact{--border-radius: 0 !important}}.canned-response-page{height:100%}.canned-response-page .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.canned-response-page .section-header .toolbar{--border-width: 0}.canned-response-page .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.canned-response-page .section-header .header-actions{display:flex;gap:4px;margin-left:auto}.canned-response-page .section-header .btn-action{border-radius:8px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.04);backdrop-filter:blur(4px);font-size:12px;font-weight:500;color:#7c3aed;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.15s;margin:0}.canned-response-page .canned-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.canned-response-page .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.canned-response-page .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.canned-response-page .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.canned-response-page .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.canned-response-page .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.canned-response-page .content-scroll{position:relative;z-index:1;padding:12px}.canned-response-page .canned-response-filter-bar{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;padding:16px 20px;margin-bottom:12px}.canned-response-page .canned-response-filter-bar .filter-search{--background: rgba(255, 255, 255, .55);--color: rgb(30, 27, 46);--placeholder-color: rgb(153, 146, 173);--border-radius: 12px;border:1px solid rgba(0,0,0,.07);border-radius:12px;margin:0 0 10px;padding:0;height:38px;font-size:.85rem;backdrop-filter:blur(6px)}.canned-response-page .canned-response-filter-bar .filter-tabs{--background: transparent;overflow-x:auto;-webkit-overflow-scrolling:touch}.canned-response-page .canned-response-filter-bar .filter-tabs ion-segment-button{--background: transparent;--color: rgb(153, 146, 173);--color-checked: rgb(124, 58, 237);--indicator-color: rgb(124, 58, 237);font-size:.75rem;min-height:32px;--padding-start: 8px;--padding-end: 8px}.canned-response-page .canned-response-filter-bar .filter-tabs.ios ion-segment-button{--color-checked: #fff}.canned-response-page .canned-response-category-header{display:flex;align-items:center;gap:8px;padding:14px 20px 6px;font-size:.8rem;font-weight:600;color:#7c3aed;letter-spacing:.3px}.canned-response-page .canned-response-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:14px;box-shadow:rgba(120,80,180,.06) 0 4px 20px,rgba(0,0,0,.03) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;margin:4px 16px 8px;padding:14px 16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.canned-response-page .canned-response-card .card-body-area{flex:1;min-width:0}.canned-response-page .canned-response-card:hover{box-shadow:rgba(120,80,180,.12) 0 8px 30px,rgba(0,0,0,.04) 0 1px 3px;transform:translateY(-1px)}.canned-response-page .canned-response-card .card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.canned-response-page .canned-response-card .card-title{font-size:.85rem;font-weight:600;color:#1e1b2e;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canned-response-page .canned-response-card .card-shortcut{background:rgba(166,133,226,.12);color:#7c3aed;font-size:.7rem;font-family:monospace;padding:2px 8px;border-radius:6px;border:1px solid rgba(166,133,226,.2);margin-left:8px;flex-shrink:0}.canned-response-page .canned-response-card .card-content-preview{font-size:.8rem;color:#6e6888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.canned-response-page .canned-response-card .card-bottom-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(0,0,0,.04)}.canned-response-page .canned-response-card .card-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#6e6888;background:rgba(255,255,255,.5);padding:2px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.canned-response-page .canned-response-card .card-type-badge.type-text{color:#3b82f6}.canned-response-page .canned-response-card .card-type-badge.type-image{color:#10b981}.canned-response-page .canned-response-card .card-type-badge.type-file{color:#f59e0b}.canned-response-page .canned-response-card .card-type-badge.type-video{color:#ec4899}.canned-response-page .canned-response-card .card-visibility{font-size:.7rem;color:#9992ad}.canned-response-page .canned-response-card .card-visibility.restricted{color:#f59e0b}.canned-response-page .canned-response-card .card-actions{display:flex;gap:2px}.canned-response-page .canned-response-card .card-actions ion-button{--padding-start: 4px;--padding-end: 4px;height:28px;width:28px;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.3);color:#b0a9c0;margin:0}.canned-response-page .canned-response-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.canned-response-page .canned-response-empty .empty-icon-box{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:rgba(120,80,180,.08) 0 8px 40px}.canned-response-page .canned-response-empty .empty-title{font-size:17px;font-weight:700;color:#1e1b2e;margin-bottom:6px}.canned-response-page .canned-response-empty .empty-text{font-size:13px;color:#9992ad;font-weight:500;line-height:1.6}.canned-response-page .canned-response-loading{display:flex;align-items:center;justify-content:center;padding:60px}.canned-response-modal{--border-radius: 20px}.canned-response-modal .modal-header{padding:24px 24px 12px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none}.canned-response-modal .modal-header .header-content{display:flex;align-items:center;justify-content:space-between}.canned-response-modal .modal-header .header-title{display:flex;align-items:center;gap:8px}.canned-response-modal .modal-header .header-avatar{width:40px;height:40px;border-radius:12px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.canned-response-modal .modal-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 24px;flex:1 1 0%;overflow-y:auto}.canned-response-modal .form-group{margin-bottom:16px}.canned-response-modal .form-label{display:block;font-size:13px;font-weight:500;color:#6e6888;margin-bottom:6px}.canned-response-modal .form-input{--highlight-color-focused: none;width:100%;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box}.canned-response-modal .form-textarea{--highlight-color-focused: none;width:100%;min-height:80px;padding:0 16px;border:1px solid rgba(0,0,0,.07);border-radius:10px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;box-sizing:border-box;resize:vertical;line-height:1.5}.canned-response-modal .form-select{width:100%;padding:0 16px;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;font-family:inherit}.canned-response-modal .type-segment{--background: transparent}.canned-response-modal .type-segment ion-segment-button{--background: transparent;--color: rgb(153, 146, 173);--color-checked: rgb(124, 58, 237);--indicator-color: rgb(124, 58, 237);font-size:.75rem;min-height:34px}.canned-response-modal .type-segment.ios ion-segment-button{--color-checked: #fff}.canned-response-modal .file-upload-area{border:2px dashed rgba(166,133,226,.3);border-radius:14px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:rgba(255,255,255,.3)}.canned-response-modal .file-upload-area:hover{border-color:#7c3aed;background:rgba(166,133,226,.06)}.canned-response-modal .file-upload-area .upload-icon{font-size:2rem;color:#7c3aed;margin-bottom:8px}.canned-response-modal .file-upload-area .upload-text{font-size:13px;color:#9992ad}.canned-response-modal .file-upload-area .upload-file-name{font-size:13px;color:#7c3aed;margin-top:6px;font-weight:500}.canned-response-modal .file-upload-area .upload-file-names{width:100%}.canned-response-modal .file-upload-area .upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:.8rem;color:#50466e}.canned-response-modal .file-upload-area .upload-file-item ion-button{--padding-start: 0;--padding-end: 0;height:24px;width:24px}.canned-response-modal .file-upload-area .upload-file-item ion-icon{font-size:16px;color:#b4aac8}.canned-response-modal .modal-footer{padding:12px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:end;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.canned-response-modal .modal-footer .btn-save{--background: linear-gradient(135deg, #6985f9 0%, #8c6df3 100%);--color: #fff;font-weight:600;font-size:.85rem;height:40px;--border-radius: 12px;width:100%;box-shadow:rgba(166,133,226,.25) 0 3px 12px}.canned-response-modal .modal-footer .btn-save:disabled{opacity:.5}.canned-response-modal .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s}.canned-response-modal .category-list-item{--background: transparent;--color: rgb(30, 27, 46);--border-color: rgba(0, 0, 0, .05);font-size:.85rem}.canned-response-modal .category-list-item .cat-name{font-weight:500;color:#1e1b2e}.canned-response-modal .category-list-item .cat-desc{font-size:.75rem;color:#9992ad}.canned-response-modal .restricted-section{margin-top:4px;padding:12px;background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.12);border-radius:12px}.canned-response-modal .permission-list{max-height:200px;overflow-y:auto;border:1px solid rgba(0,0,0,.05);border-radius:10px;background:rgba(255,255,255,.45);backdrop-filter:blur(6px)}.canned-response-modal .permission-item{--background: transparent;--padding-start: 12px;--padding-end: 12px;--min-height: 44px;--border-color: rgba(0, 0, 0, .04);font-size:.85rem}.canned-response-modal .permission-item ion-checkbox{--size: 18px;--checkbox-background: transparent;--checkbox-background-checked: rgb(124, 58, 237);--border-color: rgba(0, 0, 0, .15);--border-color-checked: rgb(124, 58, 237);margin-right:8px}.canned-response-modal .permission-item .perm-name{font-size:.82rem;font-weight:500;color:#1e1b2e}.canned-response-modal .permission-item .perm-sub{font-size:.7rem;color:#9992ad}.canned-response-modal .perm-empty{text-align:center;padding:16px;font-size:.8rem;color:#9992ad}.canned-response-modal .perm-summary{margin-top:8px;padding:6px 12px;font-size:.75rem;font-weight:500;color:#7c3aed;background:rgba(166,133,226,.08);border-radius:8px;text-align:center}.canned-response-card .card-thumb-area{position:relative;flex-shrink:0}.canned-response-card .card-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04)}.canned-response-card .card-thumb-img img{width:100%;height:100%;object-fit:cover;display:block}.canned-response-card .card-thumb-icon{background:rgba(139,92,246,.06)}.canned-response-card .card-thumb-icon ion-icon{font-size:1.2rem;color:#8b5cf6}.canned-response-card .card-thumb-count{position:absolute;bottom:-2px;right:-2px;background:#7c3aed;color:#fff;font-size:.6rem;font-weight:600;padding:1px 5px;border-radius:8px;min-width:18px;text-align:center;line-height:1.4}.canned-response-modal .existing-attachments,.canned-response-modal .new-files-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.canned-response-modal .attachment-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.06);border-radius:10px;max-width:100%}.canned-response-modal .attachment-preview{width:40px;height:40px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04);flex-shrink:0}.canned-response-modal .attachment-preview img{width:100%;height:100%;object-fit:cover}.canned-response-modal .attachment-preview ion-icon{font-size:1.1rem;color:#8b5cf6}.canned-response-modal .attachment-name{font-size:.78rem;color:#50466e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.canned-response-modal .file-upload-compact{padding:12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px;border:2px dashed rgba(166,133,226,.25)!important;border-radius:10px!important;cursor:pointer;font-size:.8rem;color:#7c3aed;background:rgba(166,133,226,.03)!important;transition:.15s}.canned-response-modal .file-upload-compact:hover{border-color:#7c3aed!important;background:rgba(166,133,226,.06)!important}.canned-response-modal .file-upload-compact ion-icon{font-size:1.1rem}.canned-response-modal .message-preview-bubble{background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.12);border-radius:14px;padding:12px;min-height:60px}.canned-response-modal .preview-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.canned-response-modal .preview-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.04)}.canned-response-modal .preview-thumb img{width:100%;height:100%;object-fit:cover}.canned-response-modal .preview-file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:4px}.canned-response-modal .preview-file-icon ion-icon{font-size:1.2rem;color:#8b5cf6}.canned-response-modal .preview-file-icon span{font-size:.55rem;color:#6e6888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center}.canned-response-modal .preview-text{font-size:.82rem;color:#1e1b2e;white-space:pre-wrap;word-break:break-word;line-height:1.5}.canned-response-modal .preview-empty{font-size:.8rem;color:#9992ad;text-align:center;padding:12px}.canned-response-modal .block-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.canned-response-modal .block-item{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.07);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.canned-response-modal .block-item:hover{box-shadow:rgba(120,80,180,.08) 0 4px 16px}.canned-response-modal .block-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.04)}.canned-response-modal .block-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.canned-response-modal .block-type-badge.type-text{color:#3b82f6;background:rgba(59,130,246,.08)}.canned-response-modal .block-type-badge.type-image{color:#10b981;background:rgba(16,185,129,.08)}.canned-response-modal .block-type-badge.type-video{color:#ec4899;background:rgba(236,72,153,.08)}.canned-response-modal .block-type-badge.type-file{color:#f59e0b;background:rgba(245,158,11,.08)}.canned-response-modal .block-order{font-size:.7rem;color:#9992ad;font-weight:500}.canned-response-modal .block-actions{display:flex;gap:0;margin-left:auto}.canned-response-modal .block-actions ion-button{--padding-start: 2px;--padding-end: 2px;height:26px;width:26px;margin:0;font-size:.75rem}.canned-response-modal .block-content{padding:8px 10px}.canned-response-modal .block-textarea{--highlight-color-focused: none;width:100%;min-height:48px;padding:0 12px;border:1px solid rgba(0,0,0,.05);border-radius:8px;background:rgba(255,255,255,.5);color:#1e1b2e;outline:none;font-family:inherit;font-size:.85rem;line-height:1.5}.canned-response-modal .block-file-preview{display:flex;align-items:center;gap:10px}.canned-response-modal .block-file-preview img{width:64px;height:64px;border-radius:8px;object-fit:cover;border:1px solid rgba(0,0,0,.06)}.canned-response-modal .block-file-icon{width:48px;height:48px;border-radius:8px;background:rgba(139,92,246,.06);display:flex;align-items:center;justify-content:center}.canned-response-modal .block-file-icon ion-icon{font-size:1.3rem;color:#8b5cf6}.canned-response-modal .block-file-name{font-size:.8rem;color:#50466e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.canned-response-modal .block-file-placeholder{font-size:.8rem;color:#9992ad;text-align:center;padding:8px}.canned-response-modal .block-add-buttons{display:flex;gap:8px;margin-top:4px}.canned-response-modal .block-add-buttons ion-button{--border-radius: 10px;--border-color: rgba(166, 133, 226, .25);--color: rgb(124, 58, 237);font-size:.78rem;font-weight:500;height:36px}.canned-response-modal .message-preview-sequential{display:flex;flex-direction:column;gap:6px;padding:12px;background:rgba(139,92,246,.04);border:1px solid rgba(139,92,246,.1);border-radius:14px;min-height:60px}.canned-response-modal .preview-bubble{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:12px;max-width:85%;margin-left:auto}.canned-response-modal .preview-bubble-text{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.12)}.canned-response-modal .preview-bubble-media{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.06)}.canned-response-modal .preview-step{font-size:.6rem;font-weight:600;color:#7c3aed;background:rgba(124,58,237,.1);padding:1px 6px;border-radius:6px;flex-shrink:0;margin-top:2px}.canned-response-modal .preview-media-img{width:80px;height:80px;border-radius:8px;object-fit:cover}@media (max-width: 768px){.canned-response-modal{--border-radius: 0 !important}}.broadcast-management{height:100%;font-style:normal}.broadcast-management .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.broadcast-management .section-header .toolbar{--border-width: 0}.broadcast-management .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.broadcast-management .header-actions{display:flex;gap:4px;margin-left:auto}.broadcast-management .btn-create{border-radius:8px;border:1px solid rgba(166,133,226,.2);background:rgba(166,133,226,.04);backdrop-filter:blur(4px);font-size:12px;font-weight:500;color:#7c3aed;cursor:pointer;display:flex;align-items:center;gap:4px;transition:.15s;margin:0;--color: rgb(124, 58, 237)}.broadcast-management .quota-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;font-style:normal;background:rgba(255,255,255,.45);color:#9992ad;border:1px solid rgba(0,0,0,.06);width:fit-content}.broadcast-management .quota-badge.warning{background:rgba(245,158,11,.1);color:#f59e0b;border-color:rgba(245,158,11,.2)}.broadcast-management .quota-badge.danger{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.2)}.broadcast-management .broadcast-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.broadcast-management .content-scroll{position:relative;z-index:1;padding:12px}.broadcast-management .filter-bar{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;padding:12px 16px;margin-bottom:12px}.broadcast-management .filter-segment{--background: transparent;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0}.broadcast-management .filter-segment ion-segment-button{--background: transparent;--background-checked: transparent;--background-hover: rgba(124, 58, 237, .04);--color: rgb(153, 146, 173);--color-checked: rgb(124, 58, 237);--indicator-color: rgb(124, 58, 237);--indicator-height: 2px;--border-radius: 0;font-size:.75rem;font-style:normal;min-height:32px;min-width:0;--padding-start: 8px;--padding-end: 8px;flex:0 0 auto;text-transform:none}.broadcast-management .campaign-list{display:flex;flex-direction:column;gap:8px}.broadcast-management .campaign-card{display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:14px;box-shadow:rgba(120,80,180,.06) 0 4px 20px,rgba(0,0,0,.03) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;padding:14px 16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.broadcast-management .campaign-card:hover{box-shadow:rgba(120,80,180,.12) 0 8px 30px,rgba(0,0,0,.04) 0 1px 3px;transform:translateY(-1px)}.broadcast-management .campaign-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.broadcast-management .campaign-name{font-size:.85rem;font-weight:600;font-style:normal;color:#1e1b2e;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-management .campaign-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.75rem;font-style:normal;color:#9992ad}.broadcast-management .campaign-card-stats{display:flex;align-items:center;gap:12px;font-size:.75rem;font-style:normal}.broadcast-management .stat-item{display:flex;align-items:center;gap:4px;font-weight:500}.broadcast-management .stat-item.success{color:#10b981}.broadcast-management .stat-item.fail{color:#ef4444}.broadcast-management .card-actions{display:flex;gap:4px;justify-content:flex-end}.broadcast-management .card-actions ion-button{--padding-start: 6px;--padding-end: 6px;height:28px;border-radius:8px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.3);font-size:.75rem;font-style:normal;--color: rgb(124, 58, 237);margin:0}.broadcast-management .card-actions .delete-btn{--color: rgb(239, 68, 68)}.broadcast-management .status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:8px;font-size:.7rem;font-weight:600;font-style:normal;letter-spacing:.3px;border:1px solid transparent;flex-shrink:0}.broadcast-management .status-badge.draft{background:rgba(153,146,173,.1);color:#6e6888;border-color:rgba(153,146,173,.15)}.broadcast-management .status-badge.pending{background:rgba(245,158,11,.1);color:#d97706;border-color:rgba(245,158,11,.2)}.broadcast-management .status-badge.sending{background:rgba(59,130,246,.1);color:#2563eb;border-color:rgba(59,130,246,.2)}.broadcast-management .status-badge.completed{background:rgba(16,185,129,.1);color:#059669;border-color:rgba(16,185,129,.2)}.broadcast-management .status-badge.partial_failure{background:rgba(245,158,11,.1);color:#c2410c;border-color:rgba(245,158,11,.2)}.broadcast-management .status-badge.failed{background:rgba(239,68,68,.1);color:#dc2626;border-color:rgba(239,68,68,.2)}.broadcast-management .status-badge.scheduled{background:rgba(59,130,246,.1);color:#2563eb;border-color:rgba(59,130,246,.2)}.broadcast-management .sending-progress{padding:2px 0}.broadcast-management .sending-progress ion-progress-bar{--background: rgba(124, 58, 237, .1);--progress-background: rgb(124, 58, 237);height:4px;border-radius:4px}.broadcast-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.broadcast-management .empty-state .empty-icon-box{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:rgba(120,80,180,.08) 0 8px 40px}.broadcast-management .empty-state .empty-icon-box svg{width:32px;height:32px;color:#7c3aed}.broadcast-management .empty-state .empty-title{font-size:17px;font-weight:700;font-style:normal;color:#1e1b2e;margin:0 0 6px}.broadcast-management .empty-state .empty-text{font-size:13px;font-weight:500;font-style:normal;color:#9992ad;line-height:1.6;margin:0}.broadcast-management .loading-state{display:flex;align-items:center;justify-content:center;padding:60px}.broadcast-management .pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0}.broadcast-management .pagination ion-button{--color: rgb(124, 58, 237)}.broadcast-management .pagination .page-info{font-size:.8rem;font-style:normal;color:#9992ad;font-weight:500}.broadcast-wizard-modal{--border-radius: 20px}.broadcast-wizard-modal .modal-header{padding:20px 24px 14px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between}.broadcast-wizard-modal .modal-header-title{display:flex;align-items:center;gap:10px}.broadcast-wizard-modal .modal-header-avatar{width:36px;height:36px;border-radius:10px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px;color:#7c3aed}.broadcast-wizard-modal .modal-header-text{font-size:1rem;font-weight:600;font-style:normal;color:#1e1b2e}.broadcast-wizard-modal .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s;--padding-start: 0;--padding-end: 0}.broadcast-wizard-modal .modal-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 24px;flex:1 1 0%;overflow-y:auto}.broadcast-wizard-modal .wizard-steps{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.broadcast-wizard-modal .step-dot{width:10px;height:10px;border-radius:50%;background:rgba(153,146,173,.2);border:2px solid rgba(153,146,173,.15);transition:all .2s}.broadcast-wizard-modal .step-dot.active{background:#7c3aed;border-color:rgba(124,58,237,.3);box-shadow:rgba(124,58,237,.3) 0 0 8px}.broadcast-wizard-modal .step-dot.completed{background:#10b981;border-color:rgba(16,185,129,.3)}.broadcast-wizard-modal .wizard-title{font-size:1.05rem;font-weight:700;font-style:normal;color:#1e1b2e;margin:0 0 4px}.broadcast-wizard-modal .wizard-subtitle{font-size:.82rem;font-style:normal;color:#9992ad;font-weight:500;margin:0 0 20px;line-height:1.5}.broadcast-wizard-modal .wizard-empty-text{font-size:.82rem;font-style:normal;color:#9992ad;font-weight:500}.broadcast-wizard-modal .channel-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.45);backdrop-filter:blur(6px);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s;font-style:normal}.broadcast-wizard-modal .channel-option:hover{background:rgba(255,255,255,.65);box-shadow:rgba(120,80,180,.06) 0 4px 16px}.broadcast-wizard-modal .channel-option.selected{border-color:#7c3aed;background:rgba(124,58,237,.04);box-shadow:rgba(124,58,237,.12) 0 4px 16px}.broadcast-wizard-modal .channel-option .platform-badge{background:#06c755;color:#fff;padding:3px 10px;border-radius:6px;font-size:.7rem;font-weight:600;font-style:normal;letter-spacing:.3px}.broadcast-wizard-modal .channel-option .channel-name{font-weight:500;font-style:normal;font-size:.85rem;color:#1e1b2e}.broadcast-wizard-modal .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.broadcast-wizard-modal .tag-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;font-size:.82rem;font-style:normal;font-weight:500;cursor:pointer;border:2px solid transparent;transition:all .2s}.broadcast-wizard-modal .tag-chip.selected{border-color:currentColor;font-weight:600}.broadcast-wizard-modal .recipients-count{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.55);border-radius:12px;font-size:.85rem;font-style:normal;font-weight:500;color:#1e1b2e;margin-top:16px}.broadcast-wizard-modal .recipients-count ion-icon{color:#7c3aed;font-size:1.1rem}.broadcast-wizard-modal .recipients-count.warning{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.15);color:#d97706}.broadcast-wizard-modal .recipients-count.error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.15);color:#dc2626}.broadcast-wizard-modal .recipients-hint{font-size:.75rem;font-style:normal;margin-left:4px;opacity:.8}.broadcast-wizard-modal .form-group{margin-bottom:16px}.broadcast-wizard-modal .form-label{display:block;font-size:.82rem;font-weight:500;font-style:normal;color:#6e6888;margin-bottom:6px}.broadcast-wizard-modal .form-input{--highlight-color-focused: none;width:100%;padding:0 16px!important;border:1px solid rgba(0,0,0,.07);border-radius:12px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;font-style:normal;box-sizing:border-box}.broadcast-wizard-modal .form-textarea{--highlight-color-focused: none;width:100%;min-height:80px;padding:8px 16px;border:1px solid rgba(0,0,0,.07);border-radius:10px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);color:#1e1b2e;outline:none;font-family:inherit;font-style:normal;box-sizing:border-box;resize:vertical;line-height:1.5}.broadcast-wizard-modal .message-item{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:14px;margin-bottom:10px;transition:box-shadow .15s}.broadcast-wizard-modal .message-item:hover{box-shadow:rgba(120,80,180,.06) 0 4px 16px}.broadcast-wizard-modal .message-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.broadcast-wizard-modal .message-type-select{font-size:.82rem;font-style:normal;font-family:inherit;padding:4px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.55);color:#1e1b2e;cursor:pointer}.broadcast-wizard-modal .btn-remove-msg{--padding-start: 4px;--padding-end: 4px;--color: rgb(239, 68, 68);height:28px;width:28px}.broadcast-wizard-modal .add-message-btn{width:100%;margin-top:6px;--border-style: dashed;--border-color: rgba(166, 133, 226, .25);--color: rgb(124, 58, 237);--border-radius: 10px;font-size:.82rem;font-weight:500;font-style:normal;height:40px}.broadcast-wizard-modal .url-input-group{display:flex;flex-direction:column;gap:8px}.broadcast-wizard-modal .preview-section{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:16px;margin-bottom:12px}.broadcast-wizard-modal .preview-label{font-size:.75rem;font-style:normal;font-weight:500;color:#9992ad;margin:0 0 4px}.broadcast-wizard-modal .preview-value{font-size:.85rem;font-weight:600;font-style:normal;color:#1e1b2e;margin:0}.broadcast-wizard-modal .preview-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.broadcast-wizard-modal .preview-tag{padding:2px 10px;border-radius:12px;font-size:.75rem;font-style:normal;font-weight:500}.broadcast-wizard-modal .preview-messages{display:flex;flex-direction:column;gap:6px;margin-top:4px}.broadcast-wizard-modal .preview-msg-bubble{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.1);border-radius:12px;padding:10px 14px;font-size:.82rem;font-style:normal;color:#1e1b2e;word-break:break-word;line-height:1.5}.broadcast-wizard-modal .wizard-footer{padding:14px 24px;border-top:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,255,255,.3);flex-shrink:0;box-shadow:none}.broadcast-wizard-modal .wizard-footer .btn-back{--border-radius: 10px;--border-color: rgba(166, 133, 226, .25);--color: rgb(124, 58, 237);font-size:.82rem;font-weight:500;font-style:normal;height:40px}.broadcast-wizard-modal .wizard-footer .btn-next{--background: linear-gradient(135deg, #6985f9 0%, #8c6df3 100%);--color: #fff;--border-radius: 10px;font-weight:600;font-size:.82rem;font-style:normal;height:40px;box-shadow:rgba(166,133,226,.25) 0 3px 12px}.broadcast-wizard-modal .wizard-footer .btn-next:disabled{opacity:.5}.broadcast-wizard-modal .wizard-footer .btn-draft{--border-radius: 10px;--border-color: rgba(166, 133, 226, .25);--color: rgb(124, 58, 237);font-size:.82rem;font-weight:500;font-style:normal;height:40px}.broadcast-wizard-modal .wizard-footer .btn-send{--background: linear-gradient(135deg, #6985f9 0%, #8c6df3 100%);--color: #fff;--border-radius: 10px;font-weight:600;font-size:.82rem;font-style:normal;height:40px;box-shadow:rgba(166,133,226,.25) 0 3px 12px}.broadcast-wizard-modal .wizard-footer .footer-actions{display:flex;gap:8px}.broadcast-detail-modal{--border-radius: 20px}.broadcast-detail-modal .modal-header{padding:20px 24px 14px;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between}.broadcast-detail-modal .modal-header-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.broadcast-detail-modal .modal-header-avatar{width:36px;height:36px;border-radius:10px;background:rgba(166,133,226,.12);border:1px solid rgba(166,133,226,.2);display:flex;align-items:center;justify-content:center;font-size:18px;color:#7c3aed;flex-shrink:0}.broadcast-detail-modal .modal-header-text{font-size:1rem;font-weight:600;font-style:normal;color:#1e1b2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-detail-modal .btn-close-modal{width:32px;height:32px;margin:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:.15s;--padding-start: 0;--padding-end: 0;flex-shrink:0}.broadcast-detail-modal .detail-content{--padding-start: 24px;--padding-end: 24px;--padding-top: 16px;--padding-bottom: 24px;flex:1 1 0%;overflow-y:auto}.broadcast-detail-modal .detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:.85rem;font-style:normal}.broadcast-detail-modal .detail-label{color:#9992ad;font-weight:500}.broadcast-detail-modal .detail-value{font-weight:600;color:#1e1b2e;text-align:right}.broadcast-detail-modal .detail-value.success{color:#10b981}.broadcast-detail-modal .detail-value.fail{color:#ef4444}.broadcast-detail-modal .detail-value.error{color:#ef4444;font-size:.75rem;font-weight:500}.broadcast-detail-modal .detail-messages-section{margin-top:20px}.broadcast-detail-modal .detail-messages-label{font-size:.82rem;font-style:normal;font-weight:500;color:#9992ad;margin-bottom:10px}.broadcast-detail-modal .detail-msg-bubble{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.1);border-radius:12px;padding:10px 14px;margin-bottom:6px;font-size:.82rem;font-style:normal;color:#1e1b2e;line-height:1.5;word-break:break-word}.broadcast-management .cancel-btn{--color: rgb(245, 158, 11);font-size:13px}.broadcast-management .delete-btn{--color: rgb(239, 68, 68)}.broadcast-management .webhook-status-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;margin-top:12px;font-style:normal;font-size:13px;line-height:1.5}.broadcast-management .webhook-status-banner.checking{background:rgba(124,58,237,.06);color:#7c3aed;align-items:center}.broadcast-management .webhook-status-banner.warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}.broadcast-management .webhook-status-banner.connected{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#059669;align-items:center}.broadcast-management .webhook-status-banner.compact{margin-top:0;margin-bottom:12px}.broadcast-management .webhook-icon{font-size:18px;flex-shrink:0;margin-top:1px}.broadcast-management .webhook-info{display:flex;flex-direction:column;gap:2px}.broadcast-management .webhook-title{font-weight:600;font-size:13px;color:#b45309;margin:0;font-style:normal}.broadcast-management .webhook-desc{font-size:12px;color:#926b19;margin:0;font-style:normal}.broadcast-management .webhook-hint{font-size:11.5px;color:#9992ad;margin:2px 0 0;font-style:normal}.broadcast-management .no-tags-info{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.15);margin-top:4px}.broadcast-management .no-tags-icon{font-size:24px;flex-shrink:0}.broadcast-management .no-tags-text{display:flex;flex-direction:column;gap:4px}.broadcast-management .no-tags-title{font-weight:600;font-size:14px;color:#1e1b2e;margin:0;font-style:normal}.broadcast-management .no-tags-desc{font-size:13px;color:#9992ad;margin:0;font-style:normal;line-height:1.5}.broadcast-wizard-modal .upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border:2px dashed rgba(166,133,226,.3);border-radius:12px;background:rgba(124,58,237,.02);cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.broadcast-wizard-modal .upload-area:hover{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.04)}.broadcast-wizard-modal .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;color:#9992ad;font-size:.82rem;font-style:normal;font-weight:500}.broadcast-wizard-modal .upload-placeholder ion-icon{font-size:28px;color:#7c3aed;opacity:.7}.broadcast-wizard-modal .upload-hint{font-size:.7rem;font-weight:400;opacity:.7}.broadcast-wizard-modal .upload-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#7c3aed;font-size:.82rem;font-style:normal;font-weight:500}.broadcast-wizard-modal .upload-preview{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.broadcast-wizard-modal .upload-preview-img{max-width:100%;max-height:180px;object-fit:contain;border-radius:8px}.broadcast-wizard-modal .upload-preview-video{max-width:100%;max-height:180px;border-radius:8px}.broadcast-wizard-modal .upload-change-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(0,0,0,.45);color:#fff;font-size:.78rem;font-weight:500;font-style:normal;opacity:0;transition:opacity .2s;border-radius:8px}.broadcast-wizard-modal .upload-area:hover .upload-change-overlay{opacity:1}.broadcast-wizard-modal .upload-change-overlay ion-icon{font-size:22px}.broadcast-wizard-modal .schedule-section{border:1px solid rgba(59,130,246,.15);background:rgba(59,130,246,.03)}.broadcast-wizard-modal .schedule-toggle{margin-bottom:4px}.broadcast-wizard-modal .schedule-toggle-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;font-style:normal;color:#1e1b2e;cursor:pointer}.broadcast-wizard-modal .schedule-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:rgb(37,99,235);cursor:pointer}.broadcast-wizard-modal .schedule-picker{margin-top:12px;padding-top:12px;border-top:1px solid rgba(59,130,246,.1)}.broadcast-wizard-modal .schedule-datetime-input{width:100%;padding:10px 14px;border:1px solid rgba(59,130,246,.2);border-radius:10px;background:rgba(255,255,255,.7);color:#1e1b2e;font-size:.85rem;font-family:inherit;font-style:normal;outline:none;box-sizing:border-box;cursor:pointer}.broadcast-wizard-modal .schedule-datetime-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.broadcast-wizard-modal .schedule-preview-text{margin:8px 0 0;font-size:.78rem;font-weight:500;font-style:normal;color:#2563eb}.broadcast-wizard-modal .wizard-footer .btn-schedule{--background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--color: #fff;--border-radius: 10px;font-weight:600;font-size:.82rem;font-style:normal;height:40px;box-shadow:rgba(59,130,246,.25) 0 3px 12px}@media (max-width: 768px){.broadcast-wizard-modal,.broadcast-detail-modal{--border-radius: 0 !important}}.page-dashboard{height:100%;font-family:Kanit,sans-serif;@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}}.page-dashboard .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.page-dashboard .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.page-dashboard .section-header .header-text .title{font-size:1.125rem;font-weight:500;color:#1e1b2e;line-height:1.3}.page-dashboard .section-header .header-text .subtitle{font-size:.75rem;color:#9992ad;font-weight:400}.page-dashboard .dashboard-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.page-dashboard .content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-dashboard .content-blobs .blob-1{position:absolute;top:-8%;left:10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.page-dashboard .content-blobs .blob-2{position:absolute;bottom:0%;right:5%;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.page-dashboard .content-blobs .blob-3{position:absolute;top:45%;right:55%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.page-dashboard .content-blobs .blob-4{position:absolute;bottom:10%;left:25%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.page-dashboard .dashboard-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:20px 24px}.page-dashboard .controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-dashboard .controls-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-dashboard .controls-right{display:flex;align-items:center;gap:8px}.page-dashboard .range-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.4);backdrop-filter:blur(4px);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;transition:all .15s;color:#6e6888;font-family:inherit;white-space:nowrap}.page-dashboard .range-btn:hover{background:rgba(255,255,255,.6)}.page-dashboard .range-btn.active{border:1px solid rgba(166,133,226,.4);background:rgba(166,133,226,.12);color:#7c3aed;box-shadow:rgba(166,133,226,.1) 0 2px 8px}.page-dashboard .btn-action{padding:6px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.4);backdrop-filter:blur(4px);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;color:#6e6888;font-family:inherit;white-space:nowrap}.page-dashboard .btn-action:hover{background:rgba(255,255,255,.6);transform:translateY(-1px)}.page-dashboard .btn-action.primary{border:none;background:linear-gradient(135deg,#a685e2,#8b6acc);color:#fff;box-shadow:rgba(166,133,226,.25) 0 3px 12px}.page-dashboard .btn-action.primary:hover{box-shadow:rgba(166,133,226,.35) 0 6px 20px}.page-dashboard .btn-icon{width:36px;height:36px;padding:0;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.4);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:#6e6888}.page-dashboard .btn-icon:hover{background:rgba(255,255,255,.65)}.page-dashboard .date-input{padding:5px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.55);backdrop-filter:blur(6px);font-size:13px;font-family:inherit;color:#1e1b2e;outline:none;transition:border-color .2s,box-shadow .2s}.page-dashboard .date-input:focus{border-color:rgba(124,58,237,.35);box-shadow:0 0 0 3px rgba(124,58,237,.1)}.page-dashboard .glass-card{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset;overflow:hidden;transition:transform .2s,box-shadow .2s}.page-dashboard .glass-card:hover{box-shadow:rgba(120,80,180,.12) 0 12px 48px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset}.page-dashboard .glass-card .card-header{padding:16px 20px 12px;border-bottom:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:8px}.page-dashboard .glass-card .card-header .card-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.page-dashboard .glass-card .card-header .card-title{font-size:14px;font-weight:600;color:#1e1b2e}.page-dashboard .glass-card .card-header .card-desc{font-size:11px;color:#9992ad;margin-top:1px;font-weight:400}.page-dashboard .glass-card .card-body{padding:16px 20px}.page-dashboard .grid-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.page-dashboard .grid-charts-row1{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.page-dashboard .grid-charts-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.page-dashboard .metric-card{background:rgba(255,255,255,.4);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:16px 18px;box-shadow:rgba(120,80,180,.06) 0 4px 24px,rgba(255,255,255,.6) 0 1px inset;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.page-dashboard .metric-card:hover{transform:translateY(-2px);box-shadow:rgba(120,80,180,.1) 0 8px 32px,rgba(255,255,255,.6) 0 1px inset}.page-dashboard .metric-card .metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.page-dashboard .metric-card .metric-label{font-size:12px;color:#8b85a0;font-weight:500;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.page-dashboard .metric-card .metric-value{font-size:24px;font-weight:700;color:#1e1b2e;line-height:1.1}.page-dashboard .metric-card .metric-desc{font-size:10.5px;color:#9992ad;margin-top:2px;line-height:1.3;opacity:.85}.page-dashboard .metric-card .metric-sub{font-size:11px;color:#9992ad;margin-top:2px}.page-dashboard .change-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.page-dashboard .change-badge.up{background:rgba(74,222,128,.15);color:#16a34a}.page-dashboard .change-badge.down{background:rgba(248,113,113,.15);color:#dc2626}.page-dashboard .change-badge.flat{background:rgba(156,163,175,.15);color:#6b7280}.page-dashboard .change-badge .badge-icon{font-size:12px;display:flex}.page-dashboard .metric-card.queue-active{border-color:rgba(239,68,68,.2)}.page-dashboard .metric-card.queue-active:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f97316,#ef4444);background-size:200% 100%;animation:shimmer 2s ease infinite}.page-dashboard .chart-tooltip{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6)!important;border-radius:12px!important;box-shadow:rgba(120,80,180,.12) 0 8px 32px!important;padding:10px 14px!important}.page-dashboard .chart-tooltip .tooltip-label{font-size:12px;color:#8b85a0;margin-bottom:6px;font-weight:500}.page-dashboard .chart-tooltip .tooltip-row{display:flex;align-items:center;gap:8px;margin-bottom:3px;font-size:13px;color:#1e1b2e}.page-dashboard .chart-tooltip .tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.page-dashboard .chart-tooltip .tooltip-value{font-weight:600;margin-left:auto}.page-dashboard .agent-table{width:100%;border-collapse:collapse}.page-dashboard .agent-table .tr-header{background:rgba(255,255,255,.25);border-bottom:1px solid rgba(0,0,0,.06)}.page-dashboard .agent-table .th-col{padding:10px 12px;text-align:left;font-size:11px;color:#8b85a0;letter-spacing:.06em;text-transform:uppercase;user-select:none;white-space:nowrap;font-weight:500;cursor:pointer;transition:color .15s}.page-dashboard .agent-table .th-col:hover,.page-dashboard .agent-table .th-col.active{color:#7c3aed}.page-dashboard .agent-table .th-col.right{text-align:right}.page-dashboard .agent-table .tr-body{border-bottom:1px solid rgba(0,0,0,.03);background:transparent;transition:background .15s}.page-dashboard .agent-table .tr-body:hover{background:rgba(255,255,255,.25)}.page-dashboard .agent-table .td-col{padding:10px 12px;font-size:13px;color:#1e1b2e}.page-dashboard .agent-table .td-col.right{text-align:right}.page-dashboard .agent-table .td-col.muted{color:#9992ad;font-size:12px}.page-dashboard .agent-info{display:flex;align-items:center;gap:10px}.page-dashboard .agent-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#6985f9,#8c6df3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.page-dashboard .agent-avatar img{width:100%;height:100%;object-fit:cover}.page-dashboard .agent-name{font-size:13px;font-weight:500;color:#1e1b2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.page-dashboard .csat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.page-dashboard .csat-chip.good{background:rgba(74,222,128,.15);color:#16a34a}.page-dashboard .csat-chip.ok{background:rgba(251,191,36,.15);color:#d97706}.page-dashboard .csat-chip.bad{background:rgba(248,113,113,.15);color:#dc2626}.page-dashboard .skeleton{background:linear-gradient(90deg,rgba(166,133,226,.06) 25%,rgba(166,133,226,.12),rgba(166,133,226,.06) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px}.page-dashboard .no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:#9992ad;gap:8px}.page-dashboard .no-data .no-data-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:rgba(120,80,180,.06) 0 4px 16px}.page-dashboard .no-data .no-data-text{font-size:13px;font-weight:500}.page-dashboard .error-alert{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.2);border-radius:12px;padding:10px 16px;margin-bottom:16px;font-size:13px;color:#dc2626;display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.page-dashboard .grid-overview{grid-template-columns:repeat(2,1fr)}.page-dashboard .grid-charts-row1,.page-dashboard .grid-charts-row2{grid-template-columns:1fr}}@media (max-width: 640px){.page-dashboard .dashboard-inner{padding:12px}.page-dashboard .grid-overview{grid-template-columns:1fr 1fr;gap:8px}.page-dashboard .metric-card{padding:12px 14px}.page-dashboard .metric-card .metric-value{font-size:20px}.page-dashboard .controls-bar{flex-direction:column;align-items:stretch}.page-dashboard .controls-left{overflow-x:auto;-webkit-overflow-scrolling:touch}}.page-billing{height:100%}.page-billing .section-header{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);display:flex;align-items:center;gap:12px;box-shadow:none}.page-billing .section-header .toolbar{--border-width: 0}.page-billing .section-header .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.page-billing .billing-content{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.billing-page-container{height:100%;overflow-y:auto;--background: rgb(237, 232, 245)}.billing-content-wrapper{max-width:1280px;margin:0 auto;padding:3rem 1.5rem 5rem}.billing-header-section{text-align:center;margin-bottom:3.5rem}.billing-main-title{font-size:2.75rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;margin-bottom:1rem}.billing-sub-title{font-size:1.15rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.billing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;align-items:stretch}.billing-plan-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:2rem;position:relative;transition:all .25s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%}.billing-plan-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border-color:#cbd5e1}.billing-card-recommended{border:2px solid #3b82f6;box-shadow:0 10px 15px -3px rgba(59,130,246,.15)}.billing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 6px rgba(59,130,246,.3)}.billing-plan-header{text-align:center;margin-bottom:1.5rem}.billing-plan-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.billing-currency{font-size:1.1rem;font-weight:800;color:#0f172a;margin-right:2px}.billing-price{font-size:3rem;font-weight:800;color:#0f172a}.billing-period{color:#94a3b8;font-size:1rem;margin-left:6px}.billing-divider{height:1px;background:#f1f5f9;margin:0 -2rem 1.5rem}.billing-card-addons{background:#f8fafc;margin:0 -2rem 1.5rem;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9}.addons-title{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:1rem;letter-spacing:.5px}.card-addon-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-addon-info{display:flex;flex-direction:column;gap:2px}.card-addon-name{font-size:.95rem;font-weight:600;color:#334155}.card-addon-price{font-size:.8rem;color:#64748b}.card-addon-control{display:flex;align-items:center;gap:8px;background:#fff;padding:2px;border-radius:8px;border:1px solid #e2e8f0}.control-btn{font-size:1.4rem;color:#3b82f6;cursor:pointer;transition:opacity .2s}.control-btn.disabled{color:#cbd5e1;pointer-events:none}.control-val{min-width:20px;text-align:center;font-weight:700;font-size:.95rem;color:#0f172a}.billing-plan-body{flex:1;margin-bottom:2rem}.features-label{font-size:.75rem;font-weight:700;color:#94a3b8;margin-bottom:1rem}.billing-features-list{list-style:none;padding:0;margin:0}.billing-feature-item{display:flex;align-items:center;margin-bottom:.85rem;color:#475569;font-size:.95rem}.billing-check-icon{color:#22c55e;margin-right:10px;font-size:1.2rem}.billing-footer{margin-top:auto}.billing-total-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;color:#1e293b;padding:0 .5rem}.total-val{font-size:1.25rem;color:#2563eb}.billing-btn-action{font-weight:700;--border-radius: 10px;height:48px;font-size:1rem;--box-shadow: none}.billing-pro-modal{--background: #f9fafb}@media (min-width: 768px){.billing-pro-modal{--width: 500px;--height: auto;--min-height: 600px;--max-height: 90vh;--border-radius: 20px;--box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--backdrop-opacity: .6}}.billing-modal-content{--background: #f9fafb}.billing-modal-wrapper{padding:1rem 1.5rem 3rem;background-color:#f9fafb;min-height:100%;color:#1f2937}.billing-head-text{font-size:.9rem;font-weight:700;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.billing-section{margin-bottom:32px}.billing-summary-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);border:1px solid #e5e7eb}.summary-row.main-plan{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-name{font-weight:800;color:#111827;font-size:1.25rem}.plan-interval{font-size:.85rem;color:#6b7280;margin-top:2px}.price-tag{font-weight:800;font-size:1.5rem;color:var(--ion-color-primary, #3b82f6)}.addons-list{background:#f8fafc;border-radius:10px;padding:12px 16px;margin-bottom:16px;border:1px solid #e2e8f0}.addons-label{font-size:.75rem;color:#94a3b8;margin-bottom:10px;font-weight:600;text-transform:uppercase}.addon-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0}.addon-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.addon-name{font-size:.95rem;color:#334155;font-weight:500}.addon-price{font-size:.9rem;color:#64748b;font-feature-settings:"tnum"}.addon-controls{display:flex;align-items:center;gap:8px}.qty-badge{background:#e0f2fe;color:#0369a1;font-weight:700;padding:2px 8px;border-radius:4px;font-size:.8rem}.summary-divider{border-top:2px dashed #e5e7eb;margin:16px 0}.summary-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.total-amount{font-size:1.75rem;font-weight:800;color:#0f172a;letter-spacing:-.5px}.bank-list-wrapper{display:flex;flex-direction:column;gap:16px}.bank-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.bank-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,var(--ion-color-primary),#60a5fa)}.bank-logo-area{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-left:8px}.bank-logo-img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff}.bank-icon-circle{width:48px;height:48px;background:#00a950;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.bank-name{font-weight:700;color:#1f2937;font-size:1rem;line-height:1.3}.acc-name{font-size:.85rem;color:#6b7280}.acc-number-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:14px;text-align:center;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:700;color:#334155;letter-spacing:1px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}.acc-number-box:active{background:#e2e8f0;transform:scale(.98)}.copy-icon-inside{font-size:1.2rem;color:var(--ion-color-primary);opacity:.7}.bank-note{font-size:.75rem;color:#94a3b8;text-align:center;margin-top:4px}.no-bank-data{text-align:center;padding:24px;color:#94a3b8;background:#fff;border-radius:12px;border:1px dashed #e2e8f0}.upload-dropzone{border:2px dashed #cbd5e1;border-radius:16px;background:#fff;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s ease;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.upload-dropzone:hover{border-color:var(--ion-color-primary);background:#eff6ff}.upload-dropzone.has-file{border-style:solid;border-color:#e2e8f0;padding:16px;background:#fff}.upload-icon{font-size:3.5rem;color:#94a3b8;margin-bottom:12px}.upload-text{font-weight:600;color:#475569;font-size:1.05rem;margin:0 0 4px}.upload-sub{font-size:.85rem;color:#94a3b8;margin:0}.slip-preview-img{max-width:100%;max-height:250px;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);object-fit:contain}.file-info-text{display:flex;align-items:center;font-size:.9rem;color:#10b981;font-weight:600}.change-slip-btn{font-size:.9rem;color:#ef4444;cursor:pointer;display:flex;align-items:center;padding:4px 8px;border-radius:6px;transition:background .2s}.change-slip-btn:hover{background:#fef2f2}.confirm-pay-btn{margin-top:2rem;--border-radius: 12px;font-weight:700;--box-shadow: 0 10px 15px -3px rgba(var(--ion-color-primary-rgb), .3);letter-spacing:.5px}.BillingHistoryPage{height:100%}.BillingHistorySectionHeader{padding:8px 16px;background:rgba(237,232,245,.6);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:none}.BillingHistoryToolbar{--border-width: 0;--background: transparent;width:100%;display:flex!important;align-items:center!important;justify-content:flex-start!important;--padding-start: 0px;--padding-end: 0px}.BillingHistoryBtnToggleSidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.45)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6e6888!important;backdrop-filter:blur(4px)}.BillingHistoryHeaderText{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:3px;line-height:1.2;padding:2px 0;min-width:0}.BillingHistoryHeaderTitle{font-size:1.05rem;font-weight:600;margin:0!important;padding:0!important}.BillingHistoryHeaderSubtitle{font-size:.8rem;opacity:.9;margin:0!important;padding:0!important}.BillingHistoryBtnRefresh{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.35)!important;backdrop-filter:blur(4px);color:#6e6888!important}.BillingHistoryContent{--background: rgb(237, 232, 245);height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.BillingHistoryContentCentered{margin:0;width:100%;height:100%;max-height:-webkit-fill-available;position:relative}.BillingHistoryBlobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.BillingHistoryBlob{position:absolute;border-radius:50%}.BillingHistoryBlob--1{top:-8%;left:10%;width:520px;height:520px;background:radial-gradient(circle,rgba(166,133,226,.3) 0%,transparent 65%);filter:blur(80px)}.BillingHistoryBlob--2{bottom:0%;right:5%;width:450px;height:450px;background:radial-gradient(circle,rgba(139,106,204,.22) 0%,transparent 65%);filter:blur(70px)}.BillingHistoryBlob--3{top:45%;right:55%;width:380px;height:380px;background:radial-gradient(circle,rgba(244,114,182,.1) 0%,transparent 65%);filter:blur(60px)}.BillingHistoryBlob--4{bottom:10%;left:25%;width:280px;height:280px;background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 65%);filter:blur(55px)}.BillingHistoryWrapper{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:16px}.BillingHistoryFilterRow{margin-top:12px;--background: rgba(255, 255, 255, .45);background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:14px;padding:12px 14px;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset}.BillingHistoryFilterLabel{font-size:.85rem;font-weight:700;color:#374151;display:flex;align-items:center;margin-bottom:10px}.BillingHistoryChips{display:flex;flex-wrap:wrap;gap:8px}.BillingHistoryChip{border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.55);color:#6e6888;border-radius:999px;padding:7px 12px;font-size:.85rem;cursor:pointer;font-family:inherit;backdrop-filter:blur(6px)}.BillingHistoryChip--active{background:rgba(17,24,39,.9);color:#fff;border-color:rgba(17,24,39,.9)}.BillingHistoryMetaRow{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.BillingHistoryMetaText{color:#374151;font-size:.9rem}.BillingHistoryPaging{display:flex;align-items:center;gap:8px}.BillingHistoryPagingText{font-size:.85rem;color:#6b7280;min-width:84px;text-align:center}.BillingHistoryLoading,.BillingHistoryEmpty,.BillingHistoryError{margin-top:16px;background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:14px;padding:18px;text-align:center;color:#6b7280;box-shadow:rgba(120,80,180,.08) 0 8px 40px,rgba(0,0,0,.04) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset}.BillingHistoryError{color:#b91c1c}.BillingHistoryList{margin-top:12px;display:flex;flex-direction:column;gap:12px}.BillingHistoryCard{background:rgba(255,255,255,.45);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:16px;padding:14px;box-shadow:rgba(120,80,180,.06) 0 4px 20px,rgba(0,0,0,.03) 0 1px 3px,rgba(255,255,255,.7) 0 1px inset}.BillingHistoryCardTop{display:flex;justify-content:space-between;gap:12px}.BillingHistoryCardTitle{display:flex;align-items:center;gap:10px;font-weight:800;color:#111827}.BillingHistoryCardSub{margin-top:4px;font-size:.85rem;color:#6b7280}.BillingHistoryCardRight{text-align:right;min-width:180px}.BillingHistoryAmountLine{display:flex;justify-content:space-between;gap:10px;color:#111827;font-size:.9rem}.BillingHistoryAmountLine--muted{color:#6b7280;margin-top:4px}.BillingHistoryStatusBadge{font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.07)}.BillingHistoryStatusBadge--success{background:rgba(6,199,85,.06);border-color:rgba(6,199,85,.12);color:#16a34a}.BillingHistoryStatusBadge--warning{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18);color:#92400e}.BillingHistoryStatusBadge--pending{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.18);color:#1d4ed8}.BillingHistoryStatusBadge--danger{background:rgba(225,29,72,.08);border-color:rgba(225,29,72,.18);color:#991b1b}.BillingHistoryStatusBadge--muted{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.22);color:#374151}.BillingHistorySlipSection{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.08)}.BillingHistorySlipHeader{font-size:.85rem;font-weight:800;color:#374151;display:flex;align-items:center;margin-bottom:10px}.BillingHistorySlipGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 768px){.BillingHistorySlipGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.BillingHistorySlipItem{text-align:left;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.55);backdrop-filter:blur(6px);border-radius:12px;padding:10px;cursor:pointer;font-family:inherit}.BillingHistorySlipThumb{width:100%;height:110px;object-fit:cover;border-radius:10px;background:#f3f4f6}.BillingHistorySlipMeta{margin-top:8px}.BillingHistorySlipAmount{font-weight:800;color:#111827;font-size:.9rem}.BillingHistorySlipTime{font-size:.8rem;color:#6b7280;margin-top:2px}.BillingHistoryBottomSpacer{height:18px}.BillingHistoryPreviewBody{height:calc(100% - 56px);background:#0b0f19;display:flex;align-items:center;justify-content:center;padding:12px}.BillingHistoryPreviewImg{max-width:100%;max-height:100%;border-radius:12px;background:#111827}.accept-invitation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;background:var(--ion-background-color, #f8f9fc);position:relative;overflow:hidden;padding:1rem}.accept-invitation-container:before,.accept-invitation-container:after{content:"";position:absolute;border-radius:50%;z-index:0;filter:blur(60px);opacity:.5}.accept-invitation-container:before{width:400px;height:400px;top:-150px;left:-200px;background:rgba(105,133,249,.15)}.accept-invitation-container:after{width:350px;height:350px;bottom:-150px;right:-180px;background:rgba(140,109,243,.15)}.accept-invitation-card{width:100%;max-width:420px;text-align:center;z-index:1;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.08);border:1px solid transparent;--background: var(--ion-card-background, #ffffff)}.accept-invitation-card ion-card-content{padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center}.status-icon{font-size:3rem;color:var(--ion-color-primary);margin-bottom:1rem}.status-icon.error{color:var(--ion-color-danger)}.status-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--ion-text-color)}.status-message{color:var(--ion-color-medium);margin:0 auto 1.5rem;max-width:300px;line-height:1.6}.email-display{background:var(--ion-color-step-150);padding:.5rem 1rem;border-radius:8px;font-weight:500;margin:0 auto 1.5rem;display:inline-block}.expiry-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:.75rem;margin:0 auto 2rem;border-radius:8px;background-color:rgba(var(--ion-color-warning-rgb),.15);color:var(--ion-color-warning-shade);font-size:.85rem}.submit-button{width:100%;--border-radius: 16px;--background: var(--custom-gradient);--box-shadow: 0 6px 15px rgba(105, 133, 249, .35);height:52px;font-size:1rem;font-weight:600;text-transform:none}@media (prefers-color-scheme: dark){.accept-invitation-card{border:1px solid var(--ion-color-step-200)}.expiry-info{color:var(--ion-color-warning)}}.custom-invitation-alert .alert-message{white-space:pre-wrap;font-weight:500}