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-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-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{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{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, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !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, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !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, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 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, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !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, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !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, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !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, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !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, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !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 #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}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}.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:not(.hydrated) body{display:none}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, #3880ff)}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-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-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}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!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}}:root{--ion-color-primary: #4A6FA5;--ion-color-primary-rgb: 74, 111, 165;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3D5C8A;--ion-color-primary-tint: #5C7FB0;--primary-dark: #3D5C8A;--primary-light: #6B8FC0;--ion-color-secondary: #E8A87C;--ion-color-secondary-rgb: 232, 168, 124;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #CC946D;--ion-color-secondary-tint: #EAB189;--ion-color-tertiary: #85CDCA;--ion-color-tertiary-rgb: 133, 205, 202;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #75B4B2;--ion-color-tertiary-tint: #91D2CF;--ion-color-success: #66BB6A;--ion-color-success-rgb: 102, 187, 106;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #5AA55D;--ion-color-success-tint: #75C279;--ion-color-warning: #FFB74D;--ion-color-warning-rgb: 255, 183, 77;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #E0A144;--ion-color-warning-tint: #FFBE5F;--ion-color-danger: #EF5350;--ion-color-danger-rgb: 239, 83, 80;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #D24946;--ion-color-danger-tint: #F16462;--ion-color-dark: #2C3E50;--ion-color-dark-rgb: 44, 62, 80;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #263746;--ion-color-dark-tint: #415162;--ion-color-medium: #8E99A4;--ion-color-medium-rgb: 142, 153, 164;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #7D8790;--ion-color-medium-tint: #99A3AD;--ion-color-light: #F8F9FA;--ion-color-light-rgb: 248, 249, 250;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #DADCDD;--ion-color-light-tint: #F9FAFB;--app-background: #F5F7FA;--app-background-secondary: #FFFFFF;--card-background: #FFFFFF;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-tertiary: #BDC3C7;--text-inverse: #FFFFFF;--border-color: #E8ECF0;--border-color-light: #F0F3F6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(74, 111, 165, .08);--shadow-card-hover: 0 4px 16px rgba(74, 111, 165, .15);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-title: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--gradient-primary: linear-gradient(135deg, #4A6FA5 0%, #5C7FB0 100%);--gradient-warm: linear-gradient(135deg, #E8A87C 0%, #F0C19D 100%);--gradient-cool: linear-gradient(135deg, #85CDCA 0%, #A8DBD9 100%);--gradient-subtle: linear-gradient(180deg, #FFFFFF 0%, #F8F9FA 100%);--ion-background-color: var(--app-background);--ion-item-background: var(--card-background);--ion-card-background: var(--card-background);--ion-toolbar-background: var(--app-background-secondary);--ion-tab-bar-background: var(--app-background-secondary)}ion-content{--background: var(--app-background)}ion-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:var(--spacing-md);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}ion-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}ion-item{--padding-start: var(--spacing-md);--padding-end: var(--spacing-md);--inner-padding-end: 0;--min-height: 52px}ion-toolbar{--padding-start: var(--spacing-md);--padding-end: var(--spacing-md)}ion-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--text-primary)}ion-tab-bar{--background: var(--app-background-secondary);border-top:1px solid var(--border-color-light);padding-bottom:env(safe-area-inset-bottom);height:calc(56px + env(safe-area-inset-bottom))}ion-tab-button{--color: var(--text-secondary);--color-selected: var(--ion-color-primary)}ion-button{--border-radius: var(--radius-md);font-weight:var(--font-weight-medium);letter-spacing:.3px;text-transform:none}ion-chip{--background: var(--ion-color-light);--color: var(--text-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm)}ion-input,ion-textarea{--padding-start: var(--spacing-md);--padding-end: var(--spacing-md);--background: var(--app-background-secondary);border-radius:var(--radius-md)}ion-item-divider{--background: var(--app-background);--color: var(--text-secondary);--padding-start: var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}ion-refresher{--color: var(--ion-color-primary)}ion-spinner{--color: var(--ion-color-primary)}:root{--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-xxl: 1320px}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.bg-card{background:var(--card-background)!important}.bg-app{background:var(--app-background)!important}.shadow-card{box-shadow:var(--shadow-card)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.font-medium{font-weight:var(--font-weight-medium)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width: 576px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 992px){.container{max-width:var(--container-lg)}}@media (min-width: 1200px){.container{max-width:var(--container-xl)}}@media (min-width: 1400px){.container{max-width:var(--container-xxl)}}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 576px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.hidden{display:none!important}.block{display:block!important}.flex{display:flex!important}@media (min-width: 768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}}@media (min-width: 992px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media (min-width: 992px){.desktop-layout{display:flex;min-height:100vh}.desktop-sidebar{width:280px;flex-shrink:0;background:var(--card-background);border-right:1px solid var(--border-color);position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.desktop-main{flex:1;margin-left:280px}ion-tab-bar{display:none!important}}@media (min-width: 992px){.desktop-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--card-background);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.desktop-header .search-box{flex:1;max-width:480px;margin:0 var(--spacing-xl)}.desktop-header .nav-actions{display:flex;gap:var(--spacing-md);align-items:center}}ion-toast.custom-toast{--background: rgba(0, 0, 0, .7) !important;--color: white !important;top:25vh!important;opacity:.7!important}ion-toast.custom-toast::part(container){background:#000000b3!important;color:#fff!important}ion-toast.custom-toast::part(message){opacity:1!important}.home-toolbar{--background: transparent;--border-width: 0}.home-title{font-size:20px;font-weight:600;color:var(--text-primary)}.home-hero{position:relative;padding:24px 20px 40px;background:linear-gradient(135deg,#4a6fa5,#6b8cbf,#85cdca);border-radius:0 0 32px 32px;overflow:hidden}.home-hero-content{position:relative;z-index:2}.home-hero-title{margin:0;font-size:32px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:1px}.home-hero-title:first-child{opacity:.9}.home-hero-subtitle{margin:12px 0 0;font-size:14px;color:#fffc;font-weight:400}.home-hero-decoration{position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:#ffffff1a;border-radius:50%}.home-hero-decoration:before{content:"";position:absolute;top:50px;left:50px;width:100px;height:100px;background:#ffffff1a;border-radius:50%}.home-categories-section{padding:24px 16px;margin-top:-20px;position:relative;z-index:3}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.section-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.section-badge{font-size:12px;color:var(--text-secondary);background:var(--ion-color-light);padding:4px 10px;border-radius:12px}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:all .25s ease;animation:fadeInUp .4s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.category-card:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.category-icon-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:linear-gradient(135deg,#f8f9fa,#eef2f7);border-radius:var(--radius-md)}.category-icon{width:36px;height:36px;object-fit:contain}.category-icon-fallback{font-size:32px;line-height:1}.category-icon-fallback.hidden{display:none}.category-name{font-size:13px;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}@media (min-width: 400px){.category-card{padding:24px 16px}.category-icon-wrapper{width:64px;height:64px}.category-icon{width:40px;height:40px}.category-name{font-size:14px}}@media (min-width: 576px){.home-hero{padding:32px 24px 48px;border-radius:0 0 40px 40px}.home-hero-title{font-size:36px}.home-hero-subtitle{font-size:16px}.categories-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width: 768px){.home-hero{padding:40px 32px 56px;border-radius:0 0 48px 48px}.home-hero-content{max-width:600px}.home-hero-title{font-size:42px}.home-categories-section{padding:32px 24px}.categories-grid{grid-template-columns:repeat(4,1fr);gap:20px}.category-card{padding:28px 20px}.category-icon-wrapper{width:72px;height:72px}.category-icon{width:48px;height:48px}.category-icon-fallback{font-size:40px}}@media (min-width: 992px){.home-toolbar{--background: var(--card-background);border-bottom:1px solid var(--border-color)}.home-title{font-size:24px}.home-hero{padding:56px 48px 72px;border-radius:0 0 60px 60px;margin:24px 24px 0}.home-hero-content{max-width:700px}.home-hero-title{font-size:48px;display:inline}.home-hero-title:first-child:after{content:" "}.home-hero-subtitle{font-size:18px;margin-top:16px}.home-hero-decoration{width:200px;height:200px;top:-50px;right:50px}.home-hero-decoration:before{width:150px;height:150px;top:80px;left:80px}.home-categories-section{padding:40px;max-width:1400px;margin:-32px auto 0}.section-header{margin-bottom:28px}.section-title{font-size:22px}.section-badge{font-size:13px;padding:5px 14px}.categories-grid{grid-template-columns:repeat(5,1fr);gap:24px}.category-card{padding:32px 24px;border-radius:var(--radius-xl);transition:all .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.category-card:active{transform:translateY(-2px) scale(.98)}.category-icon-wrapper{width:80px;height:80px;margin-bottom:14px}.category-icon{width:52px;height:52px}.category-icon-fallback{font-size:44px}.category-name{font-size:15px;font-weight:600}}@media (min-width: 1200px){.home-hero{padding:64px 56px 80px;margin:32px 32px 0}.home-hero-content{max-width:800px}.home-hero-title{font-size:56px}.home-categories-section{padding:48px}.categories-grid{grid-template-columns:repeat(6,1fr);gap:28px}.category-card{padding:36px 28px}.category-icon-wrapper{width:88px;height:88px;margin-bottom:16px}.category-icon{width:56px;height:56px}.category-icon-fallback{font-size:48px}.category-name{font-size:16px}}@media (min-width: 1400px){.home-hero{padding:72px 64px 88px;margin:40px 48px 0;border-radius:0 0 72px 72px}.home-hero-title{font-size:64px}.home-hero-subtitle{font-size:20px;margin-top:20px}.home-categories-section{padding:56px 64px;max-width:1600px}.section-title{font-size:26px}.categories-grid{grid-template-columns:repeat(6,1fr);gap:32px}.category-card{padding:40px 32px}.category-icon-wrapper{width:96px;height:96px}.category-icon{width:60px;height:60px}}.login-page{--background: linear-gradient(135deg, #4A6FA5 0%, #6B8CBF 50%, #85CDCA 100%)}.login-page ion-content{--background: transparent}.login-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.bg-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:300px;height:300px;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.circle-2{width:200px;height:200px;bottom:100px;left:-80px;animation:float 10s ease-in-out infinite reverse}.circle-3{width:150px;height:150px;bottom:-50px;right:50px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;padding:60px 24px 40px}.login-header{text-align:center;margin-bottom:48px;animation:fadeInDown .6s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.logo-icon{font-size:40px}.login-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;letter-spacing:2px}.login-subtitle{margin:0;font-size:15px;color:#ffffffd9}.login-form{flex:1;animation:fadeInUp .6s ease .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input-group{display:flex;align-items:center;margin-bottom:16px;padding:4px;background:#fffffff2;border-radius:14px;box-shadow:0 4px 16px #0000001a}.input-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--ion-color-primary)}.input-icon ion-icon{font-size:22px}.login-input{flex:1;height:48px;padding:0 12px;background:transparent;border:none;font-size:15px;color:var(--text-primary);outline:none}.login-input::placeholder{color:var(--text-tertiary)}.login-input.code-input{flex:1}.code-btn{flex-shrink:0;padding:10px 16px;margin-right:4px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border:none;border-radius:10px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.code-btn:active{transform:scale(.95)}.code-btn.disabled{background:var(--ion-color-medium);cursor:not-allowed}.invite-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;margin-bottom:24px;background:#fff3;border:1.5px dashed rgba(255,255,255,.5);border-radius:14px;font-size:14px;color:#ffffffe6;cursor:pointer;transition:all .2s ease}.invite-toggle ion-icon{font-size:18px}.invite-toggle:active{background:#ffffff4d}.invite-group{animation:fadeInUp .3s ease}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;margin-bottom:16px;background:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;color:var(--ion-color-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #00000026}.login-btn ion-icon{font-size:20px}.login-btn:active{transform:scale(.98);box-shadow:0 2px 12px #0000001a}.skip-btn{display:block;width:100%;padding:14px;background:transparent;border:none;font-size:14px;color:#fffc;cursor:pointer;transition:color .2s ease}.skip-btn:active{color:#fff}.login-footer{text-align:center;margin-top:auto;padding-top:30px;animation:fadeIn .6s ease .4s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-footer p{margin:0;font-size:12px;color:#ffffffb3}.login-footer a{color:#fff;text-decoration:underline}@media (min-width: 400px){.login-container{padding:80px 32px 50px}.logo-wrapper{width:90px;height:90px}.logo-icon{font-size:48px}.login-title{font-size:32px}}@media (min-width: 576px){.login-container{max-width:440px;margin:0 auto;padding:100px 40px 60px}.login-header{margin-bottom:56px}.logo-wrapper{width:100px;height:100px;margin-bottom:24px}.logo-icon{font-size:52px}.login-title{font-size:36px;margin-bottom:10px}.login-subtitle{font-size:16px}.input-group{margin-bottom:20px;padding:6px;border-radius:16px}.input-icon{width:52px;height:52px}.input-icon ion-icon{font-size:24px}.login-input{height:52px;font-size:16px}.code-btn{padding:12px 20px;font-size:14px}.invite-toggle{padding:16px;margin-bottom:28px;font-size:15px}.login-btn{padding:18px 28px;font-size:17px;border-radius:16px}.skip-btn{padding:16px;font-size:15px}.login-footer p{font-size:13px}.circle-1{width:400px;height:400px}.circle-2{width:280px;height:280px}.circle-3{width:200px;height:200px}}@media (min-width: 768px){.login-container{max-width:480px;padding:120px 48px 80px}.login-header{margin-bottom:64px}.logo-wrapper{width:110px;height:110px;margin-bottom:28px;border-radius:28px}.logo-icon{font-size:56px}.login-title{font-size:40px;margin-bottom:12px;letter-spacing:3px}.login-subtitle{font-size:17px}.input-group{margin-bottom:24px;box-shadow:0 6px 20px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.input-group:focus-within{transform:translateY(-2px);box-shadow:0 8px 28px #00000026}.input-icon{width:56px;height:56px}.login-input{height:56px;font-size:17px}.code-btn{padding:14px 24px;font-size:15px;border-radius:12px}.invite-toggle{padding:18px;margin-bottom:32px;font-size:16px;border-radius:16px;transition:all .2s ease}.invite-toggle:hover{background:#ffffff40;border-color:#fff9}.login-btn{padding:20px 32px;font-size:18px;transition:all .25s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0003}.skip-btn{padding:18px;font-size:16px;transition:all .2s ease}.skip-btn:hover{color:#fff}.login-footer{padding-top:40px}.login-footer p{font-size:14px}}@media (min-width: 992px){.login-container{max-width:520px;padding:80px 56px;margin-top:60px;background:#ffffff1a;border-radius:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000026}.login-header{margin-bottom:48px}.logo-wrapper{width:100px;height:100px;margin-bottom:24px}.logo-icon{font-size:52px}.login-title{font-size:36px;margin-bottom:10px}.login-subtitle{font-size:16px}.input-group,.login-btn{margin-bottom:20px}.login-footer{padding-top:32px}.circle-1{width:500px;height:500px;top:-150px;right:-150px}.circle-2{width:350px;height:350px}.circle-3{width:250px;height:250px;right:100px}}@media (min-width: 1200px){.login-container{max-width:560px;padding:88px 64px;margin-top:80px;border-radius:36px}.logo-wrapper{width:110px;height:110px;margin-bottom:28px;border-radius:30px}.logo-icon{font-size:56px}.login-title{font-size:40px;margin-bottom:12px}.login-subtitle{font-size:17px}.input-group{margin-bottom:24px;padding:8px;border-radius:18px}.input-icon{width:60px;height:60px}.input-icon ion-icon{font-size:26px}.login-input{height:60px;font-size:18px}.code-btn{padding:16px 28px;font-size:16px}.invite-toggle{padding:20px;font-size:17px}.login-btn{padding:22px 36px;font-size:19px;border-radius:18px}.login-btn ion-icon{font-size:22px}.skip-btn{padding:20px;font-size:17px}.login-footer p{font-size:15px}.login-footer a{transition:opacity .2s ease}.login-footer a:hover{opacity:.8}}@media (min-width: 1400px){.login-container{max-width:600px;padding:96px 72px;margin-top:100px;border-radius:40px}.logo-wrapper{width:120px;height:120px;margin-bottom:32px;border-radius:32px}.logo-icon{font-size:60px}.login-title{font-size:44px;margin-bottom:14px;letter-spacing:4px}.login-subtitle{font-size:18px}.input-group{margin-bottom:28px;padding:10px;border-radius:20px}.input-icon{width:64px;height:64px}.input-icon ion-icon{font-size:28px}.login-input{height:64px;font-size:19px;padding:0 16px}.code-btn{padding:18px 32px;font-size:17px;border-radius:14px}.invite-toggle{padding:22px;margin-bottom:36px;font-size:18px;border-radius:20px}.invite-toggle ion-icon{font-size:22px}.login-btn{padding:24px 40px;margin-bottom:24px;font-size:20px;border-radius:20px}.login-btn ion-icon{font-size:24px}.skip-btn{padding:22px;font-size:18px}.login-footer{padding-top:40px}.login-footer p{font-size:16px}.circle-1{width:600px;height:600px;top:-200px;right:-200px}.circle-2{width:400px;height:400px;bottom:50px;left:-150px}.circle-3{width:300px;height:300px;bottom:-80px;right:150px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.login-container{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.compare-tab-page{--background: var(--ion-background-color)}.compare-tab-toolbar{--background: var(--card-background);--border-width: 0}.compare-tab-toolbar ion-title{font-size:18px;font-weight:600;color:var(--text-primary)}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;padding:40px;text-align:center}.coming-soon-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:linear-gradient(135deg,#4a6fa51a,#85cdca1a);border-radius:50%}.coming-soon-icon ion-icon{font-size:48px;color:var(--ion-color-primary)}.coming-soon-container h2{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.coming-soon-container p{margin:0;font-size:14px;color:var(--text-secondary)}@media (min-width: 576px){.compare-tab-toolbar ion-title{font-size:20px}.coming-soon-container{padding:60px}.coming-soon-icon{width:120px;height:120px;margin-bottom:28px}.coming-soon-icon ion-icon{font-size:56px}.coming-soon-container h2{font-size:24px;margin-bottom:12px}.coming-soon-container p{font-size:16px}}@media (min-width: 768px){.coming-soon-container{height:60%;padding:80px}.coming-soon-icon{width:140px;height:140px;margin-bottom:32px}.coming-soon-icon ion-icon{font-size:64px}.coming-soon-container h2{font-size:28px}.coming-soon-container p{font-size:17px}}@media (min-width: 992px){.compare-tab-toolbar{border-bottom:1px solid var(--border-color)}.compare-tab-toolbar ion-title{font-size:24px}.coming-soon-container{max-width:600px;margin:0 auto;padding:100px 40px}.coming-soon-icon{width:160px;height:160px;margin-bottom:36px;transition:transform .3s ease}.coming-soon-icon:hover{transform:scale(1.05)}.coming-soon-icon ion-icon{font-size:72px}.coming-soon-container h2{font-size:32px;margin-bottom:14px}.coming-soon-container p{font-size:18px;max-width:400px;line-height:1.6}}@media (min-width: 1200px){.compare-tab-toolbar ion-title{font-size:26px}.coming-soon-container{max-width:700px;padding:120px 60px}.coming-soon-icon{width:180px;height:180px;margin-bottom:40px}.coming-soon-icon ion-icon{font-size:80px}.coming-soon-container h2{font-size:36px;margin-bottom:16px}.coming-soon-container p{font-size:20px}}@media (min-width: 1400px){.coming-soon-container{max-width:800px;padding:140px 80px}.coming-soon-icon{width:200px;height:200px;margin-bottom:48px}.coming-soon-icon ion-icon{font-size:88px}.coming-soon-container h2{font-size:40px;margin-bottom:18px}.coming-soon-container p{font-size:22px}}.favorites-page{--background: var(--ion-background-color)}.favorites-toolbar{--background: var(--card-background);--border-width: 0}.favorites-toolbar ion-title{font-size:18px;font-weight:600;color:var(--text-primary)}.favorites-layout{display:flex;height:100%}.category-sidebar{width:100px;flex-shrink:0;background:linear-gradient(180deg,#f8f9fa,#f0f2f5);border-right:1px solid var(--border-light);overflow-y:auto}.category-list{padding:8px 0}.category-item{position:relative;padding:16px 12px;text-align:center;cursor:pointer;transition:all .2s ease}.category-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border-radius:0 3px 3px 0;transition:height .2s ease}.category-item.active{background:var(--card-background)}.category-item.active:before{height:24px}.category-item:active{background:#4a6fa50d}.category-name{font-size:13px;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-item.active .category-name{color:var(--ion-color-primary);font-weight:600}.favorites-content{flex:1;overflow-y:auto;background:var(--ion-background-color)}.favorites-list{padding:16px;display:flex;flex-direction:column;gap:12px}.favorite-card{display:flex;align-items:center;padding:12px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:all .25s ease;animation:fadeInUp .4s ease forwards;opacity:0}.favorite-thumbnail{width:64px;height:64px;flex-shrink:0;margin-right:12px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#eef2f7)}.favorite-thumbnail img{width:100%;height:100%;object-fit:cover}.favorite-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6fa5,#85cdca)}.favorite-thumbnail .thumbnail-placeholder span{font-size:24px;font-weight:700;color:#ffffffe6}.favorite-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.favorite-content{flex:1;min-width:0}.favorite-title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.favorite-name{margin:0 0 10px;font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.favorite-price{display:flex;align-items:baseline}.favorite-price .price-symbol{font-size:12px;color:var(--ion-color-danger);font-weight:500}.favorite-price .price-value{font-size:18px;font-weight:700;color:var(--ion-color-danger);letter-spacing:-.5px}.favorite-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:12px;color:var(--text-tertiary)}.favorite-arrow ion-icon{font-size:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:linear-gradient(135deg,#f0f4f8,#e8edf2);border-radius:50%}.empty-icon{font-size:40px;color:var(--text-tertiary)}.empty-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-secondary)}.empty-state p{margin:0;font-size:13px;color:var(--text-tertiary)}@media (min-width: 400px){.category-sidebar{width:110px}.category-item{padding:18px 14px}.category-name{font-size:14px}.favorite-card{padding:18px}.favorite-title{font-size:16px}.favorite-name{font-size:14px}}@media (min-width: 576px){.favorites-toolbar ion-title{font-size:20px}.category-sidebar{width:130px}.category-item{padding:20px 16px}.category-name{font-size:15px}.favorites-list{padding:20px;gap:16px}.favorite-card{padding:20px;border-radius:var(--radius-xl)}.favorite-thumbnail{width:80px;height:80px;margin-right:16px}.favorite-title{font-size:17px;margin-bottom:6px}.favorite-name{font-size:15px;margin-bottom:12px}.favorite-price .price-value{font-size:20px}.empty-icon-wrapper{width:90px;height:90px;margin-bottom:24px}.empty-icon{font-size:45px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}@media (min-width: 768px){.category-sidebar{width:160px}.category-item{padding:22px 18px;transition:all .2s ease}.category-item:hover{background:#4a6fa50d}.category-name{font-size:16px}.favorites-list{padding:24px;gap:18px}.favorite-card{padding:24px;transition:all .25s ease}.favorite-card:hover{transform:translate(4px);box-shadow:var(--shadow-card-hover)}.favorite-thumbnail{width:96px;height:96px;margin-right:20px;border-radius:var(--radius-lg)}.favorite-title{font-size:18px}.favorite-name{font-size:16px}.favorite-price .price-symbol{font-size:14px}.favorite-price .price-value{font-size:22px}.favorite-arrow{width:32px;height:32px;margin-left:16px}.favorite-arrow ion-icon{font-size:20px}}@media (min-width: 992px){.favorites-toolbar{border-bottom:1px solid var(--border-color)}.favorites-toolbar ion-title{font-size:22px}.category-sidebar{width:200px}.category-list{padding:12px 0}.category-item{padding:24px 20px}.category-item:before{width:4px}.category-item.active:before{height:32px}.category-name{font-size:17px}.favorites-content{max-width:1000px;margin:0 auto}.favorites-list{padding:32px;gap:20px}.favorite-card{padding:28px;border-radius:var(--radius-xl)}.favorite-thumbnail{width:110px;height:110px;margin-right:24px}.favorite-thumbnail .thumbnail-placeholder span{font-size:32px}.favorite-title{font-size:20px;margin-bottom:8px}.favorite-name{font-size:17px;margin-bottom:14px}.favorite-price .price-symbol{font-size:15px}.favorite-price .price-value{font-size:24px}.empty-state{padding:80px 40px}.empty-icon-wrapper{width:100px;height:100px}.empty-icon{font-size:50px}.empty-state h3{font-size:20px;margin-bottom:10px}.empty-state p{font-size:16px}}@media (min-width: 1200px){.favorites-toolbar ion-title{font-size:24px}.category-sidebar{width:240px}.category-item{padding:28px 24px}.category-name{font-size:18px}.favorites-content{max-width:1200px}.favorites-list{padding:40px;gap:24px}.favorite-card{padding:32px}.favorite-thumbnail{width:120px;height:120px;margin-right:28px}.favorite-title{font-size:22px}.favorite-name{font-size:18px;margin-bottom:16px}.favorite-price .price-symbol{font-size:16px}.favorite-price .price-value{font-size:26px}.favorite-arrow{width:36px;height:36px;margin-left:20px}.favorite-arrow ion-icon{font-size:22px}}@media (min-width: 1400px){.favorites-toolbar ion-title{font-size:26px}.category-sidebar{width:280px}.category-item{padding:32px 28px}.category-item.active:before{height:40px}.category-name{font-size:19px}.favorites-content{max-width:1400px}.favorites-list{padding:48px;gap:28px}.favorite-card{padding:36px;border-radius:24px}.favorite-thumbnail{width:140px;height:140px;margin-right:32px;border-radius:var(--radius-xl)}.favorite-thumbnail .thumbnail-placeholder span{font-size:36px}.favorite-title{font-size:24px;margin-bottom:10px}.favorite-name{font-size:19px;margin-bottom:18px}.favorite-price .price-symbol{font-size:17px}.favorite-price .price-value{font-size:28px}.favorite-arrow{width:40px;height:40px;margin-left:24px}.favorite-arrow ion-icon{font-size:24px}.empty-state{padding:100px 60px}.empty-icon-wrapper{width:120px;height:120px;margin-bottom:32px}.empty-icon{font-size:60px}.empty-state h3{font-size:24px;margin-bottom:12px}.empty-state p{font-size:18px}}.profile-page{--background: var(--ion-background-color)}.profile-toolbar{--background: transparent;--border-width: 0}.profile-toolbar ion-title{font-size:18px;font-weight:600;color:#fff}.profile-header{position:relative;padding:40px 20px 30px;overflow:hidden}.profile-header-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4a6fa5,#6b8cbf,#85cdca)}.profile-header-bg:after{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.profile-avatar-section{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;border:3px solid rgba(255,255,255,.5);overflow:hidden;margin-bottom:16px}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar ion-icon{font-size:48px;color:#ffffffe6}.profile-name{margin:0 0 6px;font-size:20px;font-weight:600;color:#fff}.profile-phone{margin:0;font-size:14px;color:#ffffffd9}.login-btn{padding:10px 32px;background:#fff3;border:1.5px solid rgba(255,255,255,.5);border-radius:24px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.login-btn:active{background:#ffffff4d;transform:scale(.98)}.invite-card{margin:-15px 16px 16px;padding:20px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;z-index:3}.invite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.invite-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.invite-title ion-icon{font-size:20px;color:var(--ion-color-primary)}.invite-count{font-size:13px;color:var(--text-secondary)}.invite-count strong{color:var(--ion-color-primary);font-weight:600}.invite-code-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f0f4f8,#e8edf2);border-radius:var(--radius-md);margin-bottom:16px}.invite-code-label{font-size:13px;color:var(--text-secondary)}.invite-code-value{display:flex;align-items:center;gap:10px}.invite-code{font-size:18px;font-weight:700;color:var(--ion-color-primary);letter-spacing:1px}.copy-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--card-background);border:1px solid var(--ion-color-primary);border-radius:16px;font-size:12px;color:var(--ion-color-primary);cursor:pointer;transition:all .2s ease}.copy-btn ion-icon{font-size:14px}.copy-btn:active{background:#4a6fa51a}.invite-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border:none;border-radius:12px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a6fa54d}.invite-btn ion-icon{font-size:18px}.invite-btn:active{transform:scale(.98);box-shadow:0 2px 8px #4a6fa533}.features-card{margin:0 16px 16px;padding:20px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.progress-section{margin-bottom:16px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.progress-text{font-weight:500;color:var(--text-primary)}.progress-bar{height:6px;border-radius:3px}.features-list{display:flex;flex-direction:column;gap:10px}.feature-item{display:flex;align-items:center;padding:12px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-radius:var(--radius-md)}.feature-item .feature-icon{font-size:20px;margin-right:10px}.feature-item.unlocked .feature-icon{color:var(--ion-color-success)}.feature-item.locked .feature-icon{color:var(--text-tertiary)}.feature-name{flex:1;font-size:14px;color:var(--text-primary)}.feature-item.locked .feature-name{color:var(--text-tertiary)}.feature-badge{padding:3px 8px;background:var(--ion-color-light);border-radius:10px;font-size:11px;color:var(--text-tertiary)}.menu-card{margin:0 16px 16px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px;cursor:pointer;transition:background .2s ease}.menu-item:not(:last-child){border-bottom:1px solid var(--border-light)}.menu-item:active{background:var(--ion-color-light)}.menu-item-left{display:flex;align-items:center;gap:12px}.menu-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6fa51a,#85cdca1a);border-radius:var(--radius-md)}.menu-icon-wrapper ion-icon{font-size:20px;color:var(--ion-color-primary)}.menu-item span{font-size:15px;color:var(--text-primary)}.menu-arrow{font-size:18px;color:var(--text-tertiary)}.logout-section{padding:0 16px;margin-bottom:16px}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:transparent;border:1.5px solid var(--ion-color-danger);border-radius:12px;font-size:15px;font-weight:500;color:var(--ion-color-danger);cursor:pointer;transition:all .2s ease}.logout-btn ion-icon{font-size:18px}.logout-btn:active{background:#ef44441a}.version-info{text-align:center;padding:20px}.version-info p{margin:0;font-size:12px;color:var(--text-tertiary)}@media (min-width: 400px){.profile-avatar{width:90px;height:90px}.profile-name{font-size:22px}.invite-code{font-size:20px}}@media (min-width: 576px){.profile-toolbar ion-title{font-size:20px}.profile-header{padding:48px 24px 36px}.profile-avatar{width:100px;height:100px;margin-bottom:20px}.profile-avatar ion-icon{font-size:56px}.profile-name{font-size:24px;margin-bottom:8px}.profile-phone{font-size:15px}.login-btn{padding:12px 40px;font-size:16px}.invite-card{margin:-20px 20px 20px;padding:24px;border-radius:var(--radius-xl)}.invite-title{font-size:18px}.invite-code{font-size:22px}.invite-btn{padding:16px 24px;font-size:16px}.features-card,.menu-card{margin:0 20px 20px;border-radius:var(--radius-xl)}.card-title{font-size:18px}.menu-item{padding:18px}.menu-item span{font-size:16px}.logout-section{padding:0 20px}.logout-btn{padding:16px 24px;font-size:16px}}@media (min-width: 768px){.profile-header{padding:56px 32px 44px}.profile-avatar{width:110px;height:110px;border-width:4px;margin-bottom:24px}.profile-avatar ion-icon{font-size:64px}.profile-name{font-size:26px}.profile-phone{font-size:16px}.login-btn{padding:14px 48px;font-size:17px;border-radius:28px;transition:all .25s ease}.login-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.invite-card{padding:28px;max-width:600px;margin:-24px auto 24px}.invite-header{margin-bottom:20px}.invite-title{font-size:19px;gap:10px}.invite-title ion-icon{font-size:24px}.invite-count{font-size:14px}.invite-code-row{padding:16px 20px;margin-bottom:20px}.invite-code-label{font-size:14px}.invite-code{font-size:24px}.copy-btn{padding:8px 16px;font-size:13px;transition:all .2s ease}.copy-btn:hover{background:#4a6fa51a}.invite-btn{padding:18px 28px;font-size:17px;border-radius:14px;transition:all .25s ease}.invite-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a6fa559}.features-card,.menu-card{max-width:600px;margin:0 auto 24px}.features-card{padding:28px}.card-title{font-size:19px;margin-bottom:20px}.feature-item{padding:16px;transition:all .2s ease}.feature-item:hover{background:linear-gradient(135deg,#f0f4f8,#e8edf2)}.feature-item .feature-icon{font-size:22px;margin-right:12px}.feature-name{font-size:15px}.menu-item{padding:20px;transition:all .2s ease}.menu-item:hover{background:var(--ion-color-light)}.menu-icon-wrapper{width:40px;height:40px}.menu-icon-wrapper ion-icon{font-size:22px}.menu-item span{font-size:17px}.logout-section{padding:0 32px;max-width:600px;margin:0 auto 24px}.logout-btn{padding:18px 28px;font-size:17px;border-radius:14px;transition:all .2s ease}.logout-btn:hover{background:#ef44441a}.version-info{padding:28px}.version-info p{font-size:13px}}@media (min-width: 992px){.profile-toolbar{--background: var(--card-background);border-bottom:1px solid var(--border-color)}.profile-toolbar ion-title{font-size:22px;color:var(--text-primary)}.profile-header{padding:64px 48px 52px;border-radius:0 0 48px 48px;margin:24px 24px 0}.profile-header-bg:after{width:280px;height:280px;top:-80px;right:40px}.profile-avatar{width:120px;height:120px;margin-bottom:28px}.profile-avatar ion-icon{font-size:72px}.profile-name{font-size:28px;margin-bottom:10px}.profile-phone{font-size:17px}.login-btn{padding:16px 56px;font-size:18px}.invite-card{margin:-30px 48px 32px;padding:32px;max-width:700px}.invite-title{font-size:20px}.invite-code{font-size:26px;letter-spacing:2px}.copy-btn{padding:10px 20px;font-size:14px}.invite-btn{padding:20px 32px;font-size:18px}.features-card,.menu-card{margin:0 48px 32px;max-width:700px}.features-card{padding:32px}.card-title{font-size:20px;margin-bottom:24px}.feature-item{padding:18px;border-radius:var(--radius-lg)}.feature-item .feature-icon{font-size:24px;margin-right:14px}.feature-name{font-size:16px}.feature-badge{padding:4px 10px;font-size:12px}.menu-item{padding:22px}.menu-icon-wrapper{width:44px;height:44px}.menu-icon-wrapper ion-icon{font-size:24px}.menu-item span{font-size:18px}.menu-arrow{font-size:20px}.logout-section{padding:0 48px;max-width:700px;margin-bottom:32px}.logout-btn{padding:20px 32px;font-size:18px}.version-info{padding:32px}.version-info p{font-size:14px}}@media (min-width: 1200px){.profile-toolbar ion-title{font-size:24px}.profile-header{padding:72px 56px 60px;margin:32px 32px 0;border-radius:0 0 56px 56px}.profile-avatar{width:130px;height:130px;margin-bottom:32px}.profile-avatar ion-icon{font-size:80px}.profile-name{font-size:32px}.profile-phone{font-size:18px}.login-btn{padding:18px 64px;font-size:19px}.invite-card{margin:-36px auto 40px;padding:40px;max-width:800px}.invite-title{font-size:22px;gap:12px}.invite-title ion-icon{font-size:28px}.invite-count{font-size:15px}.invite-code-row{padding:20px 28px}.invite-code-label{font-size:15px}.invite-code{font-size:28px}.copy-btn{padding:12px 24px;font-size:15px}.invite-btn{padding:22px 40px;font-size:19px}.features-card,.menu-card{margin:0 auto 40px;max-width:800px;border-radius:24px}.features-card{padding:40px}.card-title{font-size:22px}.features-list{gap:14px}.feature-item{padding:20px}.feature-item .feature-icon{font-size:26px;margin-right:16px}.feature-name{font-size:17px}.menu-item{padding:24px}.menu-icon-wrapper{width:48px;height:48px}.menu-icon-wrapper ion-icon{font-size:26px}.menu-item span{font-size:19px}.logout-section{max-width:800px;margin-bottom:40px}.logout-btn{padding:22px 40px;font-size:19px}}@media (min-width: 1400px){.profile-toolbar ion-title{font-size:26px}.profile-header{padding:80px 64px 68px;margin:40px 48px 0;border-radius:0 0 64px 64px}.profile-header-bg:after{width:320px;height:320px;top:-100px;right:60px}.profile-avatar{width:150px;height:150px;border-width:5px;margin-bottom:36px}.profile-avatar ion-icon{font-size:88px}.profile-name{font-size:36px;margin-bottom:12px}.profile-phone{font-size:20px}.login-btn{padding:20px 72px;font-size:20px;border-radius:32px}.invite-card{margin:-42px auto 48px;padding:48px;max-width:900px;border-radius:32px}.invite-header{margin-bottom:28px}.invite-title{font-size:24px}.invite-title ion-icon{font-size:32px}.invite-count{font-size:16px}.invite-code-row{padding:24px 32px;margin-bottom:28px;border-radius:var(--radius-lg)}.invite-code-label{font-size:16px}.invite-code{font-size:32px;letter-spacing:3px}.copy-btn{padding:14px 28px;font-size:16px;border-radius:20px}.invite-btn{padding:24px 48px;font-size:20px;border-radius:16px}.invite-btn ion-icon{font-size:22px}.features-card,.menu-card{max-width:900px;margin-bottom:48px}.features-card{padding:48px}.card-title{font-size:24px;margin-bottom:28px}.progress-info{font-size:15px;margin-bottom:10px}.progress-bar{height:8px;border-radius:4px}.features-list{gap:16px}.feature-item{padding:24px;border-radius:var(--radius-xl)}.feature-item .feature-icon{font-size:28px;margin-right:18px}.feature-name{font-size:18px}.feature-badge{padding:5px 12px;font-size:13px}.menu-item{padding:28px}.menu-icon-wrapper{width:52px;height:52px}.menu-icon-wrapper ion-icon{font-size:28px}.menu-item span{font-size:20px}.menu-arrow{font-size:22px}.logout-section{max-width:900px;margin-bottom:48px;padding:0}.logout-btn{padding:24px 48px;font-size:20px;border-radius:16px}.logout-btn ion-icon{font-size:22px}.version-info{padding:40px}.version-info p{font-size:15px}}.product-list-page{--background: var(--ion-background-color)}.list-toolbar{--background: var(--card-background);--border-width: 0}.list-toolbar ion-title{font-size:18px;font-weight:600;color:var(--text-primary)}.search-toolbar{--background: var(--card-background);--padding-top: 0;--padding-bottom: 8px;padding:0 12px 8px}.custom-searchbar{--background: var(--ion-color-light);--border-radius: 12px;--box-shadow: none;--placeholder-color: var(--text-tertiary);--icon-color: var(--text-secondary);padding:0!important;height:40px}.custom-searchbar .searchbar-input{font-size:14px;padding-left:12px!important}.filter-bar{display:flex;align-items:center;padding:10px 16px;background:var(--card-background);border-bottom:1px solid var(--border-light);gap:12px}.filter-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--ion-color-light);border:none;border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.filter-btn ion-icon{font-size:14px}.filter-btn.active{background:#4a6fa51a;color:var(--ion-color-primary)}.filter-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--ion-color-danger);border-radius:50%}.sort-select-wrapper{flex:1}.sort-select{width:100%;padding:6px 28px 6px 12px;background:var(--ion-color-light);border:none;border-radius:20px;font-size:13px;color:var(--text-primary);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.clear-btn{padding:6px 12px;background:transparent;border:1px solid var(--ion-color-primary);border-radius:20px;font-size:13px;color:var(--ion-color-primary);cursor:pointer;transition:all .2s ease}.clear-btn:active{background:#4a6fa51a}.field-settings-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--ion-color-light);border:none;border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.field-settings-btn ion-icon{font-size:14px}.field-settings-btn:active{background:#4a6fa51a}.product-count{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.products-container{padding:12px;display:flex;flex-direction:column;gap:8px}.product-card{display:flex;align-items:center;padding:12px;background:var(--card-background);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;transition:all .25s ease;animation:fadeInUp .4s ease forwards;opacity:0}.product-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.product-thumbnail{width:64px;height:64px;flex-shrink:0;margin-right:10px;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#eef2f7)}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6fa5,#85cdca)}.thumbnail-placeholder span{font-size:22px;font-weight:700;color:#ffffffe6}.product-card-content{flex:1;min-width:0}.product-main-info{margin-bottom:4px}.product-title{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-name{margin:0;font-size:12px;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.spec-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.spec-tag{padding:2px 6px;background:linear-gradient(135deg,#f0f4f8,#e8edf2);border-radius:4px;font-size:10px;color:var(--text-secondary);white-space:nowrap}.product-price{margin-top:4px}.price-symbol{font-size:11px;color:var(--ion-color-danger);font-weight:500}.price-value{font-size:15px;font-weight:700;color:var(--ion-color-danger);letter-spacing:-.5px}.product-actions{display:flex;flex-direction:column;gap:4px;margin-left:8px}.product-actions .action-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;background:#f5f7fa;border:1px solid #E0E6ED;border-radius:4px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.product-actions .action-btn span{font-size:11px;font-weight:500;color:#6b7c93}.product-actions .action-btn:active{transform:scale(.95)}.product-actions .action-btn.favorite{background:#fff5f5;border-color:#ffcdd2}.product-actions .action-btn.favorite span{color:#e57373}.product-actions .action-btn.active.favorite{background:#ffebee;border-color:#ef5350}.product-actions .action-btn.active.favorite span{color:#d32f2f}.product-actions .action-btn.compare{background:#e3f2fd;border-color:#90caf9}.product-actions .action-btn.compare span{color:#1976d2}.product-actions .action-btn.active.compare{background:#bbdefb;border-color:#1976d2}.product-actions .action-btn.active.compare span{color:#0d47a1}.bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--card-background);box-shadow:0 -4px 20px #00000014;z-index:100}.bottom-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.bottom-btn ion-icon{font-size:18px}.bottom-btn.outline{background:#fff;border:1.5px solid #4A6FA5;color:#4a6fa5}.bottom-btn.outline:active{background:#ebf0f7}.bottom-btn.primary{background:linear-gradient(135deg,#4a6fa5,#3d5c8a);border:none;color:#fff;box-shadow:0 4px 12px #4a6fa54d}.bottom-btn.primary:active{transform:scale(.98);box-shadow:0 2px 8px #4a6fa533;background:linear-gradient(135deg,#3d5c8a,#2c4a75)}.bottom-btn .badge{position:absolute;top:-4px;right:16px;min-width:18px;height:18px;padding:0 5px;background:var(--ion-color-danger);border-radius:9px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center}.filter-modal-content{--background: var(--ion-background-color)}.empty-filter{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.empty-filter ion-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-filter p{margin:0;font-size:14px}.filter-list{padding:20px 16px}.filter-item{margin-bottom:20px}.filter-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.filter-select,.filter-input{width:100%;padding:12px 16px;background:var(--card-background);border:1px solid var(--border-light);border-radius:10px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s ease}.filter-select:focus,.filter-input:focus{border-color:var(--ion-color-primary)}.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236B7280' d='M4 6L8 10L12 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-input::placeholder{color:var(--text-tertiary)}.filter-actions{display:flex;gap:12px;padding:16px;background:var(--card-background);border-top:1px solid var(--border-light)}.filter-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-action-btn ion-icon{font-size:18px}.filter-action-btn.outline{background:transparent;border:1.5px solid var(--border-light);color:var(--text-secondary)}.filter-action-btn.outline:active{background:var(--ion-color-light)}.filter-action-btn.primary{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border:none;color:#fff}.filter-action-btn.primary:active{transform:scale(.98)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.loading-container ion-spinner{width:36px;height:36px;margin-bottom:12px}.empty-icon{font-size:56px;margin-bottom:16px;opacity:.6}.empty-state p{margin:0;font-size:14px}@media (min-width: 400px){.product-card{padding:14px}.product-thumbnail{width:72px;height:72px}.product-title{font-size:14px}.product-name{font-size:12px}.spec-tag{font-size:10px;padding:2px 8px}}@media (min-width: 576px){.filter-bar{padding:12px 24px;gap:16px}.products-container{padding:20px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.product-card{flex-direction:column;align-items:stretch}.product-thumbnail{width:100%;height:140px;margin-right:0;margin-bottom:12px}.product-actions{flex-direction:row;margin-left:0;margin-top:12px;justify-content:flex-end}.bottom-bar{padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}}@media (min-width: 768px){.search-toolbar{padding:0 24px 12px}.custom-searchbar{--border-radius: 16px;height:48px}.filter-bar{padding:14px 32px;gap:20px}.filter-btn{padding:8px 16px;font-size:14px}.sort-select{padding:8px 32px 8px 16px;font-size:14px}.products-container{padding:24px 32px;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{padding:20px;border-radius:var(--radius-xl)}.product-thumbnail{height:160px;border-radius:var(--radius-md)}.product-title{font-size:17px}.product-name{-webkit-line-clamp:3}.price-value{font-size:20px}.bottom-bar{padding:18px 32px}.bottom-btn{padding:14px 24px;font-size:15px;border-radius:14px}}@media (min-width: 992px){.list-toolbar{--background: var(--card-background);border-bottom:1px solid var(--border-color)}.list-toolbar ion-title{font-size:22px}.search-toolbar{max-width:600px;margin:0 auto;padding:0 40px 16px}.filter-bar{padding:16px 40px;gap:24px;max-width:1400px;margin:0 auto}.filter-btn{padding:10px 20px;font-size:14px;border-radius:24px;transition:all .3s ease}.filter-btn:hover{background:#4a6fa50d}.filter-btn.active:hover{background:#4a6fa526}.sort-select{padding:10px 20px;font-size:14px;border-radius:24px;max-width:200px}.products-container{padding:32px 40px 100px;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:0 auto}.product-card{padding:24px;transition:all .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.product-card:active{transform:translateY(-2px) scale(.99)}.product-thumbnail{height:180px;border-radius:var(--radius-lg)}.thumbnail-placeholder span{font-size:36px}.product-title{font-size:18px;-webkit-line-clamp:2}.spec-tags{margin-top:14px}.spec-tag{padding:5px 12px;font-size:12px}.price-value{font-size:22px}.product-actions .action-btn{padding:8px 14px;border-radius:8px;transition:all .25s ease}.product-actions .action-btn span{font-size:13px}.product-actions .action-btn.favorite:hover{background:#ffebee;border-color:#ef5350}.product-actions .action-btn.compare:hover{background:#bbdefb;border-color:#1976d2}.bottom-bar{padding:20px 40px;max-width:800px;left:50%;transform:translate(-50%);border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #0000001a}.bottom-btn{padding:16px 32px;font-size:16px;border-radius:16px}}@media (min-width: 1200px){.filter-bar{padding:18px 48px}.products-container{padding:40px 48px;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1600px}.product-card{padding:24px}.product-thumbnail{height:200px}.product-title{font-size:18px}}@media (min-width: 1400px){.filter-bar{padding:20px 64px;max-width:1800px}.products-container{padding:48px 64px;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1800px}.product-card{padding:28px}.product-thumbnail{height:220px}.thumbnail-placeholder span{font-size:40px}.product-title{font-size:19px}.price-value{font-size:24px}}@media (min-width: 768px){.filter-modal-content{--max-width: 500px;--border-radius: 20px}.filter-list{padding:24px}.filter-item{margin-bottom:24px}.filter-label{font-size:15px;margin-bottom:10px}.filter-select,.filter-input{padding:14px 18px;font-size:15px;border-radius:12px}.filter-actions{padding:20px 24px}.filter-action-btn{padding:16px 24px;font-size:16px;border-radius:14px}}.field-settings-modal-content{--background: var(--ion-background-color)}.field-settings-list{padding:16px}.field-settings-section{margin-bottom:20px}.field-settings-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;padding-left:4px}.field-checkbox-item{display:flex;align-items:center;padding:12px 14px;background:var(--card-background);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.field-checkbox-item:active{background:#f5f7fa}.field-checkbox-item.disabled{opacity:.6;cursor:not-allowed}.field-checkbox{width:20px;height:20px;border:2px solid #D0D7DE;border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.field-checkbox.checked{background:var(--ion-color-primary);border-color:var(--ion-color-primary)}.field-checkbox ion-icon{font-size:14px;color:#fff}.field-checkbox-label{flex:1;font-size:14px;color:var(--text-primary)}.field-checkbox-fixed{font-size:11px;color:var(--text-tertiary);background:#f0f3f6;padding:2px 8px;border-radius:10px}.field-settings-actions{display:flex;gap:12px;padding:16px;background:var(--card-background);border-top:1px solid var(--border-light)}.field-settings-btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.field-settings-btn-action.outline{background:transparent;border:1.5px solid var(--border-light);color:var(--text-secondary)}.field-settings-btn-action.primary{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border:none;color:#fff}.field-settings-btn-action:active{transform:scale(.98)}.product-detail-page{--background: var(--app-background)}.detail-toolbar{--background: var(--app-background-secondary)}.toolbar-btn{--padding-start: 8px;--padding-end: 8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--text-secondary)}.loading-container ion-spinner{width:40px;height:40px;margin-bottom:12px}.loading-container p{margin:0;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.product-image-section{background:var(--card-background);padding:24px;display:flex;align-items:center;justify-content:center;min-height:240px}.product-image{max-width:100%;max-height:240px;object-fit:contain;border-radius:var(--radius-md)}.product-image-placeholder{width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#4a6fa5,#6b8cbf,#85cdca);border-radius:var(--radius-lg);box-shadow:0 8px 24px #4a6fa533}.product-image-placeholder svg{opacity:.9}.placeholder-brand{font-size:18px;font-weight:600;color:#fffffff2;letter-spacing:1px}.product-info-section{background:var(--card-background);padding:20px;margin-top:1px}.product-category-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#4a6fa5,#6b8cbf);color:#fff;font-size:12px;font-weight:500;border-radius:var(--radius-full);margin-bottom:12px}.product-title{margin:0 0 6px;font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.3}.product-name{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.4}.product-price{display:flex;align-items:baseline;margin-bottom:20px}.price-symbol{font-size:16px;font-weight:600;color:var(--ion-color-danger)}.price-value{font-size:28px;font-weight:700;color:var(--ion-color-danger);margin-left:2px}.action-buttons{display:flex;gap:12px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn ion-icon{font-size:18px}.favorite-btn{background:#fff0f0;color:#e57373}.favorite-btn:active{background:#ffebee;transform:scale(.98)}.favorite-btn.active{background:linear-gradient(135deg,#ef5350,#f06292);color:#fff}.compare-btn{background:#e8f4fd;color:var(--ion-color-primary)}.compare-btn:active{background:#dceefb;transform:scale(.98)}.compare-btn.active{background:linear-gradient(135deg,#4a6fa5,#5c7fb0);color:#fff}.specs-section{padding:20px;margin-top:12px;background:var(--card-background)}.spec-group{margin-bottom:16px;background:var(--app-background);border-radius:var(--radius-md);overflow:hidden}.spec-group:last-child{margin-bottom:0}.spec-group-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .2s ease}.spec-group-header:active{background:#00000008}.spec-group-title{font-size:15px;font-weight:600;color:var(--text-primary)}.spec-group-arrow{font-size:16px;color:var(--text-tertiary);transition:transform .25s ease}.spec-group-arrow.expanded{transform:rotate(90deg)}.spec-group-content{border-top:1px solid var(--border-color-light)}.spec-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;gap:16px}.spec-item.odd{background:#fff9}.spec-item.even{background:#ffffff4d}.spec-label{flex-shrink:0;font-size:14px;color:var(--text-secondary);max-width:40%}.spec-value{font-size:14px;color:var(--text-primary);text-align:right;word-break:break-word;flex:1}.features-section{padding:20px;margin-top:12px;background:var(--card-background)}.features-list{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#f8f9fa,#eef2f7);color:var(--text-primary);font-size:13px;font-weight:500;border-radius:var(--radius-full);border:1px solid var(--border-color-light)}.description-section{padding:20px;margin-top:12px;background:var(--card-background)}.description-text{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.7}.safe-area-bottom{height:calc(20px + env(safe-area-inset-bottom))}@media (min-width: 400px){.product-image-section{min-height:280px;padding:28px}.product-image{max-height:280px}.product-image-placeholder{width:240px;height:240px}.product-title{font-size:24px}.price-value{font-size:32px}}@media (min-width: 576px){.product-image-section{min-height:320px;padding:32px}.product-image{max-height:320px}.product-image-placeholder{width:280px;height:280px}.placeholder-brand{font-size:20px}.product-info-section{padding:24px}.product-category-tag{font-size:13px;padding:5px 14px}.product-title{font-size:26px}.product-name{font-size:15px}.action-btn{padding:14px 20px;font-size:15px}.specs-section,.features-section,.description-section{padding:24px}.section-title{font-size:20px}.spec-item{padding:14px 20px}.spec-label,.spec-value{font-size:15px}.feature-tag{font-size:14px;padding:8px 16px}.description-text{font-size:15px}}@media (min-width: 768px){.product-main-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;background:var(--app-background)}.product-image-section{border-radius:var(--radius-lg);min-height:400px;margin:0;position:sticky;top:24px;align-self:start}.product-image{max-height:400px}.product-image-placeholder{width:320px;height:320px}.product-info-wrapper{display:flex;flex-direction:column;gap:16px}.product-info-section{border-radius:var(--radius-lg);margin:0}.product-title{font-size:28px}.product-name{font-size:16px;margin-bottom:20px}.price-value{font-size:36px}.action-buttons{gap:16px}.action-btn{padding:16px 24px;font-size:16px;border-radius:var(--radius-lg);transition:all .25s ease}.action-btn:hover{transform:translateY(-2px)}.favorite-btn:hover{background:#ffe8e8;box-shadow:0 4px 12px #e5737333}.compare-btn:hover{background:#d8eefa;box-shadow:0 4px 12px #4a6fa533}.specs-section,.features-section,.description-section{border-radius:var(--radius-lg);margin:0;padding:28px}.spec-group{border-radius:var(--radius-lg)}.spec-group-header{padding:16px 20px}.spec-group-header:hover{background:#00000005}.spec-group-title{font-size:16px}.spec-item{padding:14px 24px}.features-list{gap:12px}.feature-tag{padding:10px 20px;font-size:14px;transition:all .2s ease}.feature-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}}@media (min-width: 992px){.detail-toolbar{--background: var(--card-background);border-bottom:1px solid var(--border-color)}.product-main-content{max-width:1200px;margin:0 auto;padding:32px;gap:32px}.product-image-section{min-height:450px;border-radius:var(--radius-xl);padding:40px}.product-image{max-height:450px}.product-image-placeholder{width:360px;height:360px}.placeholder-brand{font-size:22px}.product-info-section{border-radius:var(--radius-xl);padding:32px}.product-category-tag{font-size:14px;padding:6px 16px;margin-bottom:16px}.product-title{font-size:32px;margin-bottom:8px}.product-name{font-size:17px}.price-symbol{font-size:18px}.price-value{font-size:40px}.action-btn{padding:18px 28px;font-size:16px}.action-btn ion-icon{font-size:20px}.specs-section,.features-section,.description-section{border-radius:var(--radius-xl);padding:32px}.section-title{font-size:22px;margin-bottom:20px}.spec-group{border-radius:var(--radius-lg);margin-bottom:20px}.spec-group-header{padding:18px 24px}.spec-group-title{font-size:17px}.spec-item{padding:16px 28px}.spec-label,.spec-value{font-size:16px}.feature-tag{font-size:15px;padding:12px 24px}.description-text{font-size:16px;line-height:1.8}.safe-area-bottom{height:40px}}@media (min-width: 1200px){.product-main-content{max-width:1400px;padding:40px 48px;gap:40px}.product-image-section{min-height:500px;padding:48px}.product-image{max-height:500px}.product-image-placeholder{width:400px;height:400px;gap:24px}.placeholder-brand{font-size:24px;letter-spacing:2px}.product-info-section{padding:40px}.product-title{font-size:36px}.product-name{font-size:18px;margin-bottom:24px}.price-value{font-size:44px}.product-price{margin-bottom:28px}.action-buttons{gap:20px}.action-btn{padding:20px 32px;font-size:17px;border-radius:var(--radius-xl)}.specs-section,.features-section,.description-section{padding:40px}.section-title{font-size:24px;margin-bottom:24px}.spec-group{margin-bottom:24px}.spec-group-header{padding:20px 28px}.spec-group-title{font-size:18px}.spec-item{padding:18px 32px}.spec-label,.spec-value{font-size:17px}.features-list{gap:16px}.feature-tag{font-size:16px;padding:14px 28px}.description-text{font-size:17px}}@media (min-width: 1400px){.product-main-content{max-width:1600px;padding:48px 64px;gap:48px}.product-image-section{min-height:550px;padding:56px;border-radius:32px}.product-image{max-height:550px}.product-image-placeholder{width:450px;height:450px}.placeholder-brand{font-size:26px}.product-info-section{padding:48px;border-radius:32px}.product-category-tag{font-size:15px;padding:8px 20px;margin-bottom:20px}.product-title{font-size:40px}.product-name,.price-symbol{font-size:20px}.price-value{font-size:48px}.action-btn{padding:22px 36px;font-size:18px}.action-btn ion-icon{font-size:22px}.specs-section,.features-section,.description-section{padding:48px;border-radius:32px}.section-title{font-size:26px}.spec-group{border-radius:var(--radius-xl)}.spec-group-header{padding:22px 32px}.spec-group-title{font-size:19px}.spec-item{padding:20px 36px}.spec-label,.spec-value{font-size:18px}.feature-tag{font-size:17px;padding:16px 32px}.description-text{font-size:18px;line-height:1.9}.safe-area-bottom{height:48px}}.compare-page{--background: var(--ion-background-color)}.compare-toolbar{--background: var(--card-background);--border-width: 0}.compare-toolbar ion-title{font-size:18px;font-weight:600;color:var(--text-primary)}.clear-all-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:none;color:var(--ion-color-danger);font-size:14px;cursor:pointer;transition:opacity .2s ease}.clear-all-btn ion-icon{font-size:16px}.clear-all-btn:active{opacity:.6}.products-scroll-section{padding:20px 0 0;background:linear-gradient(180deg,var(--card-background) 0%,var(--ion-background-color) 100%)}.products-scroll{display:flex;gap:12px;padding:0 16px 20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.products-scroll::-webkit-scrollbar{display:none}.compare-product-card{position:relative;min-width:160px;max-width:180px;flex-shrink:0;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;scroll-snap-align:start;animation:fadeInUp .4s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.compare-product-card:nth-child(1){animation-delay:0s}.compare-product-card:nth-child(2){animation-delay:.1s}.compare-product-card:nth-child(3){animation-delay:.2s}.compare-product-card:nth-child(4){animation-delay:.3s}.remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;z-index:2;transition:all .2s ease}.remove-btn ion-icon{font-size:14px;color:#fff}.remove-btn:active{transform:scale(.9);background:#000000b3}.product-image-wrapper{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#eef2f7)}.product-image-wrapper .product-image{max-width:90%;max-height:100px;object-fit:contain}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a6fa5,#85cdca)}.image-placeholder span{font-size:36px;font-weight:700;color:#ffffffe6}.compare-product-card .product-info{padding:12px}.compare-product-card .product-title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-product-card .product-price{display:flex;align-items:baseline}.compare-product-card .price-symbol{font-size:11px;color:var(--ion-color-danger);font-weight:500}.compare-product-card .price-value{font-size:16px;font-weight:700;color:var(--ion-color-danger);letter-spacing:-.5px}.specs-compare-section{padding:24px 16px}.section-title{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.compare-table-wrapper{overflow-x:auto;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-overflow-scrolling:touch}.compare-table-wrapper::-webkit-scrollbar{height:4px}.compare-table-wrapper::-webkit-scrollbar-track{background:var(--ion-color-light)}.compare-table-wrapper::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:2px}.compare-table{width:100%;border-collapse:collapse;min-width:400px}.compare-table thead tr{background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%)}.spec-name-header{position:sticky;left:0;z-index:3;padding:14px 16px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:13px;font-weight:600;text-align:left;white-space:nowrap}.product-header{padding:14px 12px;color:#fff;font-size:13px;font-weight:600;text-align:center;min-width:120px}.group-header-row{background:linear-gradient(135deg,#f0f4f8,#e8edf2)}.group-header-cell{padding:10px 16px;font-size:13px;font-weight:600;color:var(--ion-color-primary)}.compare-table tbody tr.even{background:var(--card-background)}.compare-table tbody tr.odd{background:#f8f9fa80}.spec-name-cell{position:sticky;left:0;z-index:2;padding:12px 16px;background:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);border-right:1px solid var(--border-light);white-space:nowrap}.compare-table tbody tr.even .spec-name-cell{background:var(--card-background)}.compare-table tbody tr.odd .spec-name-cell{background:#f8f9facc}.spec-value-cell{padding:12px;font-size:13px;color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-light)}.features-compare-section{padding:0 16px 24px}.features-scroll{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.features-scroll::-webkit-scrollbar{display:none}.feature-card{min-width:200px;max-width:250px;flex-shrink:0;padding:16px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.feature-card-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.feature-tags{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{padding:4px 10px;background:linear-gradient(135deg,#4a6fa51a,#85cdca1a);border-radius:12px;font-size:12px;color:var(--ion-color-primary)}.no-features{font-size:13px;color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-secondary)}.empty-state p{margin:0;font-size:14px;color:var(--text-tertiary)}@media (min-width: 400px){.compare-product-card{min-width:180px;max-width:200px}.product-image-wrapper{height:140px}.compare-product-card .product-title{font-size:14px}.feature-card{min-width:220px;max-width:280px}}@media (min-width: 576px){.compare-toolbar ion-title{font-size:20px}.clear-all-btn{padding:8px 16px;font-size:15px}.products-scroll{gap:16px;padding:0 24px 24px}.compare-product-card{min-width:200px;max-width:240px}.product-image-wrapper{height:160px}.product-image-wrapper .product-image{max-height:130px}.image-placeholder span{font-size:42px}.compare-product-card .product-info{padding:16px}.compare-product-card .product-title{font-size:15px;margin-bottom:10px}.compare-product-card .price-value{font-size:18px}.remove-btn{width:28px;height:28px;top:10px;right:10px}.remove-btn ion-icon{font-size:16px}.specs-compare-section{padding:28px 24px}.section-title{font-size:20px;margin-bottom:20px}.compare-table{min-width:500px}.spec-name-header,.product-header{padding:16px 20px;font-size:14px}.spec-name-cell,.spec-value-cell{padding:14px 16px;font-size:14px}.product-header{min-width:140px}.features-compare-section{padding:0 24px 28px}.features-scroll{gap:16px}.feature-card{min-width:260px;max-width:320px;padding:20px}.feature-card-title{font-size:16px;margin-bottom:14px}.feature-tags{gap:8px}.feature-tag{padding:6px 14px;font-size:13px}.empty-state{padding:100px 24px}.empty-icon{font-size:72px}.empty-state h3{font-size:20px}.empty-state p{font-size:15px}}@media (min-width: 768px){.products-scroll-section{padding:28px 0 0}.products-scroll{gap:20px;padding:0 32px 28px;justify-content:center}.compare-product-card{min-width:220px;max-width:260px;transition:transform .25s ease,box-shadow .25s ease}.compare-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.product-image-wrapper{height:180px}.product-image-wrapper .product-image{max-height:150px}.compare-product-card .product-info{padding:20px}.compare-product-card .product-title{font-size:16px}.compare-product-card .price-value{font-size:20px}.remove-btn{width:32px;height:32px;opacity:0;transition:opacity .2s ease,transform .2s ease}.compare-product-card:hover .remove-btn{opacity:1}.remove-btn:hover{transform:scale(1.1);background:#ef5350e6}.specs-compare-section{padding:32px}.compare-table-wrapper{border-radius:var(--radius-xl)}.compare-table{min-width:600px}.spec-name-header,.product-header{padding:18px 24px;font-size:15px}.group-header-cell{padding:12px 24px;font-size:14px}.spec-name-cell,.spec-value-cell{padding:16px 20px;font-size:15px}.product-header{min-width:160px}.features-compare-section{padding:0 32px 32px}.features-scroll{gap:20px;justify-content:center}.feature-card{min-width:280px;max-width:360px;padding:24px;border-radius:var(--radius-xl);transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.feature-card-title{font-size:17px}.feature-tag{padding:8px 16px;font-size:14px;transition:all .2s ease}.feature-tag:hover{background:linear-gradient(135deg,#4a6fa526,#85cdca26)}}@media (min-width: 992px){.compare-toolbar{border-bottom:1px solid var(--border-color)}.compare-toolbar ion-title{font-size:22px}.clear-all-btn{padding:10px 20px;font-size:16px;border-radius:var(--radius-md);transition:all .2s ease}.clear-all-btn:hover{background:#ef53501a}.products-scroll-section{padding:32px 0 0}.products-scroll{gap:24px;padding:0 48px 32px;max-width:1400px;margin:0 auto}.compare-product-card{min-width:240px;max-width:280px;border-radius:var(--radius-xl)}.product-image-wrapper{height:200px}.product-image-wrapper .product-image{max-height:170px}.image-placeholder span{font-size:48px}.compare-product-card .product-info{padding:24px}.compare-product-card .product-title{font-size:17px;margin-bottom:12px}.compare-product-card .price-symbol{font-size:13px}.compare-product-card .price-value{font-size:22px}.specs-compare-section{padding:40px 48px;max-width:1400px;margin:0 auto}.section-title{font-size:24px;margin-bottom:24px}.compare-table-wrapper{box-shadow:var(--shadow-md)}.spec-name-header,.product-header{padding:20px 28px;font-size:16px}.group-header-cell{padding:14px 28px;font-size:15px}.spec-name-cell,.spec-value-cell{padding:18px 24px;font-size:16px}.product-header{min-width:180px}.features-compare-section{padding:0 48px 40px;max-width:1400px;margin:0 auto}.features-scroll{gap:24px;flex-wrap:wrap;overflow:visible}.feature-card{min-width:300px;max-width:400px;padding:28px}.feature-card-title{font-size:18px;margin-bottom:16px}.feature-tags{gap:10px}.feature-tag{padding:10px 20px;font-size:15px;border-radius:16px}.empty-state{padding:120px 48px}.empty-icon{font-size:80px}.empty-state h3{font-size:24px}.empty-state p{font-size:16px}.safe-area-bottom{height:40px}}@media (min-width: 1200px){.products-scroll{gap:28px;padding:0 64px 36px;max-width:1600px}.compare-product-card{min-width:260px;max-width:300px}.product-image-wrapper{height:220px}.product-image-wrapper .product-image{max-height:190px}.image-placeholder span{font-size:52px}.compare-product-card .product-info{padding:28px}.compare-product-card .product-title{font-size:18px}.compare-product-card .price-value{font-size:24px}.specs-compare-section{padding:48px 64px;max-width:1600px}.section-title{font-size:26px;margin-bottom:28px}.spec-name-header,.product-header{padding:22px 32px;font-size:17px}.group-header-cell{padding:16px 32px;font-size:16px}.spec-name-cell,.spec-value-cell{padding:20px 28px;font-size:17px}.product-header{min-width:200px}.features-compare-section{padding:0 64px 48px;max-width:1600px}.features-scroll{gap:28px}.feature-card{min-width:320px;max-width:450px;padding:32px}.feature-card-title{font-size:20px;margin-bottom:18px}.feature-tag{padding:12px 24px;font-size:16px}.no-features{font-size:15px}}@media (min-width: 1400px){.compare-toolbar ion-title{font-size:24px}.products-scroll-section{padding:40px 0 0}.products-scroll{gap:32px;padding:0 80px 40px;max-width:1800px}.compare-product-card{min-width:280px;max-width:320px;border-radius:24px}.product-image-wrapper{height:240px}.product-image-wrapper .product-image{max-height:210px}.image-placeholder span{font-size:56px}.compare-product-card .product-info{padding:32px}.compare-product-card .product-title{font-size:19px;margin-bottom:14px}.compare-product-card .price-symbol{font-size:14px}.compare-product-card .price-value{font-size:26px}.remove-btn{width:36px;height:36px;top:12px;right:12px}.remove-btn ion-icon{font-size:18px}.specs-compare-section{padding:56px 80px;max-width:1800px}.section-title{font-size:28px;margin-bottom:32px}.compare-table-wrapper{border-radius:24px}.spec-name-header,.product-header{padding:24px 36px;font-size:18px}.group-header-cell{padding:18px 36px;font-size:17px}.spec-name-cell,.spec-value-cell{padding:22px 32px;font-size:18px}.product-header{min-width:220px}.features-compare-section{padding:0 80px 56px;max-width:1800px}.features-scroll{gap:32px}.feature-card{min-width:340px;max-width:500px;padding:36px;border-radius:24px}.feature-card-title{font-size:22px;margin-bottom:20px}.feature-tags{gap:12px}.feature-tag{padding:14px 28px;font-size:17px;border-radius:20px}.no-features{font-size:16px}.empty-state{padding:140px 80px}.empty-icon{font-size:88px;margin-bottom:28px}.empty-state h3{font-size:28px;margin-bottom:12px}.empty-state p{font-size:18px}.safe-area-bottom{height:56px}}.invite-center-page{--background: var(--ion-background-color)}.invite-toolbar{--background: var(--card-background);--border-width: 0}.invite-toolbar ion-title{font-size:18px;font-weight:600;color:var(--text-primary)}.invite-code-card{margin:16px;padding:24px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 24px #4a6fa54d;text-align:center}.invite-code-card .card-label{margin:0 0 16px;font-size:14px;font-weight:500;color:#ffffffd9}.invite-code-display{padding:16px;margin-bottom:20px;background:#ffffff26;border-radius:var(--radius-md);font-size:32px;font-weight:700;color:#fff;letter-spacing:6px}.invite-actions{display:flex;gap:12px}.invite-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.invite-action-btn ion-icon{font-size:18px}.invite-action-btn.primary{background:#fff;border:none;color:var(--ion-color-primary)}.invite-action-btn.primary:active{transform:scale(.98)}.invite-action-btn.outline{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff}.invite-action-btn.outline:active{background:#ffffff1a}.stats-card{margin:0 16px 16px;padding:20px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.stats-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;color:var(--text-primary)}.stats-header ion-icon{font-size:20px;color:var(--ion-color-primary)}.stats-grid{display:flex;justify-content:space-around}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px}.stat-value{font-size:28px;font-weight:700}.stat-value.primary{color:var(--ion-color-primary)}.stat-value.success{color:var(--ion-color-success)}.stat-label{font-size:13px;color:var(--text-secondary)}.rules-card{margin:0 16px 16px;padding:20px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-item{display:flex;gap:12px}.rule-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.rule-icon ion-icon{font-size:20px}.rule-icon.success{background:#10b9811a}.rule-icon.success ion-icon{color:var(--ion-color-success)}.rule-icon.warning{background:#f59e0b1a}.rule-icon.warning ion-icon{color:var(--ion-color-warning)}.rule-content{flex:1}.rule-content h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary)}.rule-content p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.use-code-section{padding:0 16px 16px}.use-code-btn{width:100%;display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--card-background);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);font-size:15px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.use-code-btn ion-icon{font-size:20px;color:var(--ion-color-primary)}.use-code-btn span{flex:1;text-align:left}.use-code-btn .arrow{color:var(--text-tertiary)}.use-code-btn:active{transform:scale(.98)}.invitations-card{margin:0 16px 16px;padding:20px;background:var(--card-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-item{display:flex;align-items:center;gap:12px;padding:12px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-radius:var(--radius-md)}.invitation-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4a6fa51a;border-radius:50%}.invitation-avatar ion-icon{font-size:20px;color:var(--ion-color-primary)}.invitation-info{flex:1}.invitation-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary)}.invitation-info p{margin:0;font-size:12px;color:var(--text-secondary)}.safe-area-bottom{height:calc(20px + env(safe-area-inset-bottom,0))}.modal-content{--background: var(--ion-background-color)}.modal-body{padding:24px 20px}.modal-hint{margin-bottom:24px}.modal-hint p{margin:0;font-size:14px;line-height:1.5}.code-input-group{margin-bottom:24px}.code-input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.code-input{width:100%;padding:14px 16px;background:var(--card-background);border:1.5px solid var(--border-light);border-radius:12px;font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;letter-spacing:4px;text-transform:uppercase;outline:none;transition:border-color .2s ease}.code-input:focus{border-color:var(--ion-color-primary)}.code-input::placeholder{font-size:14px;font-weight:400;letter-spacing:normal;color:var(--text-tertiary)}.submit-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--ion-color-primary) 0%,var(--primary-dark) 100%);border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a6fa54d}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{background:var(--ion-color-medium);box-shadow:none;cursor:not-allowed}@media (min-width: 400px){.invite-code-display{font-size:36px;letter-spacing:8px}.stat-value{font-size:32px}}@media (min-width: 576px){.invite-toolbar ion-title{font-size:20px}.invite-code-card{margin:20px;padding:32px;border-radius:var(--radius-xl)}.invite-code-card .card-label{font-size:15px;margin-bottom:20px}.invite-code-display{padding:20px;margin-bottom:24px;font-size:40px;letter-spacing:10px;border-radius:var(--radius-lg)}.invite-actions{gap:16px}.invite-action-btn{padding:14px 20px;font-size:15px;border-radius:12px}.invite-action-btn ion-icon{font-size:20px}.stats-card,.rules-card,.invitations-card{margin:0 20px 20px;padding:24px;border-radius:var(--radius-xl)}.stats-header{font-size:18px;margin-bottom:20px}.stats-header ion-icon{font-size:22px}.stat-value{font-size:36px}.stat-label{font-size:14px}.card-title{font-size:18px;margin-bottom:20px}.rules-list{gap:20px}.rule-icon{width:36px;height:36px}.rule-icon ion-icon{font-size:22px}.rule-content h4{font-size:15px;margin-bottom:6px}.rule-content p{font-size:14px}.use-code-section{padding:0 20px 20px}.use-code-btn{padding:18px 24px;font-size:16px}.use-code-btn ion-icon{font-size:22px}.invitation-item{padding:16px}.invitation-avatar{width:44px;height:44px}.invitation-avatar ion-icon{font-size:22px}.invitation-info h4{font-size:15px}.invitation-info p{font-size:13px}.modal-body{padding:32px 24px}.code-input{padding:16px 20px;font-size:20px;letter-spacing:6px}.submit-btn{padding:16px 24px;font-size:17px}}@media (min-width: 768px){.invite-code-card{margin:24px auto;padding:40px;max-width:600px}.invite-code-card .card-label{font-size:16px}.invite-code-display{padding:24px;margin-bottom:28px;font-size:44px;letter-spacing:12px}.invite-actions{gap:20px}.invite-action-btn{padding:16px 24px;font-size:16px;border-radius:14px;transition:all .25s ease}.invite-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ffffff4d}.invite-action-btn.outline:hover{background:#ffffff26}.stats-card,.rules-card,.invitations-card{margin:0 auto 24px;padding:28px;max-width:600px}.stats-header{font-size:19px;gap:10px}.stats-header ion-icon{font-size:24px}.stat-value{font-size:40px}.stat-label{font-size:15px}.card-title{font-size:19px}.rules-list{gap:24px}.rule-item{gap:16px}.rule-icon{width:40px;height:40px}.rule-icon ion-icon{font-size:24px}.rule-content h4{font-size:16px}.rule-content p{font-size:15px;line-height:1.5}.use-code-section{padding:0 24px 24px;max-width:600px;margin:0 auto}.use-code-btn{padding:20px 28px;font-size:17px;border-radius:var(--radius-xl);transition:all .25s ease}.use-code-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.invitation-item{padding:18px;border-radius:var(--radius-lg);transition:all .2s ease}.invitation-item:hover{background:linear-gradient(135deg,#f0f4f8,#e8edf2)}.invitation-avatar{width:48px;height:48px}.invitation-avatar ion-icon{font-size:24px}.invitation-info h4{font-size:16px;margin-bottom:6px}.invitation-info p{font-size:14px}.modal-body{padding:40px 32px}.modal-hint p{font-size:15px}.code-input-group label{font-size:15px;margin-bottom:10px}.code-input{padding:18px 24px;font-size:22px;letter-spacing:8px;border-radius:14px}.submit-btn{padding:18px 28px;font-size:18px;border-radius:14px;transition:all .25s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4a6fa566}}@media (min-width: 992px){.invite-toolbar{border-bottom:1px solid var(--border-color)}.invite-toolbar ion-title{font-size:22px}.invite-code-card{margin:32px auto;padding:48px;max-width:700px;border-radius:24px}.invite-code-card .card-label{font-size:17px;margin-bottom:24px}.invite-code-display{padding:28px 32px;margin-bottom:32px;font-size:48px;letter-spacing:14px;border-radius:var(--radius-xl)}.invite-action-btn{padding:18px 28px;font-size:17px}.invite-action-btn ion-icon{font-size:22px}.stats-card,.rules-card,.invitations-card{max-width:700px;padding:32px;border-radius:24px;margin-bottom:28px}.stats-header{font-size:20px}.stats-header ion-icon{font-size:26px}.stat-value{font-size:44px}.stat-label{font-size:16px}.card-title{font-size:20px;margin-bottom:24px}.rule-icon{width:44px;height:44px}.rule-icon ion-icon{font-size:26px}.rule-content h4{font-size:17px;margin-bottom:8px}.rule-content p{font-size:16px}.use-code-section{max-width:700px;padding:0 32px 32px}.use-code-btn{padding:22px 32px;font-size:18px}.use-code-btn ion-icon{font-size:24px}.invitations-list{gap:16px}.invitation-item{padding:20px}.invitation-avatar{width:52px;height:52px}.invitation-avatar ion-icon{font-size:26px}.invitation-info h4{font-size:17px}.invitation-info p{font-size:15px}.safe-area-bottom{height:40px}}@media (min-width: 1200px){.invite-toolbar ion-title{font-size:24px}.invite-code-card{margin:40px auto;padding:56px;max-width:800px;border-radius:28px}.invite-code-card .card-label{font-size:18px}.invite-code-display{padding:32px 40px;margin-bottom:36px;font-size:52px;letter-spacing:16px}.invite-actions{gap:24px}.invite-action-btn{padding:20px 32px;font-size:18px;border-radius:16px}.stats-card,.rules-card,.invitations-card{max-width:800px;padding:40px;border-radius:28px;margin-bottom:32px}.stats-header{font-size:22px;margin-bottom:28px}.stat-value{font-size:48px}.stat-label{font-size:17px}.card-title{font-size:22px}.rules-list{gap:28px}.rule-item{gap:20px}.rule-icon{width:48px;height:48px}.rule-icon ion-icon{font-size:28px}.rule-content h4{font-size:18px}.rule-content p{font-size:17px}.use-code-section{max-width:800px}.use-code-btn{padding:24px 36px;font-size:19px;border-radius:24px}.invitations-list{gap:20px}.invitation-item{padding:24px;border-radius:var(--radius-xl)}.invitation-avatar{width:56px;height:56px}.invitation-info h4{font-size:18px;margin-bottom:8px}.invitation-info p{font-size:16px}.modal-body{padding:48px 40px}.modal-hint{margin-bottom:32px}.modal-hint p{font-size:16px;line-height:1.6}.code-input-group{margin-bottom:32px}.code-input-group label{font-size:16px;margin-bottom:12px}.code-input{padding:20px 28px;font-size:24px;letter-spacing:10px;border-radius:16px}.submit-btn{padding:20px 32px;font-size:19px;border-radius:16px}}@media (min-width: 1400px){.invite-toolbar ion-title{font-size:26px}.invite-code-card{margin:48px auto;padding:64px;max-width:900px;border-radius:32px}.invite-code-card .card-label{font-size:19px;margin-bottom:28px}.invite-code-display{padding:36px 48px;margin-bottom:40px;font-size:56px;letter-spacing:18px;border-radius:24px}.invite-actions{gap:28px}.invite-action-btn{padding:22px 36px;font-size:19px;border-radius:18px}.invite-action-btn ion-icon{font-size:24px}.stats-card,.rules-card,.invitations-card{max-width:900px;padding:48px;border-radius:32px;margin-bottom:40px}.stats-header{font-size:24px;gap:14px;margin-bottom:32px}.stats-header ion-icon{font-size:30px}.stat-item{gap:10px}.stat-value{font-size:52px}.stat-label{font-size:18px}.card-title{font-size:24px;margin-bottom:28px}.rules-list{gap:32px}.rule-item{gap:24px}.rule-icon{width:52px;height:52px}.rule-icon ion-icon{font-size:30px}.rule-content h4{font-size:20px;margin-bottom:10px}.rule-content p{font-size:18px;line-height:1.6}.use-code-section{max-width:900px;padding:0 48px 48px}.use-code-btn{padding:26px 40px;font-size:20px;border-radius:28px}.use-code-btn ion-icon{font-size:26px}.invitations-list{gap:24px}.invitation-item{padding:28px;border-radius:24px}.invitation-avatar{width:60px;height:60px}.invitation-avatar ion-icon{font-size:30px}.invitation-info h4{font-size:20px}.invitation-info p{font-size:17px}.safe-area-bottom{height:56px}.modal-body{padding:56px 48px}.code-input{padding:24px 32px;font-size:26px;letter-spacing:12px;border-radius:18px}.submit-btn{padding:22px 36px;font-size:20px;border-radius:18px}}