html,body,ion-app{background:var(--ion-color-light, #f4f5f8)}body.native-statusbar-overlaid:before{content:"";position:fixed;inset:0 0 auto 0;height:var(--native-statusbar-height, 0px);background:var(--ion-color-primary, #00B09B);pointer-events:none;z-index:9999}:root{--verd-primary: #00B09B;--verd-primary-light: #00d9a3;--verd-primary-dark: #00875f;--verd-primary-shade: #006b4a;--gradient-primary: linear-gradient(135deg, #00d9a3 0%, #00B09B 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(0, 217, 163, .1) 0%, rgba(0, 184, 148, .1) 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-sunset: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-ocean: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--color-success: #00B09B;--color-warning: #ffa601;--color-danger: #ff6b6b;--color-info: #74b9ff;--color-purple: #a29bfe;--color-pink: #fd79a8;--color-orange: #ff9f43;--color-cyan: #00cec9;--gray-50: #f8f9fc;--gray-100: #eef2f7;--gray-200: #dfe4ea;--gray-300: #c8d0d9;--gray-400: #9aa5b1;--gray-500: #636e72;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #0d1117;--text-primary: #0d1117;--text-secondary: #586069;--text-tertiary: #9aa5b1;--text-white: #ffffff;--text-light: rgba(255, 255, 255, .95);--bg-primary: #ffffff;--bg-secondary: #f8f9fc;--bg-tertiary: #eef2f7;--bg-dark: #1a202c;--accent-1: #667eea;--accent-2: #f093fb;--accent-3: #4facfe;--accent-4: #fdcb6e;--font-xs: .7rem;--font-sm: .8rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.1rem;--font-xl: 1.3rem;--font-2xl: 1.6rem;--font-3xl: 1.8rem;--font-4xl: 2.2rem;--font-5xl: 3rem;--font-hero: 4rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.05em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--space-5xl: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-2xl: 28px;--radius-3xl: 36px;--radius-full: 9999px;--avatar-sm: 40px;--avatar-md: 50px;--avatar-lg: 80px;--avatar-xl: 120px;--icon-sm: 20px;--icon-md: 24px;--icon-lg: 28px;--icon-xl: 32px;--button-height: 50px;--button-height-lg: 58px;--button-height-sm: 42px;--shadow-xs: 0 2px 4px rgba(0, 0, 0, .06);--shadow-sm: 0 4px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .14);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .16);--shadow-primary: 0 10px 30px rgba(0, 184, 148, .35);--shadow-danger: 0 8px 20px rgba(255, 107, 107, .4);--shadow-success: 0 8px 20px rgba(0, 208, 132, .35);--shadow-purple: 0 10px 30px rgba(102, 126, 234, .35);--shadow-pink: 0 10px 30px rgba(253, 121, 168, .35);--text-shadow-sm: 0 2px 4px rgba(0, 0, 0, .15);--text-shadow-md: 0 4px 8px rgba(0, 0, 0, .25);--glow-primary: 0 0 20px rgba(0, 184, 148, .5);--glow-purple: 0 0 20px rgba(102, 126, 234, .5);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-bounce: cubic-bezier(.68, -.25, .265, 1.25);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-base: all var(--duration-base) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--transition-spring: all var(--duration-base) var(--ease-spring);--card-bg: var(--bg-primary);--card-bg-gradient: linear-gradient(135deg, #ffffff 0%, #f8f9fc 100%);--card-border: 1px solid var(--gray-100);--card-radius: var(--radius-xl);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-xl);--card-padding: var(--space-xl);--card-padding-sm: var(--space-md);--btn-radius: var(--radius-lg);--btn-padding-x: var(--space-2xl);--btn-padding-y: var(--space-md);--btn-transition: var(--transition-spring);--btn-shadow: var(--shadow-md);--input-bg: transparent;--input-border: 2px solid var(--gray-200);--input-border-focus: 2px solid var(--verd-primary);--input-radius: var(--radius-lg);--input-padding: var(--space-md) var(--space-xl);--input-height: 54px;--header-height: 60px;--header-bg: var(--bg-primary);--header-bg-blur: rgba(255, 255, 255, .85);--header-padding: var(--space-lg);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp var(--duration-slow) var(--ease-spring)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tap-effect:active{transform:scale(.96);transition:transform var(--duration-fast) var(--ease-out)}.hover-lift{transition:var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.glow-primary{box-shadow:var(--glow-primary)}.glow-purple{box-shadow:var(--glow-purple)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-ocean{background:var(--gradient-ocean)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.shimmer{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#1a202ccc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}ion-content{--background: var(--ion-color-light)}ion-toolbar{--background: var(--header-bg);--border-style: none}ion-item{--background: transparent;--border-color: var(--gray-100);--padding-start: var(--space-lg);--padding-end: var(--space-lg);--min-height: 58px}ion-button{--border-radius: var(--btn-radius);font-weight:var(--font-bold);text-transform:none;letter-spacing:var(--tracking-wide)}ion-chip{font-weight:var(--font-semibold);font-size:var(--font-sm);--background: var(--gray-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);padding-top:calc(var(--ion-safe-area-top, 0px) + var(--space-lg))}.page-title{font-size:var(--font-3xl);font-weight:var(--font-extrabold);margin:0;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.header-actions{display:flex;gap:var(--space-xs);align-items:center}.header-action-btn{--color: var(--gray-500);--padding-start: var(--space-sm);--padding-end: var(--space-sm)}.header-action-btn.is-active{--color: var(--verd-primary)}ion-button.header-icon-btn{--padding-start: var(--space-sm);--padding-end: var(--space-sm);--border-radius: 12px;margin:0}ion-button.header-icon-btn ion-icon{font-size:var(--icon-md)}ion-header ion-back-button,ion-header ion-button.custom-back-btn,ion-header ion-button.custom-back,ion-header ion-button.back-btn{--color: var(--ion-color-primary) !important;--padding-start: var(--space-sm) !important;--padding-end: var(--space-sm) !important;--border-radius: 12px}ion-header ion-back-button::part(icon),ion-header ion-button.custom-back-btn ion-icon,ion-header ion-button.custom-back ion-icon,ion-header ion-button.back-btn ion-icon{font-size:22px}.user-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-lg)}.user-info{display:flex;align-items:center;gap:var(--space-md)}.user-avatar-container{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full);overflow:hidden;border:2px solid white;box-shadow:var(--shadow-md);transition:var(--transition-fast);cursor:pointer}.go-icon{color:#cbd5e1;font-size:18px}.user-avatar-container:active{transform:scale(.95)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-greeting{display:flex;flex-direction:column;gap:2px}.user-greeting-sub{font-size:var(--font-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.user-greeting-name{font-size:var(--font-xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.notification-btn{--color: var(--ion-color-primary);--background: transparent;--background-hover: transparent;--background-focused: transparent;--background-activated: transparent;--padding-start: var(--space-sm);--padding-end: var(--space-sm);position:relative;margin:0}.notification-btn ion-icon{font-size:var(--icon-md);color:var(--ion-color-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-danger);border-radius:var(--radius-full);border:2px solid var(--ion-color-light)}.card{background:var(--card-bg);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);border:var(--card-border);transition:var(--transition-base)}.card:active{transform:scale(.98)}.card-clickable{cursor:pointer}.card-clickable:hover{box-shadow:var(--shadow-md)}.event-mini-card{background:#fff;display:flex;align-items:center;padding:var(--space-md);border-radius:var(--card-radius);margin-bottom:var(--space-md);border:var(--card-border);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-base)}.event-mini-card:active{transform:scale(.98)}.event-date-day{display:block;font-size:var(--font-xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:var(--leading-tight)}.event-date-month{display:block;font-size:var(--font-xs);font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:2px}.event-info-side{padding-left:var(--space-lg);flex:1;min-width:0}.event-info-title{margin:0 0 4px;font-size:var(--font-md);font-weight:var(--font-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-info-location{margin:0;font-size:var(--font-sm);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.event-info-location ion-icon{font-size:var(--icon-sm);flex-shrink:0}.stat-card{background:#fff;padding:var(--space-lg);border-radius:var(--card-radius);position:relative;overflow:hidden;box-shadow:var(--card-shadow);border:var(--card-border);cursor:pointer;transition:var(--transition-base)}.stat-card:active{transform:scale(.98)}.stat-card.primary{background:var(--verd-primary);color:#fff;border:none;box-shadow:var(--shadow-primary)}.stat-card-content{position:relative;z-index:var(--z-base)}.stat-number{font-size:var(--font-4xl);font-weight:var(--font-extrabold);display:block;line-height:var(--leading-tight);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-sm);opacity:.9;font-weight:var(--font-semibold)}.total{font-size:1.8rem;font-weight:900}.carregats{font-size:1rem;font-weight:300}.stat-bg-icon{position:absolute;right:-10px;bottom:-10px;font-size:5rem;opacity:.08;transform:rotate(-15deg);pointer-events:none}.stat-progress{height:6px;background:#ffffff40;border-radius:var(--radius-full);margin-top:var(--space-md);overflow:hidden}.stat-progress-bar{height:100%;background:#fff;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.btn-primary{--background: var(--verd-primary);--background-hover: var(--verd-primary-dark);--background-activated: var(--verd-primary-dark);--color: white;height:var(--button-height-lg);font-weight:var(--font-extrabold);font-size:var(--font-md);letter-spacing:var(--tracking-wide)}.btn-secondary{--background: white;--color: var(--verd-primary);--border-color: var(--gray-200);--border-width: 1px;height:var(--button-height);font-weight:var(--font-bold)}.btn-text{color:#fff;font-size:.8rem;font-weight:700;margin-left:5px}.quick-actions-scroll{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--space-md);margin-top:var(--space-2xl);padding-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.quick-actions-scroll::-webkit-scrollbar{display:none}.action-btn{flex:0 0 auto;width:120px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.action-btn{background:#fff;padding:var(--space-lg) var(--space-sm);border-radius:var(--card-radius);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-sm);border:var(--card-border);cursor:pointer;transition:var(--transition-fast)}.action-btn:active{transform:scale(.95)}.action-btn ion-icon{font-size:var(--icon-lg);color:var(--verd-primary)}.action-btn span{font-size:var(--font-sm);text-align:center}.input-container{margin-bottom:var(--space-lg)}.custom-input-item{--background: rgba(255, 255, 255, .15);--color: white;--padding-start: var(--space-lg);border-radius:var(--input-radius);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-lg)}.custom-input-item ion-icon{color:#fff;font-size:var(--icon-md);margin-top:var(--space-md)}.clean-input{--background: transparent !important;--color: white;--placeholder-color: rgba(255, 255, 255, .5);padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.clean-input::part(native){background:transparent!important}.input-light{--background: white;--color: var(--text-primary);--border-color: var(--gray-200);--border-width: 1px;border-radius:var(--input-radius);margin-bottom:var(--space-md)}.filters-scroll{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) var(--space-lg);-webkit-overflow-scrolling:touch}.filters-scroll::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:var(--space-sm) var(--space-lg);background:#fff;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:var(--font-bold);color:var(--text-secondary);border:1px solid var(--gray-200);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.filter-pill:active{transform:scale(.95)}.filter-pill.is-active{background:var(--verd-primary);color:#fff;border-color:var(--verd-primary)}.action-alert{background:var(--color-danger);color:#fff;padding:var(--space-lg);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);box-shadow:var(--shadow-danger);cursor:pointer;transition:var(--transition-fast)}.action-alert:active{transform:scale(.98)}.alert-content{display:flex;align-items:center;gap:var(--space-md);flex:1}.alert-content ion-icon{font-size:var(--icon-md);flex-shrink:0}.alert-content span{font-size:var(--font-sm);font-weight:var(--font-medium)}.alert-content strong{font-weight:var(--font-bold)}.fitxar-location-alert .alert-message{white-space:pre-line}.main-list{background:#fff;border-radius:var(--radius-xl);padding:var(--space-sm) 0;box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);overflow:hidden}.custom-item{--background: transparent;--padding-start: var(--space-lg);--padding-end:0px;--min-height: 56px;transition:var(--transition-fast)}.custom-item:active{--background: var(--gray-50)}ion-list-header{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-sm) var(--space-xl) var(--space-xs) var(--space-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5xl) var(--space-2xl);text-align:center}.empty-icon-box{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gray-100);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2xl)}.empty-icon-box ion-icon{font-size:2.5rem;color:var(--text-tertiary)}.empty-state h3{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-sm) 0}.empty-state p{font-size:var(--font-base);color:var(--text-secondary);margin:0;max-width:280px}.ion-page .page-enter-title,.ion-page .page-enter-content{animation:none}.ion-page:not(.ion-page-hidden) .page-enter-title{animation:pageEnterTitle var(--duration-slow) var(--ease-out);animation-fill-mode:both}.ion-page:not(.ion-page-hidden) .page-enter-content{animation:pageEnterContent var(--duration-slow) var(--ease-out);animation-delay:60ms;animation-fill-mode:both}@keyframes pageEnterTitle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnterContent{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.content-container{padding:var(--space-xl);padding-bottom:var(--space-5xl)}.section-title{font-size:var(--font-lg);font-weight:var(--font-extrabold);color:var(--text-primary);margin:var(--space-2xl) 0 var(--space-lg) 0}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.attendance-pill{display:flex;align-items:center;gap:var(--space-sm);height:21px;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-bold);font-size:var(--font-sm);box-shadow:var(--shadow-sm)}.has-image .trend-pill{background:#ffffff26!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-color:transparent}.trend-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#ffedd5e0;color:#9a3412;font-size:.75rem;font-weight:700;height:21px}.trend-icon{font-size:12px}.trend-value{white-space:nowrap}.segment-toolbar{--background: transparent;--padding-top: 5px;--padding-bottom: 15px;--padding-start: 16px;--padding-end: 16px}.custom-segment{background:#e2e8f0!important;border-radius:14px;height:44px;padding:3px}.custom-segment ion-segment-button{--color: #64748b !important;--color-checked: #ffffff !important;--background-checked: var(--ion-color-primary) !important;--indicator-color: transparent !important;margin:0;border-radius:11px;text-transform:uppercase!important;letter-spacing:.04em}.custom-segment ion-segment-button::part(indicator-background){background:var(--ion-color-primary)!important;box-shadow:none!important}.search-container-ios{padding-top:10px}:root{--max-content-width: 800px;--max-content-width-wide: 1200px;--max-content-width-narrow: 600px;--desktop-padding: var(--space-5xl)}@media (min-width: 768px){ion-content .content-container{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding-left:var(--desktop-padding);padding-right:var(--desktop-padding)}ion-content>div{max-width:var(--max-content-width);margin-left:auto;margin-right:auto}ion-header ion-toolbar>div{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding-left:var(--desktop-padding);padding-right:var(--desktop-padding)}ion-tab-bar{max-width:var(--max-content-width);margin-left:auto;margin-right:auto}}.full-width-page ion-content .content-container,.full-width-page ion-content>div{max-width:100%!important}.full-width-section{max-width:100vw!important;margin-left:calc(-1 * var(--desktop-padding))!important;margin-right:calc(-1 * var(--desktop-padding))!important;padding-left:var(--desktop-padding)!important;padding-right:var(--desktop-padding)!important}.wide-page ion-content .content-container{max-width:var(--max-content-width-wide)!important}.narrow-page ion-content .content-container{max-width:var(--max-content-width-narrow)!important}@media (min-width: 768px){.card,.event-card{border-radius:var(--radius-2xl)}.card:hover,.event-card:hover{box-shadow:var(--shadow-xl)}ion-tab-bar{position:fixed;bottom:env(safe-area-inset-bottom);left:50%;transform:translate(-50%);width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}}@media (min-width: 1024px){:root{--max-content-width: 900px}}@media (min-width: 1440px){:root{--max-content-width: 1000px}}@media (min-width: 1920px){:root{--max-content-width: 1100px}}:root{--ion-color-primary: #00B09B;--ion-color-primary-rgb: 0, 178, 154;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #00a08a;--ion-color-primary-tint: #33c2b0;--ion-color-success: var(--ion-color-primary);--ion-color-success-rgb: var(--ion-color-primary-rgb);--ion-color-success-contrast: var(--ion-color-primary-contrast);--ion-color-success-contrast-rgb: var(--ion-color-primary-contrast-rgb);--ion-color-success-shade: var(--ion-color-primary-shade);--ion-color-success-tint: var(--ion-color-primary-tint);--ion-color-light: #f4f5f8;--verds-surface-soft: #eefaf7;--verds-surface-soft-strong: #def4ee;--verds-border-soft: rgba(var(--ion-color-primary-rgb), .24);--verds-border-medium: rgba(var(--ion-color-primary-rgb), .42);--verds-text: #00875f;--verds-text-strong: #006b4a;--verds-gradient: linear-gradient(180deg, var(--ion-color-primary-tint) 0%, var(--ion-color-primary) 100%)}ion-header{--background: var(--ion-color-primary);--color: var(--ion-color-primary-contrast);--box-shadow: 0 2px 4px rgba(0,0,0,.1)}ion-toolbar{--background: var(--ion-color-primary);--color: var(--ion-color-primary-contrast);--box-shadow: 0 2px 6px rgba(0,0,0,.15)}ion-content{--background: #f6f7f8}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes spin{to{transform:rotate(360deg)}}.verds-spinner{width:120px;height:120px;border-radius:50%;border:3px solid rgba(0,0,0,.08);border-top-color:var(--ion-color-primary);animation:spin 1s linear infinite}.content-container{width:100%;max-width:720px;margin:0 auto;padding:0;background:var(--ion-color-light);border-radius:12px}.cards-list{padding:12px;display:flex;flex-direction:column;gap:10px}.searchbar-wrapper{position:sticky;top:0;z-index:5;border-bottom:1px solid rgba(0,0,0,.05)}.castellers-searchbar{--background: #f4f5f8;--border-radius: 12px;--box-shadow: none;--color: var(--ion-color-dark);--placeholder-color: var(--ion-color-medium);--icon-color: var(--ion-color-medium);--clear-button-color: var(--ion-color-medium);padding-inline:0}.castellers-searchbar.searchbar-has-focus{--background: #ffffff;--box-shadow: 0 4px 12px rgba(0, 0, 0, .08)}.searchbar-wrapper.is-filtering{border-bottom-color:var(--ion-color-primary)}.searchbar-wrapper.is-filtering .castellers-searchbar{--icon-color: var(--ion-color-primary)}.category-tag{padding:2px 8px;border-radius:6px;color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a}ion-content{--padding-top: var(--ion-safe-area-top, env(safe-area-inset-top));--padding-bottom: var(--ion-safe-area-bottom, env(safe-area-inset-bottom))}ion-tab-bar{padding-bottom:var(--ion-safe-area-bottom, env(safe-area-inset-bottom))!important;height:calc(56px + var(--ion-safe-area-bottom, env(safe-area-inset-bottom)))!important}