#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}}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:var(--font-mono);--spacing:.25rem;--tracking-normal:var(--tracking-normal);--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--shadow:var(--shadow)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:rgba(0,0,0,0);border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground);letter-spacing:var(--tracking-normal)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.collapse\!{visibility:collapse!important}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-100{height:calc(var(--spacing) * 100)}.w-100{width:calc(var(--spacing) * 100)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-primary{background-color:var(--primary)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-text{-webkit-user-select:text;user-select:text}}:root{--background:oklch(99.11% 0 0);--foreground:oklch(20.46% 0 0);--card:oklch(99.11% 0 0);--card-foreground:oklch(20.46% 0 0);--popover:oklch(99.11% 0 0);--popover-foreground:oklch(43.86% 0 0);--primary:oklch(68% .13 158);--primary-foreground:oklch(100% 0 0);--primary-hover:oklch(58% .14 158);--primary-soft:oklch(96% .025 158);--primary-soft-foreground:oklch(45% .11 158);--secondary:oklch(94.61% 0 0);--secondary-foreground:oklch(20.46% 0 0);--muted:oklch(94.61% 0 0);--muted-foreground:oklch(55% 0 0);--accent:oklch(94.61% 0 0);--accent-foreground:oklch(24.35% 0 0);--destructive:oklch(55.23% .1927 32.7272);--destructive-foreground:oklch(99.34% .0032 17.2118);--border:oklch(90.37% 0 0);--input:oklch(97.31% 0 0);--ring:oklch(83.48% .1302 160.908);--sidebar:oklch(99.11% 0 0);--sidebar-foreground:oklch(54.52% 0 0);--sidebar-primary:oklch(83.48% .1302 160.908);--sidebar-primary-foreground:oklch(26.26% .0147 166.459);--sidebar-accent:oklch(94.61% 0 0);--sidebar-accent-foreground:oklch(24.35% 0 0);--sidebar-border:oklch(90.37% 0 0);--sidebar-ring:oklch(83.48% .1302 160.908);--chart-1:oklch(83.48% .1302 160.908);--chart-2:oklch(62.31% .188 259.815);--chart-3:oklch(60.56% .2189 292.717);--chart-4:oklch(76.86% .1647 70.0804);--chart-5:oklch(69.59% .1491 162.48);--font-sans:"Kanit", sans-serif;--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:monospace;--radius:.8rem;--shadow-2xs:0px 1px 3px 0px #00000017;--shadow-xs:0px 1px 3px 0px #00000017;--shadow-sm:0px 1px 3px 0px #0000002b, 0px 1px 2px -1px #0000002b;--shadow:0px 1px 3px 0px #0000002b, 0px 1px 2px -1px #0000002b;--shadow-md:0px 1px 3px 0px #0000002b, 0px 2px 4px -1px #0000002b;--shadow-lg:0px 1px 3px 0px #0000002b, 0px 4px 6px -1px #0000002b;--shadow-xl:0px 1px 3px 0px #0000002b, 0px 8px 10px -1px #0000002b;--shadow-2xl:0px 1px 3px 0px #0000006e;--tracking-normal:.025em;--ion-font-family:var(--font-sans);--ion-background-color:var(--background);--ion-text-color:var(--foreground);--ion-border-color:var(--border);--ion-color-primary:#2da352;--ion-color-primary-rgb:45, 163, 82;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#279248;--ion-color-primary-tint:#42ac63;--ion-color-secondary:var(--secondary);--ion-color-secondary-contrast:var(--secondary-foreground);--ion-color-danger:var(--destructive);--ion-color-danger-contrast:var(--destructive-foreground);--ion-color-light:var(--background);--ion-color-dark:var(--foreground);--ion-grid-padding:1rem;--ion-grid-column-padding:.5rem}.dark{--background:oklch(18.22% 0 0);--foreground:oklch(92.88% .0126 255.508);--card:oklch(20.46% 0 0);--card-foreground:oklch(92.88% .0126 255.508);--popover:oklch(26.03% 0 0);--popover-foreground:oklch(73.48% 0 0);--primary:oklch(64.83% .1296 158.228);--primary-foreground:oklch(92.13% .0135 167.156);--secondary:oklch(26.03% 0 0);--secondary-foreground:oklch(98.51% 0 0);--muted:oklch(23.93% 0 0);--muted-foreground:oklch(71.22% 0 0);--accent:oklch(31.32% 0 0);--accent-foreground:oklch(98.51% 0 0);--destructive:oklch(31.23% .0852 29.7877);--destructive-foreground:oklch(93.68% .0045 34.3092);--border:oklch(28.09% 0 0);--input:oklch(26.03% 0 0);--ring:oklch(80.03% .1821 151.711);--sidebar:oklch(18.22% 0 0);--sidebar-foreground:oklch(63.01% 0 0);--sidebar-primary:oklch(43.65% .1044 156.756);--sidebar-primary-foreground:oklch(92.13% .0135 167.156);--sidebar-accent:oklch(31.32% 0 0);--sidebar-accent-foreground:oklch(98.51% 0 0);--sidebar-border:oklch(28.09% 0 0);--sidebar-ring:oklch(80.03% .1821 151.711);--chart-1:oklch(80.03% .1821 151.711);--chart-2:oklch(71.37% .1434 254.624);--chart-3:oklch(70.9% .1592 293.541);--chart-4:oklch(83.69% .1644 84.4286);--chart-5:oklch(78.45% .1325 181.912)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}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 var(--border)}.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{--background: var(--primary) !important;--color: var(--primary-foreground) !important;--box-shadow: none !important;color:var(--primary-foreground)!important;background:var(--primary)!important;box-shadow:none!important}.text-color-primary{color:var(--primary)!important}ion-input{--padding-top: 10px !important;--padding-bottom: 10px !important;--padding-start: 14px !important;--padding-end: 14px !important}ion-textarea{--padding-top: 10px !important;--padding-bottom: 10px !important;--padding-start: 14px !important;--padding-end: 14px !important}.input-focus:focus-within{background:rgba(255,255,255,.75)!important;border-color:color-mix(in srgb,var(--primary) 35%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent),0 2px 8px rgba(0,0,0,.06)!important}.button-hover:hover{background:var(--primary-hover)!important;transform:translateY(-2px)!important;box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 28%,transparent),0 4px 12px color-mix(in srgb,var(--primary) 15%,transparent)!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(0,0,0,.1),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:var(--foreground)!important}ion-alert .alert-sub-title{font-size:12px!important;color:var(--muted-foreground)!important;margin-top:2px!important}ion-alert .alert-message{font-size:13.5px!important;color:var(--muted-foreground)!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:var(--muted-foreground)!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:var(--primary)!important;box-shadow:none!important}ion-alert .alert-button:not(.alert-button-role-cancel):hover{background:var(--primary-hover)!important}ion-alert .alert-button.alert-button-role-destructive{background:var(--destructive, #dc2626)!important;color:#fff!important}ion-alert .alert-button.alert-button-role-destructive:hover{background:#b91c1c!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-os ion-content{--background: var(--background)}.os-wrapper{min-height:100dvh;position:relative}.os-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.os-blob-1{position:absolute;top:-15%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent) 0%,transparent 65%);filter:blur(80px)}.os-blob-2{position:absolute;bottom:-10%;left:-5%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 8%,transparent) 0%,transparent 65%);filter:blur(70px)}.os-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;max-width:860px;margin:0 auto;width:100%}.os-brand{display:flex;align-items:center;gap:10px}.os-brand img{width:44px;height:44px;object-fit:contain}.os-brand span{font-size:20px;font-weight:700;color:#000;letter-spacing:.04em}.os-header-right{display:flex;align-items:center;gap:10px}.os-user-avatar{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--primary);overflow:hidden}.os-user-avatar img{width:100%;height:100%;object-fit:cover}.os-btn-logout{width:36px;height:36px;border-radius:10px;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);transition:all .15s;padding:0}.os-btn-logout ion-icon{font-size:17px}.os-btn-logout:hover{background:var(--destructive);border-color:var(--destructive);color:#fff}.os-main{position:relative;z-index:1;max-width:860px;width:100%;margin:0 auto;padding:0 48px 60px}.os-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px}.os-centered h3{font-size:18px;font-weight:700;color:var(--foreground);margin:0 0 6px}.os-centered p{font-size:14px;color:var(--muted-foreground);margin:0}.os-error-icon{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--destructive) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.os-error-icon ion-icon{font-size:28px;color:var(--destructive)}.os-title{padding:32px 0 40px}.os-title h1{font-size:32px;font-weight:800;color:var(--foreground);margin:0 0 12px;line-height:1.2;letter-spacing:-.02em}.os-title p{font-size:15px;color:var(--muted-foreground);margin:0;line-height:1.7}.os-list{display:flex;flex-direction:column;gap:16px}.os-list-grid{display:grid;grid-template-columns:repeat(2,1fr)}.os-list-grid .os-card-create{grid-column:1 / -1}.os-empty-org{display:grid;place-items:center;gap:8px;padding:28px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,#ffffff);color:var(--muted-foreground);text-align:center}.os-empty-org ion-icon{width:42px;height:42px;padding:10px;border-radius:12px;background:#fff;color:var(--primary);border:1px solid var(--border)}.os-empty-org strong{color:var(--foreground);font-size:16px}.os-empty-org span{font-size:13px}.os-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 28px;text-align:start;cursor:pointer;transition:all .2s ease;animation:osCardIn .4s ease both;width:100%}.os-card:hover:not(.os-card-expired){box-shadow:0 4px 24px rgba(0,0,0,.06)}.os-card-accent{position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}.os-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.os-status-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.os-status-label.active{color:var(--primary)}.os-status-label.expired{color:var(--muted-foreground)}.os-expiry-badge{font-size:11.5px;font-weight:500;padding:4px 12px;border-radius:8px;border:1px solid var(--border);background:var(--background)}.os-expiry-badge.exp-active{color:#16a34a;border-color:#dcfce7;background:#f0fdf4}.os-expiry-badge.exp-warning{color:#d97706;border-color:#fef3c7;background:#fffbeb}.os-expiry-badge.exp-expired{color:#dc2626;border-color:#fee2e2;background:#fef2f2}.os-card-name{font-size:20px;font-weight:700;color:var(--foreground);margin:0 0 6px;line-height:1.3}.os-card-expired .os-card-name{color:var(--muted-foreground)}.os-card-role{font-size:13px;color:var(--muted-foreground);margin:0 0 16px}.os-card-action{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary)}.os-card-action ion-icon{font-size:15px;transition:transform .2s}.os-card:hover .os-card-action ion-icon{transform:translate(3px)}.os-card-locked{position:absolute;top:24px;right:28px;width:40px;height:40px;border-radius:10px;background:var(--background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.os-card-locked ion-icon{font-size:18px;color:var(--muted-foreground)}.os-card-expired{opacity:.65;cursor:default}.os-plan-free .os-card-accent{background:var(--primary)}.os-plan-free .os-status-label.active,.os-plan-free .os-card-action{color:var(--primary)}.os-plan-starter .os-card-accent{background:#0ea5e9}.os-plan-starter .os-status-label.active,.os-plan-starter .os-card-action{color:#0ea5e9}.os-plan-pro .os-card-accent{background:#8b5cf6}.os-plan-pro .os-status-label.active,.os-plan-pro .os-card-action{color:#8b5cf6}.os-plan-business .os-card-accent{background:#f59e0b}.os-plan-business .os-status-label.active,.os-plan-business .os-card-action{color:#f59e0b}.os-plan-premium .os-card-accent{background:var(--primary)}.os-plan-premium .os-status-label.active,.os-plan-premium .os-card-action{color:var(--primary)}.os-plan-enterprise .os-card-accent{background:#1e293b}.os-plan-enterprise .os-status-label.active,.os-plan-enterprise .os-card-action{color:#1e293b}.os-card-create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 28px;border:2px dashed var(--border);border-radius:16px;background:transparent;cursor:pointer;transition:all .2s;width:100%;animation:osCardIn .4s ease .3s both}.os-card-create:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb,var(--primary) 3%,transparent)}.os-card-create-disabled{opacity:.55;cursor:not-allowed;border-color:var(--border)}.os-card-create-disabled .os-create-icon{background:var(--background);border-color:var(--border)}.os-card-create-disabled .os-create-icon ion-icon{color:var(--muted-foreground)}.os-card-create-disabled .os-create-text strong{color:var(--muted-foreground)}.os-card-create-disabled .os-create-text span{color:var(--destructive);font-weight:500}.os-create-icon{width:44px;height:44px;border-radius:12px;background:var(--background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.os-create-icon ion-icon{font-size:20px;color:var(--muted-foreground)}.os-card-create:hover .os-create-icon{background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.os-card-create:hover .os-create-icon ion-icon{color:var(--primary)}.os-create-text{text-align:center}.os-create-text strong{display:block;font-size:14px;font-weight:700;color:var(--foreground);margin-bottom:2px}.os-create-text span{font-size:12.5px;color:var(--muted-foreground)}.os-create-modal{--width: 440px;--max-width: 92vw;--height: auto;--border-radius: 20px;--box-shadow: 0 8px 40px rgba(0, 0, 0, .12)}.os-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 36px 36px}.os-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);padding:0;transition:all .15s}.os-modal-close:hover{background:var(--background);color:var(--foreground)}.os-modal-close ion-icon{font-size:18px}.os-modal-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.os-modal-icon ion-icon{font-size:28px;color:var(--primary)}.os-modal-content h2{font-size:22px;font-weight:700;color:var(--foreground);margin:0 0 6px}.os-modal-content p{font-size:14px;color:var(--muted-foreground);margin:0 0 28px}.os-modal-content form{width:100%}.os-modal-field{text-align:start;margin-bottom:20px}.os-modal-field label{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:6px}.os-modal-input{--highlight-color-focused: none;width:100%;padding:0 14px!important;font-size:14px;font-weight:400;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s;box-sizing:border-box;height:0}.os-modal-input:focus-within{border-color:var(--primary)}.os-modal-submit{--background: var(--primary);--background-hover: var(--primary-hover);--border-radius: 10px;--padding-top: 14px;--padding-bottom: 14px;font-weight:600;text-transform:none;letter-spacing:0}@keyframes osCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.os-header{padding:16px 20px}.os-main{padding:0 20px 40px}.os-list-grid{grid-template-columns:1fr}.os-title h1{font-size:24px}.os-title p br{display:none}.os-card{padding:20px}.os-card-name{font-size:17px}.os-card-locked{top:20px;right:20px}}.page-login{min-height:100dvh;background:var(--background)}.login-wrapper{display:flex;flex-direction:column;min-height:100dvh;position:relative}.login-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 48px}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 48px 40px;position:relative;z-index:1}.login-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-top:1px solid var(--border)}.login-footer span{font-size:12.5px;color:var(--muted-foreground)}.login-layout{display:flex;align-items:flex-start;gap:48px;width:100%;max-width:1100px;animation:fadeIn .5s ease both}.form-card{flex:1;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;background:var(--card);border-radius:20px;padding:48px 44px;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid var(--border);animation:cardIn .5s ease .1s both}.form-title{font-size:24px;font-weight:700;color:var(--foreground);margin:0 0 6px;line-height:1.3;text-align:center}.form-subtitle{font-size:13.5px;color:var(--muted-foreground);margin:0 0 32px;line-height:1.6;text-align:center}.field{margin-bottom:20px}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.field-header .label{margin-bottom:0}.forgot-link{font-size:12.5px;font-weight:500;color:var(--primary);cursor:pointer;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-input{--highlight-color-focused: none;width:100%;padding:0 14px!important;font-size:14px;font-weight:400;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s;box-sizing:border-box;height:0}.login-input:focus-within{border-color:var(--primary)}.divider{display:flex;align-items:center;gap:16px;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{color:var(--muted-foreground);font-size:12px;white-space:nowrap}.btn-line{width:100%;height:0;padding:22px 0;border-radius:10px;background:#06c755!important;color:#fff!important;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-bottom:0!important}.btn-line:hover{background:#05b34b!important}.signup-text{text-align:center;margin-top:24px;font-size:13px;color:var(--muted-foreground)}.signup-text a{color:var(--primary);font-weight:600;cursor:pointer;text-decoration:none}.signup-text a:hover{text-decoration:underline}@media (max-width: 768px){.hero-side{display:none}.mobile-brand{display:flex}.login-layout{justify-content:center}.form-card{width:100%;max-width:400px;padding:32px 24px}.login-header{padding:16px 20px}.header-nav{display:none}.login-main{padding:16px 20px 32px}.login-footer{flex-direction:column;gap:12px;text-align:center;padding:16px 20px}.footer-links{gap:16px;flex-wrap:wrap;justify-content:center}}.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;background:var(--background)}.register-wrapper{display:flex;flex-direction:column;min-height:100dvh;position:relative}.content-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blob-1{position:absolute;top:-10%;left:5%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent) 0%,transparent 65%);filter:blur(80px);animation:orbFloat 12s ease-in-out infinite}.blob-2{position:absolute;bottom:-5%;right:0%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-hover) 14%,transparent) 0%,transparent 65%);filter:blur(80px);animation:orbFloat 15s ease-in-out 3s infinite reverse}.blob-3{position:absolute;top:40%;left:40%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary-hover) 6%,transparent) 0%,transparent 65%);filter:blur(70px);animation:orbFloat 18s ease-in-out 6s infinite}.register-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 48px}.header-brand{display:flex;align-items:center;gap:10px}.header-brand img{width:52px;height:52px;object-fit:contain}.header-brand span{font-size:22px;font-weight:700;color:#000;letter-spacing:.04em;line-height:1}.header-nav{display:flex;gap:28px}.header-nav a{font-size:13.5px;font-weight:500;color:var(--muted-foreground);cursor:pointer;text-decoration:none}.header-nav a:hover{color:var(--primary-hover)}.register-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 48px 40px;position:relative;z-index:1}.register-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;border-top:1px solid var(--border)}.register-footer span{font-size:12.5px;color:var(--muted-foreground)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12.5px;color:var(--muted-foreground);cursor:pointer;text-decoration:none}.footer-links a:hover{color:var(--primary-hover);text-decoration:underline}.register-layout{display:flex;align-items:flex-start;gap:48px;width:100%;max-width:1100px;animation:fadeIn .5s ease both}.hero-side{flex:1;display:flex;flex-direction:column}.hero-image-box{flex:1;min-height:300px;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.08);margin-bottom:24px}.hero-image-box img{width:100%;height:100%;object-fit:cover;display:block}.hero-title{font-size:26px;font-weight:800;color:var(--foreground);line-height:1.4;margin:0 0 14px}.hero-title em{font-style:normal;color:var(--primary)}.hero-desc{font-size:14px;color:var(--muted-foreground);line-height:1.85;margin:0}.form-card{flex:1;background:var(--card);border-radius:20px;padding:48px 44px;box-shadow:0 4px 24px rgba(0,0,0,.06);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;animation:cardIn .5s ease .1s both}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:24px}.mobile-brand img{width:48px;height:48px;object-fit:contain}.mobile-brand-name{font-size:20px;font-weight:800;color:var(--foreground);letter-spacing:.06em}.form-title{font-size:24px;font-weight:700;color:var(--foreground);margin:0 0 6px;text-align:center}.form-subtitle{font-size:13.5px;color:var(--muted-foreground);margin:0 0 32px;text-align:center}.field{margin-bottom:18px}.field-row{display:flex;gap:16px}.field-row .field{flex:1;min-width:0}.label{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:6px}.reg-input{--highlight-color-focused: none;width:100%;padding:0 14px!important;font-size:14px;font-weight:400;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s;box-sizing:border-box;height:0}.reg-input:focus-within{border-color:var(--primary)}.reg-input.input-error{border-color:var(--destructive)}.field-error{font-size:12px;color:var(--destructive);margin-top:4px;padding-left:2px}.btn-submit{width:100%;height:0;padding:22px 0;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:14.5px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 20%,transparent);display:flex;align-items:center;justify-content:center;margin-top:8px!important}.btn-submit:hover:not([disabled]){background:var(--primary-hover);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 28%,transparent)}.login-text{text-align:center;margin-top:24px;font-size:13px;color:var(--muted-foreground)}.login-text a{color:var(--primary);font-weight:600;cursor:pointer;text-decoration:none}.login-text a:hover{text-decoration:underline}.verify-modal{--width: 420px;--max-width: 90vw;--height: auto;--border-radius: 20px;--box-shadow: 0 8px 40px rgba(0, 0, 0, .12)}.verify-card{margin:0;box-shadow:none;border-radius:0}.verify-card-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 32px 16px}.verify-icon{width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.verify-icon ion-icon{font-size:32px;color:var(--primary)}.verify-icon-warning{background:color-mix(in srgb,#f59e0b 12%,transparent)}.verify-icon-warning ion-icon{color:#f59e0b}.verify-title{font-size:22px;font-weight:700}.verify-card-body{text-align:center;padding:0 32px 36px}.verify-card-body p{font-size:14px;line-height:1.7;margin:0 0 4px}.verify-email{font-weight:600;color:var(--foreground);margin-bottom:8px!important}.verify-hint{margin-bottom:24px!important}.verify-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn-open-email{--background: var(--primary);--background-hover: var(--primary-hover);--border-radius: 10px;--padding-top: 14px;--padding-bottom: 14px;font-weight:600;text-transform:none;letter-spacing:0}.btn-open-email ion-icon{margin-right:8px}.btn-resend{--color: var(--primary);--border-radius: 10px;--padding-top: 10px;--padding-bottom: 10px;font-weight:500;font-size:13px;text-transform:none;letter-spacing:0}.btn-resend[disabled]{--color: var(--muted-foreground);opacity:.7}.btn-goto-login{--border-radius: 10px;--border-color: var(--border);--color: var(--muted-foreground);--padding-top: 12px;--padding-bottom: 12px;font-weight:500;text-transform:none;letter-spacing:0}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.03)}66%{transform:translate(-12px,10px) scale(.97)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.hero-side{display:none}.mobile-brand{display:flex}.register-layout{justify-content:center}.form-card{width:100%;max-width:440px;padding:32px 24px}.field-row{flex-direction:column;gap:0}.register-header{padding:16px 20px}.header-nav{display:none}.register-main{padding:16px 20px 32px}.register-footer{flex-direction:column;gap:12px;text-align:center;padding:16px 20px}.footer-links{gap:16px;flex-wrap:wrap;justify-content:center}}.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-width: 68px;--side-min-width: 68px;--side-max-width: 68px}.main-menu{--width: 68px;--max-width: 68px;--background: var(--card)}.main-menu .header{padding:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none;background:var(--card);border-bottom:1px solid var(--border)}.main-menu .header .avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;object-fit:contain}.main-menu .header .nav-label{display:none}.main-menu .content-menu{--background: var(--card)}.main-menu .content-menu::part(scroll)::-webkit-scrollbar{width:0}.main-menu .bg-content{height:100%;min-height:max-content;background:var(--card)}.main-menu .nav{flex:1;overflow:hidden auto;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.main-menu .nav .nav-label,.main-menu .nav .nav-section-label{display:none}.main-menu .nav-item{width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:12px;cursor:pointer;font-family:inherit;background:transparent;color:var(--muted-foreground);transition:all .15s;position:relative;margin-bottom:0;gap:0}.main-menu .nav-item:hover{background:var(--background);color:var(--foreground)}.main-menu .nav-item.active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.main-menu .nav-item .border-active{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--primary)}.main-menu .nav-item-wrap{position:relative}.main-menu .nav-item .nav-icon{font-size:22px;flex-shrink:0}.main-menu .nav-item ion-label{display:none}.main-menu .nav-section-gap{height:1px;width:32px;background:var(--border);margin:8px 0;flex-shrink:0}.main-menu .footer{box-shadow:none;border-top:1px solid var(--border);background:var(--card);padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.main-menu .footer .avatar-container{width:38px;height:38px;border-radius:12px;flex-shrink:0;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.main-menu .footer .avatar-container .avatar{--border-radius: 12px;display:contents}.main-menu .footer .avatar-container .avatar img{width:100%;height:100%;object-fit:cover}.main-menu .footer .profile-status{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--card)}.main-menu .footer .footer-avatar-wrap{display:flex;justify-content:center}.main-menu .footer .footer-avatar-wrap .avatar-container{cursor:pointer;transition:transform .15s}.main-menu .footer .footer-avatar-wrap .avatar-container:hover{transform:scale(1.08)}.user-menu-popover{--width: 280px;--backdrop-opacity: 0}.user-menu-popover::part(content){border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.12);border:1px solid var(--border)}.um-content{padding:16px}.um-user-info{display:flex;align-items:center;gap:12px;padding:4px 0 12px}.um-avatar{width:40px;height:40px;position:relative;flex-shrink:0}.um-avatar ion-avatar{width:40px;height:40px}.um-status-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff}.um-user-detail{flex:1;min-width:0}.um-user-name{font-size:14px;font-weight:700;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-user-role{font-size:12px;color:var(--muted-foreground)}.um-divider{height:1px;background:var(--border);margin:8px 0}.um-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;border:none;border-radius:10px;cursor:pointer;background:transparent;font-family:inherit;color:var(--foreground);transition:background .12s}.um-menu-item:hover{background:var(--background)}.um-item-left{display:flex;align-items:center;gap:10px}.um-item-left ion-icon{font-size:20px;color:var(--muted-foreground)}.um-item-label{font-size:14px;font-weight:500}.um-item-sub{font-size:11.5px;color:var(--muted-foreground);margin-top:1px}.um-chevron{font-size:16px;color:var(--muted-foreground)}.um-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.um-status-indicator.online{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}.um-status-indicator.offline{background:#9ca3af}.um-toggle{width:40px;height:22px;border-radius:11px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0}.um-toggle-on{background:var(--primary)}.um-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.um-toggle-on .um-toggle-thumb{left:20px}.um-logout{color:var(--destructive)}.um-logout .um-item-left ion-icon{color:var(--destructive)}@keyframes pulse{0%,to{box-shadow:0 0 rgba(34,197,94,.7)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}.footer .profile-status.online,.popover-set-status-profile .menu-status-dot.online{background-color:#22c55e;animation:pulse 2s infinite}.footer .profile-status.away,.popover-set-status-profile .menu-status-dot.away{background-color:#f59e0b}.footer .profile-status.offline,.popover-set-status-profile .menu-status-dot.offline{background-color:#9ca3af}.popover-set-status-profile .menu-status-dot{width:8px;height:8px;border-radius:50%}.main-menu.menu-expanded{--width: 220px;--max-width: 220px}.main-menu.menu-expanded .header{flex-direction:row;gap:10px;padding:16px 18px}.main-menu.menu-expanded .header-brand{display:block}.main-menu.menu-expanded .nav{align-items:stretch;padding:12px}.main-menu.menu-expanded .nav .nav-label,.main-menu.menu-expanded .nav .nav-section-label{display:block}.main-menu.menu-expanded .nav-item{width:100%;height:auto;justify-content:flex-start;gap:11px;padding:10px 12px}.main-menu.menu-expanded .nav-item ion-label{display:block}.main-menu.menu-expanded .footer{align-items:stretch;padding:10px 12px}.main-menu.menu-expanded .sidebar-toggle{justify-content:flex-start;gap:10px;width:100%;padding:8px 12px}.main-menu.menu-expanded .sidebar-toggle-label{display:inline}.main-menu.menu-expanded .footer-user-row{padding:8px 6px}.main-menu.menu-expanded .footer-user-info{display:flex}.main-menu .header-logo{width:32px;height:32px;object-fit:contain}.main-menu .header-brand{display:none;font-size:16px;font-weight:700;color:var(--foreground);letter-spacing:.03em}.main-menu .sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:10px;background:transparent;color:var(--muted-foreground);cursor:pointer;font-family:inherit;font-size:13px;transition:all .15s}.main-menu .sidebar-toggle:hover{background:var(--background);color:var(--foreground)}.main-menu .sidebar-toggle ion-icon{font-size:18px}.main-menu .sidebar-toggle-label{display:none}.main-menu .footer-user-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px;border-radius:10px;transition:background .12s}.main-menu .footer-user-row:hover{background:var(--background)}.main-menu .footer-user-info{display:none;flex-direction:column;min-width:0}.main-menu .footer-user-name{font-size:13px;font-weight:600;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-menu .footer-user-role{font-size:11px;color:var(--muted-foreground)}.main-menu .avatar-initial{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:15px;font-weight:700}.um-dropdown-portal{position:fixed;bottom:60px;left:72px;z-index:99999}.um-dropdown-inner{width:280px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:16px}.um-avatar-initial,.um-dropdown-inner .um-avatar-initial{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:16px;font-weight:700}@media (max-width: 991px){.main-menu{--width: 260px;--max-width: 260px}.main-menu .header{flex-direction:row;padding:16px 20px;gap:10px}.main-menu .header .nav-label{display:block}.main-menu .nav{padding:12px;align-items:stretch}.main-menu .nav .nav-label{display:block}.main-menu .nav-item{width:100%;height:auto;justify-content:flex-start;gap:11px;padding:10px 12px;font-size:13.5px}.main-menu .nav-item ion-label{display:block}.main-menu .nav .nav-section-label{display:block}.main-menu .nav-item .border-active{left:0}.main-menu .footer{padding:12px}.main-menu .footer .footer-avatar-wrap{justify-content:flex-start;padding-left:4px}}.chat-box .chat-box-header{box-shadow:var(--shadow-xs);border-bottom:none;background:var(--card);flex-shrink:0;position:relative;z-index:2;@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: 50%;width:40px;height:40px;background:var(--primary-soft);border:1.5px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14.4px;font-weight:700;color:var(--primary-soft-foreground)}.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:var(--foreground);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:4px;margin-top:2px}.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:color-mix(in srgb,var(--primary) 8%,transparent)}.chat-box .chat-box-header .section-info .info .label-channel-name{font-size:11.5px;color:var(--muted-foreground);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:var(--border)}.chat-box .chat-box-header .section-info .info .label-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--primary);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:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.chat-box .chat-box-header .section-info .info .label-quota.warning{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 8%,transparent)}.chat-box .chat-box-header .section-info .info .label-quota.danger{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 8%,transparent)}.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:var(--foreground);background:color-mix(in srgb,var(--foreground) 10%,transparent)}.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:var(--muted-foreground);background:color-mix(in srgb,var(--foreground) 4%,transparent);max-width:120px;overflow:hidden;text-overflow:ellipsis}.chat-box .chat-box-header .section-info .info .label-assignee.mine{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.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:var(--muted-foreground);background:color-mix(in srgb,var(--muted-foreground) 8%,transparent)}.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:var(--muted-foreground);background:color-mix(in srgb,var(--muted-foreground) 8%,transparent)}.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:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);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 var(--border);background:var(--card);color:var(--muted-foreground)}.chat-box .chat-box-header .section-info .btn-pin:hover{background:var(--secondary)}.chat-box .chat-box-header .section-info .btn-pin.pin{border:1.5px solid color-mix(in srgb,var(--primary) 30%,transparent);background:var(--primary-soft)}.chat-box .chat-box-header .section-info .btn-info{border:1px solid var(--border);background:var(--card)}.chat-box .chat-box-header .section-info .btn-info:hover{background:var(--secondary)}.chat-box .chat-box-header .section-info .btn-info .icon{font-size:28px;color:var(--muted-foreground)}.chat-box .chat-box-header .section-info .btn-back{border:1px solid var(--border);background:var(--card)}.chat-box .chat-box-header .section-info .btn-back:hover{background:var(--secondary)}.chat-box .chat-box-header .section-info .btn-back .icon{font-size:28px;color:var(--muted-foreground)}.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:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;transition:.15s}.chat-box .chat-box-header .section-transfer .btn-receive{--color: var(--primary-foreground);--background: var(--primary);border:none}.chat-box .chat-box-header .section-transfer .btn-receive:hover{--background: var(--primary-hover)}.chat-box .chat-box-header .section-transfer .btn-transfer{--color: var(--muted-foreground);border:1px solid var(--border);background:var(--card)}.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:var(--card);border:1px solid var(--border);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:var(--muted-foreground)}.chat-box .chat-box-header .section-transfer .team-container .label-sub-title{font-size:11px;color:var(--muted-foreground);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:0 0 auto;margin:0;padding:4px 10px;border-radius:6px;font-size:11px;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:var(--primary-foreground);border:none;background:var(--primary)}.chat-box .chat-box-header .section-info .info .actions .action-pill.green:hover{background:var(--primary-hover)}.chat-box .chat-box-header .section-info .info .actions .action-pill.blue{color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);background:var(--primary-soft)}.chat-box .chat-box-header .section-info .info .actions .action-pill.gray{color:var(--muted-foreground);border:1px solid var(--border);background:var(--card)}.chat-box .chat-box-header .section-info .info .actions .action-pill.red{color:var(--destructive-foreground);border:none;background:var(--destructive)}.chat-box .chat-box-header .section-info .info .actions .action-pill.purple{color:var(--primary-foreground);border:none;background:var(--primary)}.chat-box .chat-box-header .section-info .info .actions .action-pill.orange{color:var(--foreground);border:1px solid var(--border);background:color-mix(in srgb,var(--foreground) 4%,transparent)}.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: 50%;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:var(--secondary)}.modal-customer-info .modal-customer-panel{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--card);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:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--muted-foreground);box-shadow:var(--shadow-xs);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:color-mix(in srgb,var(--foreground) 15%,transparent)}.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 var(--border)}}.popover-transfer-chat::part(content){border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.popover-transfer-chat{--width: 90vw;--min-width: 320px;--max-width: 360px}.popover-transfer-chat .transfer-header-container{padding:16px 16px 12px;border-bottom:1px solid var(--border)}.popover-transfer-chat .transfer-header-container .label-header{font-size:15px;font-weight:700;color:var(--foreground);margin-bottom:12px}.popover-transfer-chat .input-search{--background: var(--secondary);--box-shadow: none;--highlight-color-focused: none;min-height:0!important;padding:0;border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--foreground);font-family:inherit;display:flex;align-items:center;gap:8px;transition:border-color .15s}.popover-transfer-chat .input-search:focus-within{border-color:var(--primary)}.popover-transfer-chat .team-list{max-height:320px;overflow-y:auto;padding:8px}.popover-transfer-chat .team-container{display:flex;align-items:center;border-radius:12px;background:var(--card);border:1px solid var(--border);transition:.12s;overflow:hidden;margin-bottom:6px}.popover-transfer-chat .team-container:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.popover-transfer-chat .team-detail,.popover-transfer-chat .member-detail{display:flex;align-items:center;gap:10px;flex:1 1 0%;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-family:inherit}.popover-transfer-chat .team-detail .icon,.popover-transfer-chat .member-detail .icon{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:var(--primary-soft-foreground)}.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:var(--secondary);border-radius:0 0 12px 12px;padding:6px 8px 8px 0;border-top:1px solid var(--border)}.popover-transfer-chat .member-container{display:flex;align-items:stretch;margin-left:12px}.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:var(--border)}.popover-transfer-chat .member-container .divider-container .divider-h{position:absolute;left:8px;top:50%;width:10px;height:1.5px;background:var(--border)}.popover-transfer-chat .no-team{font-size:13px;line-height:1.7;color:var(--muted-foreground);margin:0;padding:12px 8px 16px;font-style:italic}.popover-transfer-chat .label-title{font-size:13px;font-weight:600;color:var(--foreground)}.popover-transfer-chat .label-sub-title{font-size:11px;color:var(--muted-foreground);margin-top:1px}.popover-transfer-chat .btn-transfer{padding:5px 12px;margin:0 8px 0 0;border-radius:8px;border:none;background:var(--primary);color:var(--primary-foreground);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;transition:background .15s;flex-shrink:0;white-space:nowrap}.popover-transfer-chat .btn-transfer:hover{background:var(--primary-hover)}.popover-transfer-chat .btn-member-transfer{padding:5px 12px;margin:auto;border-radius:8px;border:none;background:var(--primary);color:var(--primary-foreground);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:3px;transition:background .15s;flex-shrink:0;white-space:nowrap}.popover-transfer-chat .btn-member-transfer:hover{background:var(--primary-hover)}.chat-info .section-info-profile{position:relative;flex-shrink:0;overflow:hidden;padding:16px 16px 14px;border-bottom:1px solid var(--border);background:var(--card)}.chat-info .section-info-profile .info-profile-container{display:none}.chat-info .section-info-profile .info-profile{display:flex;flex-direction:column;align-items:center;gap:4px}.chat-info .section-info-profile .info-profile .avatar-container{border-radius:50%;overflow:hidden;border:2px solid var(--border);margin-bottom:4px}.chat-info .section-info-profile .info-profile .avatar-container .avatar{--border-radius: 50%;width:56px;height:56px}.chat-info .section-info-profile .info-profile .label-chat-name{font-size:15px;font-weight:700;color:var(--foreground);text-align:center}.chat-info .section-info-profile .info-profile .label-chat-customer{font-size:11px;color:var(--muted-foreground)}.chat-info .section-info-profile .info-profile .chat-social{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;background:var(--primary-soft);margin-top:2px}.chat-info .section-info-profile .info-profile .social-icon{display:flex;align-items:center}.chat-info .section-info-profile .info-profile .social-name{font-size:10px;font-weight:600;color:var(--primary-soft-foreground)}.chat-info .section-info-detail{padding:0;overflow-y:auto;flex:1}.chat-info .info-detail-contact .header-content,.chat-info .info-detail-tags .header-content,.chat-info .info-detail-note .header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chat-info .info-detail-contact .title-contact,.chat-info .info-detail-tags .title-contact,.chat-info .info-detail-note .title-contact{font-size:13px;font-weight:700;color:var(--foreground)}.chat-info .info-detail-contact{padding:14px 16px;border-bottom:1px solid var(--border)}.chat-info .detail-contact-item{display:grid!important;grid-template-columns:20px 1fr!important;gap:10px!important;padding:8px 0!important;align-items:start!important}.chat-info .ci-icon{font-size:18px;color:var(--muted-foreground);flex-shrink:0;margin-top:3px}.chat-info .ci-copy{font-size:14px;color:var(--muted-foreground);cursor:pointer;opacity:.5;transition:all .15s;flex-shrink:0}.chat-info .ci-copy:hover{opacity:1;color:var(--primary)}.chat-info .icon-container{display:none!important}.chat-info .detail-container{min-width:0!important;border-bottom:1px solid var(--border);padding-bottom:8px}.chat-info .detail-contact-item:last-of-type .detail-container{border-bottom:none;padding-bottom:0}.chat-info .detail-container .label-title{font-size:10px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;line-height:1.2;margin-bottom:2px}.chat-info .detail-container .label-sub-title{font-size:13px;font-weight:500;color:var(--foreground);word-break:break-word}.chat-info .detail-container .detail-sub{display:flex;align-items:center;gap:6px}.chat-info .btn-copy{width:22px;height:22px;border-radius:4px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .15s;padding:0;flex-shrink:0}.chat-info .btn-copy:hover{opacity:1}.chat-info .btn-edit-contact,.chat-info .btn-manage-tag{--color: var(--primary);--padding-start: 0;--padding-end: 0;margin:0;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;min-height:0}.chat-info .btn-edit-submit{--color: var(--primary-foreground);--background: var(--primary);--border-radius: 6px;--padding-start: 12px;--padding-end: 12px;margin:0;font-size:12px;font-weight:600;text-transform:none;min-height:28px}.chat-info .btn-edit-cancel{--color: var(--muted-foreground);--padding-start: 8px;--padding-end: 8px;margin:0;font-size:12px;text-transform:none;min-height:28px}.chat-info .input-contact-edit{--highlight-color-focused: none !important;--highlight-color-valid: none !important;--highlight-color-invalid: none !important;--padding-start: 12px !important;--padding-end: 12px !important;--padding-top: 8px !important;--padding-bottom: 8px !important;--background: var(--secondary) !important;--color: var(--foreground) !important;--border-radius: 10px !important;font-size:13px!important;border:1.5px solid var(--border)!important;border-radius:10px!important;overflow:hidden!important;margin-top:2px;min-height:38px;height:auto;transition:border-color .15s}.chat-info .input-contact-edit:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)!important}.chat-info .divider-v{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0;background:var(--primary)}.chat-info .info-detail-tags{padding:14px 16px;border-bottom:1px solid var(--border)}.chat-info .tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chat-info .tag-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.chat-info .btn-remove-tag{font-size:13px;cursor:pointer;opacity:.5;transition:opacity .15s}.chat-info .btn-remove-tag:hover{opacity:1}.chat-info .label-no-tag{font-size:12px;color:var(--muted-foreground);font-style:italic;margin-top:6px}.chat-info .info-detail-note{padding:14px 16px 20px}.chat-info .contact-note-item{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.chat-info .contact-note-item:last-child{border-bottom:none}.chat-info .contact-note-content{flex:1;min-width:0}.chat-info .contact-note-text{font-size:13px;color:var(--foreground);line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-info .contact-note-meta{font-size:10px;color:var(--muted-foreground);margin-top:3px}.chat-info .contact-note-actions{display:flex;gap:2px;flex-shrink:0}.chat-info .contact-note-actions ion-button{--padding-start: 4px;--padding-end: 4px}.chat-info .contact-note-textarea{--padding-start: 12px;--padding-end: 12px;--padding-top: 8px;font-size:13px;background:var(--secondary);border:1px solid var(--border);border-radius:8px;--highlight-color-focused: transparent;margin:8px 0}.chat-info .contact-note-textarea:focus-within{border-color:var(--primary)}.chat-info .contact-note-btn-save{--background: var(--primary);--color: var(--primary-foreground);--border-radius: 6px;--padding-start: 14px;--padding-end: 14px;margin:0 4px 0 0;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;min-height:28px}.chat-info .contact-note-btn-cancel{--color: var(--muted-foreground);--padding-start: 8px;--padding-end: 8px;margin:0;font-size:12px;text-transform:none;min-height:28px}.chat-info .label-no-note{font-size:12px;color:var(--muted-foreground);font-style:italic;display:flex;align-items:center;gap:6px;margin-top:6px}@media (max-width: 768px){.chat-info .section-info-profile{padding:14px}.chat-info .info-detail-contact,.chat-info .info-detail-tags,.chat-info .info-detail-note{padding:12px 14px}}.popover-chat-tags-manage::part(content){border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.popover-chat-tags-manage{--min-width: 320px}.popover-chat-tags-manage .popover-header{padding:14px 16px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;box-shadow:none;font-size:14px;font-weight:700;color:var(--foreground)}.popover-chat-tags-manage .popover-content{--padding-bottom: 12px;--padding-top: 12px;--padding-start: 14px;--padding-end: 14px}.popover-chat-tags-manage .search-input{--highlight-color-focused: none;--highlight-color-valid: none;--padding-start: 12px;--background: var(--secondary);border:1px solid var(--border);border-radius:10px;min-height:38px!important;font-size:13px;transition:border-color .15s}.popover-chat-tags-manage .search-input:focus-within{border-color:var(--primary)}.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:10px;height:10px;border-radius:50%;flex-shrink:0}.popover-chat-tags-manage .tag-item .tag-name{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--foreground)}.popover-chat-tags-manage .edit-tag,.popover-chat-tags-manage .create-tag{width:100%;display:flex;flex-direction:column;gap:6px}.popover-chat-tags-manage .edit-tag .edit-tag-content,.popover-chat-tags-manage .create-tag .edit-tag-content{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:var(--secondary);border:1px solid var(--border);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 var(--border);border-radius:8px;background:var(--card);font-size:13px;color:var(--foreground);outline:none;min-height:32px!important}.popover-chat-tags-manage .edit-tag .btn-save{width:30px;height:30px;border-radius:8px;border:none;background:var(--primary);color:var(--primary-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.popover-chat-tags-manage .edit-tag .btn-save:hover{background:var(--primary-hover)}.popover-chat-tags-manage .edit-tag .btn-cancel{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.popover-chat-tags-manage .create-tag .input-create{padding:inherit;flex:1 1 0%;border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:13px;color:var(--foreground);outline:none;min-height:32px!important;overflow:auto;align-content:center}.popover-chat-tags-manage .create-tag .btn-create{padding:0 10px;height:30px;border-radius:8px;border:none;background:var(--primary);color:var(--primary-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;transition:background .15s}.popover-chat-tags-manage .create-tag .btn-create:hover{background:var(--primary-hover)}.popover-chat-tags-manage .tag-list-color{display:flex;gap:8px;padding:6px 0;justify-content:center;flex-wrap:wrap}.popover-chat-tags-manage .tag-list-color .tag-color{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.popover-chat-tags-manage .tag-list-color .tag-color:hover{transform:scale(1.15)}.popover-chat-tags-manage .tag-list-color .tag-color.active{border-color:var(--card);box-shadow:0 0 0 2px var(--primary)}.popover-chat-tags-manage .label-no-tag{font-size:13px;color:var(--muted-foreground);padding:8px 0}.chat-box .chat-box-message{flex:1 1 0%;overflow-y:auto;--padding: 20px 24px 10px;--background: var(--secondary);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:var(--muted-foreground);font-weight:600;background:var(--card);padding:5px 16px;border-radius:20px;border:1px solid var(--border)}.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 var(--border);background:var(--card);box-shadow:var(--shadow-md);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--primary);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:6px;padding:6px 14px;border-radius:20px;background:var(--secondary);border:none;max-width:85%;box-shadow:none}.SystemEventBubble__timestamp{font-size:.7rem;color:var(--muted-foreground);white-space:nowrap;opacity:.8;margin-top:10px}.SystemEventBubble__icon{font-size:14px;color:var(--muted-foreground);flex-shrink:0;margin-top:1px;opacity:.6}.SystemEventBubble__text{font-size:.75rem;color:var(--muted-foreground);line-height:1.4;text-align:left;word-break:break-word}.SystemEventBubble__text strong{font-weight:600;color:var(--foreground);white-space:nowrap}.SystemEventBubble__text .team-badge{display:inline;padding:1px 6px;border-radius:10px;background:var(--primary-soft);color:var(--primary-soft-foreground);font-size:inherit;font-weight:600;margin:0 2px;border:none}.SystemEventBubble__text .email-text{color:var(--muted-foreground);font-family:monospace;font-size:.8rem}@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:50%;background:var(--primary-soft);border:1.5px solid color-mix(in srgb,var(--primary) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:10.08px;font-weight:700;color:var(--primary-soft-foreground)}.chat-box .message-bubble .message-container{max-width:62%;padding:10px 14px;border-radius:18px}.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:var(--muted-foreground);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 14px;border-radius:18px 18px 4px;background:var(--primary);color:var(--primary-foreground);border:none;box-shadow:var(--shadow-xs);order:1}.chat-box .message-bubble.sent .message-container a{color:var(--primary-foreground);text-decoration:underline}.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 4px;background:var(--card);color:var(--foreground);border:1px solid var(--border);box-shadow:none}.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:10px 16px 14px;border-top:1px solid var(--border);background:var(--card);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:var(--primary-soft);border:none;border-radius:10px;color:var(--primary-soft-foreground);font-size:.8rem;font-weight:600}.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:var(--card);border-radius:12px;border:1.5px solid var(--border);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 var(--border)}.chat-box .footer-send-chat .attachment-preview-file{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--foreground)}.chat-box .footer-send-chat .attachment-preview-file ion-icon{font-size:22px;color:var(--primary);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:var(--muted-foreground)}.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:var(--muted-foreground);transition:color .15s}.chat-box .footer-send-chat .attachment-preview-remove:hover ion-icon{color:var(--destructive)}.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:none;border-radius:22px;background:var(--secondary);font-size:13.5px;color:var(--foreground);outline:none;font-family:inherit;box-sizing:border-box;transition:box-shadow .2s}.chat-box .footer-send-chat .input-send-message:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.chat-box .footer-send-chat .btn-attach-file,.chat-box .footer-send-chat .btn-emoji{width:38px;height:38px;border-radius:10.64px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:.15s;flex-shrink:0;padding:0;margin:0}.chat-box .footer-send-chat .btn-attach-file:hover,.chat-box .footer-send-chat .btn-emoji:hover{color:var(--primary)}.chat-box .footer-send-chat .btn-send{padding:0;margin:0;width:40px;height:40px;border-radius:50%;border:none;flex-shrink:0;background:var(--primary);color:var(--primary-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all .2s}.chat-box .footer-send-chat .btn-send:hover{background:var(--primary-hover);transform:scale(1.05)}.canned-response-modal{--background: var(--card);--border-radius: 18px 18px 0 0;--box-shadow: var(--shadow-lg)}.canned-response-modal::part(handle){background:color-mix(in srgb,var(--foreground) 12%,transparent);width:36px;height:4px;margin-top:8px}.cr-toolbar{--background: var(--card);--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: var(--card);--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:var(--foreground)}.cr-header-icon{font-size:1.1rem;color:var(--primary)}.cr-btn-close{--padding-start: 0;--padding-end: 0;width:32px;height:32px;margin:0;color:var(--muted-foreground)}.cr-type-tabs{--background: color-mix(in srgb, var(--foreground) 4%, transparent);border-radius:10px;margin-bottom:8px;min-height:32px;overflow-x:auto;-webkit-overflow-scrolling:touch}.cr-type-tabs ion-segment-button{--indicator-color: var(--primary);--color: var(--muted-foreground);--color-checked: var(--primary-foreground);--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: color-mix(in srgb, var(--foreground) 3%, transparent);--box-shadow: none;--color: var(--foreground);--placeholder-color: var(--muted-foreground);--border-radius: 10px;min-height:0!important;padding:0;margin-bottom:4px;border:1.5px solid var(--border);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:color-mix(in srgb,var(--foreground) 2%,transparent);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s}.cr-card:hover,.cr-card:active{background:var(--secondary);border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.cr-thumb{width:50px;height:50px;border-radius:8px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--foreground) 4%,transparent)}.cr-thumb-img img{width:100%;height:100%;object-fit:contain;display:block}.cr-thumb-icon{background:var(--primary-soft)}.cr-thumb-icon ion-icon{font-size:1.3rem;color:var(--primary)}.cr-thumb-text{background:var(--primary-soft)}.cr-thumb-text ion-icon{color:var(--primary)}.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:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cr-card-shortcut{background:var(--primary-soft);color:var(--primary);font-size:.62rem;font-family:monospace;padding:1px 6px;border-radius:4px;border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);flex-shrink:0}.cr-card-preview{font-size:.74rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.4}.cr-card-block-count{color:var(--primary);font-weight:500}.cr-card-type-label{font-size:.7rem;color:var(--muted-foreground);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,.cr-mini-image,.cr-mini-video,.cr-mini-file{background:color-mix(in srgb,var(--primary) 10%,transparent)}.cr-mini-more{font-size:.6rem;color:var(--muted-foreground);font-weight:600;padding-left:2px}.cr-empty{padding:40px 24px;text-align:center;color:var(--muted-foreground);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 14px 2px 4px}.cr-btn-back{--padding-start: 0;--padding-end: 0;width:32px;height:32px;margin:0;color:var(--muted-foreground);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:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-btn-send{--background: var(--primary);--background-hover: var(--primary-hover);--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:var(--muted-foreground);font-weight:500}.cr-preview-blocks{display:flex;flex-direction:column;gap:10px;padding-top:4px;padding-bottom:24px}.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:var(--primary);color:var(--primary-foreground);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:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);border-radius:12px;padding:8px 12px;font-size:.8rem;color:var(--foreground);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: color-mix(in srgb, var(--primary) 4%, transparent);--color: var(--foreground);--placeholder-color: var(--muted-foreground);--padding-start: 14px;--padding-end: 14px;--padding-top: 12px;--padding-bottom: 12px;border:1.5px solid color-mix(in srgb,var(--primary) 12%,transparent);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:var(--primary);--background: var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.cr-preview-bubble-media .cr-preview-img{max-width:240px;max-height:200px;border-radius:14px;object-fit:contain;background:color-mix(in srgb,var(--foreground) 2%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.cr-preview-placeholder{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--secondary);border:1px solid var(--border);border-radius:10px;font-size:.78rem;color:var(--muted-foreground)}.cr-preview-placeholder ion-icon{font-size:1.1rem;color:var(--primary)}.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:0;background:var(--secondary)}.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:64px;height:64px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:none}.no-chat-selected-container .label-title{font-size:15px;font-weight:700;color:var(--foreground);margin-bottom:4px}.no-chat-selected-container .label-sub-title{font-size:12px;color:var(--muted-foreground);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:hover{background:var(--secondary)}.chat-list .section-chat-list .chat-item.active{background:var(--primary-soft);border-left:3px solid var(--primary)}.chat-list .section-chat-list .avatar-container{position:relative;flex-shrink:0}.chat-list .section-chat-list .avatar-container .avatar{--border-radius: 50%;width:42px;height:42px;border-radius:50%;background:var(--secondary);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15.12px;font-weight:700;color:var(--muted-foreground)}.chat-list .section-chat-list .avatar-container .pin{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:5px;background:var(--primary);border:2px solid var(--card);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.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:var(--muted-foreground);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:var(--primary)}.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:color-mix(in srgb,var(--primary) 8%,transparent)}.chat-list .section-chat-list .line-2 .social-name.LINE{color:var(--primary)}.chat-list .section-chat-list .line-2 .social-icon.Facebook{background:color-mix(in srgb,var(--primary) 8%,transparent)}.chat-list .section-chat-list .line-2 .social-name.Facebook{color:var(--primary)}.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:var(--muted-foreground);background:var(--secondary);border:1.5px solid var(--border);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:var(--primary-soft-foreground);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 50%,transparent)}.chat-list .section-chat-list .line-2 .assignee-time{font-size:9.5px;font-weight:600;color:var(--muted-foreground);white-space:nowrap}.chat-list .section-chat-list .line-2 .assignee-indicator.mine .assignee-time{color:var(--primary-soft-foreground)}.chat-list .section-chat-list .line-4 .tag{display:inline-block;font-size:10.5px;font-weight:600;color:var(--muted-foreground);white-space:nowrap;background:var(--secondary);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:var(--foreground);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:var(--primary);color:var(--primary-foreground);border-radius:20px;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:var(--border);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:var(--primary-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.chat-list .section-chat-list .no-chat-title{font-size:13px;color:var(--muted-foreground);font-weight:500}.chat-list .section-chat-list .no-chat-sub-title{font-size:11.5px;color:color-mix(in srgb,var(--muted-foreground) 70%,transparent);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:var(--card);border-bottom:1px solid var(--border)}.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 var(--border);background:var(--card);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 color-mix(in srgb,var(--primary) 25%,transparent);background:var(--primary-soft)}.chat-filter .filter-modal-count{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:2px solid var(--card)}.chat-filter .filter-by-chat ion-segment{--background: var(--border);border-radius:10px;min-height:38px;padding:3px}.chat-filter .filter-by-chat ion-segment-button{--color: var(--muted-foreground);--color-checked: var(--primary-foreground);--padding-start: 12px;--padding-end: 12px;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;min-height:32px;min-width:0}.chat-filter .filter-by-chat .segment-button-checked{--color: #fff !important;--color-checked: #fff !important;font-weight:600!important}.chat-filter .filter-by-chat .segment-button-checked::part(native){color:#fff!important}.chat-filter .filter-by-chat ion-segment-button::part(indicator-background){background:var(--primary)!important;border-radius:8px!important;opacity:1!important}.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:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 19%,transparent);animation:.2s ease 0s 1 normal none running chipIn;flex-shrink:0;white-space:nowrap}.chat-filter .input-search{--background: var(--input);border:1.5px solid var(--border);min-height:0;padding:0;padding-inline-start:0!important;padding-inline-end:0!important;width:100%;border-radius:12px;font-size:13px;color:var(--foreground);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:var(--foreground);letter-spacing:-.03em}.chat-filter .btn-toggle-sidebar{width:36px;height:36px;margin-right:8px;border-radius:8px;border:1px solid var(--border);background:var(--card)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)!important}.chat-filter .btn-clear-filter{margin:0;font-size:10px;font-weight:700;color:var(--primary-foreground);background:var(--primary);border:none;cursor:pointer;font-family:inherit;border-radius:7px;transition:.15s;flex-shrink:0;white-space:nowrap;padding:2px 0}.page-chat{background:var(--secondary)}.page-chat .chat-list-col{height:100vh;display:flex;flex-direction:column}.page-chat .chat-list{background:var(--card);border-right:1px solid var(--border);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:color-mix(in srgb,var(--foreground) 6%,transparent);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 var(--border);background:var(--card);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: 16px;--box-shadow: var(--shadow-xl)}.modal-filter-chat .modal-header{padding:16px 20px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);box-shadow:none}.modal-filter-chat .modal-header .header-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--foreground)}.modal-filter-chat .modal-header .title-icon{width:32px;height:32px;border-radius:8px;background:var(--primary-soft);border:none;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary-soft-foreground)}.modal-filter-chat .modal-body{--padding-bottom: 20px;--padding-top: 16px;--padding-start: 20px;--padding-end: 20px}.modal-filter-chat .modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:end;gap:8px;background:var(--card);box-shadow:none}.modal-filter-chat .container{display:flex;flex-direction:column;gap:18px}.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:6px;padding:7px 14px;border-radius:20px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:all .15s;font-family:inherit;color:var(--muted-foreground);font-size:13px;font-weight:500}.modal-filter-chat .section-chat-status .chip-list .chip-item:hover,.modal-filter-chat .section-tag .chip-list .chip-item:hover,.modal-filter-chat .section-channel .chip-list .chip-item:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--foreground)}.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:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);font-weight:600}.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:0;cursor:pointer;font-family:inherit;width:100%;border-radius:12px;border:1px solid var(--border);background:var(--card);transition:border-color .15s}.modal-filter-chat .section-team .team-item:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.modal-filter-chat .section-team .team-item.active{border:1px solid var(--primary);background:var(--primary-soft)}.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 var(--border);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:var(--primary);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 var(--border);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:var(--muted-foreground);line-height:1.2}.modal-filter-chat .section-team .member-detail .member-sub-title{font-size:10.5px;color:color-mix(in srgb,var(--muted-foreground) 70%,transparent);margin-top:1px}.modal-filter-chat .label-header{font-size:12px;font-weight:700;color:var(--foreground);margin-bottom:8px;display:flex;align-items:center;gap:6px}.modal-filter-chat .label-sub-title{font-size:12px;color:var(--primary);font-weight:600;margin-bottom:8px;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 var(--border);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);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 var(--border);border-radius:8px;color:var(--muted-foreground);font-weight:500;cursor:pointer}.modal-filter-chat .btn-expanded-team{width:32px;height:32px;border-radius:12px;background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.15s;flex-shrink:0;padding:0}.page-channel-management{height:100%}.ch-topbar{display:flex;align-items:center;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.ch-topbar h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0}.ch-topbar p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.page-channel-management .channel-content{--background: #f8f9fa}.ch-page{max-width:860px;margin:0 auto;padding:28px}.page-channel-management .content-centered{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;flex-direction:column;gap:12px;padding:40px}.ch-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--border);border-left:4px solid #06C755;border-radius:16px;padding:24px 28px}.ch-hero-left{display:flex;align-items:center;gap:16px}.ch-hero-icon{width:52px;height:52px;border-radius:14px;background:rgba(6,199,85,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-hero-left h2{font-size:18px;font-weight:700;color:var(--foreground);margin:0 0 4px}.ch-hero-left p{font-size:13px;color:var(--muted-foreground);margin:0}.ch-btn-connect-line,.ch-btn-add-line{display:flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;background:#06c755;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.ch-btn-connect-line:hover,.ch-btn-add-line:hover{background:#05b34b}.ch-btn-connect-line ion-icon,.ch-btn-add-line ion-icon{font-size:18px}.ch-line-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ch-line-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px}.ch-line-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ch-line-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#16a34a;margin-bottom:6px}.ch-dot-green{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}.ch-line-name{font-size:15px;font-weight:700;color:var(--foreground);margin-bottom:2px}.ch-line-id{font-size:12px;color:var(--muted-foreground)}.ch-line-actions{display:flex;gap:2px;flex-shrink:0}.ch-btn-edit{--color: var(--muted-foreground)}.ch-btn-edit:hover{--color: var(--primary)}.ch-btn-del{--color: var(--muted-foreground)}.ch-btn-del:hover{--color: var(--destructive)}.ch-line-empty{margin-top:12px;padding:20px;background:var(--card);border:1px dashed var(--border);border-radius:12px;text-align:center}.ch-line-empty p{font-size:13px;color:var(--muted-foreground);margin:0}.ch-others-section{margin-top:40px}.ch-others-section>h3{font-size:16px;font-weight:700;color:var(--foreground);margin:0 0 4px}.ch-others-section>p{font-size:13px;color:var(--muted-foreground);margin:0 0 20px}.ch-others-grid{display:flex;flex-direction:column;gap:10px}.ch-other-card{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;opacity:.55}.ch-other-icon{width:42px;height:42px;border-radius:10px;background:var(--background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-other-info{flex:1;min-width:0}.ch-other-info strong{display:block;font-size:14px;font-weight:600;color:var(--foreground);margin-bottom:2px}.ch-other-info span{font-size:12px;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ch-coming-badge{font-size:11px;font-weight:600;padding:4px 12px;border-radius:6px;background:var(--background);color:var(--muted-foreground);border:1px solid var(--border);white-space:nowrap;flex-shrink:0}.quota-display{margin-top:12px}.quota-info{font-size:12px;color:var(--foreground)}.quota-unlimited{display:flex;align-items:center;gap:6px;color:#16a34a;font-weight:600}.quota-text{display:flex;align-items:center;gap:5px;margin-bottom:6px;flex-wrap:wrap}.quota-remaining{color:var(--muted-foreground)}.quota-bar-container{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.quota-bar{height:100%;border-radius:3px;transition:width .3s}.quota-bar.safe{background:#16a34a}.quota-bar.caution{background:#eab308}.quota-bar.warning{background:#f97316}.quota-bar.danger{background:#dc2626}.quota-loading{padding:4px 0}.quota-spinner{width:16px;height:16px}.webhook-warning,.webhook-ok{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:10px;padding:10px 14px;border-radius:10px}.webhook-warning{background:#fffbeb;color:#d97706}.webhook-ok{background:#f0fdf4;color:#16a34a}.webhook-warning ion-icon,.webhook-ok ion-icon{font-size:16px;flex-shrink:0}@media (max-width: 768px){.ch-page{padding:20px 16px}.ch-hero{flex-direction:column;align-items:flex-start;padding:20px}.ch-topbar{padding:16px 20px}}.lw-modal{--width: 720px;--max-width: 95vw;--height: 560px;--max-height: 90vh;--border-radius: 16px;--background: #fff;--box-shadow: 0 20px 60px rgba(0, 0, 0, .18)}.lw-layout{display:flex;height:100%}.lw-sidebar{width:200px;background:#f8faf8;border-right:1px solid var(--border);padding:24px 16px;flex-shrink:0;display:flex;flex-direction:column}.lw-sidebar-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--foreground);margin-bottom:28px;padding-left:4px}.lw-steps-list{display:flex;flex-direction:column;gap:4px}.lw-step-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--muted-foreground);transition:all .15s}.lw-step-item.current{background:rgba(6,199,85,.08);color:#06c755;font-weight:600}.lw-step-item.done{color:#06c755}.lw-step-circle{width:24px;height:24px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted-foreground);flex-shrink:0}.lw-step-item.current .lw-step-circle{background:#06c755;color:#fff}.lw-step-item.done .lw-step-circle{background:rgba(6,199,85,.15);color:#06c755;font-size:14px}.lw-main{flex:1;display:flex;flex-direction:column;min-width:0}.lw-main-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.lw-step-counter{font-size:13px;font-weight:600;color:var(--muted-foreground)}.lw-close{width:32px;height:32px;border:1px solid var(--border);background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);font-size:18px;padding:0;transition:all .12s}.lw-close:hover{background:var(--background);color:var(--foreground)}.lw-main-body{flex:1;overflow-y:auto;padding:24px}.lw-step{animation:lwFadeIn .2s ease}@keyframes lwFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lw-step h3{font-size:18px;font-weight:700;color:var(--foreground);margin:0 0 8px}.lw-desc{font-size:14px;color:var(--muted-foreground);line-height:1.7;margin:0 0 20px}.lw-desc strong{color:var(--foreground)}.lw-link-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;text-decoration:none;padding:10px 18px;border-radius:10px;background:#06c755;margin-bottom:20px;transition:background .15s}.lw-link-btn:hover{background:#05b34c;color:#fff}.lw-link-btn ion-icon{font-size:16px}.lw-instructions{display:flex;flex-direction:column;gap:8px}.lw-inst-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--foreground);line-height:1.5}.lw-inst-num{width:26px;height:26px;border-radius:50%;background:var(--background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--muted-foreground);flex-shrink:0}.lw-img-wrap{border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-bottom:16px}.lw-img-wrap img{width:100%;display:block}.lw-field{margin-bottom:12px}.lw-field label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:6px}.lw-field-highlight{background:#f0fdf4;border:1.5px solid #06C755;border-radius:12px;padding:14px 16px}.lw-field-highlight label{color:#06c755}.lw-input{--padding-start: 14px;--padding-end: 14px;--background: #fff;border:1.5px solid var(--border);border-radius:10px;font-size:14px;min-height:44px;--placeholder-color: var(--muted-foreground);transition:border-color .2s}.lw-input:focus-within{border-color:#06c755}.lw-error{color:var(--destructive);font-size:12px;margin-top:4px;display:block}.lw-summary{background:var(--background);border:1px solid var(--border);border-radius:12px;overflow:hidden}.lw-sum-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px}.lw-sum-row:last-child{border-bottom:none}.lw-sum-row span{color:var(--muted-foreground)}.lw-sum-row strong{color:var(--foreground);text-align:right;max-width:55%;word-break:break-all}.lw-main-footer{display:flex;align-items:center;padding:16px 24px;border-top:1px solid var(--border);gap:10px}.lw-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;border-radius:10px;border:none;cursor:pointer;transition:all .15s}.lw-btn-back{background:transparent;color:var(--muted-foreground);border:1px solid var(--border)}.lw-btn-back:hover{background:var(--background);color:var(--foreground)}.lw-btn-next{background:#06c755;color:#fff}.lw-btn-next:hover{background:#05b34c}.lw-btn-next.disabled{opacity:.4;cursor:not-allowed}.lw-btn-submit{background:#06c755;color:#fff;padding:10px 28px}.lw-btn-submit:hover:not(:disabled){background:#05b34c}.lw-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.lw-modal{--width: 100%;--height: 100%;--max-height: 100vh;--border-radius: 0}.lw-sidebar{display:none}.lw-main-body{padding:20px 16px}.lw-main-footer{padding:12px 16px}}.fb-icon-bg{background:#ebf3ff!important}.fb-progress-text{color:#1877f2!important}.fb-dot-active{background:#1877f2!important}.fb-badge{background:linear-gradient(135deg,#1877f2,#0d65d9)!important}.fb-input:focus-within{border-color:#1877f2!important}.fb-highlighted{background:#f0f6ff!important;border:2px solid #1877F2!important;border-radius:12px;padding:12px 14px}.fb-highlighted label{color:#1877f2!important}.fb-link-primary{font-size:14px!important;font-weight:600!important;padding:10px 18px!important;background:#1877f2!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px rgba(24,119,242,.3)!important}.fb-link-primary:hover{background:#0d65d9!important;color:#fff!important}.fb-btn-next{background:#1877f2!important;box-shadow:0 2px 8px rgba(24,119,242,.3)!important}.fb-btn-next:hover{box-shadow:0 4px 12px rgba(24,119,242,.4)!important}.fb-btn-submit{background:linear-gradient(135deg,#1877f2,#0d65d9)!important;box-shadow:0 2px 8px rgba(24,119,242,.3)!important}.fb-btn-submit:hover:not(:disabled){box-shadow:0 4px 12px rgba(24,119,242,.4)!important}.page-member{height:100%}.mb-topbar{display:flex;align-items:center;gap:14px;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.mb-topbar-menu{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:20px;flex-shrink:0}.mb-topbar-info h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0;line-height:1.3}.mb-topbar-info p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.page-member .member-content{--background: #f8f9fa}.page-member .content-centered{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.member-table-container{position:relative;padding:24px}.card-member{margin:0;border-radius:16px;border:1px solid var(--border);box-shadow:0 2px 12px rgba(0,0,0,.04);background:var(--card);overflow:hidden}.card-member .card-header{padding:0}.card-member .bg-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:16px;flex-wrap:wrap}.card-member .bg-header h4{font-size:18px;font-weight:700;color:var(--foreground)}.card-member .header-sub-title{font-size:13px;color:var(--muted-foreground);margin-top:2px}.mb-header-actions{display:flex;align-items:center;gap:10px}.card-member .input-filter-search{--border-radius: 10px;--background: var(--background);--box-shadow: none;--placeholder-color: var(--muted-foreground);font-size:13px;height:40px;border:1px solid var(--border);border-radius:10px;min-width:260px}.mb-btn-invite{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:background .15s;font-family:inherit}.mb-btn-invite ion-icon{font-size:17px}.mb-btn-invite:hover{background:var(--primary-hover)}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table-row-header{border-bottom:1px solid var(--border)}.th-col{padding:12px 24px;text-align:left;font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table-row-body{border-bottom:1px solid var(--border);transition:background .12s}.table-row-body:last-child{border-bottom:none}.table-row-body:hover{background:var(--background)}.td-col{padding:14px 24px;font-size:14px;color:var(--foreground);white-space:nowrap}.member-info{display:flex;align-items:center;gap:12px}.member-info-avatar{width:36px;height:36px;--border-radius: 10px;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--primary);flex-shrink:0}.mb-status-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600}.mb-status-dot{width:7px;height:7px;border-radius:50%}.mb-status-active{background:#f0fdf4;color:#16a34a}.mb-status-active .mb-status-dot{background:#16a34a}.mb-status-inactive{background:var(--background);color:var(--muted-foreground)}.mb-status-inactive .mb-status-dot{background:var(--muted-foreground)}.page-member .btn-actions{display:flex;gap:4px}.btn-edit{--color: var(--muted-foreground);--padding-start: 6px;--padding-end: 6px}.btn-edit:hover{--color: var(--primary)}.btn-remove{--color: var(--muted-foreground);--padding-start: 6px;--padding-end: 6px}.btn-remove:hover{--color: var(--destructive)}.table-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--muted-foreground)}.table-no-data h3{font-size:16px;font-weight:600;color:var(--foreground);margin:12px 0 4px}.table-no-data p{font-size:13px;margin:0}.no-data-image{width:120px;opacity:.6}.paginate{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);background:var(--card);box-shadow:none}.paginate-info{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted-foreground)}.border-divider{width:1px;height:16px;background:var(--border)}.list-paginate{display:flex;align-items:center;gap:4px}.list-paginate .prev-btn,.list-paginate .next-btn{--color: var(--muted-foreground);--padding-start: 8px;--padding-end: 8px;font-size:14px}.list-paginate .page{--color: var(--primary);--background: color-mix(in srgb, var(--primary) 10%, transparent);--border-radius: 8px;--padding-start: 10px;--padding-end: 10px;font-weight:700;font-size:13px;min-width:32px;height:32px}.modal-invite-member{--border-radius: 16px;--max-width: 460px;--height: auto;--box-shadow: 0 12px 40px rgba(0, 0, 0, .12)}.mi-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.mi-header-left{display:flex;align-items:center;gap:12px}.mi-header-icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px}.mi-header h3{margin:0;font-size:16px;font-weight:700;color:var(--foreground)}.mi-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:18px;padding:0}.mi-tabs{display:flex;gap:0;background:var(--background);border-radius:10px;padding:3px;margin-bottom:20px}.mi-tab{flex:1;padding:9px 0;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:600;color:var(--muted-foreground);cursor:pointer;font-family:inherit;transition:all .15s}.mi-tab.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 4px rgba(0,0,0,.08)}.mi-body{padding:24px}.mi-field{margin-bottom:18px}.mi-field label{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:6px}.mi-input{--highlight-color-focused: none;--padding-start: 14px;font-size:14px;background:var(--background);border:1px solid var(--border);border-radius:10px;height:0}.mi-input:focus-within{border-color:var(--primary)}.mi-select{background:var(--background);border:1px solid var(--border);border-radius:10px;font-size:14px;--padding-start: 14px;width:100%}.mi-link-box{margin-bottom:18px}.mi-link-box label{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:6px}.mi-link-value{padding:12px 14px;background:var(--background);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--foreground);word-break:break-all;line-height:1.5;margin-bottom:10px}.mi-btn-copy{padding:8px 16px;border-radius:8px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.mi-btn-copy:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.mi-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.mi-btn-cancel{padding:10px 20px;border:none;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;border-radius:10px}.mi-btn-cancel:hover{background:var(--background)}.mi-btn-submit{padding:10px 28px;border:none;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;display:flex;align-items:center;justify-content:center;min-width:120px}.mi-btn-submit:hover:not(:disabled){background:var(--primary-hover)}.mi-btn-submit:disabled{opacity:.5;cursor:default}.modal-edit-member{--border-radius: 16px;--max-width: 460px;--height: auto;--box-shadow: 0 12px 40px rgba(0, 0, 0, .12)}.modal-delete-member{--width: 380px;--max-width: 90vw;--height: auto;--border-radius: 16px;--box-shadow: 0 12px 40px rgba(0, 0, 0, .15)}.md-body{padding:32px 28px 24px;text-align:center}.md-icon{width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--destructive, #dc2626) 10%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:var(--destructive, #dc2626)}.md-body h3{font-size:18px;font-weight:700;color:var(--foreground);margin:0 0 8px}.md-body p{font-size:14px;color:var(--muted-foreground);margin:0 0 24px;line-height:1.6}.md-body p strong{color:var(--foreground)}.md-actions{display:flex;gap:10px}.md-btn-cancel{flex:1;padding:12px 0;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--foreground);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.md-btn-cancel:hover{background:var(--background)}.md-btn-delete{flex:1;padding:12px 0;border-radius:10px;border:none;background:#dc2626;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.md-btn-delete:hover{background:#b91c1c}.content-blobs{display:none}.fs-lg{font-size:15px}@media (max-width: 768px){.member-table-container{padding:16px}.card-member .bg-header{flex-direction:column;align-items:flex-start;padding:16px}.mb-header-actions{flex-direction:column;width:100%}.card-member .input-filter-search{min-width:0;width:100%}.mb-btn-invite{width:100%;justify-content:center}.mb-topbar{padding:16px 20px}.th-col,.td-col{padding:10px 14px}.paginate{flex-direction:column;gap:10px;padding:12px 16px}.modal-invite-member,.modal-edit-member{--border-radius: 0;--max-width: 100%}}.page-manage-team{height:100%}.tm-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.tm-topbar h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0}.tm-topbar p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.tm-btn-create{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:var(--primary);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s}.tm-btn-create:hover{background:var(--primary-hover);transform:translateY(-1px)}.tm-btn-create ion-icon{font-size:17px}.page-manage-team .teams-content{--background: #f8f9fa}.page-manage-team .content-centered{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;flex-direction:column;gap:12px;padding:40px}.page-manage-team .content-centered .no-chat-selected-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--primary) 8%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}.page-manage-team .content-centered .label-title{font-size:16px;font-weight:700;color:var(--foreground)}.page-manage-team .content-centered .label-sub-title{font-size:13px;color:var(--muted-foreground)}.teams-container{padding:24px 28px}.tm-summary{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.tm-summary-icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-summary-icon ion-icon{font-size:22px;color:var(--primary)}.tm-summary-count{font-size:24px;font-weight:800;color:var(--foreground);margin-right:6px}.tm-summary-label{font-size:14px;color:var(--muted-foreground);font-weight:500}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.tm-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s ease}.tm-card:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--border));box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-2px)}.tm-card-accent{position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}.tm-card-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px 20px}.tm-card-avatar{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--primary);flex-shrink:0}.tm-card-info{flex:1;min-width:0}.tm-card-info h3{font-size:15px;font-weight:700;color:var(--foreground);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-card-info p{font-size:12px;color:var(--muted-foreground);margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.tm-card-actions{display:flex;gap:2px;flex-shrink:0}.tm-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:17px;transition:all .15s;padding:0}.tm-action-btn:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.tm-action-delete:hover{background:color-mix(in srgb,var(--destructive) 10%,transparent);color:var(--destructive)}.tm-card-body{padding:0 16px 0 20px}.team-members-horizontal{display:flex;align-items:center;gap:10px;padding:6px 0 12px;border-top:1px solid var(--border)}.team-members-horizontal .avatar-stack{display:flex}.team-members-horizontal .avatar-stack .member-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--card);margin-left:-8px;background:color-mix(in srgb,var(--primary) 14%,transparent);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--primary);overflow:hidden}.team-members-horizontal .avatar-stack .member-avatar:first-child{margin-left:0}.team-members-horizontal .avatar-stack .member-avatar img{width:100%;height:100%;object-fit:cover}.team-members-horizontal .member-count{font-size:12px;color:var(--muted-foreground);font-weight:500}.member-container-vertical{padding:10px 16px 4px 20px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--background) 60%,var(--card))}.member-container-vertical>ion-label{font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.member-container-vertical .members-list{padding:0;background:transparent}.member-container-vertical .members-item{--padding-start: 0;--inner-padding-end: 0;--background: transparent;--min-height: 42px;gap:10px}.member-container-vertical .members-item .avatar{width:30px;height:30px;--border-radius: 8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:12px;font-weight:700;color:var(--primary);margin-right:8px}.member-container-vertical .user-info{display:grid;gap:1px}.member-container-vertical .btn-remove-team{--color: var(--muted-foreground);--padding-start: 4px;--padding-end: 4px;font-size:16px}.member-container-vertical .btn-remove-team:hover{--color: var(--destructive)}.team-footer{display:flex;align-items:center;gap:4px;padding:6px 12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--background) 40%,var(--card))}.team-footer ion-button{--color: var(--primary);font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;--padding-start: 10px;--padding-end: 10px}.team-footer ion-button ion-icon{font-size:15px;margin-right:4px}.modal-create-or-edit-member,.modal-add-member{--border-radius: 16px;--max-width: 460px;--height: auto;--box-shadow: 0 12px 40px rgba(0, 0, 0, .12)}.modal-create-or-edit-member .modal-header,.modal-add-member .modal-header{box-shadow:none;border-bottom:1px solid var(--border);padding:16px 20px}.modal-create-or-edit-member .header-content,.modal-add-member .header-content{display:flex;align-items:center;justify-content:space-between}.modal-create-or-edit-member .header-title,.modal-add-member .header-title{display:flex;align-items:center;gap:12px}.modal-create-or-edit-member .header-avatar,.modal-add-member .header-avatar{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px}.modal-create-or-edit-member .btn-close-modal,.modal-add-member .btn-close-modal{--color: var(--muted-foreground)}.modal-create-or-edit-member .modal-content,.modal-add-member .modal-content{background:var(--card);overflow-y:auto;max-height:60vh}.modal-create-or-edit-member .modal-content-container,.modal-add-member .modal-content-container{padding:20px;display:flex;flex-direction:column;gap:16px}.modal-create-or-edit-member .modal-content-container ion-label,.modal-add-member .modal-content-container ion-label{font-size:13px;font-weight:600;margin-bottom:6px;display:block}.modal-create-or-edit-member .input-team-name,.modal-create-or-edit-member .input-team-description{--highlight-color-focused: none;--highlight-color-valid: none;--highlight-color-invalid: none;--padding-start: 14px;font-size:14px;background:var(--background);border:1px solid var(--border);border-radius:10px;margin-top:6px;transition:border-color .15s}.modal-create-or-edit-member .input-team-name{height:0}.modal-create-or-edit-member .input-team-name:focus-within,.modal-create-or-edit-member .input-team-description:focus-within{border-color:var(--primary)}.modal-create-or-edit-member .modal-footer,.modal-add-member .modal-footer{box-shadow:none;border-top:1px solid var(--border);padding:12px 20px;background:var(--card)}.modal-create-or-edit-member .modal-footer .btn-actions,.modal-add-member .modal-footer .btn-actions{display:flex;justify-content:flex-end;gap:8px}.modal-create-or-edit-member .modal-footer .btn-cancel,.modal-add-member .modal-footer .btn-cancel{--color: var(--muted-foreground);text-transform:none;letter-spacing:0}.modal-create-or-edit-member .modal-footer .btn-submit,.modal-add-member .modal-footer .btn-submit{--background: var(--primary);--color: var(--primary-foreground);--border-radius: 10px;text-transform:none;letter-spacing:0}.modal-add-member .member-item{--padding-start: 12px;--inner-padding-end: 12px}.modal-add-member .item-avatar{width:32px;height:32px;--border-radius: 10px;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--primary)}.modal-add-member .no-member{padding:32px 20px;text-align:center}.ion-display-grid{display:grid}.fs-sm{font-size:13px}.fs-xs{font-size:12px;color:var(--muted-foreground)}.fw-500{font-weight:500}.btn-bg-primary{--background: var(--primary);--color: var(--primary-foreground)}@media (max-width: 768px){.teams-container{padding:16px}.teams-grid{grid-template-columns:1fr}.tm-topbar{padding:16px 20px}.tm-card-header{padding:14px 14px 10px 16px}.tm-card-body{padding:0 14px 0 16px}.tm-card-accent{top:12px;bottom:12px}}.page-contact{height:100%}.page-contact .section-header{padding:16px 20px;background:#fff;border-bottom:1px solid var(--border);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 var(--border);background:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)!important}.page-contact .contact-content{--background: #f8f9fa;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{display:none}.page-contact .contact-table-container{position:relative;z-index:1;margin:0;padding:20px}.page-contact .card-contact{--background: #fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.page-contact .card-header{padding:20px 24px;border-bottom:1px solid var(--border)}.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 var(--border);background:#fff;color:var(--muted-foreground);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:var(--secondary);border-bottom:1px solid var(--border)}.page-contact .table-row-header .th-col{padding:12px 14px;text-align:left;font-size:11px;color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;user-select:none;white-space:nowrap}.page-contact .table-row-body{border-bottom:1px solid var(--border);background:transparent;transition:background .15s}.page-contact .table-row-body:hover{background:var(--secondary)}.page-contact .table-row-body .td-col{padding:12px 14px;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:var(--primary);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 var(--border);background:#fff;color:var(--muted-foreground);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex-shrink:0;transition:.15s}.page-contact .paginate{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted-foreground);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 var(--border);border-radius:8px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:var(--muted-foreground)}.page-contact .paginate .page{width:36px;height:36px;margin:0;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;color:var(--muted-foreground);box-shadow:none}.page-contact .paginate .page.active{border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:none}.page-contact .paginate .paginate-info{display:flex;align-items:center;gap:12px}.page-contact .paginate .border-divider{width:1px;height:18px;background:var(--border)}.page-contact .paginate .paginate-per-page{font-size:12px;color:var(--muted-foreground)}.page-contact .paginate .paginate-select-page{padding:4px 26px 4px 10px;border-radius:8px;border:1px solid var(--border);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 #fff;font-size:12px;font-weight:500;color:var(--foreground);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:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:var(--shadow-sm)}.page-contact .content-no-data .label-title,.page-contact .content-error .label-title{font-size:17px;font-weight:700;color:var(--foreground);margin-bottom:6px}.page-contact .content-no-data .label-sub-title,.page-contact .content-error .label-sub-title{font-size:13px;color:var(--muted-foreground);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:var(--destructive)}.modal-filter-contact{--border-radius: 14px;--box-shadow: var(--shadow-xl)}.modal-filter-contact .modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);box-shadow:none}.modal-filter-contact .modal-header .header-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--foreground)}.modal-filter-contact .modal-header .title-icon{width:32px;height:32px;border-radius:8px;background:var(--primary-soft);border:none;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary-soft-foreground)}.modal-filter-contact .modal-body{--padding-bottom: 20px;--padding-top: 16px;--padding-start: 20px;--padding-end: 20px;--background: #fff}.modal-filter-contact .modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:none}.modal-filter-contact .modal-title-label{margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--foreground)}.modal-filter-contact .btn-close-modal{width:32px;height:32px;margin:0;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:all .15s}.modal-filter-contact .btn-close-modal:hover{background:var(--secondary);color:var(--foreground)}.modal-filter-contact .btn-filter-search{margin:0;border:none;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:background .15s}.modal-filter-contact .btn-filter-search:hover{background:var(--primary-hover)}.modal-filter-contact .btn-filter-clear{margin:0;border:1px solid var(--border);border-radius:10px;color:var(--muted-foreground);font-size:13px;font-weight:500;cursor:pointer;background:#fff;transition:all .15s}.modal-filter-contact .btn-filter-clear:hover{background:var(--secondary)}.modal-filter-contact .search-input{--highlight-color-focused: none;--highlight-color-valid: none;--padding-start: 12px;--background: var(--secondary);margin:0 0 16px;padding:0;border:1px solid var(--border);border-radius:10px;font-size:13px;transition:border-color .15s}.modal-filter-contact .search-input:focus-within{border-color:var(--primary)}.modal-filter-contact .search-tag{display:flex;gap:6px;flex-wrap:wrap}.modal-filter-contact .search-tag .tag{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:#fff;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;font-size:13px;font-weight:500}.modal-filter-contact .search-tag .tag:hover{border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.modal-filter-contact .search-tag .tag.active{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);font-weight:600}.modal-filter-contact .search-tag .tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.popover-contact-tags{--min-width: 320px}.popover-contact-tags .popover-header{padding:16px 16px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;box-shadow:none;font-size:15px;font-weight:700;color:var(--foreground)}.popover-contact-tags .popover-content{--padding-bottom: 12px;--padding-top: 12px;--padding-start: 14px;--padding-end: 14px}.popover-contact-tags .popover-content .loading{padding:12px;text-align:center}.popover-contact-tags .search-input{--highlight-color-focused: none;--highlight-color-valid: none;--padding-start: 12px;--background: var(--secondary);border:1px solid var(--border);border-radius:10px;min-height:38px!important;font-size:13px;transition:border-color .15s}.popover-contact-tags .search-input:focus-within{border-color:var(--primary)}.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:6px;padding:6px 10px;border-radius:10px;background:var(--secondary);border:1px solid var(--border);animation:.15s ease 0s 1 normal none running slideDown}.popover-contact-tags .edit-tag .input-edit{--padding-start: 10px;--padding-end: 10px;--padding-top: 0;--padding-bottom: 0;padding:inherit;flex:1 1 0%;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px;color:var(--foreground);outline:none;min-height:32px!important}.popover-contact-tags .edit-tag .btn-save{width:28px;height:28px;border-radius:8px;border:none;background:var(--primary);color:var(--primary-foreground);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 var(--border);background:#fff;color:var(--muted-foreground);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 var(--border);border-radius:8px;background:#fff;font-size:13px;color:var(--foreground);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:var(--primary);color:var(--primary-foreground);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 var(--border);background:#fff;color:var(--muted-foreground);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:var(--primary-foreground);border-color:#fff;box-shadow:0 0 0 2px var(--primary)}.popover-contact-tags::part(content){border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}@media (max-width: 768px){.modal-filter-contact{--border-radius: 0 !important}}.canned-response-page{height:100%}.canned-response-page .section-header{padding:20px 28px;background:#fff;border-bottom:1px solid var(--border);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:38px;height:38px;margin-right:8px;border-radius:10px;border:1px solid var(--border);background:transparent!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)!important}.canned-response-page .section-header .header-actions{display:flex;gap:4px;margin-left:auto}.canned-response-page .section-header .btn-action{border-radius:10px;border:1px solid var(--border);background:transparent;font-size:12px;font-weight:500;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:.15s;margin:0}.canned-response-page .canned-content{--background: #f8f9fa;height:calc(100% - 56px);box-sizing:border-box;position:relative;overflow:hidden}.canned-response-page .content-blobs{display:none}.canned-response-page .content-scroll{position:relative;z-index:1;padding:24px}.canned-response-page .canned-response-filter-bar{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);padding:12px 14px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.canned-response-page .canned-response-filter-bar .filter-search{--background: var(--secondary);--color: var(--foreground);--placeholder-color: var(--muted-foreground);--border-radius: 10px;--box-shadow: none;--icon-color: var(--muted-foreground);border:1px solid var(--border);border-radius:10px;margin:0;padding:0;min-height:38px;height:38px;font-size:.82rem;flex:1 1 260px;min-width:220px;max-width:380px}.canned-response-page .canned-response-filter-bar .filter-tabs{--background: var(--secondary);background:var(--secondary);border:1px solid var(--border);border-radius:10px;padding:3px;height:38px;width:auto;flex:0 1 auto;margin-left:auto}.canned-response-page .canned-response-filter-bar .filter-tabs ion-segment-button{--background: transparent;--background-checked: #fff;--background-hover: rgba(0, 0, 0, .03);--color: var(--muted-foreground);--color-checked: var(--primary);--indicator-color: transparent;--indicator-height: 0;--border-radius: 8px;--padding-start: 14px;--padding-end: 14px;font-size:.75rem;font-weight:500;min-height:30px;min-width:64px;text-transform:none;letter-spacing:0;transition:all .15s}.canned-response-page .canned-response-filter-bar .filter-tabs ion-segment-button.segment-button-checked{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06);font-weight:600}.canned-response-page .canned-response-filter-bar .filter-tabs.ios ion-segment-button{--color-checked: var(--primary)}.canned-response-page .canned-response-category-header{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:4px 0 10px;font-size:12px;font-weight:600;color:var(--primary-soft-foreground);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);border-radius:999px;letter-spacing:.2px}.canned-response-page .canned-response-category-header ion-icon{font-size:14px}.canned-response-page .canned-response-category-header ion-label{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary-soft-foreground);padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:600}.canned-response-page .canned-response-card{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);margin:0 0 10px;padding:14px 16px;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .15s}.canned-response-page .canned-response-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--primary);opacity:0;transition:opacity .15s}.canned-response-page .canned-response-card:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-1px)}.canned-response-page .canned-response-card:hover:before{opacity:1}.canned-response-page .canned-response-card .card-body-area{flex:1;min-width:0}.canned-response-page .canned-response-card .card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.canned-response-page .canned-response-card .card-title{font-size:.9rem;font-weight:600;color:var(--foreground);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1px}.canned-response-page .canned-response-card .card-shortcut{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:.72rem;font-family:var(--font-mono);font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);margin-left:8px;flex-shrink:0}.canned-response-page .canned-response-card .card-content-preview{font-size:.8rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;line-height:1.4}.canned-response-page .canned-response-card .card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px dashed var(--border)}.canned-response-page .canned-response-card .card-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;color:var(--muted-foreground);background:var(--secondary);padding:3px 9px;border-radius:999px;border:1px solid var(--border)}.canned-response-page .canned-response-card .card-type-badge ion-icon{font-size:.85rem}.canned-response-page .canned-response-card .card-type-badge.type-text{color:#3b82f6;background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}.canned-response-page .canned-response-card .card-type-badge.type-image{color:#10b981;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2)}.canned-response-page .canned-response-card .card-type-badge.type-file{color:#f59e0b;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.22)}.canned-response-page .canned-response-card .card-type-badge.type-video{color:#ec4899;background:rgba(236,72,153,.08);border-color:rgba(236,72,153,.22)}.canned-response-page .canned-response-card .card-visibility{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:500;color:var(--muted-foreground);background:var(--secondary);padding:3px 9px;border-radius:999px;border:1px solid var(--border)}.canned-response-page .canned-response-card .card-visibility.restricted{color:#f59e0b;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.22)}.canned-response-page .canned-response-card .card-actions{display:flex;gap:4px}.canned-response-page .canned-response-card .card-actions ion-button{--padding-start: 4px;--padding-end: 4px;--background-hover: var(--secondary);--color-hover: var(--foreground);height:30px;width:30px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--muted-foreground);margin:0;transition:all .15s}.canned-response-page .canned-response-card .card-actions ion-button:hover{color:var(--foreground);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.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:var(--secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:var(--shadow-sm)}.canned-response-page .canned-response-empty .empty-title{font-size:17px;font-weight:700;color:var(--foreground);margin-bottom:6px}.canned-response-page .canned-response-empty .empty-text{font-size:13px;color:var(--muted-foreground);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: 14px;--box-shadow: var(--shadow-xl)}.canned-response-modal .modal-header{padding:16px 20px;border-bottom:1px solid var(--border);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:10px;font-size:15px;font-weight:700;color:var(--foreground)}.canned-response-modal .modal-header .header-avatar{width:34px;height:34px;border-radius:10px;background:var(--primary-soft);border:none;display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--primary-soft-foreground)}.canned-response-modal .modal-content{--padding-start: 20px;--padding-end: 20px;--padding-top: 16px;--padding-bottom: 20px;--background: #fff;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:600;color:var(--foreground);margin-bottom:6px}.canned-response-modal .form-input{--highlight-color-focused: none;--highlight-color-valid: none;width:100%;padding:0 14px!important;border:1.5px solid var(--border);border-radius:10px;background:var(--secondary);color:var(--foreground);outline:none;font-family:inherit;box-sizing:border-box;font-size:13px;transition:border-color .15s}.canned-response-modal .form-input:focus-within{border-color:var(--primary)}.canned-response-modal .form-textarea{--highlight-color-focused: none;--highlight-color-valid: none;width:100%;min-height:80px;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--secondary);color:var(--foreground);outline:none;font-family:inherit;box-sizing:border-box;resize:vertical;line-height:1.5;font-size:13px;transition:border-color .15s}.canned-response-modal .form-textarea:focus-within{border-color:var(--primary)}.canned-response-modal .form-select{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;background:var(--secondary);color:var(--foreground);font-family:inherit;font-size:13px;transition:border-color .15s}.canned-response-modal .form-select:focus{border-color:var(--primary);outline:none}.canned-response-modal .type-segment{--background: transparent}.canned-response-modal .type-segment ion-segment-button{--background: transparent;--color: var(--muted-foreground);--color-checked: var(--primary);--indicator-color: var(--primary);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 color-mix(in srgb,var(--primary) 30%,transparent);border-radius:14px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--secondary)}.canned-response-modal .file-upload-area:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.canned-response-modal .file-upload-area .upload-icon{font-size:2rem;color:var(--primary);margin-bottom:8px}.canned-response-modal .file-upload-area .upload-text{font-size:13px;color:var(--muted-foreground)}.canned-response-modal .file-upload-area .upload-file-name{font-size:13px;color:var(--primary);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:var(--foreground)}.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:var(--muted-foreground)}.canned-response-modal .modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:end;gap:8px;background:#fff;flex-shrink:0;box-shadow:none}.canned-response-modal .modal-footer .btn-save{--background: var(--primary);--color: var(--primary-foreground);font-weight:600;font-size:13px;height:38px;--border-radius: 10px;width:100%;box-shadow:none;text-transform:none;letter-spacing:0}.canned-response-modal .modal-footer .btn-save:disabled{opacity:.5}.canned-response-modal .btn-close-modal{width:32px;height:32px;margin:0;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);transition:all .15s}.canned-response-modal .btn-close-modal:hover{background:var(--secondary);color:var(--foreground)}.canned-response-modal .category-list-item{--background: transparent;--background-hover: var(--secondary);--color: var(--foreground);--border-color: var(--border);--padding-start: 16px;--inner-padding-end: 16px;font-size:13px;--min-height: 48px}.canned-response-modal .category-list-item .cat-name{font-weight:600;font-size:13px;color:var(--foreground)}.canned-response-modal .category-list-item .cat-desc{font-size:11px;color:var(--muted-foreground);margin-top:1px}.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 var(--border);border-radius:10px;background:#fff}.canned-response-modal .permission-item{--background: transparent;--padding-start: 12px;--padding-end: 12px;--min-height: 44px;--border-color: var(--border);font-size:.85rem}.canned-response-modal .permission-item ion-checkbox{--size: 18px;--checkbox-background: transparent;--checkbox-background-checked: var(--primary);--border-color: var(--border);--border-color-checked: var(--primary);margin-right:8px}.canned-response-modal .permission-item .perm-name{font-size:.82rem;font-weight:500;color:var(--foreground)}.canned-response-modal .permission-item .perm-sub{font-size:.7rem;color:var(--muted-foreground)}.canned-response-modal .perm-empty{text-align:center;padding:16px;font-size:.8rem;color:var(--muted-foreground)}.canned-response-modal .perm-summary{margin-top:8px;padding:6px 12px;font-size:.75rem;font-weight:500;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:8px;text-align:center}.canned-response-card .card-thumb-area{position:relative;flex-shrink:0}.canned-response-card .card-thumb{width:52px;height:52px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--secondary);border:1px solid var(--border)}.canned-response-card .card-thumb-img img{width:100%;height:100%;object-fit:cover;display:block}.canned-response-card .card-thumb-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.canned-response-card .card-thumb-icon ion-icon{font-size:1.5rem;color:var(--primary)}.canned-response-card .card-thumb-count{position:absolute;bottom:-2px;right:-2px;background:var(--primary);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:var(--secondary);border:1px solid var(--border);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:var(--secondary);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:var(--primary)}.canned-response-modal .attachment-name{font-size:.78rem;color:var(--foreground);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 color-mix(in srgb,var(--primary) 25%,transparent)!important;border-radius:10px!important;cursor:pointer;font-size:.8rem;color:var(--primary);background:color-mix(in srgb,var(--primary) 3%,transparent)!important;transition:.15s}.canned-response-modal .file-upload-compact:hover{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 6%,transparent)!important}.canned-response-modal .file-upload-compact ion-icon{font-size:1.1rem}.canned-response-modal .message-preview-bubble{background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);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:var(--secondary)}.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:var(--primary)}.canned-response-modal .preview-file-icon span{font-size:.55rem;color:var(--muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center}.canned-response-modal .preview-text{font-size:.82rem;color:var(--foreground);white-space:pre-wrap;word-break:break-word;line-height:1.5}.canned-response-modal .preview-empty{font-size:.8rem;color:var(--muted-foreground);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:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.canned-response-modal .block-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}.canned-response-modal .block-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--secondary);border-bottom:1px solid var(--border)}.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:20px;border:1px solid var(--border)}.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:var(--muted-foreground);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 var(--border);border-radius:8px;background:var(--secondary);color:var(--foreground);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 var(--border)}.canned-response-modal .block-file-icon{width:48px;height:48px;border-radius:8px;background:color-mix(in srgb,var(--primary) 6%,transparent);display:flex;align-items:center;justify-content:center}.canned-response-modal .block-file-icon ion-icon{font-size:1.3rem;color:var(--primary)}.canned-response-modal .block-file-name{font-size:.8rem;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.canned-response-modal .block-file-placeholder{font-size:.8rem;color:var(--muted-foreground);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: var(--border);--color: var(--primary);font-size:.78rem;font-weight:500;height:36px}.canned-response-modal .message-preview-sequential{display:flex;flex-direction:column;gap:6px;padding:12px;background:color-mix(in srgb,var(--primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);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:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,transparent)}.canned-response-modal .preview-bubble-media{background:#fff;border:1px solid var(--border)}.canned-response-modal .preview-step{font-size:.6rem;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:1px 6px;border-radius:20px;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}.bc-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.bc-topbar-info h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0}.bc-topbar-info p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.bc-topbar-right{display:flex;align-items:center;gap:10px}.bc-btn-create{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;background:var(--primary);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.bc-btn-create:hover{background:var(--primary-hover)}.bc-btn-create:disabled{opacity:.5;cursor:not-allowed}.bc-btn-create ion-icon{font-size:17px}.bc-filter-bar{display:flex;gap:6px;padding:16px 0;flex-wrap:wrap}.bc-filter-btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.bc-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.bc-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.broadcast-management .section-header{padding:8px 16px;background:#fff;border-bottom:1px solid var(--border);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:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)!important}.broadcast-management .header-actions{display:flex;gap:4px;margin-left:auto}.broadcast-management .btn-create{border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);background:color-mix(in srgb,var(--primary) 4%,transparent);font-size:12px;font-weight:500;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:.15s;margin:0;--color: var(--primary)}.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:#fff;color:var(--muted-foreground);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: #f8f9fa;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:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.03);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: color-mix(in srgb, var(--primary) 4%, transparent);--color: var(--muted-foreground);--color-checked: var(--primary);--indicator-color: var(--primary);--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:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02);padding:14px 16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.broadcast-management .campaign-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.03);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:var(--foreground);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:var(--muted-foreground)}.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: var(--primary);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(107,114,128,.1);color:#6b7280;border-color:rgba(107,114,128,.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: color-mix(in srgb, var(--primary) 10%, transparent);--progress-background: var(--primary);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:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.broadcast-management .empty-state .empty-icon-box svg{width:32px;height:32px;color:var(--primary)}.broadcast-management .empty-state .empty-title{font-size:17px;font-weight:700;font-style:normal;color:var(--foreground);margin:0 0 6px}.broadcast-management .empty-state .empty-text{font-size:13px;font-weight:500;font-style:normal;color:var(--muted-foreground);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: var(--primary)}.broadcast-management .pagination .page-info{font-size:.8rem;font-style:normal;color:var(--muted-foreground);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:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary)}.broadcast-wizard-modal .modal-header-text{font-size:1rem;font-weight:600;font-style:normal;color:var(--foreground)}.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(107,114,128,.2);border:2px solid rgba(107,114,128,.15);transition:all .2s}.broadcast-wizard-modal .step-dot.active{background:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 30%,transparent)}.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:var(--foreground);margin:0 0 4px}.broadcast-wizard-modal .wizard-subtitle{font-size:.82rem;font-style:normal;color:var(--muted-foreground);font-weight:500;margin:0 0 20px;line-height:1.5}.broadcast-wizard-modal .wizard-empty-text{font-size:.82rem;font-style:normal;color:var(--muted-foreground);font-weight:500}.broadcast-wizard-modal .channel-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--border);background:#fff;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s;font-style:normal}.broadcast-wizard-modal .channel-option:hover{background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.04)}.broadcast-wizard-modal .channel-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 12%,transparent)}.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:var(--foreground)}.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:#fff;border:1px solid var(--border);border-radius:12px;font-size:.85rem;font-style:normal;font-weight:500;color:var(--foreground);margin-top:16px}.broadcast-wizard-modal .recipients-count ion-icon{color:var(--primary);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:var(--muted-foreground);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:#fff;color:var(--foreground);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:#fff;color:var(--foreground);outline:none;font-family:inherit;font-style:normal;box-sizing:border-box;resize:vertical;line-height:1.5}.broadcast-wizard-modal .message-item{background:#fff;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:0 2px 8px rgba(0,0,0,.04)}.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:#fff;color:var(--foreground);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: color-mix(in srgb, var(--primary) 25%, transparent);--color: var(--primary);--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:#fff;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:var(--muted-foreground);margin:0 0 4px}.broadcast-wizard-modal .preview-value{font-size:.85rem;font-weight:600;font-style:normal;color:var(--foreground);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:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:12px;padding:10px 14px;font-size:.82rem;font-style:normal;color:var(--foreground);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: color-mix(in srgb, var(--primary) 25%, transparent);--color: var(--primary);font-size:.82rem;font-weight:500;font-style:normal;height:40px}.broadcast-wizard-modal .wizard-footer .btn-next{--background: var(--primary);--color: #fff;--border-radius: 10px;font-weight:600;font-size:.82rem;font-style:normal;height:40px;box-shadow:0 3px 12px rgba(0,0,0,.12)}.broadcast-wizard-modal .wizard-footer .btn-next:disabled{opacity:.5}.broadcast-wizard-modal .wizard-footer .btn-draft{--border-radius: 10px;--border-color: color-mix(in srgb, var(--primary) 25%, transparent);--color: var(--primary);font-size:.82rem;font-weight:500;font-style:normal;height:40px}.broadcast-wizard-modal .wizard-footer .btn-send{--background: var(--primary);--color: #fff;--border-radius: 10px;font-weight:600;font-size:.82rem;font-style:normal;height:40px;box-shadow:0 3px 12px rgba(0,0,0,.12)}.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:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary);flex-shrink:0}.broadcast-detail-modal .modal-header-text{font-size:1rem;font-weight:600;font-style:normal;color:var(--foreground);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:var(--muted-foreground);font-weight:500}.broadcast-detail-modal .detail-value{font-weight:600;color:var(--foreground);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:var(--muted-foreground);margin-bottom:10px}.broadcast-detail-modal .detail-msg-bubble{background:color-mix(in srgb,var(--primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--primary) 10%,transparent);border-radius:12px;padding:10px 14px;margin-bottom:6px;font-size:.82rem;font-style:normal;color:var(--foreground);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:color-mix(in srgb,var(--primary) 6%,transparent);color:var(--primary);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:var(--muted-foreground);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:color-mix(in srgb,var(--primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--primary) 15%,transparent);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:var(--foreground);margin:0;font-style:normal}.broadcast-management .no-tags-desc{font-size:13px;color:var(--muted-foreground);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 color-mix(in srgb,var(--primary) 30%,transparent);border-radius:12px;background:color-mix(in srgb,var(--primary) 2%,transparent);cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.broadcast-wizard-modal .upload-area:hover{border-color:color-mix(in srgb,var(--primary) 50%,transparent);background:color-mix(in srgb,var(--primary) 4%,transparent)}.broadcast-wizard-modal .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;color:var(--muted-foreground);font-size:.82rem;font-style:normal;font-weight:500}.broadcast-wizard-modal .upload-placeholder ion-icon{font-size:28px;color:var(--primary);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:var(--primary);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:var(--foreground);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:var(--foreground);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}.db-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.db-topbar-left h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0}.db-topbar-left p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.db-topbar-right{display:flex;align-items:center;gap:8px}.db-btn-export{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--foreground);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.db-btn-export:hover{background:var(--background)}.db-btn-export:disabled{opacity:.5;cursor:default}.db-btn-export ion-icon{font-size:16px}.db-btn-icon{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:20px;padding:0}.db-btn-icon:hover{background:var(--background);color:var(--foreground)}.db-content{--background: #f8f9fa}.db-inner{width:100%;padding:20px 20px 60px}.db-filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.db-range-tabs{display:flex;background:var(--background);border-radius:10px;padding:3px;gap:2px}.db-range-tab{padding:8px 18px;border-radius:8px;border:none;background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:5px;transition:all .15s;white-space:nowrap}.db-range-tab:hover{color:var(--foreground);background:var(--card)}.db-range-tab.active{background:var(--primary);color:var(--primary-foreground);font-weight:600;box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 25%,transparent)}.db-range-tab ion-icon{font-size:15px}.db-custom-dates{display:flex;align-items:center;gap:8px}.db-date{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:13px;font-family:inherit;color:var(--foreground);outline:none}.db-date:focus{border-color:var(--primary)}.db-date-sep{color:var(--muted-foreground);font-size:13px}.db-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#dc2626;display:flex;align-items:center;gap:8px}.grid-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.ov-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}.ov-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-2px)}.ov-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ov-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.ov-value{font-size:30px;font-weight:800;color:var(--foreground);line-height:1;margin-bottom:6px;letter-spacing:-.02em}.ov-label{font-size:13px;color:var(--muted-foreground);font-weight:500}.ov-sub{font-size:11px;color:var(--muted-foreground);margin-top:2px}.ov-queue-active{border-color:rgba(239,68,68,.3)}.ov-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}.change-badge{display:inline-flex;align-items:center;gap:2px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.change-badge.up{background:#f0fdf4;color:#16a34a}.change-badge.down{background:#fef2f2;color:#dc2626}.change-badge.flat{background:var(--background);color:var(--muted-foreground)}.change-badge .badge-icon{font-size:12px;display:flex}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.db-charts-row{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:16px}.db-charts-row:last-child{grid-template-columns:1fr 1fr}.glass-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}.glass-card .card-header{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.glass-card .card-header .card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.glass-card .card-header .card-title{font-size:15px;font-weight:700;color:var(--foreground)}.glass-card .card-header .card-desc{font-size:11px;color:var(--muted-foreground);margin-top:1px}.glass-card .card-body{padding:20px 22px}.chart-tooltip{background:#fff!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important;padding:10px 14px!important}.chart-tooltip .tooltip-label{font-size:12px;color:var(--muted-foreground);margin-bottom:6px;font-weight:500}.chart-tooltip .tooltip-row{display:flex;align-items:center;gap:8px;margin-bottom:3px;font-size:13px;color:var(--foreground)}.chart-tooltip .tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip .tooltip-value{font-weight:600;margin-left:auto}.agent-table{width:100%;border-collapse:collapse}.agent-table .tr-header{border-bottom:1px solid var(--border)}.agent-table .th-col{padding:10px 14px;text-align:left;font-size:11px;color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;user-select:none;white-space:nowrap;font-weight:600;cursor:pointer;transition:color .15s}.agent-table .th-col:hover,.agent-table .th-col.active{color:var(--primary)}.agent-table .th-col.right{text-align:right}.agent-table .tr-body{border-bottom:1px solid var(--border);transition:background .1s}.agent-table .tr-body:last-child{border-bottom:none}.agent-table .tr-body:hover{background:var(--background)}.agent-table .td-col{padding:12px 14px;font-size:13px;color:var(--foreground)}.agent-table .td-col.right{text-align:right}.agent-table .td-col.muted{color:var(--muted-foreground);font-size:12px}.agent-info{display:flex;align-items:center;gap:10px}.agent-avatar{width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--primary);flex-shrink:0;overflow:hidden}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-name{font-size:13px;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.csat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.csat-chip.good{background:#f0fdf4;color:#16a34a}.csat-chip.ok{background:#fffbeb;color:#d97706}.csat-chip.bad{background:#fef2f2;color:#dc2626}.skeleton{background:linear-gradient(90deg,var(--border) 25%,color-mix(in srgb,var(--border) 50%,transparent) 50%,var(--border) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;color:var(--muted-foreground);gap:8px}.no-data .no-data-icon{width:48px;height:48px;border-radius:14px;background:var(--background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px}.no-data .no-data-text{font-size:13px;font-weight:500}@media (max-width: 1024px){.grid-overview{grid-template-columns:repeat(2,1fr)}.db-charts-row,.db-charts-row:last-child{grid-template-columns:1fr}}@media (max-width: 640px){.db-inner{padding:16px}.grid-overview{grid-template-columns:1fr 1fr;gap:10px}.ov-card{padding:16px}.ov-value{font-size:24px}.db-filter-bar{flex-direction:column;align-items:flex-start}.db-range-tabs{overflow-x:auto;width:100%}.db-topbar{padding:16px 20px}}.page-billing{height:100%}.bl-topbar{display:flex;align-items:center;gap:14px;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.bl-topbar-menu{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:20px;flex-shrink:0}.bl-topbar h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0;line-height:1.3}.bl-topbar p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.bl-content{--background: #fff}.bl-container{max-width:1200px;margin:0 auto;padding:48px 32px 64px}.bl-loading{text-align:center;padding-top:80px}.bl-title-section{text-align:center;margin-bottom:48px}.bl-title-section h1{font-size:32px;font-weight:800;color:var(--foreground);margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.bl-title-section p{font-size:15px;color:var(--muted-foreground);max-width:520px;margin:0 auto;line-height:1.7}.bl-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}.bl-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px 28px;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .25s ease,box-shadow .25s ease}.bl-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.bl-card-recommended{background:var(--card);border:2px solid var(--primary);box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 15%,transparent)}.bl-card-recommended:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--primary) 20%,transparent)}.bl-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--primary-foreground);padding:6px 20px;border-radius:99px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.bl-badge ion-icon{font-size:13px}.bl-card-tier{font-size:11px;font-weight:700;color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.bl-card-recommended .bl-card-tier{color:var(--primary)}.bl-card-name{font-size:24px;font-weight:800;color:var(--foreground);margin:0 0 20px;letter-spacing:-.01em}.bl-card-desc{font-size:13px;color:var(--muted-foreground);line-height:1.6;margin:-12px 0 20px}.bl-card-price{display:flex;align-items:baseline;margin-bottom:24px}.bl-price-currency{font-size:18px;font-weight:800;color:var(--foreground);margin-right:2px}.bl-price-amount{font-size:44px;font-weight:800;color:var(--foreground);letter-spacing:-.03em;line-height:1}.bl-price-period{font-size:14px;color:var(--muted-foreground);margin-left:4px;font-weight:400}.bl-price-custom{font-size:40px;font-weight:800;color:var(--foreground);letter-spacing:-.02em}.bl-card-divider{height:1px;background:var(--border);margin:0 0 24px}.bl-features{list-style:none;padding:0;margin:0 0 28px;flex:1}.bl-features li{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;font-size:13.5px;color:var(--foreground);line-height:1.5}.bl-features li:last-child{margin-bottom:0}.bl-features li ion-icon{font-size:18px;color:var(--primary);flex-shrink:0;margin-top:1px}.bl-features li strong{font-weight:600}.bl-addons{padding:18px;margin:0 0 24px;border-radius:12px;background:var(--card);border:1px solid var(--border)}.bl-card-recommended .bl-addons{background:#fafafa}.bl-addons-title{font-size:11px;font-weight:700;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.bl-addon-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bl-addon-row:last-child{margin-bottom:0}.bl-addon-name{font-size:13px;font-weight:600;color:var(--foreground)}.bl-addon-price{font-size:12px;color:var(--muted-foreground);margin-top:2px}.bl-addon-ctrl{display:flex;align-items:center;gap:6px}.bl-ctrl-btn{font-size:24px;color:var(--primary);cursor:pointer;transition:transform .15s}.bl-ctrl-btn:hover{transform:scale(1.1)}.bl-ctrl-btn.disabled{color:var(--border);pointer-events:none}.bl-ctrl-val{min-width:24px;text-align:center;font-weight:700;font-size:14px;color:var(--foreground)}.bl-card-footer{margin-top:auto}.bl-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--primary) 6%,transparent);font-size:13px;font-weight:600;color:var(--foreground)}.bl-total-val{font-size:17px;font-weight:800;color:var(--primary)}.bl-btn{width:100%;padding:14px 0;border-radius:12px;background:var(--foreground);color:var(--card);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.bl-btn:hover{opacity:.88}.bl-btn.bl-btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 25%,transparent)}.bl-btn.bl-btn-primary:hover{background:var(--primary-hover);opacity:1;box-shadow:0 6px 20px color-mix(in srgb,var(--primary) 35%,transparent)}.bl-btn.bl-btn-outline{background:transparent;color:var(--muted-foreground);border:1px solid var(--border);cursor:default}.bl-btn.bl-btn-outline:hover{opacity:1}.bl-btn:disabled{opacity:.5;cursor:default}@media (max-width: 768px){.bl-container{padding:32px 16px 48px}.bl-title-section h1{font-size:24px}.bl-plans-grid{grid-template-columns:1fr}.bl-card{padding:24px 20px}}.billing-pro-modal{--background: #fff}@media (min-width: 768px){.billing-pro-modal{--width: 520px;--height: auto;--min-height: 600px;--max-height: 90vh;--border-radius: 20px;--box-shadow: 0 20px 50px rgba(0, 0, 0, .15);--backdrop-opacity: .5}}.billing-modal-content{--background: #fff}.pm-scroll{max-height:calc(90vh - 60px);overflow-y:auto;background:#fff}.pm-wrapper{padding:24px 28px 40px;color:var(--foreground)}.pm-section{margin-bottom:28px}.pm-section-title{font-size:13px;font-weight:700;color:var(--muted-foreground);margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}.pm-summary{background:var(--background);border:1px solid var(--border);border-radius:14px;padding:20px}.pm-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;color:var(--foreground)}.pm-row-label{display:flex;align-items:center;gap:6px}.pm-row-discount{color:#16a34a;font-weight:600}.pm-divider{border:none;border-top:1px dashed var(--border);margin:14px 0}.pm-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px dashed var(--border);margin-top:14px}.pm-total-label{font-size:15px;font-weight:700;color:var(--foreground)}.pm-total-amount{font-size:22px;font-weight:800;color:var(--primary)}.pm-coupon{display:flex;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border)}.pm-coupon-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);outline:none;font-size:14px;color:var(--foreground);transition:border-color .2s}.pm-coupon-input:focus{border-color:var(--primary)}.pm-coupon-input:disabled{background:var(--background);color:var(--muted-foreground)}.pm-coupon-applied{margin-top:10px;color:#16a34a;font-size:13px;font-weight:600}.pm-alert{padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.6;margin-top:16px}.pm-alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.pm-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.pm-alert-partial{background:#fffbeb;border:1px solid #fde68a;color:#856404}.pm-alert-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pm-alert-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:18px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08);margin-top:10px;color:#dc2626}.pm-free-box{background:#f0fdf4;border:1px solid #a7f3d0;border-radius:14px;padding:28px 24px;text-align:center;color:#065f46}.pm-free-box ion-icon{font-size:40px;color:var(--primary);margin-bottom:12px}.pm-free-box h3{margin:0 0 8px;font-weight:700;font-size:18px}.pm-free-box p{margin:0;font-size:14px;line-height:1.6}.bank-list-wrapper{display:flex;flex-direction:column;gap:14px}.bank-card{background:var(--background);border:1px solid var(--border);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.bank-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}.bank-logo-area{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-left:8px}.bank-logo-img{width:44px;height:44px;object-fit:contain;border-radius:10px}.bank-icon-circle{width:44px;height:44px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.bank-name{font-weight:700;color:var(--foreground);font-size:14px;line-height:1.3}.acc-name{font-size:12.5px;color:var(--muted-foreground);line-height:1.4}.acc-number-box{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;color:var(--foreground);letter-spacing:1.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.acc-number-box:active{background:var(--background)}.copy-icon-inside{font-size:18px;color:var(--primary);opacity:.7}.bank-note{font-size:11.5px;color:var(--muted-foreground);text-align:center;margin-top:6px}.no-bank-data{text-align:center;padding:24px;color:var(--muted-foreground);background:var(--background);border-radius:12px;border:1px dashed var(--border);font-size:14px}.pm-qr-area{text-align:center;padding:20px 0;margin-top:12px;background:var(--card);border-radius:12px;border:1px dashed var(--border)}.pm-qr-amount{margin-top:12px;font-size:15px;color:var(--foreground);font-weight:600}.pm-qr-hint{font-size:12px;color:var(--muted-foreground);margin-top:4px}.upload-dropzone{border:2px dashed var(--border);border-radius:14px;background:var(--background);padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s ease;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.upload-dropzone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,transparent)}.upload-dropzone.has-file{border-style:solid;border-color:var(--border);padding:16px;background:var(--card)}.upload-icon{font-size:48px;color:var(--muted-foreground);margin-bottom:12px}.upload-text{font-weight:600;color:var(--foreground);font-size:15px;margin:0 0 4px}.upload-sub{font-size:13px;color:var(--muted-foreground);margin:0}.slip-preview-img{max-width:100%;max-height:240px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);object-fit:contain;display:block;margin:0 auto}.pm-file-actions{display:flex;justify-content:center;gap:16px;margin-top:12px}.file-info-text{display:flex;align-items:center;font-size:13px;color:var(--primary);font-weight:600}.change-slip-btn{font-size:13px;color:var(--destructive);cursor:pointer;display:flex;align-items:center;padding:4px 8px;border-radius:6px;transition:background .15s}.change-slip-btn:hover{background:color-mix(in srgb,var(--destructive) 8%,transparent)}.pm-btn-confirm{width:100%;padding:15px 0;border-radius:12px;background:var(--primary);color:var(--primary-foreground);font-size:15px;font-weight:600;border:none;cursor:pointer;transition:background .2s;margin-top:8px;display:flex;align-items:center;justify-content:center}.pm-btn-confirm:hover:not(:disabled){background:var(--primary-hover)}.pm-btn-confirm:disabled{opacity:.5;cursor:default}.pm-info-tip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--card);cursor:pointer;color:var(--muted-foreground);font-size:14px}.pm-popover-content{padding:12px;max-width:280px}.pm-popover-title{font-weight:700;margin-bottom:6px;color:var(--foreground);font-size:13px}.pm-popover-text{font-size:13px;line-height:1.5;color:var(--muted-foreground)}.page-bh{height:100%}.bh-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.bh-topbar h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0}.bh-topbar p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.bh-btn-refresh{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:20px;padding:0;flex-shrink:0;transition:all .15s}.bh-btn-refresh:hover{background:var(--secondary);color:var(--foreground)}.bh-content{--background: #f8f9fa}.bh-wrapper{padding:20px;height:100%}.bh-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column}.bh-card-header{padding:0 24px;border-bottom:1px solid var(--border)}.bh-tabs{display:flex;padding:0;overflow-x:auto}.bh-tab{padding:14px 20px;border:none;background:transparent;color:var(--muted-foreground);font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;position:relative;white-space:nowrap;transition:color .15s}.bh-tab:hover{color:var(--foreground)}.bh-tab.active{color:var(--primary);font-weight:600}.bh-tab.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;border-radius:2px 2px 0 0;background:var(--primary)}.bh-table-wrap{overflow-x:auto;flex:1}.bh-table{width:100%;border-collapse:collapse}.bh-table thead tr{border-bottom:1px solid var(--border)}.bh-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:var(--secondary)}.bh-th-right{text-align:right}.bh-th-center{text-align:center}.bh-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.bh-table tbody tr:last-child{border-bottom:none}.bh-table tbody tr:hover{background:var(--secondary)}.bh-table td{padding:12px 14px;font-size:14px;color:var(--foreground);white-space:nowrap}.bh-td-id{font-weight:700;color:var(--foreground)}.bh-td-date{font-size:14px;font-weight:500}.bh-td-time{font-size:12px;color:var(--muted-foreground);margin-top:1px}.bh-td-method{color:var(--muted-foreground);font-size:13px}.bh-td-right{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.bh-td-paid{color:var(--muted-foreground)}.bh-td-center{text-align:center}.bh-btn-slip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.bh-btn-slip ion-icon{font-size:16px}.bh-btn-slip:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--primary)}.bh-no-slip{color:var(--muted-foreground);font-size:13px}.bh-badge{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap}.bh-badge-completed{background:#f0fdf4;color:#16a34a}.bh-badge-pending{background:#eff6ff;color:#2563eb}.bh-badge-partial{background:#fffbeb;color:#d97706}.bh-badge-failed{background:#fef2f2;color:#dc2626}.bh-badge-cancelled{background:var(--background);color:var(--muted-foreground)}.bh-loading{padding:60px 24px;text-align:center}.bh-empty-state{padding:60px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted-foreground)}.bh-empty-icon{font-size:44px;color:var(--border);margin-bottom:8px}.bh-empty-state strong{font-size:16px;color:var(--foreground)}.bh-empty-state span{font-size:13px}.bh-error-text{color:var(--destructive);font-size:14px}.bh-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border)}.bh-page-info{font-size:12.5px;color:var(--muted-foreground)}.bh-page-controls{display:flex;align-items:center;gap:4px}.bh-page-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:16px;padding:0;transition:all .12s}.bh-page-btn:disabled{opacity:.3;cursor:default}.bh-page-btn:hover:not(:disabled){background:var(--secondary);color:var(--foreground)}.bh-page-num{font-size:13px;font-weight:600;color:var(--foreground);min-width:60px;text-align:center}.bh-preview-modal{--width: 480px;--max-width: 95vw;--height: auto;--max-height: 90vh;--border-radius: 16px;--box-shadow: 0 16px 50px rgba(0, 0, 0, .2)}.bh-preview{background:#fff}.bh-preview-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.bh-preview-header h3{font-size:16px;font-weight:700;color:var(--foreground);margin:0}.bh-preview-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);font-size:18px;padding:0}.bh-preview-body{padding:24px;display:flex;flex-direction:column;align-items:center}.bh-preview-body img{max-width:100%;max-height:50vh;border-radius:12px;object-fit:contain;border:1px solid var(--border)}.bh-preview-info{margin-top:16px;text-align:center}.bh-preview-info strong{font-size:18px;color:var(--foreground);display:block}.bh-preview-info span{font-size:13px;color:var(--muted-foreground)}.bh-preview-nav{display:flex;justify-content:center;gap:8px;padding:0 24px 20px}.bh-preview-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--border);cursor:pointer;padding:0;transition:background .15s}.bh-preview-dot.active{background:var(--primary)}@media (max-width: 768px){.bh-wrapper{padding:16px}.bh-topbar{padding:16px 20px}.bh-table th,.bh-table td{padding:10px 12px}.bh-pagination{flex-direction:column;gap:10px;padding:12px 16px}}.mlm-header{background:#fff}.mlm-topbar{--background: #fff;--border-width: 0;--padding-start: 16px;--padding-top: 4px;--padding-bottom: 4px}.mlm-topbar-info{padding-left:8px}.mlm-topbar-info h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0;line-height:1.3}.mlm-topbar-info p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.mlm-tab-bar{display:flex;gap:0;padding:0 28px;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.mlm-tab-btn{padding:12px 20px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.mlm-tab-btn:hover{color:var(--foreground)}.mlm-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.mlm-content{--background: #f8f9fa}.mlm-empty-state{width:min(720px,calc(100% - 32px));margin:56px auto;padding:32px;background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 16px 40px rgba(15,23,42,.08);text-align:center}.mlm-empty-icon{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e8f5f1;color:#0f766e;font-size:28px}.mlm-empty-state h2{margin:0 0 10px;color:#111827;font-size:24px;font-weight:800}.mlm-empty-state p{max-width:520px;margin:0 auto;color:#5b6472;line-height:1.65}.mlm-empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.mlm-empty-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:#64748b;font-size:14px}.mlm-income-page{min-height:100%;background:#f6f7fb;padding:24px}.dl-page{min-height:100%;background:#f8f9fa;padding:20px}.dl-header{margin-bottom:16px}.dl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dl-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px}.dl-stat-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 10%,transparent)}.dl-stat-icon ion-icon{font-size:20px;color:var(--primary)}.dl-stat span{font-size:12px;color:var(--muted-foreground);display:block}.dl-stat strong{font-size:16px;color:var(--foreground);display:block;margin-top:2px}.dl-levels-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 20px;margin-bottom:16px}.dl-levels-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dl-levels-header span{font-size:13px;color:var(--muted-foreground)}.dl-levels-header strong{font-size:13px;color:var(--primary);font-weight:700}.dl-panel{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.dl-panel-head{padding:14px 20px;border-bottom:1px solid var(--border)}.dl-tabs{display:flex;gap:6px}.dl-tab{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.dl-tab:hover{border-color:var(--primary);color:var(--primary)}.dl-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.dl-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border)}.dl-row:last-child{border-bottom:none}.dl-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:10px;color:var(--primary);font-weight:700;font-size:13px}.dl-name{font-size:14px;font-weight:700;color:var(--foreground)}.dl-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;color:var(--muted-foreground);font-size:12px}.dl-meta span{padding-right:8px;border-right:1px solid var(--border)}.dl-meta span:last-child{border-right:0;padding-right:0}.dl-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.dl-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px}.dl-badge.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.dl-badge.inactive{background:var(--background);color:var(--muted-foreground)}.dl-date{font-size:11px;color:var(--muted-foreground)}.dl-empty{padding:40px 20px;text-align:center;color:var(--muted-foreground);font-size:14px}.cm-page{min-height:100%;background:#f8f9fa;padding:20px}.cm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cm-kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px}.cm-kpi span{font-size:12px;color:var(--muted-foreground);display:block}.cm-kpi strong{font-size:20px;color:var(--foreground);display:block;margin-top:4px}.cm-detail{background:#fff;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:14px;padding:20px;margin-bottom:16px}.cm-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.cm-detail-head h3{margin:0;font-size:16px;font-weight:700;color:var(--foreground)}.cm-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted-foreground);padding:0}.cm-close:hover{background:var(--background)}.cm-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cm-detail-grid>div{padding:12px;background:var(--background);border-radius:10px}.cm-detail-grid span{font-size:11px;color:var(--muted-foreground);display:block}.cm-detail-grid strong{font-size:14px;color:var(--foreground);display:block;margin-top:4px}.cm-skips{margin-top:12px;padding:14px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.cm-skips strong{color:#92400e;font-size:13px}.cm-skips p{margin:6px 0 0;color:#a16207;font-size:13px}.cm-panel{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.cm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.cm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cm-filters{display:flex;gap:4px;flex-wrap:wrap}.cm-filter{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.cm-filter:hover{border-color:var(--primary);color:var(--primary)}.cm-filter.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.cm-refresh{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.cm-refresh:hover{border-color:var(--primary);color:var(--primary)}.cm-refresh ion-icon{font-size:15px}.cm-muted{color:var(--muted-foreground);font-size:13px}.cm-table-wrap{overflow-x:auto}.cm-table{width:100%;border-collapse:collapse;min-width:760px}.cm-table th,.cm-table td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.cm-table th{font-size:11px;font-weight:700;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;background:var(--background)}.cm-table td{font-size:13px;color:var(--foreground)}.cm-amount{color:var(--primary)!important;font-weight:700}.cm-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px}.cm-status-pending{background:#fffbeb;color:#d97706}.cm-status-approved{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.cm-status-paid{background:#f0fdf4;color:#16a34a}.cm-status-cancelled{background:var(--background);color:var(--muted-foreground)}.cm-compress-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;background:#fffbeb;color:#d97706;margin-right:6px}.cm-view-btn{padding:4px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--primary);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.cm-view-btn:hover{background:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--primary)}.cm-table-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--primary)}.mt-page{min-height:100%;background:#f8f9fa;padding:20px}.mt-status-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.mt-status-card.ok{border-left:4px solid #16a34a}.mt-status-card.warn{border-left:4px solid #dc2626}.mt-status-top{display:flex;align-items:center;gap:14px}.mt-status-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mt-status-icon ion-icon{font-size:22px}.mt-status-card.ok .mt-status-icon{background:#f0fdf4}.mt-status-card.ok .mt-status-icon ion-icon{color:#16a34a}.mt-status-card.warn .mt-status-icon{background:#fef2f2}.mt-status-card.warn .mt-status-icon ion-icon{color:#dc2626}.mt-status-info{flex:1}.mt-status-title{font-size:12px;color:var(--muted-foreground);margin-bottom:2px}.mt-status-value{font-size:16px;font-weight:700;color:var(--foreground)}.mt-status-details{display:flex;gap:24px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.mt-status-details>div span{font-size:11px;color:var(--muted-foreground);display:block;margin-bottom:2px}.mt-status-details>div strong{font-size:15px;color:var(--foreground)}.mt-warn-text{margin-top:12px;font-size:13px;color:#dc2626}.mt-panel{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.mt-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.mt-panel-head h3{margin:0;font-size:15px;font-weight:700;color:var(--foreground)}.mt-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.mt-row:last-child{border-bottom:none}.mt-row-main{display:flex;flex-direction:column;gap:2px}.mt-row-main strong{font-size:14px;color:var(--foreground)}.mt-row-main span{font-size:12px;color:var(--muted-foreground)}.mlm-team-page{min-height:100%;background:#f8f9fa;padding:28px 32px}.mlm-income-shell{width:100%;max-width:1280px;margin:0 auto}.mlm-income-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.mlm-income-header h2{margin:0 0 6px;color:#111827;font-size:28px;line-height:1.2;font-weight:800}.mlm-income-header p{margin:0;color:#667085;line-height:1.55}.mlm-income-kpis{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:16px}.mlm-income-kpi{background:#fff;border:1px solid #e4e7ec;border-radius:8px;padding:16px}.mlm-income-kpi span{color:#667085;font-size:13px}.mlm-income-kpi strong{display:block;margin-top:6px;color:#101828;font-size:22px}.mlm-income-panel{background:#fff;border:1px solid #e4e7ec;border-radius:8px;overflow:hidden}.mlm-income-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef0f3}.mlm-income-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mlm-income-table{width:100%;border-collapse:collapse}.mlm-income-table th,.mlm-income-table td{padding:14px 16px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:middle}.mlm-income-table th{color:#667085;font-size:12px;font-weight:700;background:#fbfcfe}.mlm-income-table td{color:#344054;font-size:14px}.mlm-income-amount{color:#047857;font-weight:800}.mlm-income-muted{color:#98a2b3;font-size:13px}.mlm-income-empty{padding:40px 16px;color:#667085;text-align:center}.mlm-income-detail{margin-bottom:16px;padding:16px;background:#fff;border:1px solid #d9e7fb;border-radius:8px}.mlm-income-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.mlm-income-detail-head h3{margin:0;color:#111827;font-size:18px}.mlm-income-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}.mlm-income-detail-item{padding:12px;background:#f8fafc;border-radius:8px}.mlm-income-detail-item span{color:#667085;font-size:12px}.mlm-income-detail-item strong{display:block;margin-top:4px;color:#111827}.mlm-income-skips{margin-top:12px;padding:12px;background:#fff8eb;border:1px solid #fedf89;border-radius:8px}.mlm-income-skips strong{color:#92400e}.mlm-income-skips p{margin:6px 0 0;color:#7a4b13;font-size:13px}.mlm-team-package{display:flex;align-items:center;gap:12px;min-width:260px;padding:16px 18px;background:#fff;border:1px solid #d7e7e6;border-radius:8px;flex-shrink:0}.mlm-team-package ion-icon{width:32px;height:32px;color:#0f766e;font-size:32px;flex:0 0 auto}.mlm-team-package span{display:block;color:#667085;font-size:13px}.mlm-team-package strong{display:block;color:#111827;font-size:17px;line-height:1.3}.mlm-team-levels{display:grid;grid-template-columns:repeat(8,minmax(96px,1fr));gap:10px;margin-bottom:20px}.mlm-team-levels.compact{margin-top:10px;margin-bottom:0}.mlm-team-levels div{min-height:48px;padding:0 12px;display:grid;place-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:8px;color:#98a2b3;font-size:13px;font-weight:700}.mlm-team-levels div.enabled{background:#e8f5f1;border-color:#99d6cf;color:#0f766e}.mlm-team-stats{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px;margin-bottom:18px}.mlm-team-stat-card{min-width:0;min-height:92px;display:flex;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid #e4e7ec;border-radius:8px}.mlm-team-stat-icon{width:56px;height:56px;display:grid;place-items:center;color:#0f766e;background:#e8f5f1;border-radius:8px;flex:0 0 56px}.mlm-team-stat-icon ion-icon{width:34px;height:34px;color:#0f766e}.mlm-team-stat-copy{min-width:0}.mlm-team-stat-copy span{display:block;color:#667085;font-size:14px;line-height:1.35;white-space:normal}.mlm-team-stat-copy strong{display:block;margin-top:6px;color:#111827;font-size:22px;line-height:1.25;overflow-wrap:anywhere}.mlm-team-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.mlm-team-tabs ion-button{min-width:168px}.mlm-team-list{overflow:hidden;background:#fff;border:1px solid #e4e7ec;border-radius:8px}.mlm-team-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #eef0f3}.mlm-team-row:last-child{border-bottom:0}.mlm-team-rank{width:42px;height:42px;display:grid;place-items:center;background:#eef9f7;border:1px solid #cce9e5;border-radius:8px;color:#0f766e;font-weight:800}.mlm-team-name{color:#111827;font-size:15px;line-height:1.3;font-weight:800;overflow-wrap:anywhere}.mlm-team-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px;color:#667085;font-size:13px}.mlm-team-meta span{padding-right:8px;border-right:1px solid #d0d5dd}.mlm-team-meta span:last-child{border-right:0}.mlm-team-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#98a2b3;font-size:12px;text-align:right;white-space:nowrap}.md-page{min-height:100%;background:#f8f9fa;padding:20px}.md-shell{width:100%}.md-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.md-kpi{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:all .2s ease}.md-kpi:hover{box-shadow:0 6px 20px rgba(0,0,0,.06);transform:translateY(-2px)}.md-kpi-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.md-kpi-icon ion-icon{font-size:21px}.md-kpi-icon.green{background:color-mix(in srgb,var(--primary) 12%,transparent)}.md-kpi-icon.green ion-icon{color:var(--primary)}.md-kpi-icon.orange{background:#fff7ed}.md-kpi-icon.orange ion-icon{color:#ea580c}.md-kpi-icon.blue{background:#eff6ff}.md-kpi-icon.blue ion-icon{color:#2563eb}.md-kpi-value{font-size:22px;font-weight:800;color:var(--foreground);line-height:1.1;letter-spacing:-.02em}.md-kpi-label{font-size:12px;color:var(--muted-foreground);font-weight:500;margin-top:2px}.md-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:start}.md-col-right{display:flex;flex-direction:column;gap:16px}.md-profile{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}.md-profile-banner{height:80px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));display:flex;align-items:flex-end;padding:0 24px;position:relative}.md-profile-avatar{width:56px;height:56px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--primary);font-size:24px;font-weight:800;border:3px solid #fff;position:absolute;bottom:-20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.md-profile-body{padding:28px 24px 20px}.md-profile-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.md-profile-name{font-size:20px;font-weight:700;color:var(--foreground);margin:0 0 6px}.md-profile-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.md-profile-status.active{background:#f0fdf4;color:#16a34a}.md-profile-status.inactive{background:#fef2f2;color:#dc2626}.md-profile-dot{width:7px;height:7px;border-radius:50%}.md-profile-status.active .md-profile-dot{background:#16a34a}.md-profile-status.inactive .md-profile-dot{background:#dc2626}.md-profile-joined{font-size:12px;color:var(--muted-foreground);padding-top:6px;white-space:nowrap}.md-profile-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.md-profile-detail span{font-size:11px;color:var(--muted-foreground);display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.md-profile-detail strong{font-size:15px;color:var(--foreground);font-weight:700}.md-code{font-family:monospace;letter-spacing:.03em}.md-levels-section{margin-top:4px}.md-levels-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.md-levels-header span{font-size:12px;color:var(--muted-foreground);font-weight:500}.md-levels-header strong{font-size:13px;color:var(--primary);font-weight:700}.md-levels{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.md-level{height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:1px solid var(--border);background:#fff;color:var(--muted-foreground);transition:all .15s}.md-level.active{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.md-referral{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.md-referral-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.md-referral-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 10%,transparent)}.md-referral-icon ion-icon{font-size:20px;color:var(--primary)}.md-referral-title{font-size:15px;font-weight:700;color:var(--foreground);margin:0}.md-referral-desc{font-size:12px;color:var(--muted-foreground);margin:2px 0 0}.md-referral-url{padding:12px 14px;background:var(--background);border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--foreground);word-break:break-all;line-height:1.5;margin-bottom:12px}.md-referral-copy{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;width:100%;justify-content:center}.md-referral-copy:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.md-referral-copy.copied{background:var(--primary);color:#fff;border-color:var(--primary)}.md-referral-copy ion-icon{font-size:15px}.md-maintenance{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:border-color .2s}.md-maintenance.ok{border-left:4px solid #16a34a}.md-maintenance.warn{border-left:4px solid #dc2626}.md-maintenance-title{font-size:12px;color:var(--muted-foreground);margin:0 0 2px}.md-maint-top{display:flex;align-items:center;gap:12px}.md-maint-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.md-maint-icon ion-icon{font-size:22px}.md-maintenance.ok .md-maint-icon{background:#f0fdf4}.md-maintenance.ok .md-maint-icon ion-icon{color:#16a34a}.md-maintenance.warn .md-maint-icon{background:#fef2f2}.md-maintenance.warn .md-maint-icon ion-icon{color:#dc2626}.md-maint-text{flex:1}.md-maint-text .md-maintenance-title{font-size:12px;margin:0 0 2px}.md-maint-text strong{font-size:15px;color:var(--foreground)}.md-maint-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;gap:20px}.md-maint-detail span{font-size:11px;color:var(--muted-foreground);display:block;margin-bottom:2px}.md-maint-detail strong{font-size:14px;color:var(--foreground)}.md-maint-warn-text{margin-top:10px;font-size:12px;color:#dc2626}@media (max-width: 1024px){.md-kpis{grid-template-columns:repeat(2,1fr)}.md-columns{grid-template-columns:1fr}}@media (max-width: 560px){.md-page{padding:16px}.md-kpi{padding:14px}.md-kpi-value{font-size:18px}.md-profile-details{grid-template-columns:1fr}.md-levels{grid-template-columns:repeat(4,1fr)}.md-profile-head{flex-direction:column;gap:8px}}@media (max-width: 860px){.mlm-income-page,.mlm-team-page,.dl-page,.cm-page{padding:16px}.dl-stats,.cm-kpis{grid-template-columns:1fr 1fr}.dl-row{grid-template-columns:42px 1fr}.dl-side{grid-column:2;align-items:flex-start}.cm-detail-grid{grid-template-columns:1fr 1fr}.cm-toolbar,.mlm-income-header,.mlm-income-toolbar{flex-direction:column;align-items:stretch}.mlm-team-package{min-width:0;width:100%}.mlm-income-kpis,.mlm-income-detail-grid,.mlm-team-stats{grid-template-columns:1fr 1fr}.mlm-team-levels{grid-template-columns:repeat(4,minmax(76px,1fr))}.mlm-team-row{grid-template-columns:46px minmax(0,1fr)}.mlm-team-side{grid-column:2;align-items:flex-start;text-align:left;white-space:normal}.mlm-income-table{min-width:760px}.mlm-income-panel{overflow-x:auto}}@media (max-width: 560px){.mlm-empty-state{margin:28px auto;padding:24px 18px}.mlm-income-kpis,.mlm-income-detail-grid,.mlm-team-stats{grid-template-columns:1fr}.mlm-team-levels{grid-template-columns:repeat(2,minmax(70px,1fr))}.mlm-team-stat-card{min-height:82px;padding:16px}.mlm-team-stat-icon{width:48px;height:48px;flex-basis:48px}.mlm-team-stat-icon ion-icon{width:30px;height:30px}.mlm-team-tabs ion-button{flex:1 1 100%}}.page-profile{height:100%}.pf-topbar{display:flex;align-items:center;padding:20px 28px;background:#fff;border-bottom:1px solid var(--border)}.pf-topbar h1{font-size:20px;font-weight:700;color:var(--foreground);margin:0;line-height:1.3}.pf-topbar p{font-size:13px;color:var(--muted-foreground);margin:2px 0 0}.pf-content{--background: #f8f9fa}.pf-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;max-width:980px;margin:0 auto;padding:32px 28px;align-items:start}.pf-sidebar{display:flex;flex-direction:column;gap:16px}.pf-avatar-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}.pf-avatar-banner{height:90px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));position:relative}.pf-avatar-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,rgba(0,0,0,.05),transparent)}.pf-avatar-body{display:flex;flex-direction:column;align-items:center;padding:0 20px 28px;margin-top:-44px}.pf-avatar-wrap{position:relative;cursor:pointer;margin-bottom:16px}.pf-avatar{width:84px;height:84px;--border-radius: 50%;background:var(--card);border:4px solid var(--card);box-shadow:0 4px 16px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;overflow:hidden}.pf-avatar-initial{font-size:30px;font-weight:800;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pf-avatar-overlay{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:22px}.pf-avatar-wrap:hover .pf-avatar-overlay{opacity:1}.pf-name{font-size:16px;font-weight:700;color:var(--foreground);margin:0 0 10px;text-align:center;word-break:break-all;line-height:1.4}.pf-status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600}.pf-status-dot{width:7px;height:7px;border-radius:50%}.pf-status-online{background:#f0fdf4;color:#16a34a}.pf-status-online .pf-status-dot{background:#16a34a}.pf-status-away{background:#fffbeb;color:#d97706}.pf-status-away .pf-status-dot{background:#d97706}.pf-status-offline{background:var(--card);color:var(--muted-foreground);border:1px solid var(--border)}.pf-status-offline .pf-status-dot{background:var(--muted-foreground)}.pf-info-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.pf-info-card h3{font-size:14px;font-weight:700;color:var(--foreground);margin:0 0 16px}.pf-info-list{display:flex;flex-direction:column;gap:14px}.pf-info-item{display:flex;align-items:flex-start;gap:12px}.pf-info-item ion-icon{font-size:18px;color:var(--primary);flex-shrink:0;margin-top:2px}.pf-info-item div{display:flex;flex-direction:column}.pf-info-label{font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:2px}.pf-info-value{font-size:14px;font-weight:600;color:var(--foreground)}.pf-form-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.pf-form-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.pf-form-header h3{font-size:18px;font-weight:700;color:var(--foreground);margin:0 0 4px}.pf-form-header p{font-size:13px;color:var(--muted-foreground);margin:0;line-height:1.6}.pf-form{display:flex;flex-direction:column;gap:20px}.pf-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pf-field{display:flex;flex-direction:column;gap:7px}.pf-field label{font-size:13px;font-weight:700;color:var(--foreground)}.pf-input{--highlight-color-focused: none;--padding-start: 14px;--color: var(--muted-foreground) !important;font-size:14px!important;font-weight:400!important;color:var(--muted-foreground)!important;background:var(--background);border:1.5px solid var(--border);border-radius:10px;height:0;transition:border-color .2s,box-shadow .2s}.pf-input input,.pf-input textarea,.pf-input .native-input,.pf-input .native-textarea{color:var(--muted-foreground)!important;font-weight:400!important;font-size:14px!important}.pf-input input::placeholder,.pf-input textarea::placeholder,.pf-input .native-input::placeholder,.pf-input .native-textarea::placeholder{color:#ccc!important;font-weight:400!important;opacity:1!important}.pf-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.pf-input:hover:not(:focus-within){border-color:var(--muted-foreground)}.pf-textarea{height:auto;--padding-top: 10px}.pf-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.pf-btn-cancel{padding:10px 24px;border:none;background:transparent;color:var(--muted-foreground);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;border-radius:10px;transition:background .15s}.pf-btn-cancel:hover{background:var(--background);color:var(--foreground)}.pf-btn-save{padding:10px 24px;border:none;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;display:flex;align-items:center;gap:6px}.pf-btn-save ion-icon{font-size:16px}.pf-btn-save:hover:not(:disabled){background:var(--primary-hover)}.pf-btn-save:disabled{opacity:.5;cursor:default}@media (max-width: 768px){.pf-layout{grid-template-columns:1fr;padding:20px 16px}.pf-form-row{grid-template-columns:1fr}.pf-form-card{padding:20px}.pf-form-footer{flex-direction:column-reverse}.pf-btn-save,.pf-btn-cancel{width:100%;justify-content:center;text-align:center}}.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}